NUSA Styles, used as a way to communicate changes to the enterprise team.

lastChanges-nusa.css

/*!
 *
 *	NUSA Project 
 * 	Initially created by Coty Beasley
 *	Email: [email protected]
 *  	Version: 3.02
 *	Random Chinese Proverb: "Reading ten thousand books is not as useful as traveling ten thousand miles."
 * 
 * -------------------------------------------
 * 
 *  TABLE OF CONTENTS
 *
 * -------------------------------------------
 *
 *	$_GLOBAL STYLING
 *		- resets
 *		- html, body
 *    		- buttons
 *    		- forms
 *
 *	&_COLOR DEFINITIONS
 *		- brand colors
 *		- highlights
 *  
 *	&_TYPOGRAPHY
 *		- heading hierarchy
 *		- main page styles
 *  
 *  	&_BASELINE CONTAINERS
 *		- sheet bounds
 *		- default padding and margins
 *		- generic global styles
 *
 *	&_SITE-WIDE COMPONENTS
 *		- footer
 *  
 *  	&_NAVIGATION
 *		- sheet bounds
 *		- default padding and margins
 *		- breadcrumbs
 *  
 *  	&_DATA/TABLES
 *		- general styles
 *    		- page specific
 *  
 *  	$_CONTROLLERS/FILTERS/FLOWS
 *		- general rules
 *		- search
 *		- sort controller
 *   		- add user button
 *  
 	 &_JUMBOTRON
 *		- main styles
 *  
 *  	&_HELPERS/MIXINS
 *		- no text selection
 *  
 *  	&_PAGE SPECIFIC
 *		- shared styles
 *    		- page-by-page styles
 *  
 *  	&_PLUGIN STYLES
 *		- custom styles
 *
 */





/*
 * -------------------------------------------
 *	$_GLOBAL STYLING
 * -------------------------------------------
 */

body {
	background: #fafafa;
	font-size: 16px;
	color: #666;
}

a { text-decoration: none !important }





/* Buttons */

