/*Singapore Airlines Cargo Layout CSS*/
/*@import url(http://fonts.googleapis.com/css?family=PT+Sans|Sahitya);*/
@font-face{
        font-family:"Proxima Nova W01 Regular";
        src:url("../fonts/proxima-nova-regular.woff") format("woff");
    }
@font-face {
	font-family:"sigvar";
	src:url("../fonts/sigvar-serial.ttf") format("truetype");
	font-weight:normal;
	font-style:normal
}
/*Common Values*/
blockquote {
	font-size:14px!important;
	border-left:0px;	
}
body, html {
	height:100%;
}
body {
	margin:0;
	padding:0;
	background-color:#d5d5d5;
	/*background:url(../img/PatternMedium.jpg) repeat;*/
	/*font-family:'PT Sans', sans serif;*/
	font-family:'Proxima Nova W01 Regular', sans serif;
	font-size:14px;
	min-width:298px;
}
.index, .content, .no-padding {
	padding-left:0;
	padding-right:0;
}
.hidden.active {
	display:block !important;
	visibility:visible !important;
}
.font-orange, .header a:hover, .side-nav li.active > a, .side-nav a:hover, .list-bar-btm > button:hover {
	color:#ffa300!important;
}
.font-white{
	color:#fff;	
}
.font-blue{
	color:#041E42;	
}
.background-blue{
	background:#041e42;
}
.list-bar, .content {
	background-color:#FFF;
}
.list-bar-btm > button:hover, .header a{
	background-color:transparent!important;
}
.visibility-hidden {
	visibility:hidden !important;
}
.hover-show:hover {
	opacity:0.9;
}
.hover-show:hover .visibility-hidden {
	visibility:visible !important;
}
a,.pointer{
	cursor:pointer;	
}
/*End of Common Values*/
/*Header*/
.header {
	height:77px;
	background-color:#041e42;/*#041e42*/
	border-bottom:5px solid #ffa300;
	z-index:1;
	margin-right:auto;
	margin-left:auto;
}
.header img{
	height:71px;
}
h1,h2,h3,h4,h5,h6{
	/*font-family:'PT Sans', serif;*/
	font-family:'sigvar', sans serif;
}
.header li a {
	font-weight:700!important;
	font-size:14px!important;
	color:#fff!important;
	font-family:'sigvar', sans serif;
}
#navbar {
	padding-top:20px;
}
#navbar .nav > li > a {
	padding:10px 7px;
}
.navbar {
	margin-bottom:0!important;
}
.navbar-nav {
	margin-right:0!important;
}
.navbar-toggle {
	margin-top:22px;
}
.navbar-default .navbar-collapse {
	border-top:0 solid #ffa300!important;
}
/*End of Header*/
/*Listbar*/
.list-bar-content > .col-xs-10 {
	padding-left:0;
}
.list-bar-btm {
	text-align:center;
}
.list-bar-btm > button {
	text-align:center;
	width:120px;
	height:120px;
	margin:1.5%;
	font-size:18px;
	position:relative;
	border-color:transparent!important;
}
.list-bar-btm > button >span {
	font-size:40px;
}
#hover {
	background:#EFEFEF;
	position:fixed;
	border:0!important;
	margin-top:32px;
}
/*End of Listbar*/
/*Sidebar*/
.side-nav {
	background-color:#EFEFEF;
	border-right:3px solid #E9E9E9;
	float:left;
	position:absolute;
	z-index:0;
	top:0;
	bottom:0;
	padding-top:0px;
	overflow-y:auto!important;
	overflow-x:hidden!important;
}
.side-nav li.active > a, .side-nav a:hover {
	border-left:#ffa300 solid 3px;
}
.side-nav .nav .nav li a {
	padding-left:24px;
}
.side-nav .nav > li {
	padding:8px 0 8px 4px!important;
	height:auto!important;
}
.side-bar {
	background-color:#DFDFDF;
	border-left:1px solid #DCDCDC;
	width:270px;
	position:fixed;
	z-index:4;
	top:0;
	right:-270px;
	bottom:0;
	padding-top:0px;
	overflow-y:auto!important;
	overflow-x:hidden!important;
}
.side-bar .nav-list{
	padding-top:102px;
	
}
.side-bar h3, .side-bar li a {
	text-align:center;
}
.side-bar li a {
	font-size:15px;
	color:#777;
	font-weight:600;
}
.side-bar-header {
	background-color:#FFF;
	height:101px;
	width:100%;
	position:absolute;
	background-color:#041e42;
	border-bottom:5px solid #ffa300;
}
.side-bar-header h3 {
	margin:0;
	padding-top:47px;
	color:#FFF;
}
.side-bar-header h3 span{
	position: absolute;
	right: 14px;
	font-size: 57px;
	top: 28px;
	cursor:pointer;
}
.side-nav .nav > li > a, .side-nav .nav .nav li a {
	font-size:15px;
	color:#777;
	font-weight:600;
}
.side-bar li a:hover {
	background-color:#ffa300;
}
/*End of Sidebar*/
/*Content*/
.side-content {
	background:#FBFBFB;
	opacity:0.95;
	/*filter: alpha(opacity=90);*/
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	padding-top:1px;
	/*margin-top:-20%;*/
	margin-top:15px;
	margin-bottom: 15px;
	border-radius:5px;
}
.index, .content {
	margin:0 auto;
	position:relative;
	box-shadow:0 0 25px 0 #777;
	-moz-box-shadow:0 0 25px 0 #777;
	-webkit-box-shadow:0 0 25px 0 #777;
}
.content {
	min-height:88%;
	overflow:hidden;
}
.news {
	background-color:#f0f0f0;
	border-bottom:3px solid #efefef;
}
.news > div {
	margin-top:32px;
}
/*End of Content*/
/*Footer*/
footer p {
	margin:0!important;
}
.footer {
	position:relative;
	bottom:0;
	width:100%;
	background-color:#BBB;
	min-height:29px;
}
/*End of Footer*/
/*Misc*/
.table .table > thead > tr > th, .table .table > tbody > tr > th, .table .table > tfoot > tr > th, .table .table > thead > tr > td, .table .table > tbody > tr > td, .table .table > tfoot > tr > td {
	border-top:0;
}
.side-content-blocker {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	padding: 2%;
	float:right;
	z-index:3;
	overflow-y:hidden;
	overflow-x:hidden;
	cursor:pointer;
	background-color:#4d4a43;
	opacity: 0.6;
	filter: alpha(opacity=60)
}
.owl-carousel img {
	display:block;
	width:100%;
	height:auto;
	cursor:grab;
}
.icon-news, .icon-charts {
	font-size:32px;
}
.header .dropdown-menu{
	border-left: 0px;
	border-right: 0px;
	border-top:3px transparent;
	background-color:#041e42;
	opacity: 0.9;
	border-bottom:5px solid #ffa300;
}
.selected{
	color:#000 !important;
	font-weight:bold !important;	
}
.breadcrumb{
	font-size:11px;	
}
/*End of Misc*/
/*Dynamic*/
@media only screen and (max-width:992px) {
.list-bar-btm > button {
	font-size:15px !important;
	margin:1.5% !important;
	width:100px !important;
	height:100px !important;
}
.list-bar-btm > button:hover {
	font-size:15px !important;
}
.list-bar-btm > button >span {
	font-size:30px !important;
}
.overflow-hidden {
	overflow: hidden !important;
}
.side-nav li {
	padding: 4px 0px 4px 4px !important;
	height: auto !important;
}
#navbar.in {
	padding-top:0px;
}
}
@media only screen and (max-width:992px) {
.side-content {
	width: 100%;
}
.side-nav {
	display:none;
}
.hidden-nav {
	display: none !important;
}
}

@media only screen and (max-width:767px) {
.navbar-nav{
	display:none !important;	
}
.side-content {
	margin-top:0px;
	padding:15px;
}
.list-bar-btm > button {
	width:75px !important;
	height:75px !important;
}
.list-bar-btm > button {
	font-size:14px !important;
}
.list-bar-btm > button:hover {
	font-size:14px !important;
}
.res-link:hover{
	color: #23527C;
	text-decoration: underline;
}
.res-link{
	color: #337AB7;
	cursor:pointer;
}
}
@media only screen and (max-width:589px) {
.list-bar-btm > button {
	font-size:0px !important;
	margin:0.5% !important;
}
.list-bar-btm > button {
	width:50px !important;
	height:50px !important;
}
.list-bar-btm > button {
	font-size:0px !important;
}
.list-bar-btm > button:hover {
	font-size:0px !important;
}
.col-xxs-6{
	width: 50%;
}
}
@media only screen and (max-width:375px) {
.list-bar-btm > button {
	width:49px !important;
	height:49px !important;
}
.list-bar-btm > button >span {
	font-size:24px !important;
}
.jqplot-xaxis-tick{
	font-size:8px !important;	
}
}

/*End of Dynamic*/