@import url(bootstrap.min.css);
@import url(bootstrap-select.min.css);
@import url(font-awesome.min.css);

html{
    /*font-size:100%;*/
}
body{
    background-color: #fff;
    color: #404040;
    font-family: Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
    /*font-size:1.125em;*/
    line-height:1.5em;
    width: 100%;
    margin: 0;
    padding: 0;
    text-rendering: optimizelegibility;
}
h1{
    font-size: 1.3em;
    line-height: normal;
    padding-bottom: 0;
    color:#074a8b;
	text-align:left;
	font-weight:bold;
	margin:10px 0
}
h2{
    font-size: 1.22em ;
    font-weight: bold;
    line-height: normal;
    color: #074a8b;
}
h3{
    font-size:1.15em;
    font-weight: bold;
    color: #074a8b;
    padding-top: 10px;
    line-height: 1.4em;
}
h4{
    font-size: 1.11em;
    font-weight: normal;
    color: #404040;
}
h5{
    font-size:1em;
    font-weight: bold;
    color: #404040;
}
h6{
    font-size:0.778em;
    font-weight: bold;
    color: #404040;
}
a{
    color:#0065a2;
    text-decoration: none;
}
a:hover,a:focus{
    text-decoration: underline;
}
header ul, header ol, .ft3 ul, .ft3 ol{
	margin:0;
	padding:0;
	display:flex
}

/*Global*/
.container{
    min-width: 320px
}
.relative{
	position:relative
}

/*Header*/
.hb1{
    height:100px;
    position:relative
}
.hb1 span.mt{
    font-size: 1.70em;
    line-height: normal;
    font-weight: normal;
    padding-bottom: 0;
    color:#0065a2;
    padding-left:35px;
    padding-top:65px;
    display:table-cell;
	text-transform:uppercase
}
.hb1 a.ec-logo{
    margin-top:15px;
	margin-left:25px;
    float:left
}
.hb2{
    height:45px;
    background-color:#0065A2
}
.hb2 span{
    font-size: 1.30em;
    line-height: normal;
    font-weight: normal;
    padding-bottom: 0;
    color: #fff;
    padding-left:35px;
    padding-top:10px;
    display:table-cell
}
.hb3{
    background-color:#074a8b;
    color:#fff;
	padding-bottom:1px
}
.topm{
	position:absolute;
	right:0;
	top:-0;
	text-align:right
}
.topm .bootstrap-select{
	margin-bottom:10px
}
.topm a{
	color: #0065a2;
	font-size:.7em
}
.topm ul.lnk{
	list-style-type:none;
	margin:0 30px 0 0;
	padding:0;
	display: inline-block;
}
.topm li{
	display:inline
}
.topm ul.lnk > li + li::before {
    content: "|";
    padding: 0 2px;
	color:#000;
	font-size:.7em
}
.bootstrap-select > .dropdown-toggle{
	margin-top:3px
}

.navbar-toggle .icon-bar{
	background-color:#fff
}
.hb1 .navbar-collapse.in{
	overflow:visible
}

/*Breadcrumbs*/
.breadcrumb{
    background-color:transparent;
    padding:0;
    margin:0;
    font-size:.9em;
    line-height:1.6em;
	overflow:hidden
}
.breadcrumb li{
	white-space:nowrap;
}
.breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:active, .breadcrumb a:focus{
    color:#fff
}
.breadcrumb > li + li::before {
    color: #fff;
    content: ">";
    padding: 0 5px;
}
.breadcrumb > .active{
    color:#fff;
	max-width: 500px;
    overflow: hidden;
    white-space: nowrap;
}