.ui-element { 
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn { border-radius: 0; }
.btn-gold, .btn-gold:active { margin-top: 1em; background: rgb(255, 153, 0) !important; border: none; }
.btn-dark, .btn-dark:active { margin-top: 2em; background: #666 !important; border: 1px solid #555; color: #fff; }





/* Forms */

.form-control { background: #eee; color: #666; }
.form-control option { color: #333; background-color: #eee; }
.form-control option[selected="selected"] { color: #aaa }
.optionDefault { color: #999 }
.ui-datepicker { background: #fff; padding: 0.5em; }
.ui-datepicker-prev, .ui-datepicker-next {
	background: #333;
	padding: 0.25em 0.5em;
	color: #eee;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	display: inline-block;
	cursor: pointer;
}
.ui-datepicker-title { color: #666; margin-bottom: 0.5em; font-size: 1.1em; }
.ui-datepicker-calendar th { text-align: center; font-weight: 300; padding: 0 0.25em; }
.ui-datepicker-calendar td { text-align: center }
.placeholder { color: #999 }




/* Google Voice Link */

.gc-cs-link { color: #1f80c1; text-decoration: none; }


/*
 * -------------------------------------------
 *	&_COLOR DEFINITIONS
 * -------------------------------------------
 */

.highlight-blue-lighter { color: rgb(135, 202, 247) !important }
.highlight-blue { color: rgb(10, 124, 195) !important }
.highlight-black { color: rgb(64, 64, 64) !important }
.highlight-blue2 { color: rgb(0, 153, 204) !important }
.highlight-blue2-lighter { color: #87caf7 !important}
.highlight-gold { color: rgb(255, 153, 0) !important; font-weight:bold; }




/*
 * -------------------------------------------
 *	$_TYPOGRAPHY
 * -------------------------------------------
 */

 * { font-family: arial, helvetica, sans-serif }
h1, h2, h3, h4, h5, h6 { color: #1f80c1 }
 h1 { font-size: 2.5em }





 /*
 * -------------------------------------------
 *	$_BASELINE CONTAINERS
 * -------------------------------------------
 */

/* Generic Global Styles */

.sheet-site{
	max-width: 2000px;
}
.sheet-main {
	margin-top: 1em;
	margin-bottom: 4em;
	min-height: 500px;
}
@media (max-width: 768px) {
	.sheet-main { min-height: 0; margin-bottom: 2em; }
}

.categoryHead {
   	background: #000;
	color: #eee;
	font-size: 1em;
	padding: 0.5em;
}
.data-title {
	display: block;
	font-size: 1.1em;
	color: #333;
	margin-top: 0.65em;
}
.dataCard { 
  padding: 0.75em 1em 1.5em;
  margin-bottom: 2em;
  line-height: 150%;
  color: #666; 
}
.page-note {
	background: transparent;
	border-color: rgb(31, 128, 193);
	color: rgb(31, 128, 193);
	line-height: 120%;
	font-weight: 100;
}





 /*
 * -------------------------------------------
 *	$_SITE-WIDE COMPONENTS
 * -------------------------------------------
 */

/* Site Footer */

.footer {
	width: 100%;
	border-top: 1px solid #999; 
	border-top: 8px solid #53A9E0;
	background: #1f80c1;
}
.feedback h1 { color: #fff }
.feedback p { color: #eee; line-height: 135%; }
.feedback-inputWrap { margin: 2em 0 }
.feedback-userInput { resize: none; height: 120px !important; width: 100%; background: #fff; }
.feedback button { margin-top: 0.75em; background: rgb(255, 153, 0); color: #fff; }
.feedback button:hover { background: #000 }

.footerCap { background: #eee; padding-top: 0.5em; padding-bottom: 0.5em; }
.copyright { float: left !important }
.copyright p { margin: 0; color: #666; font-size: 0.75em;}
.copyright p:first-child { margin-bottom: 0.5em; }
.socialLinks { float: right !important; text-align: right; margin-top: 0.25em;}
.socialLinks img { width: 1.5em; margin-left: 0.25em; }
.globalLinks { 
  clear:both;
  border-top: 1px solid #ccc;
  margin-top: 3em !important;
  padding-top: 0.5em;
}
.globalLinks a, .globalLinks Span { margin-right: 0.25em }
.globalLinks a { font-size: 0.9em }

@media (max-width: 768px) {
  .footer { background-color: #000; border-width: 1em; border-color: #666; }
}
@media (max-width: 500px) {
  .footerCap { padding-bottom: 1em; }
  .copyright, .socialLinks {
    display: block;
    float: none !important;
    text-align: center;
    margin-top: 1em;
  }
  .socialLinks img { margin-left: 0.25em; margin-right: 0.25em; }
  .globalLinks {
    margin-top: 0.5em !important;
    padding-top: 0.5em;
    text-align: center;
  }
  .globalLinks a, .globalLinks Span { margin: 0 0.25em }
}






/*
 * -------------------------------------------
 *	$_NAVIGATION
 * -------------------------------------------
 */

/* Active Page Highlight */

body#intro .page-intro,
body#users .page-users,
body#compare .page-compare,
body#history .page-history,
body#reports .page-reports {
  cursor: pointer;
  background-color: #fff;
}
body#intro .page-intro a,
body#users .page-users a,
body#compare .page-compare a,
body#history .page-history a,
body#reports .page-reports a {
  color: #333;
  border-bottom: 4px solid #1f80c1;
}


.navbar { border-radius: 0px; border:0; margin-bottom: 0; background: #000; }
.navbar-brand {
	float: left;
	padding: 8px 16px;
	line-height: 32px;
}
.navbar-proj {
	color: #fff;
	background: #000;
	border: 1px solid #1f80c1;
	border-bottom: 0;
}
.caret-white {
	border-top-color: #fff !important;
	border-bottom-color: #fff !important;
}
.caret-blue-light {
	border-top-color: rgb(135, 202, 247) !important;
	border-bottom-color: rgb(135, 202, 247) !important;
}
.caret-blue { 
  	border-top-color: rgb(0, 153, 204) !important;
  	border-bottom-color: rgb(0, 153, 204) !important; 
}
.caret-gold { 
  	border-top-color: rgb(255, 153, 0) !important;
  	border-bottom-color: rgb(255, 153, 0) !important; 
}
.dropdown-menu { background-color: #333 }
.dropdown-menu li a { color: #eee }
.dropdown-menu li:hover{ background: #666 !important }
.divider { background-color: rgb(0, 153, 204) !important }





/* Breadcrumbs */

.breadcrumb-jumbotron { color: #fff; padding: 0.25em; font-weight:bold;}
.breadcrumb-jumbotron:hover { color: #eee }
.breadcrumb-jumbotron .glyphicon { font-size: 0.75em; margin-right: 0.5em; color: #fff; }





/*
 * -------------------------------------------
 *	&_DATA/TABLES
 * -------------------------------------------
 */

/* Bootstrap Table Overwrite Styles */

.table { font-size: 16px }
.table td { color: #666; vertical-align: middle !important; }
.table tr { background-color: #eaeaea; border-bottom: 1px solid rgb(221, 221, 221); margin-bottom: 0.2em; }
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th { background-color: #ccc !important; cursor: pointer; }





/* Generic Table Styles */

.table-dataTitle,
.table-primaryTitle,
.table-secondaryTitle { display: block; clear: both; line-height: 120%;}

.table-dataTitle{font-size: 0.8em}
.table-dataTitle b{font-weight: bold; font-size: 85%;}
.table-primaryTitle{font-size: 1.2em}
.table-secondaryTitle{}

.table-detailTrigger {border-left: 0; text-align: center;}
.detailBlock-title {font-size: 0.75em; line-height: 100%;}
.detailBlock-icon {
  display: block;
  margin: 0 auto;
  height: 28px;
  width: 28px;
  background: no-repeat top left;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAddJREFUeNrMVstxgzAQBU0KIBUYV2A6CBx8pwToIKmAcQfpAJfAnQOkA6jAcgd04OzGD0bRAJLIOMnO7Ahs6b39svI9C6nrOqQlJT2QhtrfkrQnrY7HozRh+QaimJaCNMZPHfSK9x1pBGVpSU9E3DoRElFASwmv2OoTPBhW9qcwjiNQkeZz+/2Zw2xtg1e29t1zEDr/CmKWhM53i4QKmYSFnbdBgFPC22+kvhaWC8iSpfAp+xkwIx3mPAFeA9L9iCeUPSXW3EQGybAGSggnAUauYd8JUY0pcmYbxmHhWSXtUHApOCYP2ULpWCA52uBM+ra0CZhyjIKPpr4glGfvAUIcGcK6f0IoPfSOLcBNDScZ+mw4Uo19LfC56iwLZcy3KsacA5v3HQTK1qXfIu39w/Icc4Rj0VwdCF9cPVQ5xIYaiDYSeirhzjJ/gTaepM1IUjkEeiSyPBT/wDvmkALDM4L1ruHsHSLDZ3uh9F+6oWBaS++mXhfIQTv3ATZ5uDbZNWHslrnGouEPbIjhuTbjAtf8ATMEx71KYSmHtgCwTf5CU96BVeB60up9OM2uBSA9f18DG4N47V6kYv/+FUPMDMwEG5u1nBpy1syR/Y9r4p9chB951f8UYABNx+qN0CCaxAAAAABJRU5ErkJggg==);
  margin-top: 0.25em;
  border: none !important;
}





/* User Listing Page Specific */

body#users .table tr:nth-child(even) {background-color: #fafafa }
.user-status { text-align: center; color: #999; }
.userList-noEntriesFound, .userList-noEntriesFound td { border: 0 !important }
.userList-noEntriesFound td {
	border: 0 !important;
	padding: 4em 0 !important;
	color: #999;
	background: #404040;
	text-align: center;
	font-size: 1.5em;
}
.table-hover > tbody > tr.userList-noEntriesFound > td,
.table-hover > tbody > tr.userList-noEntriesFound > th,
.table-hover > tbody > tr.userList-noEntriesFound:hover > td,
.table-hover > tbody > tr.userList-noEntriesFound:hover > th {
	background: #eee !important;
	color: #888;
	border: 1px solid #ccc;
	cursor: default;
}





/* Profile Comparison Page Specific */

.profile-select-conjunction { text-align: center; margin: 0.25em 0;} 
.profile-compareTrigger:hover { background: rgb(249,150,0) }
.profile-legend { margin-top: 2em; padding-top: 2em; border-top: 1px solid #666; }
.colorBlock {
    width: 1em;
    height: 1em;
    background-color: #999;
    float: left;
    margin-right: 0.5em;
}
.cb_blue { background: #0099CC !important }
.cb_orange { background: #FF9900 !important }
.cb_red { background: #A83D2C !important }
.cb_green { background: #54852C !important }
.profile-legend-title { color: #666; letter-spacing: 0.5px; }
.profile-legend-item { margin-bottom: 0.5em }
.profile-matrix-reveal { display: none } /* Toggle Hide/Show */
.profile-matrix table {
    border-collapse: collapse;
    width: 100%;
    margin-top: 1em;
    background: #e1e1e1;
}
.profile-matrix thead { color: rgb(64, 64, 64); font-size: 1.25em; background: #fafafa; }
.profile-matrix th { padding: 0.5em; border: solid 1px #999; text-align: left; }
.profile-matrix .colorDot { text-align: center; width: 20px; height: 20px; }
.profile-matrix td {
    border: solid 1px #aaa;
    padding: 0.25em 0.5em;
    background-color: #eee;
    color: #676767;
}
.colorCell { min-width: 1em; max-width: 3em; }





/* History Page Specific */

#history tr {
	background-color: #eee;
	border-bottom: 4px solid #ddd;
}
#history tr.ui-element:hover {
	background: #ccc;
}
#history tr.entry-edit {
	background-color: #e4e4e4;
}
.entry-edit:hover { background: #ccc }
.entry-detail { background: none; margin-top: 0 !important; }
.entry-detail td {
 	border: none;
	max-width: 90% ;
	width: 100%;
	background: #fafafa;
	padding: 0 ;
}
.historyRecord:first-child { margin-top: 1em; }
.historyRecord { margin: 1em 0 }
.historyRecord div {
  border: 1px solid #ccc;
  border-top: none;
  background: #fafafa;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.historyRecord p { overflow: auto }
.historyRecord .record-title {
	font-size: 1.25em;
	font-weight: normal;
	margin: 0;
	background-color: rgb(10, 124, 195);
	color: #fff ;
	padding: 0.25em 0 0.25em 0.5em;
	max-width: 100%;
}
.record-changeState { font-style: italic; color: #999; }





/* Table Media Queries */

@media (max-width: 480px) { .user-usernameGroup, .sortUsername { display: none !important } }
@media (max-width: 768px) { .user-phone, .user-email { display: none } }
@media (max-width: 1000px) { .user-status, .sortStatus { display: none !important} }





/*
 * -------------------------------------------
 *	$_CONTROLLERS/FILTERS/FLOWS
 * -------------------------------------------
 */


/* Search Controller */

.searchControl { 
  position: relative;
  width: 22.8%;
  margin-right: 1em;
  z-index: 400; 
  float: left; 
}
.searchField {
    height: 2.3em;
    padding: 0.5em;
    background-color: #fff;
    overflow: hidden;
    border: 1px solid rgb(255, 153, 0);
}
.search-text {
    font-size: 1em;
    color: #999;
    border-width: 0;
    background: transparent;
}
.searchControl input[type="text"] { width: 90%; color: #666; outline: none; }
.searchControl-buttonSearch {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  border-width: 0;
  background: rgb(255, 153, 0) no-repeat center center; 
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAVCAYAAACdbmSKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARJJREFUeNqMUtERgjAMbTm/OdyAEdhAnAA20BFkA50AR2ADcAJ1AnECcQI9FtDEe+VysaDvLtc0zWvTl1ij0Pd9QksuQh1ZE4bh0wWsSi7JUvMNJhRErAYSCEeyCAkN2R2EFVkMn4l798qF7IU19pS8xTlbyoEcmwdZZEZAZzXy6oD2GeKV/KwHBdY8EPUeJgiGLuycH4h4ZP4Ek87ws6nEjwCQP4C8jLU40IQIPTRDPgVLoeBGT4hoyUdhK26qxTSwii3+mYjYkgRprW6imgAHHp+dU9B66mfCDdsWtz+1ehqJ8E++hvtIC+Ffx/o0+ZKP5PvTy6lFpc1/vqSa206N0Vhp5zHSTO359p3ojRdvAQYAEnKeKBy9DC4AAAAASUVORK5CYII=);
  width: 37px;
  height: 37px;
  padding: 0 1em;
  float: left;
}
.searchControl-buttonSearch.searchControl-progress { background-image: url(data:image/png;base64,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) }





/* Search Controller Media Queries */

@media (max-width: 1000px) {
  .searchControl { width: 100% }
  .searchField { 
    clear: both;
    margin-bottom: 1em;
    width: 100%;
  }
}





/* Sorting Controllers */

.table-listController { margin-bottom: 1em }
.sortControl-sortOptions { width: 500px; padding-right: 2em; margin-bottom: 1em; float: left; z-index: 900; }
.sortControl-indicatorTitle
.sortControl-sortOptions li{ list-style: none; padding: 0; }
.sortControl-indicatorTitle,
.sortControl-sortOptions a{
  display: inline-block;
  padding: 0.25em 0.5em;
  background: #666;
  color: #eee;
  float: left;
  height: 2em !important;
  line-height: 150%;
  font-size: 1em;
  margin-left: 1px;
}
.sortControl-indicatorTitle { 
  background: #333 !important; 
  color: #777 !important;
  border: 1px solid #555;
}
.sortControl-sortOptions a:hover{ background: #444; color: #ccc; }
.activeSort{
  background: #222 !important;
  padding-bottom: 0;
  border-bottom: 0.25em solid rgb(255, 153, 0);
}





/* Sorting Controller Media Queries */

@media (max-width: 1000px) {
  .sortControl-sortOptions { width: 100%; float: none; padding-right: 0; }
}





/* Add User Button */

.addUserControl { float: right; }
.addUser {
  display: block;
  background: rgb(255, 153, 0);
  text-align: center;
  font-size: 1.25em;
  color: #fff;
  font-weight: normal;
  height: 37px;
  padding: 0.25em 0.5em;
}
.addUser:hover { background: #000; color: #fff; }
.addUser:active { background: rgb(0, 85, 138); color: rgb(0, 124, 205); }
.addUser .glyphicon-plus { font-size: .9em; }

@media (max-width: 1000px) {
  .addUserControl { width: 100%; margin-bottom: 1em; }
}






/* Add New User Wizard */

.addUser-stepWrapper { margin-top: 0.25em; margin-bottom: 0.25em; }
.addUser-stepWrapper:first-child { margin-top: 0 !important; }
.addUser-stepWrapper .categoryHead { background-color: #1f80c1; color: #eee; }
.addUser-stepWrapper .categoryHead.ui-element { color: #eee }
.addUser-stepWrapper .categoryHead .label-default {
	float: right;
	background: #000;
	color: #fff;
	padding: 0.3em 1em;
	margin-right: 0.5em;
	border-bottom: 4px solid #fff;
}
.addUser-stepWrapper .ui-element:hover { background-color: #999; color: #fff; }
.wizard .data-title { margin-bottom: 0.5em; }
.wizard-title-req { font-size: 0.8em; color: rgb(31, 128, 193); display: block; }
.wizard .dataCard {
	margin: 0;
	padding: 1.5em;
	background-color: #eee;
	border: 1px solid #CCC;
	border-top: none;
}
.wizard .dataCard hr { border-color: #999 }
.wizard form { margin-bottom: 2em; }
.wizard-btn-next { margin-top: 2em !important; }
.wizard .page-note { border-color: #999; padding: 0.5em; text-align: center; display: inline-block; }
.wizard .page-note span { color: #fff }
.wizard .wizard-createNotification { display: block }
.wizard-currentStep { margin-top: 1.5em; margin-bottom: 1.5em; }
.wizard-currentStep .categoryHead,
.wizard-currentStep .categoryHead:hover {
	border-bottom: 4px solid rgb(135, 202, 247);
	background-color: #000 ;
	color: #ccc;
	letter-spacing: 0.05em;
	cursor: default;
}
.user-address-street1 { margin-bottom: 0.5em; }
.wizard .contractor-workDesc { resize: none; height: 120px; }
.wizard .contractorSkip:after { content: " (Not Applicable with Chosen User Type)"; }
.wizard-title-primary { font-size: 1.2em; line-height: 200%; }



/*
 * -------------------------------------------
 *	$_JUMBOTRON
 * -------------------------------------------
 */

.jumbotron { color: #eee }
.jumbotron h1 { color: #fff }
.jumbotron-home { min-height: 16em }
.jumbotron-site { 
	padding-top: 0.5em;
	padding-bottom: 1.5em;
	background: #1f80c1 url(../images/jumbotron-tile_bk.png) center 25%;
}

@media (max-width: 480px) {
  .jumbotron * { 
    text-align: center;
  }
  .jumbotron h1 { 
    font-size: 1.75em;
  }
}





/*
 * -------------------------------------------
 *	&_HELPERS/MIXINS
 * -------------------------------------------
 */
 
 .screen-overlay {
	height: 100%;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9000 !important;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpiYGBgOAMQYAAA0QDNW2hbhQAAAABJRU5ErkJggg==);
}
.loader{
  background: transparent;
  bottom: 0;
  height: 125px;
  left: 0;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  z-index: 2 !important;
}
.loader img {
  padding-top: 25px;
  width: 50%;
  display: block;
  margin: 0 auto;
  opacity: 1;
}
.loader span {
  display: block;
  width: 100%;
  text-align: center;
  margin: 0.75em auto 0;
  font-size: 0.75em;
  color: #bbb;
}

.modal { overflow-y: auto }
.modal-title{ color: #fff }
.modal-header { background: #444; color: #fff; }
.modal .close { opacity:1; color: #fff; }
.modal-body { color: #666; line-height: 150%; }
.modal .btn-gold { margin-top: 0em; color: #fff; }





/* Validation */
.has-error .form-control { border-color: rgb(255, 153, 0) }
.has-error .form-control:focus {
	border-color: rgb(255, 153, 0);
	-webkit-box-shadow:inset 0 1px 1px rgba(255, 153, 0,0.075),0 0 6px rgb(255, 153, 0);
	box-shadow:inset 0 1px 1px rgba(255, 153, 0,0.075),0 0 6px rgb(255, 153, 0);
}




 
/*
 * -------------------------------------------
 *  &_PAGE SPECIFIC
 * -------------------------------------------
 */
 
 /* Intro Page */
 
#intro b {
	color: #000;
	font-weight: 300;
	letter-spacing: .03em;
	font-style: italic;
	border-bottom: 1px solid #000;
}
 
 
 
 
/* User Profile Page */

.profile-user-name { font-size: 2em; line-height: 150%; color: #444; }
.profile-admin { margin-bottom: 2em; border: 1px solid rgb(31, 128, 193); }
.profile-admin .categoryHead { background: rgb(31, 128, 193); color: #fff; }
.profile-dataCard { margin-bottom: 0 }
.profile-admin .data-title { color: #1F80C1 }
.profile-user-passwordField { 
	display: inline-block;
	border: 0;
	padding: 0.5em;
	background: rgb(249,150,0);
	color: #fff;
}
.toggle-wrapper, .profile-user-passwordField { margin-top: 0.5em; }
.user_data { display: block }





/* User Profile Toggle Button */

.toggle-element {
	display: inline-block;
	border: 1px solid rgb(249,150,0);
	padding: 0.5em;
	margin: 0;
	color: rgb(249,150,0);
}

.toggle-element:hover, .profile-user-passwordField:hover {
	background: #000;
	color: #fff;
}

.toggle-element:active, .profile-user-passwordField:active { background: #444 }
.toggle-element:first-child { float:left }
.toggle-active, .toggle-active:hover { background: rgb(249,150,0); color: #fff; border: 1px solid rgb(249,150,0); }

 
 
 
 
/* Add New User Wizard */

.profileList { margin-top: 2em; }
.profileList-accessAssignments {  margin-top: 1em; background: #FAFAFA; color: #666; }
.profileList-accessAssignments span { display:block; }





/* Reports */

.report-filtersAndFormats { background: transparent; margin-top: 2em; }
.report-filtersAndFormats .data-title { margin-top: 0 }




 
/*
 * -------------------------------------------
 *  &_PLUGIN STYLES
 * -------------------------------------------
 */
 
/* X-Editable */

.popover-title { color: #333 }
.editable-empty, .editable-empty:hover, .editable-empty:focus { color: #999 }