/***** 
  * Date: Feburary 11, 2014
  * Website: http://rubratec.com.au
*****/
/************Precision Framework Default Styles ******************/

/*@import url(http://fonts.googleapis.com/css?family=Exo:100,200,400);*/
/* @font-face { */
/*     font-family: 'Exo'; */
/*     src: url('../font/Exo-Regular.ttf') format('truetype'); */
/* } */
/* @font-face { */
/* 	font-family: 'Roboto'; */
/* 	src: url('../font/Roboto/Roboto-Regular.ttf') format('truetype'); */
/* 	font-weight:normal; */
/* 	font-style:normal; */
/* } */
/* @font-face { */
/*     font-family: 'Roboto-Medium'; */
/*     src: url('../font/Roboto/Roboto-Medium.ttf') format('truetype'); */
/*     font-weight:normal; */
/*     font-style:normal; */
/* } */
/* @font-face { */
/*     font-family: 'Roboto-Light'; */
/*     src: url('../font/Roboto/Roboto-Light.ttf') format('truetype'); */
/*     font-weight:normal; */
/*     font-style:normal; */
/* } */
/* @font-face { */
/*     font-family: 'Roboto-Black'; */
/*     src: url('../font/Roboto/Roboto-Black.ttf') format('truetype'); */
/*     font-weight:normal; */
/*     font-style:normal; */
/* } */

/* @font-face { */
/*     font-family: 'Roboto-Thin'; */
/*     src: url('../font/Roboto/Roboto-Thin.ttf') format('truetype'); */
/*     font-weight:normal; */
/*     font-style:normal; */
/* } */