/*Footer*/
footer{
	font-size:.9em
}
footer a:link, footer a:visited, footer a:focus, footer a:active{
    color:#fff
}
.ft1{
    background-color:#074a8b;
    color:#fff;
    padding:5px 0
}
.ft2{
    background-color:#0065a2;
    color:#fff;
    padding:20px 0
}
.ft2 ol{
    margin:0;
	list-style:none;
	padding:0;
	list-style-position:inside;
	font-size:1em
}
.ft3{
	background-color:#fff;
	padding:6px 0
}
.ft3 ol{
	margin:0;
	list-style:none;
	padding:0;
	list-style-position:inside;
	font-size:.9em;
	display:inline-block;
	vertical-align:middle;
}
.ft3 ol li{
	display:inline-block
}
.ft3 ol > li + li::before {
    color: #404040;
    content: "|";
    padding: 0 5px;
}
footer .ft3 a{
	color: #0065a2;
}
footer .ec-inspire-logo{
	width:140px
}
footer h4{
	color:#fff;
	font-size:1em;
	font-weight:bold;
	border-bottom: 1px dotted #fff;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-bottom: 4px;
}
footer .social{
	margin-left:25px;
	display:inline-block;
	font-size:32px;
	vertical-align: middle;
}
footer .social div{
	display:inline-flex;
}
footer .social div a{
	margin-left:5px
}
footer .navbar-collapse{
	box-shadow:0 0 0 0
}
footer .navbar-collapse.in, footer .navbar-collapse.collapsing{
	background-color:#0065a2;
    border: 0;
    margin: 0;
    padding: 0;
}
footer h4{
	position:relative
}
footer .navbar-toggle{
	float:none;
	width:100%;
	position:absolute;
	margin:0;
	padding:0;
	top:0;
	left:0;
	text-decoration:none;
}
footer .navbar-toggle.collapsed:after{
	content:"+";
	float:right
}
footer .navbar-toggle:after{
	content:"-";
	float:right
}

/* Data Teble Customizations */
.dataTable {
    border-bottom: 2px solid #074a8b;
    border-top: 2px solid #074a8b;
    table-layout: fixed;
}
.dataTable input{
	margin:0 5px
}
.dataTable > tbody > tr > td, .dataTable > tbody > tr > th, .dataTable > tfoot > tr > td, .dataTable > tfoot > tr > th, .dataTable > thead > tr > td, .dataTable > thead > tr > th {
    padding:3px
}
.dataTable .input-sm {
    border: 0 none;
    box-shadow: unset;
    font-weight: normal;
    padding: 0;
    width:90%
}
.dataTables_wrapper{
        overflow:hidden
}
.dataTables_wrapper .row{
        margin-bottom:0
}
.dataTables_wrapper .row:first-child, .dataTables_wrapper .row:last-child{
        padding:5px 0;
        background-color: #074a8b;
        color:#fff;
        font-weight:bold
}
.dataTables_wrapper .row:first-child .col-sm-6 div, .dataTables_wrapper .row:last-child .col-sm-5 div, .dataTables_wrapper .row:last-child .col-sm-7 div{
        padding-left:5px;
        padding-right:5px
}
.dataTables_wrapper .dataTables_paginate ul.pagination{
        vertical-align:middle;
        font-size:1.2em
}
.dataTables_wrapper .pagination .active, .dataTables_wrapper .pagination .active a{
        background-color:#fff;
        border-color:#ddd;
        color:#0065a2
}
.dataTables_wrapper .dataTables_paginate {
    display: inline-block;
    float: right;
    margin-top: 5px;
    right: 0;
}
.dataTables_wrapper  .pagination > li > a, .pagination > li > span {
    padding: 4px 8px;
}
.dataTables_wrapper label{
        margin:0
}
.dataTables_wrapper .bottom {
    font-size: 0.8em;
}
.dataTables_wrapper select.input-sm{
	height: 25px;
	padding: 2px 7px;	
}
.dataTables_wrapper .dataTables_length {
    display: inline-block;
}
.dataTables_wrapper .dataTables_info {
    display: inline-block;
    margin-left: 20px;
}

/* Back to top */
#top-link-block.affix {
	display:block;
    position: fixed; 
    bottom: 30%; 
    right: 10px;
	transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

/* 5 column layout */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}

/* RESPONSIVE media query */

/* Default BT sizes */
@media (max-width: 992px){
	footer .ec-inspire-logo{
		width:100px
	}
}
@media (max-width: 767px){
	.navbar-toggle{
		margin-top:15px
	}
	.navbar-collapse.in, .navbar-collapse.collapsing{
		background-color:#fff;
		border-bottom: 4px solid #074a8b;
		margin:0;
		width: 100%;
	}

	.hb1{
		height:84px
	}

	.hb1 a.ec-logo{
		width:140px;
		margin-left:0
	}
	.hb1 a.ec-logo img{
		width:100%
	}
	.hb1 span.mt{
		font-size:1.2em;
		padding-left:15px;
		padding-top:55px
	}
	.hb2 span{
		font-size:.9em;
		padding-left:15px;
		line-height:22px		
	}
	.right{
		text-align:left
	}
}

/* Custom sizes */
@media (max-width: 479px){
	.hb2 span{
		font-size:.8em;
		padding-left:15px;
		line-height:24px	
	}
}

/* Custom columns layout  col 15 */
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}