/*
 * CSS Reset
 */
html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}img,object,embed{max-width:100%}html{overflow-y:scroll}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}th{vertical-align:bottom}td{vertical-align:top}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom;*vertical-align:baseline}select,input,textarea{font:99% sans-serif}table{font-size:inherit;font:100%}a:hover,a:active{outline:0}small{font-size:85%}strong,th{font-weight:bold}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-0.5em}sub{bottom:-0.25em}pre,code,kbd,samp{font-family:monospace,sans-serif}.clickable,label,input[type=button],input[type=submit],button{cursor:pointer}button,input,select,textarea{margin:0}button{width:auto;overflow:visible}.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{clear:both;height:0;zoom:1}

/*
 * GENERAL
*/

body {
	background: url(../images/bg-hive.png) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: #999999;
	font: 12px Arial, sans-serif;
}

h1 {
	color: #ffffff;
	font: 50px "Lato", Helvetica, Arial, sans-serif;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	margin: 30px auto 0;
	text-align: center;
}

.align-center {
	text-align:center;
}

.sign-in-as-container {
	position:relative;
	text-align:center;
	z-index:99;
}

.sign-in-as-container a {
	color:#fff;
	font: 16px "Lato", Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
}

.sign-in-as-picture {
	border: 1px solid #c7c7c7;
	border-radius: 100px;
	float: left;
	height: 25px;
	margin: 8px 10px;
	width: 25px;
}

.sign-in-as-info {
	float: left;
	padding: 8px 0;
	width: 170px;
	color:#373434;
	font-size:11px;
}

.sign-in-as-info .role {
	font-style:italic;
	color:#999999;

}

.box-wrapper {
	background: url(../images/box-wrapper-bg.png) 0 0 no-repeat;
	height: 743px;
	left: 50%;
	margin-left: -339px;
	position: absolute;
	top: 20px;
	width: 678px;
}

.box {
	background: url(../images/box-bg.png) 0 0 no-repeat;
	height: 518px;
	left: 50%;
	margin-left: -236px;
	position: absolute;
	top: 112px;
	width: 472px;
}

.boxes {
	left: 50%;
	margin-left: -284px;
	position: absolute;
	top: 120px;
	width: 602px;
}

.boxes li {
	background: url(../images/hive-app-bg.png) 0 0 no-repeat;
	display: inline-block;
	height: 221px;
	margin: 0 -8px -59px -8px;
	position: relative;
	width: 206px;
}

.boxes li:hover {
	background-position: -206px 0;
}

.boxes li.inactive {
	background-position: -412px 0;
}


.boxes li.pad-left {
	margin-left: 86px;
}

.boxes li.pad-right {
	margin-right: 86px;
}

.boxes li a,
.boxes li span {
	background: url(../images/hive-app-sprite.png?v=5) 0 0 no-repeat;
	display: block;
	height: 93px;
	left: 50%;
	margin-top: -47px;
	position: absolute;
	text-indent: -999em;
	top: 50%;
}

.boxes li.inactive a, .boxes li.inactive span {
	background: url(../images/hive-app-sprite-inactive.png?v=5) 0 0 no-repeat;
	cursor: default;
}

.boxes li.prm a {
	background-position: -6px 0;
	margin-left: -68px;
	width: 133px;
}
.boxes li.ucm a {
	background-position: -1px -93px;
	margin-left: -71px;
	width: 138px;
}
.boxes li.saf a {
	background-position: -3px -187px;
	margin-left: -60px;
	width: 115px;
}
.boxes li.lom a {
	background-position: 0 -282px;
	margin-left: -61px;
	width: 119px;
}
.boxes li.com a {
	background-position: -7px -375px;
	margin-left: -64px;
	width: 129px;
}
.boxes li.srv a {
	background-position: -6px -470px;
	margin-left: -52px;
	width: 100px;
}
.boxes li.third a {
	background-position: -1px -1127px;
	margin-left: -60px;
	width: 108px;
}
.boxes li.cc a {
	background-position: -1px -564px;
	margin-left: -56px;
	width: 101px;
}
.boxes li.ret a {
	background-position: 0 -657px;
	margin-left: -73px;
	width: 142px;
}
.boxes li.rma a {
	background-position: 0 -752px;
	margin-left: -78px;
	width: 149px;
}
.boxes li.exl a {
	background-position: 0 -846px;
	margin-left: -59px;
	width: 106px;
}