@font-face {
   font-family: 'BebasNeueRegular';
   src: url('../font/BebasNeue-webfont.eot');
   src: url('../font/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
        url('../font/BebasNeue-webfont.woff') format('woff'),
        url('../font/BebasNeue-webfont.ttf') format('truetype'),
        url('../font/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
   font-weight: normal;
   font-style: normal;

}
html, body, div, span, ol, ul, li, table, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
/* workaround for Chrome stupid forced styling on auto-fill */
input:-webkit-autofill {
	-webkit-box-shadow:0 0 0 50px #514F4B inset;
	-webkit-text-fill-color: white;
}

/*********** General Styles Used by all pages *************/

body { margin: 0; padding: 0; background: #FFF; font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 12px; color: #666; }
body.errorpage { background-color: #666; }

a { color: #069; text-decoration: none; outline: none; }
a:focus, a:hover { text-decoration: none; }
button,input,select,textarea { font-size: 12px; font-family: Roboto, Arial, Helvetica, sans-serif; outline: none; margin: 0;}
small, .small { font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 11px; }

h1 { font-size: 28px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; }
h5 { font-size: 13px; }
h1,h2,h3 { font-family: Roboto, Arial, Helvetica, sans-serif; letter-spacing: 0.5px; font-weight: normal; color: #333; }

.radius2 { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.radius3 { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.radius25 { -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; }
.radius50 { -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; }
/* .bebas { font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif; } */
.width1 { width: 1px; }

/************ Styles used by enscroll widget ***************/
/* .track3 {width: 10px; background: rgba(0, 0, 0, 0); margin-right: 2px; border-radius: 10px; -webkit-transition: background 250ms linear; transition: background 250ms linear;} */
/* .track3:hover, */
/* .track3.dragging {background: #d9d9d9; Browsers without rgba support background: rgba(0, 0, 0, 0.15);} */
/* .handle3 {width: 7px; right: 0; background: #999; background: rgba(0, 0, 0, 0.4); border-radius: 7px; -webkit-transition: width 250ms; transition: width 250ms;} */
/* .track3:hover .handle3, */
/* .track3.dragging .handle3 {width: 10px;} */

/*********** header styles used by all pages *************/

.header { 
	background: #9c9c9c; 
	margin: 0px; 
	position: relative;	
	z-index:10000;
	padding:5px; 
	height:40px;
	box-sizing:content-box;
}
.header * {
	box-sizing:inherit;
}

.headercolumn { padding: 0 8px; float: left; position: relative; }

.header-left { padding: 0.3em 0 0 0.5em;}

.header-left .header-logo {
	border: none; 
	color: #fff; 
	background: url(../images/menudroparrow.png) no-repeat left -31px; 
	-moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	box-shadow: none;
	padding: 10px 10px 5px 25px;
}
.header-left .header-logo img {
	margin-top: -5px;
	padding: 0 5px;
	max-height: 40px;
	height: 40px;
	cursor: pointer;
}

.searchbox { display: inline-block; color: white; border-bottom: 1px solid #bfbfbf;}
.searchbox input { border: 0; padding: 8px 8px; font-size: 13px; background: transparent; color: #eaeaea; width: 200px; font-style: italic; }
.searchbox input { -moz-box-shadow: inset 1px 1px 5px #171717; }
.searchbox input:focus { font-style: normal; }
.searchbox input::-webkit-input-placeholder {color:white;}

.header-right { position: absolute; right: 0; top: 8px; display: flex; align-items: center; padding: 0; }
.header-right img { vertical-align: middle; }

.header-right .noalert { display: inline-block; padding: 9px 10px 9px 10px; background: #999; color: #fff; font-weight: bold; }
.header-right .noalert:hover { text-decoration: none; }
.header-right .notialert { display: inline-block; padding: 5px 10px 9px 10px; color: #fff; font-weight: bold; }
.header-right .notialert.alert { background: #cc0000; }
.header-right .notialert:hover { text-decoration: none; }

.header-right .userinfo {
	display: inline-flex;
	align-items: center; 
	color: #222f5d; 
	position: relative;
}
.header-right .userinfo .user-first-initial {
    background: #585858;
    border-radius: 50%;
    padding: 2px 8px;
    color: white;
}

.header-right .userinfo  .user-name:hover { text-decoration: none; background-color: rgba(255, 255, 255, 0.7); }
.header-right .userinfo .user-name { 
	display: inline-block; 
	width: 80px;
	padding: 0px 12px; 
	margin-left: -10px;
	z-index: -1;
	vertical-align:middle; 
	background: rgba(255, 255, 255, 0.3);
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px; 
	border-radius: 20px;
}
.header-right .userinfo .user-name .user-txt { padding-left: 5px; }
.header-right .userinfo .user-name .user-status {display: block;font-size: 0.8em; text-align: center;}
.header-right .userinfo .user-name .material-icons {color: white; font-size: 3rem; line-height: 1.8rem;}

/* .header-right .userinfodrop {  */
/* background: #fff url(../images/arrow2.png) no-repeat right -87px; color: #333; z-index: 20;  */
/* border: 1px solid #fff; height: 29px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; */
/* } */
/* .header-right .userinfodrop:hover { background-color: #fff; color: #333; border: 1px solid #fff; } */

.header-right .icomore { padding-left:5px; }

.header-right .headercolumn:last-child { border-right: 0; }
.header-right .headercolumn:first-child { border-left: 0; }
.header-right .mdl-textfield--expandable .mdl-button--icon {top: 0;}
.header-right .mdl-textfield {padding: 0; color: white;}
#work-space.single-workspace {
	display: flex;
	justify-content: center;
}
#work-space-menu { 
background: #fff; position: absolute; top: 50px; left: 7px; display: none; overflow: hidden; z-index: 10;box-shadow: 0px 4px 7px 0px #666;
}
#work-space-menu ul { list-style: none;}
#work-space-menu ul li { display: block; }

#work-space-menu ul li a { 
	border-left: 1px solid #ccc;
    border-right: 1px solid #ccc; 
	border-top: 0;
	display: block; 
	color: #666; 
    font-size: 1em;
}
#work-space-menu ul li a:hover { color: #333; text-decoration: none; background-color: #eee; }
#work-space-menu ul li:first-child a { border-top: 1px solid #ddd; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; }
#work-space-menu ul li:last-child a { -moz-border-radius: 0 0 2px 2px; -webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; border-bottom: 1px solid #ccc; }
#work-space-menu ul li a span { display: block; padding: 10px; background: #fff; }
#work-space-menu ul li a:hover span {background: #ebebeb; }
#work-space-menu ul li.current a { background-color: #CBDDEB; color: #666; border: 1px solid #5BB3F8; }
#work-space-menu ul li.current a span { background: #D1E4F3; }
#work-space-menu ul li a em { font-style: normal; }

.userdrop { 
    background: #fff; 
    position: absolute; 
    top: 45px; 
    right: 10px; 
    display: none; 
    overflow: hidden; 
    z-index: 10; 
    -moz-border-radius: 2px 0 2px 2px; 
    -webkit-border-radius: 2px 0 2px 2px;
    border-radius: 2px 0 2px 2px; 
    -moz-box-shadow: 0 0 2px #333; 
    -webkit-box-shadow: 0 0 2px #333; 
    box-shadow: 0 0 2px #333; 
    min-width: 150px;
}
.userdrop ul { list-style: none; margin: 5px 0; }
.userdrop ul li { display: block; }
.userdrop ul li a { display: block; padding: 8px 10px; color: #666; }
.userdrop ul li a:hover { background: #eee; text-decoration: none; }


.headerinner2 { border-top: 1px solid #444; height: 57px; position: relative; }
.userinfomenu { position: absolute; top: 0; right: 0; }
.userinfomenu img { vertical-align: middle; }
.userinfomenu .userinfo { 
display: inline-block; border: 1px solid #272727; padding: 3px 25px 3px 3px; color: #ccc; 
vertical-align: top; background: #373737 url(../images/menudroparrow.png) no-repeat right -31px; position: relative;
-moz-box-shadow: 0 1px 0 #444; -webkit-box-shadow: 0 1px 0 #444; box-shadow: 0 1px 0 #444;
}
.userinfomenu .userinfo:hover { text-decoration: none; background-color: #3c3c3c; }
.userinfomenu .userinfo span { display: inline-block; padding: 0 10px; }

.userinfomenu .userinfodrop { 
background: #fff url(../images/arrow2.png) no-repeat right -87px; color: #333; z-index: 20; 
border: 1px solid #fff; height: 29px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}
.userinfomenu .userinfodrop:hover { background-color: #fff; color: #333; border: 1px solid #fff; }


.header-right .notiactive { 
	background: #fff; 
	color: #333; 
	-moz-border-radius: 2px 2px 0 0; 
	-webkit-border-radius: 2px 2px 0 0; 
	border-radius: 2px 2px 0 0;
	position: relative; 
	z-index: 20; 
	height: 18px;
}
.notinumber { 
	position: absolute;
	display: block;
    color: white;
    padding: 1px;
    border-radius: 30px;
    width: 100%;
    font-size:10px;
    text-align:center;
    top:0px;
    left:0px;
    line-height:3.5em;
    vertical-align:middle;
}
.notiwrapper { 
	position: relative; 
	display: inline-block; 
	text-align: center;
    cursor:pointer;
}
.notiwrapper .notiIcon {
	cursor:pointer;
}
.notiwrapper .notiIcon i{
	font-size:35px;
    left:12%;
    width:50px;
    cursor:pointer;
}
.notiwrapper.active .notiIcon i {
	color: #de0000;
}
.notiwrapper.active .notiIcon i::after {
	content: "notifications_active"
}
.notiwrapper .notiIcon i::after {
    content: "notifications_none"
}

.notibox { 
    background: #fff; 
    padding: 10px; 
    position: absolute; 
    z-index: 10; 
    right: 0; 
    top: 32px; 
    width: 300px; 
    line-height: 21px;
    -moz-box-shadow: 0 0 2px #333; 
    -webkit-box-shadow: 0 0 2px #333; 
    box-shadow: 0 0 2px #333; 
    border: 1px solid #eee; 
    -moz-border-radius: 2px 0 2px 2px; 
    -webkit-border-radius: 2px 0 2px 2px; 
    border-radius: 2px 0 2px 2px; 
    display: none;
}
.notibox .loader { font-style: italic; color: #666; display: none; padding: 5px 0; font-size: 11px; }
.noticontent { margin: 5px 0; }

.notification .noti-container .noti-subject,
.notification .noti-container .noti-dismiss {
	cursor:pointer;
}

.notification .noti-container.dismissed {
	opacity:0.5;
}

.tabmenu { list-style: none; }
.tabmenu li { display: inline-block; float: left; width: 50%; border-bottom: 1px solid #ddd; }
.tabmenu li a { display: block; font-weight: bold; color: #666; padding: 8px 10px; text-align: center; }
.tabmenu li a:hover { text-decoration: none; color: #333; }
.tabmenu li.current a { background: #ddd; color: #333; }

#pfw-side-bar {
    display:none;
	position: absolute;
    right: 0px;
    border: 0px solid silver;
    border-width: 1px 0px 1px 1px;
    width: 401px;
    height: 838px;
    background:#F9F9FB;
}

#pfw-side-bar .top-bar {
	width:400px;
	height:30px;
}
#pfw-side-bar .top-bar .icon {
	float: right;
	display:inline-block;
	width:40px;
	cursor:pointer;
	text-align:center;
	height: 2.5em;
}
#pfw-side-bar .top-bar .icon:hover {
	background:silver;
}
#pfw-side-bar .top-bar .icon img,
#pfw-side-bar .top-bar .icon i {
	height: 25px;
    padding: 6px;
    color:black;
}
#pfw-side-bar .top-bar .icon .material-icons {
	margin-top:-4px;
}
#pfw-side-bar .top-bar .title {
	font-size: 1.4em;
    font-weight: bold;
    padding: 6px;
    height: 30px;
    color: black;
    display: inline-block;
    width: 180px;
    overflow: hidden;
}
#pfw-side-bar .top-bar .num {
	position: absolute;
    background: #CC0000;
    padding: 2px;
    color: white;
    font-weight: bold;
    border-radius: 14px;
    min-width: 14px;
    text-align: center;
    margin-left: -14px;
    display:none;
}
#pfw-side-bar .top-bar .pin-it.pinned img {
	transform: rotate(-45deg);
}
#pfw-side-bar .top-bar .msgs,
#pfw-side-bar .top-bar .filters {display:none;}


#pfw-side-bar .msg-list { list-style: none; font-size: 11px; line-height: 16px; overflow-x:auto;position:relative;}
#pfw-side-bar .msg-list li { display: block; background-color: #eee; background-repeat: no-repeat; background-position: 10px 10px; border: 1px solid #ddd; border-top: 0; }
#pfw-side-bar .msg-list li:first-child { border-top: 1px solid #ddd; }

#pfw-side-bar .msg-list li.email, #pfw-side-bar .msg-list li.message { background-image: url(../images/icons/default/mail.png); }
#pfw-side-bar .msg-list li.user { background-image: url(../images/icons/default/users.png); }
#pfw-side-bar .msg-list li.call { background-image: url(../images/icons/default/call.png); }
#pfw-side-bar .msg-list li.calendar { background-image: url(../images/icons/default/calendar.png); }
#pfw-side-bar .msg-list li.settings { background-image: url(../images/icons/default/settings.png); }
#pfw-side-bar .msg-list li.notification { background-image: url(../images/icons/default/alert.png); }

#pfw-side-bar .msg-list li.org,
#pfw-side-bar .msg-list li.contact,#pfw-side-bar .msg-list li.contacts { background-image: url(../images/icons/default/contact.png); }

#pfw-side-bar .msg-list li .ts { position:absolute; right:10px; }

#pfw-side-bar .msg-list li .msgfooter { margin-left: 35px; background: rgb(241, 225, 225); padding: 3px 10px 0px; border-left: 1px solid #ddd; border-top: 1px solid rgb(207, 207, 207); }

#pfw-side-bar .msg-list li.new { background-color: #fff; }
#pfw-side-bar .msg-list li .msg { margin-left: 35px; background: #f7f7f7; padding: 8px 10px; border-left: 1px solid #ddd; }
#pfw-side-bar .msg-list li.new .msg { background: #fff; }
#pfw-side-bar .msg-list li a.subject { margin: 2px 0; color: #333; font-weight: bold; display: block; }
#pfw-side-bar .msg-list li a.subject:hover { text-decoration: none; color: #666; }
#pfw-side-bar .msg-more a { display: block; text-align: center; color: #666; background: #ccc; padding: 5px 0; margin-top: 5px; font-size: 11px; font-weight: bold; }
#pfw-side-bar .msg-more a:hover { text-decoration: none; background: #bbb; color: #333; } 
#pfw-side-bar .msg-list li .conversation {padding: 3px 23px 0px 0px; margin-right: 5px; background-image: url(../images/glyphicons/glyphicons_244_conversation_gray.png);background-repeat: no-repeat;}
#pfw-side-bar .msg-list li .pinmsg {padding: 3px 23px 0px 0px; margin-right: 0px; background-image: url(../images/glyphicons/glyphicons_335_pushpin_gray.png);background-repeat: no-repeat;}
#pfw-side-bar .msg-list li .followmsq {padding: 3px 30px 0px 0px; margin-right: 5px; background-image: url(../images/glyphicons/glyphicons_051_eye_open_gray.png);background-repeat: no-repeat;}
#pfw-side-bar .msg-list li .import {padding: 3px 23px 0px 0px; margin-right: 5px; background-image: url(../images/glyphicons/glyphicons_358_file_import_gray.png);background-repeat: no-repeat;}
#pfw-side-bar .msg-list li .email {padding: 3px 23px 0px 0px; margin-right: 5px; background-image: url(../images/glyphicons/glyphicons_124_message_plus_gray.png);background-repeat: no-repeat;}

#pfw-side-bar .msg-list .feed-item .msg.has-timestamp {padding-right: 75px;}
#pfw-side-bar .msg-list .feed-item .material-icons {clear: both; float: left; width: 35px; text-align:center;margin: 4px 0;}
#pfw-side-bar .msg-list .feed-item.address .material-icons:after{content:"add_location"}

/**************** Workspace Menu ***************/
.page-menu-bar { 
	position: relative; 
	display: inline-block; 
	height: 38px; 
	width:100%; 
	margin-top:-20px;
	background: #8c8e90; 
}

.page-menu-bar-title {position: absolute; left:11%; height:100%; display: none;}
.page-menu-bar-title div {display: block; height:40px; color: #666; padding-left: 45px; font-weight: bold;}
.page-menu-bar-title span {
	position: relative; top:4px;
	font-family: Roboto, Exo, Arial, Helvetica, sans-serif; font-size: 2.3em; font-weight: 200; color:#8B7676;
}

.page-menu-bar-body {position: relative; float: right; width: 68%; height:100%;}
.page-menu-bar-body  ul { list-style: none;}
.page-menu-bar-body  ul li {display: inline-block; float: left; padding:5px 20px;}
/* .page-menu-bar-body a {display: inline-block;} */
/* .page-menu-bar-body a {display: inline-block; border: 1px solid #ccc; background-color: #f7f7f7; background-repeat: no-repeat; border-radius: 40px 8px 40px 8px; color: #666;} */
.page-menu-bar-body a:hover {
	text-decoration: none; 
    border-bottom: 2px solid #d8d8d8;
    padding-bottom: 5px;
    cursor: pointer;
}
.page-menu-bar-body a span { 
	padding: 5px 20px; 
    color:#d8d8d8;}

.page-menu-bar-body a.current span { 
	padding: 5px 20px; 
	border-bottom: 2px solid #484848; 
	font-weight:bold; 
	color:#484848;
}
.page-menu-bar-body a.current:hover {text-decoration: none;}

#work-space-menu-bar {
  position: absolute;
  left: 150px;
  top: 2px;
  background: transparent;
  max-height: 40px;  
}
#work-space-menu-bar ul {list-style:none;}
/* #work-space-menu-bar ul li {display:inline-block;float:left;padding-top:15px;padding-right:25px;padding-left: 30px;} */
#work-space-menu-bar ul li {display:inline-block;float:left;padding:10px 30px 5px 30px;}
#work-space-menu-bar a.current:hover {text-decoration: none;}
#work-space-menu-bar ul li a {color:#fff;}
#work-space-menu-bar a span:hover {
	border-bottom: 2px solid #fff;
    padding-bottom: 5px;
    cursor:pointer;
    }

#work-space-menu-bar a.current span {
	color: #666;
	font-weight:bold;
    border-bottom: 2px solid #818181;
    padding-bottom: 5px;
}

/*********** footer *************/
.footer{display:none; position: absolute; text-align:center; width:100%; top: calc(99% - 20px);font-family: 'Exo', Helvetica, sans-serif;font-size: 12px;color: #8B7676;z-index: 2;}
.footer a {color:rgb(101, 106, 134);}

.msg-area {
	text-align: center;
	color: red;
	font-family: sans-serif;
}

label, .mdl-switch__label, .mdl-textfield--floating-label.is-focused .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__label, .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    color: #5d5d5d;font-weight:normal;
}
.ui-dialog .ui-dialog-buttonpane button,
.ui-widget button.mdl-button {
	font-size:14px;
	font-family: Roboto, Helvetica, Arial, sans-serif;
	font-weight: normal;
	border: none;
	height: 36px;
	text-transform: uppercase;
	padding: 0 16px;
}
.ui-dialog .ui-dialog-buttonpane button:hover,
.ui-widget button.mdl-button:hover {
	background-color: rgb(33,150,243);
}
.ui-widget-overlay.fws-modal {
	background:#aaaaaa77;
	opacity: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ui-widget-overlay.fws-modal .ui-dialog {
	position: unset!important;
}
.mdl-button {color: rgba(0, 0, 0, 0.65);}
.mdDropbox {top:0px; color: #5d5d5d; font-size: 12px}

.field {
	border: 0px solid silver;
	border-bottom: 1px solid rgba(0,0,0,.12);
}
textarea.field {
    border-width: 1px 0px 1px 0px;
}
.field-label {
	text-align:right;
	padding:5px 15px 5px 0px;
	color:#215F84;
}
.field-label.required,
.required .field-label {
	background: url(../images/req.png) no-repeat right center;
}
.field-label.required {
	padding-right:15px !important;
	position:initial !important;
}
.field.required-error,.field.save-error{
	border: 0px solid red;
	border-width: 0px 0px 1px 0px;
}
.field.ui-buttonset.required-error label{
	border-color:red;
}

sup.req {
	color: red !important;
	font-size: 1.2em;
	top: -.1em;
	padding-left: 5px;
}

.precision-table td[contenteditable=true].error {background-color:#FFDADA;}

/************ Other ccs styles pages combined  *********************/
.ui-dialog.no-close .ui-dialog-titlebar-close {display:none;}
/*
#footer-bar .powered-by-link {
	position:absolute;
	bottom:0px;
	right:0px;
}*/
.session-message {padding-bottom:10px;}

#work-space-dialog {
	display:none;
}
#scratch-pad {
	display:none;
	position:absolute;
}
.modal-msg-bgnd {
    position: fixed;
    width: 0px;
    height: 0px;
    background: rgba(255, 255, 255, 0.76);
}
.modal-msg-message {
    position:absolute;
}
.ui-widget-view .ui-widget-header a.ui-view-header-control { 
	float: right;
    margin-top: 0.1em;
}
.views-list a {
	display:block;
	margin-bottom:10px;
}
.views-list a:hover {
	background-color: #E6E6E6;
	border:1px solid #4D85A2;
}
.views-list a span {
	display:block;
	font-weight:bold;
}
.viewTitle {
		font-family:Roboto, Arial, Helvetica, sans-serif;
		font-size:2em;
		padding-bottom:5px;
		color:#8B7676;
}
.viewTitle .autosave-button {
	background: url(../images/glyphicons/glyphicons_443_floppy_disk.png) no-repeat 3px center;
    background-size: 11px;
    padding: 0px 3px 0px 17px;
    border: 0px solid silver;
    border-width: 0px 0px 1px 0px;
    font-weight: bold;
    cursor: pointer;
}
.viewTitle .ui-widget-view-header-actions img {
	height:17px;
}
#work-space.ui-widget-content {
	border:none;
	background:transparent;
	position:relative;
	padding:0px;
	overflow:auto;
}

/*#work-space-tabs {
	border:none;
	background:none;
	position:absolute;
}*/

#work-space div.work-space-page {
	padding: 0px;
	position:relative;
	overflow:visible;
	margin:20px 0 0 0;
	height: calc(100% - 20px);
 	justify-content:center;
	flex-wrap: wrap;
	width: 100%;
	align-items: stretch;
 }
#work-space div.work-space-page div.work-space-page {
 	height: calc(100% - 40px);
}
#work-space.legacy div.work-space-page {
	display:none;
	height: unset;
}

#work-space .view_loadMsg {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    height: 200px;
}

.ui-dialog .ui-dialog-content {
	max-height: 700px!important;
	overflow-y: auto;
	overflow-x: hidden;
}

.ui-widget-header {
	border: 0px;
	background: transparent;
}

.ui-tabs .ui-tabs-nav {
	padding: 0 .2em 0;
}
.ui-widget-content {
	background:#fff;
}
.legacy .ui-widget-view {
	padding:0px;
}
.ui-widget-content.ui-widget-view {
    border:none;
}

.ui-widget-view-header-msg,.ui-widget-view-header-actions,.ui-widget-view-header-scrollers {
    padding-left: 10px;
    font-size: 12px;
    font-family: sans-serif;
    font-style: italic;
    color: rgb(116, 116, 116);
}
.ui-widget-view-header-actions,.ui-widget-view-header-scrollers {
    float:right;
}
.ui-widget-view-header-actions a{
	cursor:pointer;
	padding:5px;
}
.ui-widget-view-header-actions a .material-icons {
	margin-top: -12px;
    padding-top: 21px;
    font-size: 1.6em;
    line-height: 1px;
}
.ui-widget-view-header-scrollers a{
    cursor:pointer;
    float:right;
    padding:5px;
    display:inline-block;
    width:15px;
    height:15px;
}
.ui-widget-view-header-scrollers a.first {
	background: transparent url(../images/glyphicons/glyphicons_171_fast_backward.png) no-repeat center center;
    background-size:12px;
}
.ui-widget-view-header-scrollers a.prev {
    background: transparent url(../images/glyphicons/glyphicons_170_step_backward.png) no-repeat center center;
    background-size:7px;
}
.ui-widget-view-header-scrollers a.next {
    background: transparent url(../images/glyphicons/glyphicons_178_step_forward.png) no-repeat center center;
    background-size:7px;
}
.ui-widget-view-header-scrollers a.last {
    background: transparent url(../images/glyphicons/glyphicons_177_fast_forward.png) no-repeat center center;
    background-size:12px;
}
.ui-widget-view-header-scrollers .scroller-info {
    cursor:pointer;
	float:right;
	text-align:center;
	margin-top:6px;
}
.ui-autocomplete.ui-menu {
	max-height: 400px;
	overflow-y: auto;
	overflow-x: hidden;
}
.pfw-bar-gauge {
    position:relative;
    text-align: center;
}
.pfw-bar-gauge .pfw-gauge-title {
    position: absolute;
    bottom: 0px;
    line-height:14px;
    text-align:right;
}
.pfw-bar-gauge .pfw-gauge-label {
    position: absolute;
    top: 0px;
    text-align:right;
}
.pfw-bar-gauge .pfw-gauge-container {
    border:1px solid silver;
    height:100%;
    position:relative;
}
.pfw-bar-gauge .pfw-gauge-percent {
    width: 100%;
    background-color: rgb(0, 224, 0);
    position: absolute;
    bottom:0px;
}

/************ COLORBOX MESSAGES ************/
.ws-popup .title {padding:10px 20px 5px 20px;margin:0px}
.ws-popup .msg {padding:10px 30px 20px 30px;font-size:14px;}
.ws-popup .mdl-textfield {margin-bottom: 16px;}
.ws-popup .buttons {padding:3px 20px 20px 20px;text-align:right;}

.mdl-button .mdl-badge[data-badge]:after {
    top: -3px;
    right: -30px;
}

#timer .timer-duration {
    float: left;
    text-align:center;
    color:white;
}
#timer .timer-duration img {
    height:20px;
}
#timer .timer-status {
    float: right;
    margin: 0px 0px 0px 10px;
    width: 60px;
    height: 35px;
    color: rgb(239, 239, 239);
    cursor: pointer;
    text-align:center;
    line-height:16px;
    vertical-align:middle;
}
#timer-options {
    position:absolute;
    width: 120px;
    border: 1px solid silver;
    background: white;
    z-index:10000;
}
#timer-options a {
    display:block;
    padding:5px;
}
#timer-options a:hover {
    display:block;
    padding:5px;
    background:silver;
}
#timer-options .static {
    border-top:1px solid silver;
}
#timer-start-form .start-notes textarea {width:100%;}
#timer-start-form table {width:100%;}
#timer-start-form .icon {padding:20px;vertical-align:middle;width:30px;}
#timer-start-form .start-time {font-size:1.2em;}
#timer-start-form .start-time input {width:70px;}

#pfw-email-composer div {margin:10px 0px;}
#pfw-email-composer div.ui-widget-file {margin:0px;}
#pfw-email-composer div label {width:80px; padding-right:15px; display:inline-block;text-align:right;}
#pfw-email-composer div.ui-optionSelector {margin: 0px; display: inline-block;}
#pfw-email-composer .attached-files .email-size {float:right; padding:0px 5px;}
#pfw-email-composer .attached-files .email-size.too-big {background:red;color:yellow;font-weight:bold;}
#pfw-email-composer .attached-files .ui-optionSelector .icon-delete-small,
#pfw-email-composer .available-files .ui-optionSelector .icon-delete-small {
	background: none;
	padding: 0;
}
#pfw-email-composer .attached-files .ui-optionSelector .icon-delete-small:after,
#pfw-email-composer .available-files .ui-optionSelector .icon-delete-small:after {
	font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    vertical-align: text-bottom;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    padding-left: 10px;
}
#pfw-email-composer .attached-files .ui-optionSelector .icon-delete-small:after {
	content: "cancel";
}
#pfw-email-composer .available-files .ui-optionSelector .icon-delete-small:after {
	content: "check_circle";
}

