.aside-md {
	width: 240px;
}

.modal-dialog {
  	width: 500px;
    position: relative;
	top:200px;
	margin: 0 auto !important;
  }
  
.modal-content form {
	margin-top:0px;
	padding-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
  }	
  

.modal-dialog .modal-content .modal-bodies{
	overflow-y: auto;
}
.nav-justified .text-md{
	white-space: nowrap;
}
.expend-button{
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	top: 0;
	right: -25px;
}
.fade.in{
	filter: alpha(opacity=100);
}
.fade{
	filter: alpha(opacity=0);
}
.modal-backdrop.in{
	filter: alpha(opacity=50);
}
.modal-backdrop.login-loading{
	filter: alpha(opacity=50);
	background: black;

}
.modal-backdrop.login-loading.active{
	display: none;
}
.loading.page-footer{
	position: fixed !important;
	bottom: 0;
}
.loading.logo img{
	height: 46px;
}
.modal-dialog .close:hover{
	opacity: 1;
	filter: alpha(opacity=100);
	background: #1E2D4D;
}
.modal-dialog .close:hover .uob-closepopup{
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.tooltip-click{
	display: inline-block;
}
.hide-on-ie8 {
	display: none !important;
}
.loader-ie8 {
  position: absolute;
  z-index: 1100;
  width: 41px;
  height: 41px;
  top: 50%;
  left: 50%;
  margin-left: -20px;
  margin-top: -22px;
  overflow: visible;
  display: none;
}
.loader-ie8.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.loader-ie8.in {
  filter: alpha(opacity=100);
  opacity: 1;
}
.loader,.loader-backdrop-sm,.loader-backdrop-sm,.loader-text{
  display: none !important;
}
.loader-backdrop-ie8 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1090;
  background-color: transparent;
  display: none;
}
.loader-backdrop-ie8.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.loader-backdrop-ie8.in {
  filter: alpha(opacity=80);
  opacity: .8;
}
.zIndex3{
	z-index: 3;
}