.boxes li.dm a {
	background-position: 0 -940px;
	margin-left: -68px;
	width: 142px;
}

.boxes li.wp a {
	background-position: -1px -1033px;
	margin-left: -71px;
	width: 138px;
}

.boxes li.tech a {
	background-position: -1px -1221px;
	margin-left: -66px;
	width: 123px;
}


.logo {
	left: 50%;
	margin-left: -49px;
	position: absolute;
	top: 60px;
}

.logo_njoy {
  background: url(../images/njoy-logo.png) center no-repeat #f1f1f1;
  border-right: 1px solid #e7e7e7;
  display: block;
  float: left;
  height: 40px;
  width: 120px; }

/* Access blocked */
.access-blocked {
	border-bottom: 1px solid #dfdfdf;
	border-top: 1px solid #dfdfdf;
	left: 50%;
	margin-left: -196px;
	padding: 40px 0 30px;
	position: absolute;
	text-align: center;
	top: 190px;
	width: 392px;
}

.access-blocked h2 {
	color: #333333;
	font: 19px "Asap", Arial, sans-serif;
	margin-bottom: 20px;
}

.access-blocked p {
	font: italic 12px "Asap", Arial, sans-serif;
	margin-bottom: 10px;
}

.access-blocked .button {
	background: url(../images/login-form-button-bg.png) 0 0 no-repeat;
	border: 0;
	box-shadow: none;
	color: #ffffff;
	display: block;
	font: bold 17px/20px "Asap", Arial, sans-serif;
	left: 50%;
	margin-left: -49px;
	padding: 18px 0 25px;
	position: absolute;
	text-shadow: 1px 1px rgba(53, 16, 56, 0.5);
	top: 198px;
	width: 98px;
}

/* Forms */
.forgot-password-form,
.login-form {
	left: 50%;
	margin-left: -196px;
	position: absolute;
	top: 190px;
	width: 392px;
}

.forgot-password-form .email,
.login-form .user,
.login-form .password {
	background-color:  #f0eef0;
	background-image: url(../images/login-form-sprite.png);
	background-repeat: no-repeat;
	border: 1px solid #dfdfdf;
	border-radius: 5px;
	color: #727272;
	font: 19px/50px "Asap", Arial, sans-serif;
	height: 50px;
	margin-bottom: 20px;
	padding: 0 10px;
	width: 370px;
}

.forgot-password-form .email:focus,
.login-form .user:focus,
.login-form .password:focus {
	border: 1px solid #bad684;
	outline: none !important;
}

.forgot-password-form .email.error,
.login-form .user.error,
.login-form .password.error {
	border: 1px solid #ff0000;
}

.forgot-password-form .email {
	background-position: 356px -51px;
}

.login-form .user {
	background-position: 364px 17px;
}

.login-form .password {
	background-position: 364px -16px;
}