.work-space-page .page-pager {position:absolute;line-height:20px;top:-21px;width:100%;}
.work-space-page .page-pager .page-view-pager {height:16px;display:inline-block;margin:0px 5px;}
@media(max-width: 767px){
	.work-space-page .page-pager .page-view-pager.pager-hidden-xs {opacity:0.5;}
	.col-0 {display:none !important;}
}
@media(max-width: 991px){
	.work-space-page .page-pager .page-view-pager.pager-hidden-sm {opacity:0.5;}
	.col-sm-0 {display:none !important;}
}
@media(max-width: 1199px){
	.work-space-page .page-pager .page-view-pager.pager-hidden-md {opacity:0.5;}
	.col-md-0 {display:none !important;}
}
@media(min-width: 1200px){
	.work-space-page .page-pager .page-view-pager.pager-hidden-lg {opacity:0.5;}
	.col-lg-0 {display:none !important;}
}


.ui-autocomplete-input {
	background: url(../images/glyphicons/glyphicons_027_search.png) no-repeat right center;
    background-size: .9em;
}
.ui-autocomplete-input.icon-dropdown {
	background: url(../images/dropdown.png) no-repeat right center;
}
.ui-autocomplete-input.icon-calendar {
    background: url(../images/glyphicons/glyphicons_045_calendar.png) no-repeat 99% center;
    background-size: 10px;
}
.mdl-textfield .ui-autocomplete-input {padding:4px 0px;}
a.pfw-icon-title {position:relative;text-align:center;}
a.pfw-icon-title:hover:after {
     content: attr(title); 
     display:inline-block; 
     white-space:nowrap; 
     position:absolute; 
     width:100px;
     left:calc(100%/2 - 50px); 
     bottom:-4px; 
     text-align:center;
} 
.ui-datepicker {
	width:24em;
}
.ui-datepicker td a {
	padding:1em;
}
.mdl-filefield-input {
	cursor: pointer;
}
.pfwSMS .conversation {
    padding: 5px 20px 5px 20px;
    max-height: 400px;
    overflow: auto;
}
.pfwSMS .msg {
    border: 1px solid silver;
    padding: 20px;
    margin-bottom: 20px;
    font-size: 1.2em;
}
.pfwSMS .msg.sender {
    border-radius: 16px;
    border-top-right-radius: 0px;
}
.pfwSMS .msg.recipient {
    border-radius: 15px;
    border-top-left-radius: 0px;
    background: #42a5f5;
    color: white;
}
.pfwSMS .msg-editor {
    margin: 5px 20px 5px 20px;
}
.pfwSMS textarea[name=smsBody] {
    width: 100%;
    border: 1px solid silver;
    border-radius: 5px;
    height: 140px;
    resize: none;
    font-size:1.2em;
}
.pfwSMS .msg-timestamp,
.pfwSMS .msg-length {color:#848484;}
.pfwSMS .msg-timestamp {text-align:center;}
.pfwSMS .mdl-textfield {width:100%;}

.field.full-width {
	width:100%;
}

.align-center {text-align:center;}
.align-left {text-align:left;}
.currency, .percentage, .align-right {text-align:right;}


.text-ellipsis {
    display: inline-block;
    white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.text-ellipsis.limit-60 {max-width: 60px;}
.text-ellipsis.limit-80 {max-width: 80px;}
.text-ellipsis.limit-100 {max-width: 100px;}
.text-ellipsis.limit-120 {max-width: 120px;}

.absorb-height {flex-grow: 1;}

.fws-file-download-link {
	cursor: pointer;
}
.fws-file-download-link .material-icons {
    margin-left: 5px;
    font-size: 1.3em;
    line-height: 0em;
    vertical-align: middle;
}
.format-percentage:after {
	content: "%";
}
.view-in-container.row {
	padding: 0;
	margin: 0;
}

.fws-checkout {
    font-size: 1.5em;
}
.fws-checkout__heading {
    font-size: 2em;
    font-family: 'HeronSans', Arial, Helvetica, sans-serif;
    text-align: center;
}
.fws-checkout__to,
.fws-checkout__from {
    font-size: 0.8em;
}
.fws-checkout__list {
    margin-top: 10px;
}
.fws-checkout__list .row {
    padding: 3px 0;
    margin: 0;
}
.fws-checkout__list .row.subtotal {
    border-top: 1px solid silver;
}
.fws-checkout__list .row.total {
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
    font-weight: bold;
}
.fws-checkout__list .item-headers {
    text-decoration: underline;
    font-size: 0.8em;
}
.fws-checkout__coupon-container {
	text-align: right;
}
.fws-checkout__coupon-container .mdl-textfield {
    width: 150px;
    margin-right: 10px;
}
.fws-checkout .fws-checkout__review {
    font-size: 0.8em;
    text-align: right;
    font-style: italic;
}
.fws-checkout__payment-gateway {
	text-align: right;
}
.fws-checkout__payment-gateway.row {
	margin: 0;
}
.fws-checkout .fws-checkout__payment-receipt {
    display: inline-block;
    text-align: right;
    width: 100%;
}
.fws-checkout .fws-checkout__account-login span {
    line-height: 36px;
}
.fws-checkout .fws-checkout__eway .eway-button:after {
	content: "PROCESS PAYMENT";
	font-size: 14px;
}
.fws-checkout .fws-checkout__eway .eway-button.processing:after {
    content: "LOADING PAYMENT...";
}
.fws-checkout .fws-checkout__eway .eway-button span {
	display: none!important;
}
.fws-checkout__eway .eway-button {
    border-radius: 2px;
    background: none;
    padding: 7px 15px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.fws-checkout__eway .eway-button span {
    border-radius: 2px;
    color:  #222222;
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: "Roboto","Helvetica","Arial",sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    padding: 0;
}
.fws-checkout__eway.eway-secure-fields {
	padding: 0 0 0 26px;
	background: url(/images/cc.png) no-repeat left center;
}
.fws-checkout__eway .eway-secure-field-label {
    color: #5d5d5d;
    font-family: HeronSans, Arial, Helvetica, sans-serif;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;	
}
.fws-checkout__eway .eway-secure-field {
	height: 34px; 
	overflow: hidden; 
	margin: 0 0 16px 0; 
	border-radius: 0; 
	border-bottom: 1px solid rgba(0,0,0,.12);
}
.fws-checkout__eway .eway-secure-field.invalid {
	border-bottom: 1px solid red;
}

@keyframes spin {
    from {transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
.spin-it .material-icons {
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
    animation-name: spin;
    animation-fill-mode: both;
}
.external-link::after {
	content: "open_in_new";
    border: none;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    padding-left: 2px;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
}
.material-icons-container {
	display: flex;
}
.material-icons-container .material-icons {
	padding-right: 5px;
}
.modal-animation {
	z-index:10;
	transition: all .5s ease;
}
.modal-background-full-window {
	position: absolute;
	z-index: 9;
	background-color: rgba(0,0,0);
	opacity: 0;
	transition: all .5s ease;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.fws-help-spot__container {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	background: transparent;
}
.fws-help-spot__container .fws-help-spot__header {
	font-size: 20px;
	background: rgba(255,255,255,1);
	width: 75%;
	margin: auto;
	padding: 16px;
	text-align:center;
	box-shadow: 5px 5px 10px;
	display: flex;
	justify-content: space-around;
	height: 68px;
	align-items: center;
}
.fws-help-spot__container .fws-help-spot__fragments {
	display: none;
}
.fws-help-spot-on .fws-help-spot__container {
	display: block;
}
.fws-help-spot-on .fws-help-spot__hot-spot {
	background: rgba(0,0,0,.3)!important;
}
.fws-help-spot__bubble {
	position: absolute;
    min-width: 200px;
    max-width: min(400px, 100%);
    min-height: 100px;
    padding: 24px;
    font-size: 16px;
    overflow: hidden;
    z-index: 10000;
    background: rgb(255, 255, 255);
    border: 1px solid silver;
    box-shadow: -5px 5px 15px;	
}
.fws-help-spot__bubble.fws-help-spot__bottom.fws-help-spot__right {
	border-radius: 0 15px 15px 15px;
}
.fws-help-spot__bubble.fws-help-spot__bottom.fws-help-spot__left {
	border-radius: 15px 0 15px 15px;
}
.fws-help-spot__bubble.fws-help-spot__top.fws-help-spot__left {
	border-radius: 15px 15px 0 15px;
}
.fws-help-spot__bubble.fws-help-spot__top.fws-help-spot__right {
	border-radius: 15px 15px 15px 0;
}
.fws-help-spot__bubble .more-info {
	padding: 12px;
	display: inline-block;
	float: right;
}
.fws-help-steps__container {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    z-index: 100;
}
.fws-help-steps__container .fws-help-steps__o-cell {
	background: rgba(0,0,0,.5);
	color: white;
	font-size: 16px;
	overflow: visible;
	display: flex;
}
.fws-help-steps__container .fws-help-steps__msg {
	position: relative;
	min-width: 200px;
    background: rgba(0,0,0,.5);
    padding: 12px;
}
.fws-help-steps__container .fws-help-steps__msg .mdl-button {
	background-color: grey;
	color: white;
	margin: 0 10px;
	overflow: visible;
}
.fws-help-steps__container .fws-help-steps__msg .mdl-button .fws-help-steps__markers {
	position: absolute;
    width: 100%;
    display: flex;
    height: 10px;
    left: 0;
    align-items: center;
    justify-content: space-around;	
}
.fws-help-steps__container .fws-help-steps__msg .mdl-button .fws-help-steps__markers span {
	display: inline-block;
    width: 5px;
    height: 5px;
    background: white;
    border-radius: 2.5px;
}
.fws-help-steps__container .fws-help-steps__msg .mdl-button .fws-help-steps__markers span.done {
	background: #8d8d8d;
}
.fws-help-steps__container .fws-help-steps__o-cell-n {
	align-items: flex-end;
}
.fws-help-steps__container .fws-help-steps__o-cell-ne {
	align-items: flex-end;
}
.fws-help-steps__container .fws-help-steps__o-cell-e {
	align-items: flex-start;
}
.fws-help-steps__container .fws-help-steps__o-cell-se {
	align-items: flex-start;
}
.fws-help-steps__container .fws-help-steps__o-cell-s {
	align-items: flex-start;
}
.fws-help-steps__container .fws-help-steps__o-cell-sw {
	align-items: flex-start;
	justify-content: flex-end;
}
.fws-help-steps__container .fws-help-steps__o-cell-w {
	align-items: flex-start;
	justify-content: flex-end;
}
.fws-help-steps__container .fws-help-steps__o-cell-nw {
	align-items: flex-end;
	justify-content: flex-end;
}
.fws-logged-into .header {
	background-color: #8fff00;
}