.visible-nav-xs {
  display: none;
}
.nav-xs {
  width: 70px;
}
.nav-xs .slimScrollDiv,
.nav-xs .slim-scroll {
  overflow: visible !important;
}
.nav-xs .slimScrollBar,
.nav-xs .slimScrollRail {
  display: none !important;
}
.nav-xs .scrollable {
  overflow: visible;
}
.nav-xs .nav-primary > ul > li > a {
  position: relative;
  padding: 0;
  font-size: 11px;
  text-align: center;
  height: 50px;
  overflow-y: hidden;
  border: none;
}
.nav-xs .nav-primary > ul > li > a span {
  display: table-cell;
  vertical-align: middle;
  height: 50px;
  width: 70px;
}
.nav-xs .nav-primary > ul > li > a span.pull-right {
  display: none !important;
}
.nav-xs .nav-primary > ul > li > a i {
  width: auto;
  float: none;
  display: block;
  font-size: 25px;
  margin: 0;
  line-height: 50px;
  border: none !important;
  -webkit-transition: margin-top 0.2s;
  transition: margin-top 0.2s;
}
.nav-xs .nav-primary > ul > li > a i b {
  left: 0 !important;
}
.nav-xs .nav-primary > ul > li > a .badge {
  position: absolute;
  right: 10px;
  top: 4px;
  z-index: 3;
}
.nav-xs .nav-primary > ul > li:hover > a i,
.nav-xs .nav-primary > ul > li:focus > a i,
.nav-xs .nav-primary > ul > li:active > a i,
.nav-xs .nav-primary > ul > li.active > a i {
  margin-top: -50px;
}
.nav-xs .nav-primary > ul ul {
  display: none !important;
  position: absolute;
  left: 100%;
  top: 0;
  z-index: 1050;
  width: 220px;
  -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
.nav-xs .nav-primary li:hover > ul,
.nav-xs .nav-primary li:focus > ul,
.nav-xs .nav-primary li:active > ul {
  display: block !important;
}
.nav-xs.nav-xs-right .nav-primary > ul ul {
  left: auto;
  right: 100%;
}
.nav-xs > .vbox > .header,
.nav-xs > .vbox > .footer {
  padding: 0 20px;
}
.nav-xs .hidden-nav-xs {
  display: none;
}
.nav-xs .visible-nav-xs {
  display: inherit;
}
.nav-xs .text-center-nav-xs {
  text-align: center;
}
.nav-xs .nav-user {
  padding-left: 0;
  padding-right: 0;
}
.nav-xs .nav-user .avatar {
  float: none !important;
  margin-right: 0;
}
.nav-xs .nav-user .dropdown > a {
  display: block;
  text-align: center;
}
.nav-xs .navbar-header {
  float: none;
}
.nav-xs .navbar-brand {
  display: block;
  padding: 0;
}
.nav-xs .navbar-brand img {
  margin-right: 0;
}
.nav-xs .navbar {
  padding: 0;
}
.header-md .navbar-brand {
  line-height: 60px;
}
.header-md .navbar-brand img {
  max-height: 45px;
}
.header-md .navbar-nav > li > a {
  padding: 20px;
  font-size: 14px;
}
.navbar-nav > li > a i {
  font-size: 21px;
  vertical-align: middle;
}
.navbar-nav > li > a i.i-grid {
  font-size: 19px;
}
body.container {
  -webkit-box-shadow: 0 3px 60px rgba(0,0,0,0.3);
  box-shadow: 0 3px 60px rgba(0,0,0,0.3);
  border-left: 1px solid #c7d1e0;
  border-right: 1px solid #c7d1e0;
}
.app,
.app body {
  height: 100%;
  overflow: hidden;
}
.app .hbox.stretch {
  height: 100%;
}
.app .vbox > section,
.app .vbox > footer {
  position: absolute;
}
.app .vbox.flex > section > section {
  overflow: auto;
}
.hbox {
  display: table;
  table-layout: fixed;
  border-spacing: 0;
  width: 100%;
}
.hbox > aside,
.hbox > section {
  display: table-cell;
  vertical-align: top;
  height: 100%;
  float: none;
}
.hbox > aside.show,
.hbox > aside.hidden-sm,
.hbox > section.show,
.hbox > section.hidden-sm {
  display: table-cell !important;
}
.hbox > section {
  width: 100%;
}
.vbox {
  display: table;
  border-spacing: 0;
  position: relative;
  height: 100%;
  width: 100%;
}
.vbox > section,
.vbox > footer {
  top: 0;
  bottom: 0;
  width: 100%;
}
.vbox > header ~ section {
  top: 50px;
}
.vbox > header.header-md ~ section {
  top: 60px;
}
.vbox > section.w-f {
  bottom: 50px;
}
.vbox > footer {
  top: auto;
  z-index: 1000;
}
.vbox > footer ~ section {
  bottom: 50px;
}
.vbox.flex > header,
.vbox.flex > section,
.vbox.flex > footer {
  position: inherit;
}
.vbox.flex > section {
  display: table-row;
  height: 100%;
}
.vbox.flex > section > section {
  position: relative;
  height: 100%;
  -webkit-overflow-scrolling: touch;
}
.ie .vbox.flex > section > section {
  display: table-cell;
}
.vbox.flex > section > section > section {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.aside-xs {
  width: 60px;
}
.aside-sm {
  width: 150px;
}
.aside {
  width: 200px;
}
.aside-md {
  width: 240px;
}
.aside-lg {
  width: 300px;
}
.aside-xl {
  width: 360px;
}
.aside-xxl {
  width: 480px;
}
.header-md {
  min-height: 60px;
}
.header-md .navbar-form {
  margin-top: 15px;
  margin-bottom: 15px;
}
.scrollable {
  -webkit-overflow-scrolling: touch;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(50,50,50,0.25);
  border: 2px solid transparent;
  border-radius: 10px;
  background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(50,50,50,0.5);
}
::-webkit-scrollbar-track {
  background-color: rgba(50,50,50,0.05);
}

<!--[if lt IE 9]>
.ietnc {
	verticle-align:top; width:100%; text-align:center;	
}
.ietnc2 {
	top:50px;position:absolute;	
}
.row div iframe {
	width: 450px;
	height:200px;
}
<![endif]-->