.forgot-password-form .links,
.login-form .links {
	border-bottom: 1px solid #dfdfdf;
	overflow: hidden;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.forgot-password-form .back,
.login-form .forgot-password {
	color: #999999;
	float: left;
}

.login-form .forgot-password:hover {
	color: #eda412;
}

.login-form .remember-me {
	float: right;
}

.login-form .remember-me input {
	border: 1px solid #e0e0e0;
	border-radius: 3px;
}

.forgot-password-form .button,
.login-form .button {
	background: url(../images/login-form-button-bg.png) 0 0 no-repeat;
	border: 0;
	box-shadow: none;
	color: #ffffff;
	font: bold 17px/20px "Asap", Arial, sans-serif;
	height:auto;
	left: 50%;
	margin-left: -49px;
	padding: 18px 0 25px;
	position: absolute;
	text-shadow: 1px 1px rgba(53, 16, 56, 0.5);
	width: 98px;
}

.access-blocked .button:hover,
.forgot-password-form .button:hover,
.login-form .button:hover{
	background: url(../images/login-form-button-bg.png) 0 0 no-repeat;
	opacity:0.9;
}

.forgot-password-form .help {
	color: #727272;
	font: italic 12px "Asap", Arial, sans-serif;
	margin-bottom: 20px;
	text-align: center;
}

.forgot-password-form .help span {
	color: #333333;
	display: block;
	font: normal 19px "Asap", Arial, sans-serif;
	margin-bottom: 10px;
}

/* Form elements */
.button {
	background-color: #c1e458;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c1e458), to(#b1de29));
	background-image: -webkit-linear-gradient(top, #c1e458, #b1de29);
	background-image:    -moz-linear-gradient(top, #c1e458, #b1de29);
	background-image:     -ms-linear-gradient(top, #c1e458, #b1de29);
	background-image:      -o-linear-gradient(top, #c1e458, #b1de29);
	border: 1px solid #9dc725;
	border-radius: 10px;
	box-shadow: inset 0 1px 0 #d1eb83;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	color: #3a4614;
	cursor: pointer;
	display: inline-block;
	font: bold 13px/30px "Asap", Arial, sans-serif;
	height: 30px;
	padding: 0 20px;
	text-align: center;
	text-shadow: 1px 1px #cfea7e;
}

.button:hover {
	background-color: #cfee49;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cfee49), to(#c3ea22));
	background-image: -webkit-linear-gradient(top, #cfee49, #c3ea22);
	background-image:    -moz-linear-gradient(top, #cfee49, #c3ea22);
	background-image:     -ms-linear-gradient(top, #cfee49, #c3ea22);
	background-image:      -o-linear-gradient(top, #cfee49, #c3ea22);
}

.button:focus {
	outline: none !important;
}

.button.cancel {
	background-color: #f6f6f6;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6f6), to(#eaeaea));
	background-image: -webkit-linear-gradient(top, #f6f6f6, #eaeaea);
	background-image:    -moz-linear-gradient(top, #f6f6f6, #eaeaea);
	background-image:     -ms-linear-gradient(top, #f6f6f6, #eaeaea);
	background-image:      -o-linear-gradient(top, #f6f6f6, #eaeaea);
	border: 1px solid #dcdcdc;
	box-shadow: inset 0 1px 0 #fcfcfc;
	color: #525252;
	text-shadow: 1px 1px #dbdbdb;
}

.button.cancel:hover {
	background-color: #ebebeb;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ebebeb), to(#dfdfdf));
	background-image: -webkit-linear-gradient(top, #ebebeb, #dfdfdf);
	background-image:    -moz-linear-gradient(top, #ebebeb, #dfdfdf);
	background-image:     -ms-linear-gradient(top, #ebebeb, #dfdfdf);
	background-image:      -o-linear-gradient(top, #ebebeb, #dfdfdf);
}

.form {
	margin: 20px 0;
	padding: 0 20px;
}

.form p,
.form .paragraph {
	border-bottom: 1px solid #eeecec;
	padding-bottom: 20px;
}

.form p.last {
	border: 0;
}

.form span.error {
	background: url(../images/bg-error.png);
	border: 1px solid #ff0000;
	border-top: 0;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	color: #ff0000;
	display: block;
	font: 12px/32px "Asap", Arial, sans-serif;
	height: 30px;
	margin: -3px 0 0 131px;
	padding: 0 10px;
	width: 555px;
}

.form span.error .message {
	float: left;
}

.form span.error .help {
	background: url(../images/error-help.png) 0 12px no-repeat;
	color: #ff0000;
	float: right;
	padding-left: 11px;
	text-decoration: underline;
}

input[type="email"],
input[type="number"],
input[type="password"],
input[type="url"],
input[type="text"] {
	border: 1px solid #dadada;
	border-radius: 5px;
	box-shadow: inset 0 1px 3px #f3f3f3;
	font: bold 12px/26px Arial, sans-serif;
	height: 26px;
	padding: 0 10px;
	width: 265px;
}

input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="text"]:focus {
	border: 1px solid #bad684;
	outline: none !important;
}

input[type="checkbox"].error,
input[type="email"].error,
input[type="number"].error,
input[type="password"].error,
input[type="radio"].error,
input[type="text"].error {
	border: 1px solid #ff0000;
}

input[type="checkbox"] {
	border: 1px solid #6bb3ca;
	color: #6bb3ca;
	cursor: pointer;
	margin-right: 10px;
}

input[type="radio"] {
	border: 1px solid #eda412;
	color: #eda412;
	cursor: pointer;
	margin-right: 10px;
}

label {
	color: #393939;
	display: inline-block;
	font: 11px Arial, sans-serif;
	margin-right: 20px;
	width: 110px;
}

label.error {
	color: #ff0000;
}

label.req {
	margin-right: 19px;
}

label.req:after {
	content: '*';
	color: #ff0000;
	margin-left: 3px;
}

label.radio-label {
	color: #666666;
	font: 12px Arial, sans-serif;
	vertical-align: middle;
}

label.radio-label:hover {
	color: #eda412;
}

label.checkbox-label {
	color: #666666;
	font: 12px Arial, sans-serif;
	vertical-align: middle;
}

label.checkbox-label:hover {
	color: #6bb3ca;
}

label.long {
	width: 220px;
}

textarea {
	border: 1px solid #dadada;
	border-radius: 5px;
	box-shadow: inset 0 1px 3px #f3f3f3;
	font: 12px Arial, sans-serif;
	height: 78px;
	padding: 10px;
	resize: vertical;
	vertical-align: top;
	width: 265px;
}

textarea:focus {
	border: 1px solid #bad684;
	outline: none !important;
}

textarea.error {
	border: 1px solid #ff0000;
}

.form .add-values {
	width: 756px;
}

.form .add-values .button {
	width: 85px;
}

.form .add-values .button.add-value {
	margin-left: 553px;
}

.form .add-values input {
	margin-right: 20px;
	width: 140px;
}

.form .add-values label {
	vertical-align: middle;
	width: auto;
}

.form .add-values label.first {
	width: 110px;
}

.form .add-values .row {
	margin-top: 10px;
}

.form .tags {
	display: block;
	margin-top: 10px;
	padding-left: 130px;
}

.form .tags a {
	background-color: #f6f4f4;
	border: 1px solid #e7e7e7;
	border-radius: 5px;
	color: #666666;
	display: inline-block;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	margin-right: 5px;
	padding: 0 5px 0 10px;
}

.form .tags .delete {
	cursor: pointer;
	font: 14px monospace;
	margin-left: 10px;
	vertical-align: middle;
}

.form .tags .delete:hover {
	color: #eda412;
}

/*
 * DIALOG
 */
.dialog .title{
	font-size:14px;
	color:#888381;
}

.dialog .content{
	margin-left:45px;
}

.dialog .buttons-container{
	margin-right:45px;
}

/*
 * UI
 */

/* Autocomplete */
.ui-helper-hidden-accessible { display: none; }

.ui-autocomplete.ui-menu{
	background-color: #fcfcfc;
	border: 1px solid #e7e7e7;
	position: absolute;
	width: 265px;
}

.ui-autocomplete .ui-menu-item {
	color: #373434;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.25;
	padding: 10px;
	width: 265px;
}

.ui-autocomplete.tags .ui-menu-item {
	height: 45px;
	line-height: 45px;
	padding: 0 10px;
}

.ui-autocomplete .ui-menu-item span {
	color: #999999;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
}

.ui-autocomplete .ui-menu-item:hover {
	background-color: #f1f7fa;
}

/* Dialog */
.dialog {
	display: none;
}

.ui-widget-overlay {
	background-color: rgba(0, 0, 0, 0.6);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}

.ui-dialog {
	background-color: #ffffff;
	border-radius: 10px;
	box-shadow: 0 0 15px #000000;
	padding: 30px;
	position: relative;
	z-index: 10000;
}

.ui-dialog-titlebar-close, .ui-dialog-titlebar {
	display: none;
}