@font-face {
	font-family: 'glyph-icons';
	src: url('/res/fonts/glyphicons-halflings-regular.woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'montserati';
	src: url('/res/fonts/Montserrat-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}


html * {
   /*color: #000;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
   line-height: 1.6em;
}

body{
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	font-family: "montserati Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 11pt;
}

body a {
	text-decoration: none;
}

button {
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 4px 20px;
	border: 1px solid transparent;
	border-radius: 2px;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	font-size: 13px;
	color: white;
	text-align: center;
	background: #ff7020;
	border: 0;
	cursor: pointer;
	line-height: 20px;
	-webkit-transition: all 0.15s ease;
	background-image: -webkit-linear-gradient(top,#6ae,#09d);
}

input[type="text"] {border: 1px solid #f61; padding-left: 5px;}
input[type="password"] {border: 1px solid #f61; padding-left: 5px;}

.button-action:after {
	content:url(/res/load.gif);
	margin-left: 10px;
}

select	{	border: 1px solid #f61; padding: 3px 3px 3px 3px; font-size: 0.8em; font-family: Trebuchet MS, Arial; border-radius:4px;}

.code {
  font-size: 90%;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  white-space: pre-line;
  text-align: left;
  display: inline-block;
  width: 100%;
}



.link {text-decoration: none;}

.popup-container{ display: none; position: fixed; left: 0px; top: 0px; width:100%; height:100%; z-index: 10; background: rgba(128, 128, 128, 0.5); }
.popup-container > div { border: 0px solid #000; padding: 0px 0px 0px 0px; text-align:center; overflow: auto; z-index: 12; background-color: #fff; vertical-align: middle; display: inline-block;}
.popup-header	{ padding: 8px; background-color: #aaa; font-family: of; font-size: 20px; font-weight: bold; color: #333;}
.popup-content	{ padding: 10px 8px 2px 8px; border: 0px solid #000; }

.menu-strip { width: 100%; background: #f61;}
.top-menu-header { text-align: left; margin: auto; border-bottom: 0px solid #888; margin-bottom: 2px; }
.top-menu-header ul {padding: 0px; margin: 0px; display: inline-block; border: 0px solid #f00;}
.top-menu-header ul li {display: inline-block; padding: 10px 20px 3px 14px; font-size: 0.8em;}
.top-menu-header a { text-decoration: none; color: #fff;}
.top-menu-header span { padding: 20px 20px 3px 14px; margin: 0px; display: inline-block; float: right; border: 0px solid #f00; color: #fff; font-size: 0.8em;}
.logo {font-size: 20px; font-style: italic; font-weight: bold;}

.footer-strip { width: 100%; background: #fff; text-align: center; padding-top: 30px;}
.footer-strip ul {padding: 0px; margin: 0px; display: inline-block; border: 0px solid #f00;}
.footer-strip ul li {display: inline-block; padding: 10px 10px 3px 14px; font-size: 0.6em;}
.footer-strip a { text-decoration: none; color: #f61;}

.gicon {font-family: 'if'; -webkit-font-smoothing: antialiased; padding: 8px 6px 0px 3px; color: #f61; cursor: pointer;}
.gicon a {text-decoration: none;}
.gicon-disabled {color: #ccf;}
.gicon-home:before		{ content: "\e600"; }
.gicon-edit:before		{ content: "\e601"; }
.gicon-edit-thick:before { content: "\e602"; }
.gicon-picture:before	{ content: "\e603"; }

.gicon-barcode:before	{ content: "\e605"; }
.gicon-save:before		{ content: "\e608"; }
.gicon-user:before		{ content: "\e610"; }
.gicon-users:before		{ content: "\e611"; }
.gicon-refresh:before	{ content: "\e612"; }
.gicon-search:before		{ content: "\e615"; }
.gicon-zoom-in:before	{ content: "\e616"; }
.gicon-zoom-out:before	{ content: "\e617"; }
.gicon-key:before		{ content: "\e618"; }
.gicon-lock:before		{ content: "\e619"; }
.gicon-wand:before		{ content: "\e620"; }
.gicon-cog:before		{ content: "\e61f"; }
.gicon-bin:before		{ content: "\e624"; }
.gicon-tree:before		{ content: "\e627"; }
.gicon-close:before		{ content: "\e62e"; }
.gicon-ok:before			{ content: "\e62f"; }
.gicon-minus:before		{ content: "\e631"; }
.gicon-plus:before		{ content: "\e632"; }
.gicon-enter:before		{ content: "\e633"; }
.gicon-exit:before		{ content: "\e634"; }
.gicon-prev:before		{ content: "\e638"; }
.gicon-next:before		{ content: "\e639"; }
.gicon-first:before		{ content: "\e63a"; }
.gicon-last:before		{ content: "\e63b"; }
.gicon-arrow-up2:before	{ content: "\e643"; }
.gicon-arrow-down2:before{ content: "\e645"; }
.gicon-filter:before		{ content: "\e64d"; }
.gicon-arrow-up3:before	{ content: "\e647"; }
.gicon-arrow-down3:before{ content: "\e649"; }
.gicon-import:before		{ content: "\e655"; }
.gicon-export:before		{ content: "\e656"; }
.gicon-contract:before	{ content: "\e65e"; }
.gicon-contract2:before	{ content: "\e660"; }


.data-set		{width: 800px; margin: auto; margin-top: 50px; border-top: 1px solid #fed; border-bottom: 0px solid #fed; padding: 10px 10px 10px 0px; font-family: 'of'; font-size: 1.4em; }
.data-set-data	{font-size: 0.75em; text-align: left; background: #fff; padding: 10px 10px 10px 20px; border-bottom: 0px solid #ededed; padding-bottom: 20px; font-family: of;}
.data-set-footer{text-align: right; padding: 20px 20px 20px 20px; background: #fed; font-size: 0.7em; font-weight: normal; margin-left: 20px; margin-top: 30px;}
.data-set-caption { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 10px 10px 0px 0px; border-bottom: 1px solid #f61; margin-bottom: 30px;}
.data-set-subcaption {font-size: 0.9em; padding: 10px 10px 20px 10px;}

.callout		{ position: relative; width: 242px;}
.callout div	{ position: relative; top: -4px; width: 20px; height: 20px; background-color: #ff0000; transform: skew(-45deg); -webkit-transform: skew(-45deg, 0deg); -ms-transform: rotate(-45deg);}
.callout #callout_msg	{ position: relative; left: 4px; top: -30px; padding: 20px; background-color: #ff0000; border-radius: 6px; display: block; width: 85%; color: #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12pt;}
.btn-close		{z-index: 2000; float: right; position: absolute; color:  #fff; font-size: 0.9em; top: -12px; right: -5; display: block;}
.btn-close:hover{cursor: pointer;}
.btn-axn i		{color: white; }

.small-txt		{font-size: 0.8em;}

.header 		{width: auto; background-color: #6ae;  padding: 0px 20px 0px 10px; margin: 0px; position: relative;}
.header-ritem 	{float: right; font-size: 12px; color: #fff; padding: 5px 5px 4px 0px; cursor: pointer;  position: absolute; bottom: 0; right: 10px;}
.header-logo 	{font-style: italic; display: inline-block; color: #fff; padding: 10px 5px 3px 3px; }

.pgcaption { padding: 5px 10px 0px 10px; text-align: right; border-bottom: 1px solid #f61; margin-bottom: 35px; font-size: 1.2em;}
.good {color: #0e0;}
.err   {color: #f00;}

.spinning {
	animation: spin 1s infinite linear;
	-webkit-animation: spin2 1s infinite linear;
}

@keyframes spin {
	from { transform: scale(1) rotate(0deg);}
	to { transform: scale(1) rotate(360deg);}
}

@-webkit-keyframes spin2 {
	from { -webkit-transform: rotate(0deg);}
	to { -webkit-transform: rotate(360deg);}
}


.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
}