/*
 * #00aeef - Light Blue
 * #004169 - Dark Blue
 *
 * Icons: white bg (65 lightness), blue bg (85 lightness)
 * Bootflat colour scheme: http://bootstrapbay.com/blog/wp-content/uploads/2014/05/bootflat_sample_r8sbud.png
*/
html {overflow:hidden;}
body {height:100%;margin:0;padding:0;font-size:.8em;font-family:'Muli',sans-serif;color:#333333; background-color:#004169;}
body.public {background:#004169 url(/img/diffuzehr/loginbg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
body.public .header {display:none;}
.header {margin-bottom:15px;}

.nav {display:block; height:48px; padding-left:240px; padding-right:30px; overflow:hidden;
	  background: #008ccd;
	  background: -moz-linear-gradient(top, #008ccd 0%, #00aeef 100%);
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008ccd), color-stop(100%,#00aeef));
	  background: -webkit-linear-gradient(top, #008ccd 0%,#00aeef 100%);
	  background: -o-linear-gradient(top, #008ccd 0%,#00aeef 100%);
	  background: -ms-linear-gradient(top, #008ccd 0%,#00aeef 100%);
	  background: linear-gradient(to bottom, #008ccd 0%,#00aeef 100%);
	  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ccd', endColorstr='#00aeef',GradientType=0 );
}
.nav img {float:left; margin:8px 15px 0 0;}
#loggedinas {clear:both; font-size:.85em; text-align:right; margin:10px 45px 0 0; color:#c1c1c1;}

.todo {color:#ff00ff !important;}

.aside {width:200px; position:absolute; left:15px; top:82px; overflow:visible;}
.aside #logo {width:200px; padding:7px 0; margin-bottom:20px;}
.aside #logo.custom {width:206px; background-color:#ffffff; text-align:center; padding:7px; margin-bottom:20px; border:1px solid #fff; -webkit-border-radius:7px 0 0 7px; -moz-border-radius:7px 0 0 7px; border-radius:7px 0 0 7px;}

.article {padding:5px; margin:15px 0 0 0; background-color:#ffffff; position:absolute; top:67px; bottom:0; left:0; right:0; overflow:auto; -webkit-overflow-scrolling:touch;}
.article-inner {padding:20px;}
.article.sidebar {position:absolute; margin:15px 0 0 15px; top:67px; bottom:0; left:215px; right:0; overflow:auto;-webkit-border-radius:7px 0 0 0; -moz-border-radius:7px 0 0 0; border-radius:7px 0 0 0;}
.article.login .panel img {margin:0 70px 45px;}
.article.trial .panel img {margin:0 95px 10px; width:150px;}
.article.login {width:400px; padding:35px 0px; margin-top:20px; margin-left:35px; text-align:center;background: #004169; float:left; bottom:35px;}
.article.login .panel {width:340px; color:#fff !important;}
.article.trial .footer-toolbar {color:#fff !important;}
.article.login .footer-toolbar {text-align:center;}
.article.login .footer-toolbar input {border:1px solid #aaa;}
.article.login .form-group input {width:96%;}
.article.login .form-group .form-group-half input {width:92%;}
.article.login a {color:#aaa !important;}
.trial-blurb-overlay {left:435px; position:absolute; top:87px; bottom:35px; right:35px; opacity:.1; background:#000;}
.trial-blurb-content {left:435px; position:absolute; top:87px; bottom:35px; right:35px; overflow-y:auto; padding:65px; color:#fff;}
.poweredby-login {position:absolute; bottom:65px; right:65px;}
.vendorlogo-login {position:absolute; bottom:165px; right:65px;}
.poweredby-aside {position:absolute; bottom:15px; left:77.5px; width:75px;}
.branding-srclogo-bg img, .branding-applogo-bg img {background:#004169;}

table {border-collapse:collapse;}
th, td {padding:5px 7px; text-align:left;}
table.compact th, table.compact td {padding:0;}
.left {text-align:left;}
.middle {text-align:center;}
.right {text-align:right;}
.loading.middle {background-position-x:50%;}

table.bdr {border:1px solid #aab2bd;-webkit-box-shadow: 2px 2px 4px #ddd;-moz-box-shadow: 2px 2px 4px #ddd;box-shadow: 2px 2px 4px #ddd;}
table.bdr td, table.bdr th {border:1px solid #aab2bd;padding:7px 10px;}

h1 {font-family:'Open Sans',sans-serif; font-size:28px; font-weight:normal; color:#093a7f; color:#cf3a09; color:#231f20; margin-top:0;}
.article.dark h1 {color:#F6F6F7; font-size:24px;}
h1 img {margin-bottom:-1px;}
h2 {font-family:'Open Sans',sans-serif; font-size:26px; font-weight:normal; color:#333333;}
h2 {padding:5px 10px; border-bottom:1px solid #aab2bd;}
h3 {margin-top:45px;}
a {color:#0066cc; text-decoration:none;}
a:hover {text-decoration:underline;}
a.sort {color:#fff; text-decoration:none;}
a.sort:hover {text-decoration:none;}
.article.dark a {color:#F6F6F7;}
a img {border:none;}

dl {background:#F6F6F7; float:left; width:300px; margin:10px 20px 20px 0; padding:10px; border:1px solid #aab2bd; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow: 2px 2px 4px #ddd;-moz-box-shadow: 2px 2px 4px #ddd;box-shadow: 2px 2px 4px #ddd;}
dt {font-weight:bold;  margin-bottom:5px; margin-top:10px;}
dt.title {margin-top:0;}
dd {margin-left:0;}
dd.spacer {margin-top:5px;}

dl.highlight {border:1px solid #FC9A04;background:#FEE2B7;}

ul.no-bullet {list-style:none; padding-left:10px;}
.form-group ul.no-bullet {margin:0;}

.nav a {color:#eeeeee; vertical-align:middle; font-size:18px; padding:13px 15px; margin:0; float:left;}
.nav a:hover {color:#ffffff; text-decoration:none;background: #008ccd;}

.tab-strip {border-bottom:1px solid #008ccd;margin:30px 0 20px 0;}
.tab-strip ul {margin:0;padding:0 7px;list-style:none;}
.tab-strip ul li {display:inline;padding:0;margin:0 1px -1px 1px;}
.tab-strip ul li a {padding:.6em 15px;line-height:2.45em;color:#888;border:1px solid #eee;border-bottom:none;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}
.tab-strip ul li a:hover {color:#0066cc;text-decoration:none;background:#eee}
.tab-strip ul li a.active {color:#fff;border-color:#008ccd;text-decoration:none;background:#008ccd;}

.balloon {margin:15px 0;}
.balloon h3 {padding:0 5px; margin:5px; font-size:1em; color:#ffffff;border-bottom:1px solid #00aeef;}
.balloon ul {list-style:none; margin:5px; padding:0;}
.balloon li {padding:2px 5px;color:#ffffff;}
.balloon li a {color:#ffffff;}
.balloon ul ul {list-style:none; margin:5px 5px 5px 10px; padding:0;}

/*.bullet {padding:0 3px;}*/
.bullet {font-size:1.2em;}
a:hover span.bullet {text-decoration:none;}

.crumb {margin-bottom:15px;}

.panel {margin:0 auto; text-align:left;}
.panel img {margin-bottom:45px;}
.panel select {width:100%;}

.hide {display:none;}
.showhide {cursor:pointer;background-repeat:no-repeat;}
.showhide.open {padding-left:20px;background:url(../../img/expanded.png) no-repeat left 10px;}
.showhide.open.client-summary, .showhide.open.staff-summary, .showhide.open.storage-folderlist {background-position:left center;}
.showhide.close {padding-left:20px;background:url(../../img/collapsed.png) no-repeat left 10px;}
.showhide-panel {margin-left:20px;}
.showhide-panel .form-group {margin:10px 0 10px 0;}

.guideline {float:right;}
.guideline-scroll {clear:both;border:1px solid #3879D9;background-color:#DDEBFF;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding:.7em;margin:10px 0;max-height:100px;overflow:auto;}
.topic-content.gutter {margin:10px;}

.list-scroll {clear:both;background-color:#DDEBFF;padding:5px;margin:15px 0 15px 0;height:250px;overflow:auto;}
.datetime {width:160px;}
td.star {padding-left:27px; background:url(../img/star_20.png) no-repeat 5px 50%;}
td.resource {padding-left:27px; background:url(../img/resource-g.png) no-repeat 5px 50%;}

input[type=text], input[type=email], input[type=phone], input[type=password], input[type=number], select, textarea {margin:0; padding:2px 5px; font-family:'Muli',sans-serif !important;}
/**This line is a fix to fix appearance issues with input fields shifting down and going out of alignment**/
input[type=text], input[type=email], input[type=phone], input[type=password], input[type=number], select, textarea {padding-right: 0;  !important;}
input[type=text].expand, input[type=email].expand, input[type=phone].expand, input[type=password].expand, input[type=number].expand, select.expand, textarea.expand {width:98%; box-sizing:border-box;}

.etch-btn, .EButton, input[type=submit], input[type=button]{font-family:"Open Sans",verdana,arial,sans-serif; cursor:pointer;display:inline-block;background:#656d78;border:1px solid #656d78;padding:5px 14px 6px;color:#fff;font-size:13px;line-height:normal;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.etch-btn:hover, .EButton:hover, input[type=submit]:hover, input[type=button]:hover{background:#434a54;border-color:#434a54;color:#fff;text-decoration:none;}
.etch-btn:focus, .EButton:focus, input[type=submit]:focus, input[type=button]:focus{outline:1px dotted #666;}
.etch-btn:active, .EButton:active, input[type=submit]:active, input[type=button]:active{-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);}
.etch-btn[disabled], .EButton[disabled], input[type=submit][disabled=disabled], input[type=button][disabled=disabled]{cursor:default;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);filter:alpha(opacity=65);-khtml-opacity:0.65;-moz-opacity:0.65;opacity:0.65;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
li .etch-btn, li .etch-btn-ok, li .etch-btn-delete {padding:2px 10px;}
.etch-btn-delete, .EButton.danger, .btn-danger, input[type=submit].danger, input[type=button].danger{
	margin-left:20px;
	color:#fff !important;
    background:#ed5565 !important;
    border-color:#ed5565 !important;	
}
.etch-btn-delete:hover, .EButton.danger:hover, .btn-danger:hover, input[type=submit].danger:hover, input[type=button].danger:hover{
    background:#da4453 !important;
    border-color:#da4453 !important;	
}
.etch-btn-ok, .EButton.success, .btn-success, input[type=submit].success, input[type=button].success{
	color:#fff !important;
	background:#A0D468 !important;
    border-color:#A0D468 !important;
}
.etch-btn-ok:hover, .EButton.success:hover, .btn-success:hover, input[type=submit].success:hover, input[type=button].success:hover{
    background:#8CC152 !important;
	border-color:#8CC152 !important;
}
/*
.etch-btn, .etch-btn-cancel {box-shadow:0 0 5px #aab2bd; border:1px solid #aab2bd !important;}
.etch-btn-ok {box-shadow:0 0 5px green; border:1px solid #62C962 !important;}
.etch-btn-delete {box-shadow:0 0 5px #dc5843; border:1px solid #EF6E5B !important;}
*/
.header-toolbar {float:right; padding:10px 0;}
.footer-toolbar {text-align:right; clear:both;}

.subtool {text-align:right; padding-right:5px;}
#saved {display:none; color:#333333; background-color:#ffeebb; padding:5px 15px; font-size:16px; position:relative; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #ffffff;}
#error {display:none; padding:5px 15px; font-size:16px; position:relative; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background-color:#FC9A04;color:#ffffff;border:1px solid #FC9A04;-webkit-box-shadow: 0 1px 2px #666666;-moz-box-shadow: 0 1px 2px #666666;box-shadow: 0 1px 2px #666666;}
.error a {color:transparent;}
.max {width:843px;}
.max-wide {width:930px;}
.process {width:400px;}
#footer {margin-top:15px;}
select.invalid, input.invalid, textarea.invalid {border:2px solid #FC9A04;}
label.invalid {color:#E55208;}
label.strong {font-weight:bold;}

.box {background-color:#231f20; border-bottom:2px solid #dc5843; padding:15px; -webkit-box-shadow: 2px 2px 4px #ddd;-moz-box-shadow: 2px 2px 4px #ddd;box-shadow: 2px 2px 4px #ddd;}
.box label {color:#ffffff;}
.box h1 {color:#ffffff; margin-top:0;}
.box input[type=text], .box input[type=email], .box input[type=phone], .box input[type=password] {width:100%;}
.align-center .box {width:100% !important;}

/* Material Design - cards style */
/*
.form-box {width:500px; padding:0 10px 10px 10px; border:1px solid #efefef; background:#ffffff; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.form-box h2 {margin-left:-10px; margin-right:-10px; margin-top:0; color:#676767; background: #f5f5f5; border-bottom:none;}
*/
.form-box {width:500px; padding:0 10px 10px 10px; border:1px solid #aab2bd;-webkit-box-shadow: 2px 2px 4px #ddd;-moz-box-shadow: 2px 2px 4px #ddd;box-shadow: 2px 2px 4px #ddd;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.form-box.borderless {border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.form-box-wide {width:910px; margin-bottom:10px;}
.form-box h2 {margin-left:-10px; margin-right:-10px; background-color:#aab2bd; margin-top:0; color:#ffffff;
			  background: #e6e6e6;
			  color:#676767;
			  text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
			  border-bottom:1px solid #C8C9CD;

			  background: -moz-linear-gradient(top, #f6f6f6 0%, #e6e6e6 100%);
			  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e6e6e6));
			  background: -webkit-linear-gradient(top, #f6f6f6 0%,#e6e6e6 100%);
			  background: -o-linear-gradient(top, #f6f6f6 0%,#e6e6e6 100%);
			  background: -ms-linear-gradient(top, #f6f6f6 0%,#e6e6e6 100%);
			  background: linear-gradient(to bottom, #f6f6f6 0%,#e6e6e6 100%);
			  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e6e6e6',GradientType=0 );
}

/*
.toolbar {margin-bottom:10px; text-align:right; width:920px; padding:5px; background-color:#e6e6e6; border:1px solid #aab2bd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow: 2px 2px 4px #ddd;-moz-box-shadow: 2px 2px 4px #ddd;box-shadow: 2px 2px 4px #ddd;}
*/
.toolbar {margin-bottom:10px; text-align:right; width:922px; padding:5px; /*border-top:1px dotted #ccc; border-bottom:1px dotted #bbb; background-color:#f7f7f7;*/}

.paper {background-color:#ffffff; width:930px; padding:0; border:1px solid #aab2bd;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; -webkit-box-shadow: 2px 2px 4px #ddd;-moz-box-shadow: 2px 2px 4px #ddd;box-shadow: 2px 2px 4px #ddd; position:relative;}
.paper * {font-family:arial;}
.paper.gutter {padding:0 10px; width:910px;}
.paper.spacer, .toolbar.spacer, .form-box.spacer, .form-box-wide.spacer {margin-top:10px;}
.paper.spacer-lrg, .toolbar.spacer-lrg, .form-box.spacer-lrg, .form-box-wide.spacer-lrg {margin-top:25px;}
.paper div.editable {position:relative; border:1px dashed #ffffff; margin:5px; padding:5px;}
.paper div.editable:hover {border:1px dashed #B50000;}
.paper .toolbar {display:none; z-index:5; opacity:.75; position:absolute; right:-17px; width:auto; padding:5px 5px 1px 5px; background-color:#e6e6e6; border:1px solid #aab2bd;-webkit-box-shadow: 2px 2px 4px #ddd;-moz-box-shadow: 2px 2px 4px #ddd;box-shadow: 2px 2px 4px #ddd;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.paper .toolbar:hover {opacity:1;}
.paper div.editable:hover .toolbar {display:block;}
.paper .toolbar a.delete {background:none; padding-left:0;}

.attachment {border:1px dotted #008CCD; padding:10px; width:910px; margin-bottom:10px; -webkit-box-shadow: 2px 2px 4px #ddd;-moz-box-shadow: 2px 2px 4px #ddd;box-shadow: 2px 2px 4px #ddd;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.attachment a {padding-left:26px;background:url(../../img/clip_20.png) no-repeat left 50%;}

.align-center {text-align:left;}
.align-left {float:left;}
.align-right {float:right;}
.clr {clear:both;}

#login-panel {text-align:center;}
#login-panel .main {margin:100px auto 0 auto; width:460px; clear:both;}
#login-panel .main img {margin-top:60px;}
#login-panel .box {width:215px; padding-top:1px;}
#login-panel .align-right  {text-align:left; margin-left:15px;}
#login-panel .align-right h1  {margin-top:0;}
.misc  {margin-top:45px;}

#login-panel #form-forgotpassword2 {width:545px;}
#form-forgotpassword2 .box {width:300px;}

/*.section.stack {width:250px; margin-right:15px; float:left;}*/
.section h1 {margin-bottom:15px; /*border-bottom:1px solid #aab2bd;*/}
.section ul {list-style:none; padding-left:0;}

.denied {color:#9D3D49;}
.approved {color:#0D8C4E;}

.tick {background:url(../img/checkmark_16.png) no-repeat 50% 50%;width:16px;}
.cross {background:url(../img/cross_16.png) no-repeat 50% 50%;width:16px;}
.danger{color:#ff0000;font-weight:bold;}
.warning{color:#ff9900;font-weight:bold;}
.ok{}
.progress-outer {width:200px;-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background:#D9D9D9 !important;}
div.progress-inner {-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.danger div.progress-inner {background-color:#ff0000;}
.warning div.progress-inner {background-color:#ff9900;}
.ok div.progress-inner {background-color:#008000;}

.active-No, .active-0 {background-color:#ededed; opacity:.5; text-decoration:line-through;}

label, .tip {display:block;}
.tip {display:block;color:#5F91BF;font-size:.9em;margin-top:2px;}
.article.dark label {color:#F6F6F7;}
.form-group {margin:15px 0 15px 0;}
.subform-group {margin:5px 15px 15px 15px;border:1px solid #d9d9d9;border-radius:4px;background-color:#e6e6e6;}
.subform-group .form-group {margin:10px;}
.form-group label {display:block; padding:2px 0;}
.form-group label.checkbox-label {display:inline;font-weight:normal;}
.form-group .sublabel {display:block; padding-bottom:2px;}
.form-group-half, .form-column-half {width:50%; float:left; margin-top:.1px;}
.form-group-third, .form-column-third {width:33%; float:left; margin-top:.1px;}
.form-group-quarter, .form-column-quarter {width:25%; float:left; margin-top:.1px;}
.form-group-or {margin:15px 0 15px 15px;font-weight:bold;}
.form-box .EListBox {width:100%;}
.form-box .form-column {width:50%; float:left; margin-top:.1px; border-left:10px solid #ffffff;margin-left:-10px; padding-left:10px; padding-right:10px;}
.form-box-wide .form-column {width:435px; float:left; margin-top:.1px; border-left:10px solid #ffffff;margin-left:-10px; padding-left:10px; padding-right:10px;}
.form-box .form-column.no-header {padding-left:0; padding-right:0;}
.form-box-wide .form-column.no-header {width:455px; padding-left:0; padding-right:0;}
.form-group-clear {clear:both;}
li label {display:inline;}
label.inline {display:inline;}

table.field {margin-top:5px; margin-bottom:10px; width:100%; border-collapse:collapse;}
table.field .label {padding:5px 0 2px 0;}
table.field .input {border:1px solid #CBCDD3;padding:5px;}
table.field .spacer {display:none;}

.note  {padding:5px 7px; margin-bottom:1px; background-color:#f7f7f7; border:1px solid #d9d9d9; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.stickynote {background:#fefeee; position:relative;}
.stickynote .pin {background:url(../img/pin-white-16.png) no-repeat; width:16px; height:16px; position:absolute; top:-4px; left:-4px;}

div.group-header-top,
div.group-header,
div.group-header-mini,
.EntityForm th.group-header,
.DataList th.group-header,
.DataTable th.group-header {border-bottom:1px solid #757575; color:#1c1c1c; font-weight:bold; padding:10px 7px 5px 7px;}

#login-panel .box div.group-header {color:#ffffff;}
.form-column div.group-header {margin-left:-10px; margin-right:-10px;}

div.group-header-top {padding-top:0;}

.pager, .pager th, .pager td {text-align:center;}
div.pager {margin:10px 0; position:relative;}
div.pager span.align-left {position:absolute; left:0; top:-2px; float:none;}
div.pager-footer {margin:10px 0; text-align:right;}
.DataTable {width:100%;}
form .DataTable {width:930px;}
form .form-box .DataTable {width:100%;}
.DataTable thead th {color:#ffffff; background-color:#aab2bd;}
.DataTable tbody th {width:200px; border-bottom:1px solid #ddd; vertical-align:top;}
.DataTable tbody td {border-bottom:1px solid #ddd; vertical-align:top;}
.DataTable tbody img {vertical-align:middle;}
.DataTable.borderless tbody th {border-bottom:none;}
.DataTable.borderless tbody td {border-bottom:none;}
.DataTable tbody .name {font-weight:bold;}
.DataTable tbody .comment {font-size:.8em;color:#666666;padding-top:2px;}
.DataTable tbody .tools {float:right;margin-left:5px;}
.DataTable thead th.lb {border-left:1px solid #c1c1c1;}
.DataTable thead th.rb {border-right:1px solid #c1c1c1;}
.DataTable .DataTable thead th {color:#333; background-color:#D8D9DF;}
.DataTable .DataTable tbody th, .DataTable .DataTable tbody td {border-bottom:1px dotted #c8c9cd;}
.DataTable th.action, .DataTable td.action {width:22px;}
.DataTable tbody tr:last-child th, .DataTable tbody tr:last-child td {border-bottom:none;}


.SearchFilter td {vertical-align:bottom; padding:0 7px 0 0;}
.SearchFilter td label {margin-bottom:2px;}
.SearchFilter td input {margin:0;}
.search {margin-bottom:10px;}
.search input, .pager input {font-size:14px; padding:2px;}
.search input[type=submit], .pager input[type=button] {padding:2px 10px;}

a.delete {padding-left:20px; background:url(../img/cross_16.png) no-repeat left;}
a.customise {padding-left:20px; background:url(../img/wrench_16.png) no-repeat left;}
a.reassignmgr {padding-left:22px; background:url(../img/assignmgr.png) no-repeat left;}

.large a {font-size:1.6em;padding:1em 0 1em 36px;height:2em;line-height:2em;}
.aside .large a {font-size:1.2em;padding-left:26px;}
.stack .large li {float:left; width:300px;}
.large a.mydocs {background:url(../img/mydocs.png) no-repeat left;}
.large a.myreportees {background:url(../img/myreportees.png) no-repeat left;}
.large a.resourcecentre {background:url(../img/resource.png) no-repeat left;}
.large a.myoffers {background:url(../img/myoffers.png) no-repeat left;}
.large a.jobboard {background:url(../img/list.png) no-repeat left;}
.large a.conversations {background:url(../img/conversations.png) no-repeat left;}
.large a.folder {background:url(../img/folder.png) no-repeat left;}
.large a.myreviews {background:url(../img/myreviews.png) no-repeat left;}
.large a.myqualifications {background:url(../img/myqualifications.png) no-repeat left;}
h3.attention {padding:.1em 0 .1em 36px;margin-top:41px;margin-bottom:10px;height:1.6em;line-height:1.6em; background:url(../img/info.png) no-repeat left;}

.aside .large a.mydocs {background:url(../img/mydocs-w.png) no-repeat left;}
.aside .large a.myreportees {background:url(../img/myreportees-w.png) no-repeat left;}
.aside .large a.resourcecentre {background:url(../img/resource-w.png) no-repeat left;}

th .half-text, td .half-text {margin:.5em 0;}
th .text, td .text {margin-top:1em;}
#list-accountability td,
#key-stakeholders table td {vertical-align:top;}

.employee-photo {margin-top:-60px; float:right; border:1px solid #ccc; border-radius:120px; overflow:hidden; box-shadow:0px 0px 20px #ddd; background:#fff;}
.employee-photo img {height:120px;}

.ui-state-highlight {color:#000;border:1px solid #DDEBFF;background:#DDEBFF;background-color:#DDEBFF !important;-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;padding-left:5px;margin-bottom:5px;}
.ui-state-error, .alert-danger {color:#000;border:1px solid #FEE2B7;background:#FEE2B7;background-color:#FEE2B7 !important;-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;padding-left:5px;margin-bottom:5px;}
.alert.alert-danger {padding: 0pt 0.7em;}
.ui-icon-carat-1-n {background-position: 0 0;}
.ui-icon-carat-1-ne {background-position: -16px 0;}
.ui-icon-carat-1-e {background-position: -32px 0;}
.ui-icon-carat-1-se {background-position: -48px 0;}
.ui-icon-carat-1-s {background-position: -64px 0;}
.ui-icon-carat-1-sw {background-position: -80px 0;}
.ui-icon-carat-1-w {background-position: -96px 0;}
.ui-icon-carat-1-nw {background-position: -112px 0;}
.ui-icon-carat-2-n-s {background-position: -128px 0;}
.ui-icon-carat-2-e-w {background-position: -144px 0;}
.ui-icon-triangle-1-n {background-position: 0 -16px;}
.ui-icon-triangle-1-ne {background-position: -16px -16px;}
.ui-icon-triangle-1-e {background-position: -32px -16px;}
.ui-icon-triangle-1-se {background-position: -48px -16px;}
.ui-icon-triangle-1-s {background-position: -64px -16px;}
.ui-icon-triangle-1-sw {background-position: -80px -16px;}
.ui-icon-triangle-1-w {background-position: -96px -16px;}
.ui-icon-triangle-1-nw {background-position: -112px -16px;}
.ui-icon-triangle-2-n-s {background-position: -128px -16px;}
.ui-icon-triangle-2-e-w {background-position: -144px -16px;}
.ui-icon-arrow-1-n {background-position: 0 -32px;}
.ui-icon-arrow-1-ne {background-position: -16px -32px;}
.ui-icon-arrow-1-e {background-position: -32px -32px;}
.ui-icon-arrow-1-se {background-position: -48px -32px;}
.ui-icon-arrow-1-s {background-position: -64px -32px;}
.ui-icon-arrow-1-sw {background-position: -80px -32px;}
.ui-icon-arrow-1-w {background-position: -96px -32px;}
.ui-icon-arrow-1-nw {background-position: -112px -32px;}
.ui-icon-arrow-2-n-s {background-position: -128px -32px;}
.ui-icon-arrow-2-ne-sw {background-position: -144px -32px;}
.ui-icon-arrow-2-e-w {background-position: -160px -32px;}
.ui-icon-arrow-2-se-nw {background-position: -176px -32px;}
.ui-icon-arrowstop-1-n {background-position: -192px -32px;}
.ui-icon-arrowstop-1-e {background-position: -208px -32px;}
.ui-icon-arrowstop-1-s {background-position: -224px -32px;}
.ui-icon-arrowstop-1-w {background-position: -240px -32px;}
.ui-icon-arrowthick-1-n {background-position: 0 -48px;}
.ui-icon-arrowthick-1-ne {background-position: -16px -48px;}
.ui-icon-arrowthick-1-e {background-position: -32px -48px;}
.ui-icon-arrowthick-1-se {background-position: -48px -48px;}
.ui-icon-arrowthick-1-s {background-position: -64px -48px;}
.ui-icon-arrowthick-1-sw {background-position: -80px -48px;}
.ui-icon-arrowthick-1-w {background-position: -96px -48px;}
.ui-icon-arrowthick-1-nw {background-position: -112px -48px;}
.ui-icon-arrowthick-2-n-s {background-position: -128px -48px;}
.ui-icon-arrowthick-2-ne-sw {background-position: -144px -48px;}
.ui-icon-arrowthick-2-e-w {background-position: -160px -48px;}
.ui-icon-arrowthick-2-se-nw {background-position: -176px -48px;}
.ui-icon-arrowthickstop-1-n {background-position: -192px -48px;}
.ui-icon-arrowthickstop-1-e {background-position: -208px -48px;}
.ui-icon-arrowthickstop-1-s {background-position: -224px -48px;}
.ui-icon-arrowthickstop-1-w {background-position: -240px -48px;}
.ui-icon-arrowreturnthick-1-w {background-position: 0 -64px;}
.ui-icon-arrowreturnthick-1-n {background-position: -16px -64px;}
.ui-icon-arrowreturnthick-1-e {background-position: -32px -64px;}
.ui-icon-arrowreturnthick-1-s {background-position: -48px -64px;}
.ui-icon-arrowreturn-1-w {background-position: -64px -64px;}
.ui-icon-arrowreturn-1-n {background-position: -80px -64px;}
.ui-icon-arrowreturn-1-e {background-position: -96px -64px;}
.ui-icon-arrowreturn-1-s {background-position: -112px -64px;}
.ui-icon-arrowrefresh-1-w {background-position: -128px -64px;}
.ui-icon-arrowrefresh-1-n {background-position: -144px -64px;}
.ui-icon-arrowrefresh-1-e {background-position: -160px -64px;}
.ui-icon-arrowrefresh-1-s {background-position: -176px -64px;}
.ui-icon-arrow-4 {background-position: 0 -80px;}
.ui-icon-arrow-4-diag {background-position: -16px -80px;}
.ui-icon-extlink {background-position: -32px -80px;}
.ui-icon-newwin {background-position: -48px -80px;}
.ui-icon-refresh {background-position: -64px -80px;}
.ui-icon-shuffle {background-position: -80px -80px;}
.ui-icon-transfer-e-w {background-position: -96px -80px;}
.ui-icon-transferthick-e-w {background-position: -112px -80px;}
.ui-icon-folder-collapsed {background-position: 0 -96px;}
.ui-icon-folder-open {background-position: -16px -96px;}
.ui-icon-document {background-position: -32px -96px;}
.ui-icon-document-b {background-position: -48px -96px;}
.ui-icon-note {background-position: -64px -96px;}
.ui-icon-mail-closed {background-position: -80px -96px;}
.ui-icon-mail-open {background-position: -96px -96px;}
.ui-icon-suitcase {background-position: -112px -96px;}
.ui-icon-comment {background-position: -128px -96px;}
.ui-icon-person {background-position: -144px -96px;}
.ui-icon-print {background-position: -160px -96px;}
.ui-icon-trash {background-position: -176px -96px;}
.ui-icon-locked {background-position: -192px -96px;}
.ui-icon-unlocked {background-position: -208px -96px;}
.ui-icon-bookmark {background-position: -224px -96px;}
.ui-icon-tag {background-position: -240px -96px;}
.ui-icon-home {background-position: 0 -112px;}
.ui-icon-flag {background-position: -16px -112px;}
.ui-icon-calendar {background-position: -32px -112px;}
.ui-icon-cart {background-position: -48px -112px;}
.ui-icon-pencil {background-position: -64px -112px;}
.ui-icon-clock {background-position: -80px -112px;}
.ui-icon-disk {background-position: -96px -112px;}
.ui-icon-calculator {background-position: -112px -112px;}
.ui-icon-zoomin {background-position: -128px -112px;}
.ui-icon-zoomout {background-position: -144px -112px;}
.ui-icon-search {background-position: -160px -112px;}
.ui-icon-wrench {background-position: -176px -112px;}
.ui-icon-gear {background-position: -192px -112px;}
.ui-icon-heart {background-position: -208px -112px;}
.ui-icon-star {background-position: -224px -112px;}
.ui-icon-link {background-position: -240px -112px;}
.ui-icon-cancel {background-position: 0 -128px;}
.ui-icon-plus {background-position: -16px -128px;}
.ui-icon-plusthick {background-position: -32px -128px;}
.ui-icon-minus {background-position: -48px -128px;}
.ui-icon-minusthick {background-position: -64px -128px;}
.ui-icon-close {background-position: -80px -128px;}
.ui-icon-closethick {background-position: -96px -128px;}
.ui-icon-key {background-position: -112px -128px;}
.ui-icon-lightbulb {background-position: -128px -128px;}
.ui-icon-scissors {background-position: -144px -128px;}
.ui-icon-clipboard {background-position: -160px -128px;}
.ui-icon-copy {background-position: -176px -128px;}
.ui-icon-contact {background-position: -192px -128px;}
.ui-icon-image {background-position: -208px -128px;}
.ui-icon-video {background-position: -224px -128px;}
.ui-icon-script {background-position: -240px -128px;}
.ui-icon-alert {background-position: 0 -144px;}
.ui-icon-info {background-position: -16px -144px;}
.ui-icon-notice {background-position: -32px -144px;}
.ui-icon-help {background-position: -48px -144px;}
.ui-icon-check {background-position: -64px -144px;}
.ui-icon-bullet {background-position: -80px -144px;}
.ui-icon-radio-off {background-position: -96px -144px;}
.ui-icon-radio-on {background-position: -112px -144px;}
.ui-icon-pin-w {background-position: -128px -144px;}
.ui-icon-pin-s {background-position: -144px -144px;}
.ui-icon-play {background-position: 0 -160px;}
.ui-icon-pause {background-position: -16px -160px;}
.ui-icon-seek-next {background-position: -32px -160px;}
.ui-icon-seek-prev {background-position: -48px -160px;}
.ui-icon-seek-end {background-position: -64px -160px;}
.ui-icon-seek-start {background-position: -80px -160px;}
.ui-icon-seek-first {background-position: -80px -160px;}
.ui-icon-stop {background-position: -96px -160px;}
.ui-icon-eject {background-position: -112px -160px;}
.ui-icon-volume-off {background-position: -128px -160px;}
.ui-icon-volume-on {background-position: -144px -160px;}
.ui-icon-power {background-position: 0 -176px;}
.ui-icon-signal-diag {background-position: -16px -176px;}
.ui-icon-signal {background-position: -32px -176px;}
.ui-icon-battery-0 {background-position: -48px -176px;}
.ui-icon-battery-1 {background-position: -64px -176px;}
.ui-icon-battery-2 {background-position: -80px -176px;}
.ui-icon-battery-3 {background-position: -96px -176px;}
.ui-icon-circle-plus {background-position: 0 -192px;}
.ui-icon-circle-minus {background-position: -16px -192px;}
.ui-icon-circle-close {background-position: -32px -192px;}
.ui-icon-circle-triangle-e {background-position: -48px -192px;}
.ui-icon-circle-triangle-s {background-position: -64px -192px;}
.ui-icon-circle-triangle-w {background-position: -80px -192px;}
.ui-icon-circle-triangle-n {background-position: -96px -192px;}
.ui-icon-circle-arrow-e {background-position: -112px -192px;}
.ui-icon-circle-arrow-s {background-position: -128px -192px;}
.ui-icon-circle-arrow-w {background-position: -144px -192px;}
.ui-icon-circle-arrow-n {background-position: -160px -192px;}
.ui-icon-circle-zoomin {background-position: -176px -192px;}
.ui-icon-circle-zoomout {background-position: -192px -192px;}
.ui-icon-circle-check {background-position: -208px -192px;}
.ui-icon-circlesmall-plus {background-position: 0 -208px;}
.ui-icon-circlesmall-minus {background-position: -16px -208px;}
.ui-icon-circlesmall-close {background-position: -32px -208px;}
.ui-icon-squaresmall-plus {background-position: -48px -208px;}
.ui-icon-squaresmall-minus {background-position: -64px -208px;}
.ui-icon-squaresmall-close {background-position: -80px -208px;}
.ui-icon-grip-dotted-vertical {background-position: 0 -224px;}
.ui-icon-grip-dotted-horizontal {background-position: -16px -224px;}
.ui-icon-grip-solid-vertical {background-position: -32px -224px;}
.ui-icon-grip-solid-horizontal {background-position: -48px -224px;}
.ui-icon-gripsmall-diagonal-se {background-position: -64px -224px;}
.ui-icon-grip-diagonal-se {background-position: -80px -224px;}

.ui-icon {background-image: url(../../img/ui-icons_ff9900_256x240.png);height:16px;width:16px;background-repeat:no-repeat;display:block;overflow:hidden;text-indent:-99999px;}
span.ui-icon {float:left;margin-right:0.3em;}
.ui-icon-none {background-image:none;}

/*Bootstrap styled label CSS*/

.bootstrap-style-label {
    padding: 1px 5px 1px;
    font-size: 10.75px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    white-space: nowrap;
    background-color: #bfbfbf;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.bootstrap-style-label.important {
    background-color: #c43c35;
}
.bootstrap-style-label.warning {
    background-color: #f89406;
}
.bootstrap-style-label.success {
    background-color: #46a546;
}
.bootstrap-style-label.blue {
    background-color: #008ccd;
}

.paidfeature{
		color: #333;
	}
.paidfeature:hover{
	text-decoration: underline;
}

.fullwidth{
	width: 100%;
}

.verydarkgray{
	color: #333 !important;
}

.sidebargray{
	color: #a8a9ad !important;
}

.qualificationlegendtable{
	width: 100%;
	table-layout:fixed;
	margin-bottom: 20px;
}
.qualificationlegendtable td{
	text-align: center;
	border: 1px solid #a8a9ad;
	border-bottom: 1px solid #a8a9ad;
}
.qualificationlegendtable th{
	text-align: center;
	color: #ffffff;
	border: 1px solid #a8a9ad;
    background-color: #a8a9ad;
}
.bootstrap-touchspin .bootstrap-touchspin-down {padding:3px 9px;}
.bootstrap-touchspin .bootstrap-touchspin-up {padding:3px 8px;}
.bootstrap-touchspin input.form-control {text-align:center;}
#cart .subtotal {border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
#shop #account-info .DataTable th {white-space:nowrap;}
#shop #account-info .DataTable td {white-space:nowrap;}
#cart input.spin.qty {text-align:center !important;}
#cart .DataTable tfoot th {text-align:right;}
#cart .total {border-top:1px solid #999; border-bottom:3px double #999;}
#cart .cart-item .product-name {font-weight:bold;}
#cart .cart-item .product-detail {margin-left:10px; color:#333; font-weight:normal; font-size:.9em; width:90%;}
#cart .cart-item .product-detail p {margin:.5em 0;}
#cart .cart-section-header {color:#00aeef;}
#shop {width:930px; margin:0 auto;}
#shop h1 {clear:left;}
#shop .note {font-size:.85em; padding:2px 10px; color:#333; font-weight:normal; border:none; background:none;}
#shop .footer {margin:50px 0 20px; text-align:center; width:930px;}
#shop .footer a {margin:0 20px;}
#shop .footer-toolbar {text-align:left;}
.currency-code {float:left;}
#shop-tabs li {position:relative;}
#shop-tabs li a {padding-left:35px; border-bottom:none;}
#shop-tabs .arrow {position:absolute;left:13px;top:-9px;font-size:27px;}
#shop #paynowprogress {color:#ff6600;font-weight:bold;font-size:1.3em;display:none;}
#shop #paynowprogress img {margin-top:2px;margin-bottom:-2px;}

.media {position:relative; clear:both; padding:15px; margin-bottom:50px; min-height:128px;}
.media .media-left {position:absolute; top:15px; left:15px;}
.media .media-left .media-object {width:128px; height:128px;}
.media .media-body {margin-left:178px;}
.media .media-body .media-heading {padding:0; margin:0;}
.media .media-body h2 {background:none; border:none;}
.media .media-body h3 {margin:5px 0 15px 0;}

.card {
	box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
	/*border:1px solid #aab2bd;*/
	position:relative;
	display:block;
	margin-bottom:.75rem;
	background-color:#fff;
	width:500px;
}
.card-wide {width:910px;}
.card-header {padding:10px 15px; background-color:#aab2bd; color:#fff;}
.card.info .card-header {background-color:#65a7d1; color:#fff;}
.card.success .card-header {background-color:#61d89f; color:#fff;}
.card.primary .card-header {background-color:#004169; color:#fff;}
.card.alert .card-header {background-color:#FFB251; color:#fff;}
.card.error .card-header {background-color:#fa632f; color:#fff;}
.card.trial .card-header {background-color:#bf7ade; color:#fff;}
/*
.card.info {border:1px solid #65a7d1;}
.card.success {border:1px solid #61d89f;}
.card.alert {border:1px solid #FFB251;}
.card.error {border:1px solid #fa632f;}
.card.trial {border:1px solid #bf7ade;}
*/
.card-block {padding:10px 15px;}
.card hr {
	height:0; box-sizing:content-box; margin-top:10px; margin-bottom:10px; border:0; border-top:1px solid rgba(0,0,0,.1);
}
.card .default {background:#fff; color:#656d78; border-color:#c8c9cd;}

.section .card {width:285px;}
.card-borderless {box-shadow:none;}
.card-button a {color:#4B515D; text-decoration:none;}
.card-button a:hover {color:#004169; text-decoration:none;}
.card-button .card-block {text-align:center; padding:2rem;}
.card-button .card-block:hover {background-color:#f5f5f5;}
.card-button .card-button-icon .fa {font-size:3rem;}
.card-button .card-button-label {font-size:2rem;}
.card-button {float:left; width:285px; margin-right:15px;}

.card-stat {display:inline-block; width:auto; margin-bottom:3rem; padding-right:2rem; text-align:center;}
.card-stat .card-header {text-transform:uppercase; font-weight:bold; background:#fff; color:#333; padding:10px 15px 5px 15px; border-bottom:1px solid #aab2bd;}
.card-stat .card-block {padding:5px 15px 10px 15px;}

.price-frequency-selector {margin:20px auto; text-align:center;}
.price-frequency {margin:0 10px; padding:10px 28px; color:#008ccd; background:#eee; border-radius:2px;}
.price-frequency:hover {text-decoration:none;background:#ddd;}
.price-frequency.active {color:#fff;background:#008ccd;}

.payroll-selector {margin:20px auto;}
.payroll-selector .payroll-vendor {display:inline-block; margin:0 10px; color:#008ccd; border:1px solid #eee; border-radius:2px; height:100px; width:150px; line-height:100px; vertical-align:middle; text-align:center;}
.payroll-selector .payroll-vendor:hover {text-decoration:none; background:#eee;}
.payroll-selector .payroll-vendor.active {border:1px solid #008ccd;}
.payroll-selector .payroll-vendor img {vertical-align:middle;}
/*
Full Color cards
created for To do list on sidebar
*/
.aside .balloon .ui-state-highlight {margin-left:-10px; margin-right:-10px; border-radius:0;}
.card-fullcolor.red {margin:2px 0; padding:5px; border-left:3px solid #fa632f;}
.card-fullcolor.orange {margin:2px 0; padding:5px; border-left:3px solid #FFB251;}
.card-fullcolor.blue {margin:2px 0; padding:5px;  border-left:3px solid #65a7d1;}
.card-fullcolor.darkblue {margin:5px 0; padding:5px;  border: 1px solid #004169; color: white; background: #004169 !important; font-weight: bold;}
.card-fullcolor p {margin-top: 0.4em; margin-bottom: 0.4em;}

.todo-widget.card {width:220px; margin-left:-10px; margin-top:40px;}
.todo-widget.card-block {padding:2rem 1rem;}
.todo-widget #newToDoTaskBtn {cursor:pointer; float:right; font-size:24px; margin-right:-15px; margin-top:-10px; line-height:36px; padding:0 10px;}
.todo-widget #newToDoTaskBtn:hover {background-color:#fff; color:#333;}
.todo-widget #ToDoTaskList {margin:-10px -15px; padding:7px;}
.todo-widget .todotask:hover {background-color:#eee;}

.main-dashboard {float:left;}
.main-rightbar {width:350px; float:right;}
.blog-post.card {width:100%}
.blog-post {}
.blog-title {font-weight:bold;}
.blog-summary {text-align:justify;}
.blog-summary img {float:left; margin-right:10px !important; margin-bottom:10px !important; width:100px; height:100px;}
.blog-summary span {font-family:inherit !important; font-size:inherit !important;}
.blog-date {font-style: italic; margin-top:5px; font-size:.85em;}
.blog-link {text-align:right;}


/* Small devices (tablets, 768px and up) */
@media (min-width: 0px) {
	.card-button {width:220px; margin-right:15px;}
	.card-button .card-button-icon .fa {font-size:1.8rem;}
	.card-button .card-button-label {font-size:1.5rem;}
	.main-rightbar {width:250px;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.card-button {width:200px; margin-right:15px;}
	.card-button .card-button-icon .fa {font-size:2.5rem;}
	.card-button .card-button-label {font-size:1.5rem;}
	.main-rightbar {width:285px;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.card-button {width:285px; margin-right:15px;}
	.card-button .card-button-icon .fa {font-size:2.5rem;}
	.card-button .card-button-label {font-size:1.5rem;}
	.main-rightbar {width:350px;}
}

@media (min-width: 1600px) {
	.card-button {width:285px; margin-right:15px;}
	.main-dashboard .card.card-button:nth-child(5) {clear:left;}
	.main-rightbar {width:350px;}
}