@CHARSET "ISO-8859-1";

html,body {
/* 	background-color: #005d9d; for the tint */
    min-width: 320px;
   	margin: 0;
	padding: 0;
    height: 100%;
    width:100%;
    min-height:100%;
    overflow-x: hidden  !important;
}

/* body { */
/* 	margin: 0; */
/* 	font-family: Arial, Helvetica, sans-serif; */
/* 	font-size: 13px; */
/* 	position: relative; */
/* 	height: 100%; */
/* } */


.mainBodyContent div {
    overflow: hidden !important;
     overflow-x: hidden !important;
 }

/*  div { */
/*     overflow: hidden !important; */
/*      overflow-x: hidden !important; */
/*  } */

.ui-page {
	   overflow: hidden !important;
	   overflow-x: hidden !important;
}



.alert {
	padding: 8px 35px 8px 14px;
	margin-bottom: 18px;
	color: #c09853;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.alert-heading {
	color: inherit;
}

.alert .close {
	position: relative;
	top: -2px;
	right: -21px;
	line-height: 18px;
}

.alert-danger,.alert-error {
	color: #b94a48;
	background-color: #f2dede;
	border-color: #eed3d7;
}

.alert-block {
	padding-top: 14px;
	padding-bottom: 14px;
}

.alert-block &gt ; p,.alert-block &gt ; ul {
	margin-bottom: 0;
}

.alert-block p+p {
	margin-top: 5px;
}

.ui-title {
	margin: 0.6em 10% 0.8em !important;
	padding: 0
}

.ui-header .ui-title .ui-footer .ui-title {
	padding: 0 !important;
}

.btn {
	display: inline-block;
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .25) !important;
	background-image: none !important;
	border: 5px solid #fff;
	border-radius: 0;
	box-shadow: none !important;
	transition: all ease .15s;
	cursor: pointer;
	vertical-align: middle;
	position: relative;
}

.btn-sm,.btn-xs {
	background-color: #22adff !important;
	-webkit-border-radius: .5em;
	border-radius: .5em;
	border-color: #54c0ff
}

btn-primary:hover,.open .btn-primary.dropdown-toggle {
	background-color: #1585c7 !important;
	border-color: #2298dd
}

.btn-primary {
	color: #fff;
	background-color: #428bca;
	border-color: #357ebd;
}

.btn-primary, .btn-primary:focus {
	background-color: #2298dd!important;
	border-color: #2298dd;
}

form-actions .btn,.form-actions .action-link {
	margin: 6px 3px;
}

button,html input[type="button"],input[type="reset"],input[type="submit"]
	{
	-webkit-appearance: button;
}


h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 15px;
	padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
	font-size: 20px;
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
h1 {
	margin-top: 0;
	background-color: #005d9d;
	display: block;
	font-size: 130%;
	color: #FFF;
	padding: 0px;
	font-weight: normal;
}


/* ~~ The footer ~~ */
.footer {
	background-color: #f5f5f5;
	padding-top: 10px;
	padding-right: 10;
	padding-bottom: 10px;
	padding-left: 10;
}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}


/* .in, .out { */
/*     -webkit-animation-timing-function: ease-in-out; */
/*     -webkit-animation-duration: 250ms !important; */
/*     -webkit-transform: translate3d(0,0,0); */
/* } */


/* .ui-page { */
/* 	-webkit-transform: translate3d(0,0,0); */
/* 	-webkit-backface-visibility: hidden; */
/* } */




span.forceBreak {
  word-wrap: break-word;
  white-space: wrap;
}



.header .dubai-customs-logo {
  display: inline-block;
  float: right;
}

.header .dubai-customs-logo img,
.header .dubai-gov-logo img {
  height: auto;
  max-width: 100%;
  display: inline-block;
}


/* main page swiper configuration*/
.swiper-wrapper {
}

.swiper-wrapper-menu {
	background-color: #005d9d;
	width: 100%;
}
.swiper-slide {
	width: 100%;

/* /*  	display: flex; */ */
/*     justify-content: space-around; */
/*     align-items: center; */
/*   flex-wrap: wrap;*/



}


.pagination {
	position: absolute;
	z-index: 20;
	left: 10px;
	top: 1px;
	display: inherit;



}

.swiper-pagination-switch {
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 8px;
	background: #555;
	margin: 0 0px 6px;
	opacity: 0.8;
	border: 2px solid #dddd;
	cursor: pointer;
}

.swiper-active-switch {
	background: #fff;
}


.header {
	border: 0 !important;
	background-color:#ffffff !important;
	min-width: 320px !important;
}

@media only screen and (min-width:780px){
	.header {
		border: 0;
		background-color:#ffffff !important;
	}
}




.ui-listview>.ui-li-static, .ui-listview>.ui-li-divider, .ui-listview>li {
	border-style:solid;
}


.ui-listview>.ui-li-static, .ui-listview>.ui-li-divider, .ui-listview>li>a.ui-btn {
	border-style:solid;
	border-width: 1px;
}


/* ================  news list ========== */

.newsList {
	position: relative; /* So the thumbnail is relative to this */

}
.newsList li h2 {
	font-weight: lighter !important;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif !important;
	white-space:normal !important;
	color: #0072bc;
	padding-left: 5px;
	vertical-align: middle;
	margin: 0;
}

.newsHeader  {
	font-weight: lighter !important;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif !important;
	white-space:normal !important;
	color: #0072bc;
	padding-left: 5px;
	vertical-align: middle;
	margin: 0;
}

.newsList li div img {
	max-height: 95px;
	max-width: 110px;
	margin:auto;
}



.newsList li div {
	text-align:center;
	float:left;
	overflow: hidden;
}


.newsList li p {
      overflow: hidden;
      float: right;
 }

.newsList a {
	font-weight: inherit;
	font-family: inherit;
	white-space: inherit;
	vertical-align: inherit;
}
li a:link , li a:visited , li a:hover,li a:active {
    text-decoration: none;
    outline:0;
}


li a:hover {
	color: #a71228;
	text-decoration: none;
	outline:0;
}



/* iPad in portrait & landscape, add  [and (orientation : landscape)  | and (orientation : portrait)] */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  { /* STYLES GO HERE */}



/* Retina iPad in portrait & landscape  // add and (orientation : landscape) or and (orientation : portrait) to select more*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */}


/* iPad mini in portrait & landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1)  { /* STYLES GO HERE */}


/* iPhone 5 in portrait & landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) { /* STYLES GO HERE */}

/* iPhone 2G-4S in portrait & landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* 	/* STYLES GO HERE */ */
/* 	li img { */
/* 		max-height: 80px; */
/* 		max-width: 80px; */
/* 	} */
}


/*
iPhone < 5:
@media screen and (device-aspect-ratio: 2/3) {}

iPhone 5:
@media screen and (device-aspect-ratio: 40/71) {}

iPad:
@media screen and (device-aspect-ratio: 3/4) {}
*/

#news-navg-actions {

/* 	float: left; */
	clear: both;
/* 	margin-top: 10px; */
}