.ast-container {
	margin-top: 0px !important;
	padding-top: 0px !important;
}
.wp-block-group__inner-container {
}
.site-content {
	margin: 0px !important;
	padding: 0px !important;
}
#primary {
	margin-top: 0px !important;
	padding-top: 0px !important;
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}

.tb *,
.tb *::before,
.tb *::after {
	box-sizing: border-box;
}
.tb {
	display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;  
	padding: 0px 20px;
	margin: 0px auto 80px auto;
	font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	webkit-user-select: none;
	user-select: none;
	color: #000000;
	background-color: #cfdee5;
	border-style: solid none !important;
	border-width: 1px;
	border-color: #b9d0db;
}
.tb a { 
	cursor: pointer; 
}

.tbContainer {
	max-width: 1200px;
	margin: auto;
}
.tbHeader {
	padding: 0px 30px;
}
.tb h1 {
	margin: 50px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px;
	font-size: 260%;
	font-weight: 700;
	text-align: center;
}
.tb h5 {
	margin: 0px 0px 20px 0px;
	font-size: 100%;
	font-weight: normal;
	color: #000000;
	text-align: center;
}
.tb a {
	text-decoration: none;
	color: #000000;
	transition: all 0.5s ease-in;
}
.tb a:hover {
	color: #0770b8;
}
.tbRoleSelector {
	position: absolute;
	z-index: 50000;
	left: 0; 
	right: 0; 
	margin: -50px auto 0px auto;
	max-width: 900px;
	border-style: none;
	border-width: 1px;
	border-radius: 10px;
	border-color: #4ea7dd;
	background-color: #FFFFFF;
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .3);
	transition: all 0.5s ease-in;
}
.tbRoleSelectorList {
	max-height: 800px;
	overflow: auto;
}
.tbRoleSelectorRow {
	margin: 0px auto;
	padding: 0px;
}	
.tbRoleSelectorHeader {
	padding: 0px 15px;
}
.tbRoleSelectorHeader h1 {
	margin: 50px 0px 20px 0px !important;
	padding: 0px;	
	font-size: 230%;
	font-weight: 700;
}	
.tbRoleSelectorHeader a {
	display: inline-block;
	margin-top: 15px;
}						
.tbRoleSelectorHeader a:hover {
	color: red;
}

.tbRoleSelectorFilter {
	margin-top: 10px;
	padding: 10px 50px;
}
.tbRoleSelectorFilter input {
	width: 100%;
	padding: 20px 25px;
	font-size: 120%;
	font-weight: normal;
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	border-radius: 35px;
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .05);
}
.tbRoleSelectorFilter input::placeholder {
}
.tbRoleSelectorList {
	padding: 20px 0px 0px 0px;
}
.tbRoleSelectorRowList {
	overflow: auto;
	max-height: 500px;
	padding: 10px 50px;
}
.tbRoleSelectorItem {
	padding: 20px 60px;
	font-weight: normal;
	border-style: none none solid none;
	border-width: 1px;
	border-color: #edf4f6;
}
.tbRoleSelectorItem:hover {
	cursor: pointer;
	background-color: #f0f5f8;
}
.tbRoleSelectorItem:last-child {
	border-style: none;
}
.tbRoleSelectorItem:hover p {
	color: #000000;
}

.tbRoleSelectorItem h3 {
	margin: 0px;
	padding: 0px 0px 5px 0px;
}	

.tbRoleSelectorItem p {
	margin: 0px  !important;
	padding: 0px 0px 5px 0px !important;
}	


.tbRoleSelectorItem roleListOverview {
	font-size: 90%;
	color: #555555;
}

.tbRoleSelectorItem .roleListKeywords {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 70%;
	font-weight: normal;
	color: #BBBBBB;
	height: 0px !important;
	overflow: hidden;
	visibility: hidden;
}

/* CALCULATOR */
.tbCalculator {
	padding: 20px 20px 0px 20px;
	border-radius: 10px;
	background-color: #FFFFFF;
	box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, .05);
}
.tbCalculatorTools {
	padding: 10px;
}
.addRoleAction {
	cursor: pointer;
	float: left;
	margin: -10px 0px 0px 0px;
	padding: 15px 25px;
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 3px;
	border-radius: 40px;
	background-color: #0770b8;
	font-size: 100%;
	color: #FFFFFF;
	animation-name: pulse;
  	animation-duration: 4s !important;
  	animation-iteration-count: infinite;
}
.addRoleAction:hover {
	animation-name: none;
	background-color: #FFFFFF;
	color: #0770b8;
	border-color: #FFFFFF;
	transition: all 0s ease-in;
}

@keyframes pulse {
  0% {
    background-color: #0770b8;
  }
  50% {
    background-color: #4ea7dd;
  }
  100 {
    background-color: #0770b8;
  }
}

.dropdownMenuContainer {
	margin: 0px 20px 0px 0px;
}
.dropdownMenuContainer button {
	cursor: pointer;
}
						
.dropdownMenuContainer:hover .dropdownMenu {
	display: block;
	transition: all .5s ease-out;
}
.dropdownMenuContainer button {
	padding: 10px 3px;
	margin-bottom: 10px;
	border-style: none none none none;
	border-color: #4ea7dd;
	border-width: 2px;
	background-color: inherit;
	font-size: 100%;
	color: #0770b8;
	font-weight: 700;
}
.dropdownMenuContainer i {
	display: inline-block;
	margin-left: 10px;
}
.dropdownMenu {
	overflow: hidden;
	position: absolute;
	z-index: 5000;
	min-width: 150px;
	max-width: 300px;
	border-style: none;
	border-width: 1px;
	border-color: #0770b8;
	border-radius: 5px;
	font-size: 80%;
	text-align: left;
	background-color: #FFFFFF;
	box-shadow: 0px 0px 10px 5px rgba(200, 200, 200, .3);
	cursor: pointer;
}
.dropdownMenu a {
	display: block;
	padding: 10px;
	transition: all 0.2s ease-in;
	cursor: pointer;
	font-weight: normal;
}
.dropdownMenu a:hover {
	background-color: #d5e8f4;
}

.getStarted {
	text-align: center;
}

/* REQUEST REPORT */
.requestReportContainer {
	margin: 0px auto;
	position: relative;
	display: block;
} 
.requestReport { 
	z-index: 100000;
	width: 800px;
	display: block;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0%);
	margin-top: 20px;
	padding: 20px ;
	text-align: centre;
	font-weight: normal;
	background-color: #FFFFFF;

	border-radius: 10px;
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .3);
	transition: all 0.3s ease-in;
}
.requestReport h1 { 
	margin: 10px 0px 20px 0px !important;
	padding: 0px;	
}

.requestReport .cell a:hover {
	color: red;
}
.requestReport p { 
	text-align: center;
	line-height: 140%;
}
.requestReport input {
	width: 100%;
	margin-bottom: 10px;
	padding: 15px;
	font-size: 100%;
	font-weight: normal;
	border-radius: 25px;
	border-style: solid;
	border-width: 1px;
	border-color: #d5e8f4;
	font-weight: normal;
	color: #000000;	
	background-color: #FFFFFF;
} 

.requestReport input::placeholder {
	color: #888888;
	font-weight: normal;
}


.requestReport button, .actionButton {
	cursor: pointer;
	float: left;
	margin: 10px 0px 0px 0px;
	padding: 15px 25px;
	border-style: solid;
	border-width: 1px;
	border-radius: 25px;
	border-color: #d5e8f4;	
	background-color: #4ea7dd;
	color: #FFFFFF;
	font-size: 100%;
}
.requestReport button:hover, .actionButton  {
	background-color: #0770b8;
}

.requestReport button:disabled {
	background-color: #FFFFFF !important;
	color: #AAAAAA !important;
}
.requestReport button:disabled:hover {
}
.requestReportSelect {
	display: block;
	padding: 15px 20px;
	width: 100%;
	max-width: 100%; /* useful when width is set to anything other than 100% */
	margin-bottom: 10px;
	font-size: 100%;
	font-weight: normal;
	line-height: 1.3;
	box-sizing: border-box;
	border-radius: 25px;
	border-style: solid;
	border-width: 1px;
	border-color: #d5e8f4;	
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	linear-gradient(to bottom, #ffffff 0%,#FFFFFF 100%);
	background-repeat: no-repeat, repeat;
	/* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
	background-position: right .7em top 50%, 0 0;
	/* icon size, then gradient */
	background-size: .65em auto, 100%;
}
/* Hide arrow icon in IE browsers */
.requestReportSelect::-ms-expand {
  display: none;
}
/* Hover style */
.requestReportSelect:hover {
  border-color: #888;
}
/* Focus style */
.requestReportSelect:focus {
  border-color: #aaa;
  /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222; 
  outline: none;
}

/* Set options to normal weight */
.requestReportSelect option {
  font-weight: normal;
}

/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .requestReportSelect, :root:lang(ar) .requestReportSelect, :root:lang(iw) .requestReportSelect {
  background-position: left .7em top 50%, 0 0;
  padding: .6em .8em .5em 1.4em;
}

/* Disabled styles */
.requestReportSelect:disabled, .requestReportSelect[aria-disabled=true] {
  color: graytext;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
}

.requestReportSelect:disabled:hover, .requestReportSelect[aria-disabled=true] {
  border-color: #aaa;
}

/* TEAM LIST */
.tbCalculatorTeamList {
	min-height: 250px;
	padding: 20px 0px 0px 0px;	
}
.teamListItemHeader {
}
.teamListItemHeader .cell {
	padding: 0px 10px 10px 10px;
	font-weight: 700;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-color: #000000;
}
.teamListItem .cell {
	padding: 40px 10px;
	vertical-align: center;
	border-style: solid none none none;
	border-width: 1px;
	border-color: #d5e8f4;	
}

.teamListLabel {
}
.teamListLabel .contentContainer {
	font-weight: 700;
}
.teamListControls {
	margin: 0px auto;
	text-align: center;
	width: 140px;
	z-index: 100;
}
.teamListControls .contentContainer {
	
}
.teamListControls a {
	transition: all 0.3s ease-in;
}
.teamListControls a:hover {
	color: #4ea7dd;
}
.teamListControls {

}
.teamListControls .contentContainer{
}


.teamListControlDelete {
	display: inline-block;
}
.teamListControlDelete:hover {
	color: red !important;
}
.teamListControls i {
}

.teamListCount {
	display: inline-block;
	width: 45px;
	margin: 0px !important;
	padding: 2px !important;	
	text-align: center;
	font-weight: 700;
	border-style: none;
	border-radius: 5px;
	background-color: #d5e8f4;
	-webkit-user-select: auto;
  	-ms-user-select: auto; 
 	 user-select: auto
}

.teamListCountEditor {
	display: block;
	width: 150px;
	height: 100px;
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	background-color: #FFFFFF;
	border-radius: 10px;
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .3);
	
}

.teamListExperience {
	width: 200px;
	text-align: center;
	font-weight: 700;
}
.teamListExperience button {
	margin: 0px auto !important;
	color: #000000;
	font-weight: normal;
}
.teamListExperience .contentContainer {
	display: inline-block;
	margin: 0px !important;
	padding: 0px !important;
}
.teamListExperience .dropdownMenu {
	margin-top: 10px;
}
.teamListExperience .dropdownMenuContainer{
	margin: 0px !important;
	padding: 0px !important;
}

.teamListRoleCostCloudstaff {
	width: 150px;
	text-align: right;
	font-weight: 700;
}
.teamListRoleCostCloudstaff .contentContainer {
}

.teamListRoleCostLocal {
	width: 150px;
	text-align: right;
	font-weight: 700;
}
.teamListRoleCostLocal .contentContainer {
}

.teamListRoleSaving {
	width: 150px;
	padding-right: 10px !important;
	text-align: right;
	font-weight: 700;
}
.teamListRoleSaving .contentContainer {
}

.teamListRemove {
	width: 30px;
}
.teamListRemove .contentContainer {
}

.teamListRemove a {
	color: red;
}
.teamListRemove a:hover {
	color: black;
	transition: all 0.5s ease-in;
}
.currencyContainer {
	display: inline-block;
	position: relative;
	top: -2px;
	padding-right: 3px;
	font-weight: normal;
	font-size: 70%;
}		
		
/* CALCULATOR SUMMARY */ 
.tbCalculatorSummary {
	margin-top: 50px;
	padding: 0px 0px 40px 0px;
	border-style: none none none none;
	border-color: #d5e8f4;
	border-width: 1px;
	background-color: #FFFFFF;
}

.tbCalculatorSummary a {
	font-weight: normal;
	color: #0770b8;
}

.tbCalculatorSummaryContent {
	float: left;
	padding-top: 20px;
	color: #0770b8;
}
.tbCalculatorSummaryResult {
	float: right;
	font-size: 170%;
}
.tbCalculatorSummary h2 {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	text-align: center;
}
.getStartedMessage {
	padding: 30px 0px 100px 0px !important;
	line-height: 140%;
}
.tbCalculatorSummaryCurrency {
	display: inline-block;
	position: relative;
	margin-right: 5px;
	top: -25px;
	font-size: 35%;
	font-weight: normal;
}
.tbCalculatorSummarySaving {
	font-weight: 700;
	font-size: 150%;
}
.addRoleButtonSummary {
	display: inline-block;
	margin-left: 10px;
	color: #0770b8;
	font-weight: 700;
	transition: all 0.2s ease-in;
}
.addRoleButtonSummary:hover {
	color: #4ea7dd;
}
.teamSummary {
	border-radius: 10px !important;
}
.teamSavingSummaryCloudstaff .cell {
	border-style: solid none solid none !important;
	border-color: #FFFFFF;
	border-width: 1px;
	background-color: #d5e8f4;
}

.teamSummary .cell {
	margin: 10px 0px !important;
	padding: 10px 10px;
}

.teamSummaryContent {
	font-weight: normal;
	margin: 5px 0px 0px 0px;
	transition: all 0.2s ease-in;
}
.teamSummary i {
	margin-left: 5px;
	font-size: 80%
}
.teamSummaryDetails {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-size: 90%;
	line-height: 140%;
	transition: all 0.2s ease-in;
}
.teamSummaryDetails p {
	margin: 5px 0px;
	padding: 0px;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.teamSummaryTotal {
	min-width: 120px;
	font-weight: 700;
}

.teamSummaryCurrency {
	display: inline-block;
	padding-right: 5px;
	font-weight: normal;
}

.imageResponsive {
  width: 100%;
  height: auto;
}

.imageGetStarted {
	max-width: 600px;
}

/* GLOBAL LAYOUT STYLES */
button, input, select {
	cursor: pointer !important;
    outline: none;
}

.table {
	display: table;
	width: 100%;
}
.row {
	display: table-row; 
}
.cell {
	display: table-cell; 
}
.cellTop {
	vertical-align: top;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}

/* GLOBAL TEXT STYLES */
.textLeft {
	text-align: left;
}	
.textRight {
	text-align: right;
}
.textCenter {
	text-align: center;
}

.messageError, .messageError a, .messageError a:hover {
	color: red !important;
}

.messageSuccess {
	color: green;
}

.inputError {
	border-color: red !important;
}
	

/* RESPONSIVE STYLES  */
.hideDesktop {
	display: none !important;
}
.hideMobile {
}

/* ANIMATIONS */
.hidden {
	z-index: -100 !important; 
	display: none;
	opacity: 0;
	height: 0px !important;
	width: 0px;
	overflow: hidden;
	transition: all .7s ease-out;
}


.fadeIn {
	animation: fadeIn ease 2s;
}
@keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}			

.fadeOut {
	animation: fadeOut ease 2s;
}
@keyframes fadeOut {
	0% {opacity:1;}
	100% {opacity:0;}
}			


/* OVERLAY */
.overlay {
	position: fixed;
	z-index: 500;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.7);
}

.teamListExperience .contentContainer button{
}

.teamListExperience .contentContainer .dropdownMenuContainer {
}


.contentContainer .dropdownMenuContainer button {
	margin: 0px;
	padding: 0px;
	border-bottom: none;
}
.tbCalculatorAction {
	text-align: center;
}
.tbCalculatorAction button {
	cursor: pointer;
	position: relative;
	top: -25px;
	margin: 0px !important;
	padding: 15px 25px;
	border-style: none;
	border-radius: 40px;
	border-style: solid;
	border-width: 3px;
	border-color: #FFFFFF;
	background-color: #4ea7dd;
	color: #FFFFFF;
	font-size: 100%;
	box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, .05);
}

.dropdownItemSelected {
	font-weight: 700 !important;
	color: #0770b8 !important;
}

.tbCalculatorAction button:hover {
	background-color: #0770b8;
	transition: all 0.1s ease-in;
	text-decoration: none;
	color: #FFFFFF;
}


.tbCalculatorAction a {
	display: inline-block;
	cursor: pointer;
	position: relative;
	margin: 5px 0px !important;
	padding: 15px 25px;
	border-style: none;
	border-radius: 40px;
	border-style: solid;
	border-width: 3px;
	border-color: #FFFFFF;
	background-color: #4ea7dd;
	color: #FFFFFF;
	font-size: 100%;
	box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, .05);
}
.tbCalculatorAction a:hover {
	background-color: #0770b8;
	transition: all 0.1s ease-in;
	text-decoration: none;
	color: #FFFFFF;
}


.closeWindow {
	float: right;
}

.closeWindow:hover {
	color: red !important;
}

.taskBar {
	margin: 10px 0px;
	padding: 10px 0px;
	border-style: solid none;
	border-color: #4ea7dd;
	border-width: 1px;
	text-align: center;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight; 300;
	font-size: 100%;
}
.taskBar i {
	display: inline-block;
	padding: 0px 5px;	
}

.taskBar span {
	display: inline-block;
	padding: 0px 20px;
}

.teamLinkWrapper {
	display: block;
	position: absolute;
	z-index: 1000;
	width: 100%;
	top: 0;
	left: 0;
	margin-top: 40px;
	padding-top: 40px;
	padding-left: 15px;
	padding-right: 15px;
}

.teamLinkContainer {
	display: block;
	position: relative;
	max-width: 600px;
	margin: 0px auto;
	padding: 20px;
	border-radius: 10px;
	text-align: center;
	background-color: #FFFFFF;
}

.teamLinkContainer textarea {
	display: block;
	width: 100%;
	border-style: solid;
	border-radius: 5px;
	border-color: #CCCCCC;
	font-size: 100%;
	margin-bottom: 30px;
}

.teamLink {
	-webkit-user-select: all;  /* Chrome 49+ */
	-moz-user-select: all;     /* Firefox 43+ */
	-ms-user-select: all;      /* No support yet */
	user-select: all;
}

.teamLink {
	height: 130px;
}


.finePrint {
	display: block;
	position: relative;
	margin: 50px 0px 0px 0px;
	padding: 0px 10px 80px 10px;
	border-style: none none none none;
	border-width: 1px;
	border-color: #0770b8; 
	color: #000000;
	text-align: center;
}

.finePrint h5 {
	margin: 20px 0px 10px 0px;
	padding: 0px;
	}

.finePrint p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 80%;
	line-height: 140%;
}



@media 
	only screen and (max-width: 800px)

{

.tb {
	margin: 0px 0px 100px 0px !important;
	padding: 0px !important;
}
.tbHeader {
	margin: 0px !important;
	padding: 0px !important;
}
.tbHeader h1 {
	margin: 30px 0px 10px 0px; !important;
	padding: 0px !important;
	font-size: 170%;
	font-weight: 700;
}

.imageGetStarted {
}

.tbCalculator {
	margin: 0px;
	border-radius: 0px;
	background-color: inherit;
	box-shadow: none;
}

.tbRoleContainer button {
	padding: 10px 10px !important;
	margin: 0px;
	font-size: 100%; 
}

.tbRoleSelector {
	margin: -50px 10px 10px 10px;
	padding: 5px !important;
	border-radius: 10px;
	max-height: 600px;
	overflow: hidden;
}

.tbRoleSelectorHeader {
	margin: 0px !important;
	padding: 0px !important;
}

.tbRoleSelector h1 {
	font-size: 160%;
	margin: 10px 0px !important;
	padding: 0px !important;
}

.tbRoleSelectorFilter input {
	font-size: 100% !important;
	padding: 10px !important;
}


.tbRoleSelectorHeader .table .cell {
	display: table-cell !important;
	padding: 5px;
}


.tbRoleSelectorList {
	padding: 5px !important;
}

.tbRoleSelectorItem {
	padding: 5px !important;	
}

.tbRoleSelectorItem p {
	display: none;
	height: 0px;
	overflow: hidden;
}

.requestReport {
	margin-right: auto;
	margin-left: auto; 
	width: 90%;
}

.requestReport h1 {
	margin: 0px 0px;
	font-size: 160%;
} 
.requestReportContainer .table .cell {
	display: table-cell !important;
}
 
.requestReport input, .requestReport button, .requestReport select {
	padding: 15px 15px;
	font-weight: normal !important;
}

.requestReport input, .requestReport select {
	background-color: #FFFFFF !important;	
	color: #000000 !important;

}



 
 
.tbCalculatorTools {
}

.tbCalculatorSummary {
	background-color: inherit;
}
.tb .tbCalculator .tbCalculatorTeamList {
	margin-top: 0px !important;
	padding-top: 0px !important;	
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;	
	padding: 0px !important;
	margin: 0px !important;
}

.teamListItem {
	display: block;
	margin: 10px 0px 20px 0px;
	padding: 0px 10px 5px 10px;
	border-radius: 10px;
	box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, .1);
	background-color: #FFFFFF;
}
.teamListItem .cell {
	margin: 0px;
	padding: 10px;
	border-style: none;
}

.teamListLabel {
	margin: 0px;
	padding: 0px;
}

.teamListLabel  {
	display: block;
	padding-top: 30px !important;
	font-weight: 700;
	font-size: 150%;
}
.teamListMobileLabel {
	font-weight: 700;
	display: inline-block;
	float: left;
}
.teamListControls {
	width: 100%;
}
.teamListControls .contentContainer {
	float: right;
}
.teamListExperience {
	width: 100%;
}
.teamListExperience .contentContainer {
	float: right;
}
.teamListRoleCostCloudstaff {
	width: 100%;
}
.teamListRoleCostLocal {
	width: 100%;
}
.teamListRoleSaving {
	display: block;
	width: 100%;
	margin: 20px 0px !important;
	border-style: solid none !important;
	border-width: 1px  !important;
	border-color: #d5e8f4  !important;
}

.teamListControlDeleteMobile {
	margin-left: 20px;
}


.contentContainer {
	display: inline-block;
	margin: 0px;
	padding: 0px;
}
.contentContainer .dropdownMenuContainer {
	margin: 0px;
	padding: 0px;
}

.contentContainer .dropdownMenuContainer button {
	margin: 0px;
	padding: 0px;
	border-bottom: none;
}
.contentContainer .dropdownMenu {
	right: 40px;
}


.teamSummary {
	padding: 20px;
	border-radius: 10px !important;
	border-style: none !important;
	border-width: 1px;
	border-color: #d5e8f4;
	background-color: #eef8fb;
	box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, .1);

}
.teamSummary .cell {
	margin: 0px !important;
	padding: 0px 0px 10px 0px;
	text-align: center;
	border-style: none !important;
}
.teamSummary .cell:first-child {
	padding: 15px 0px 0px 0px;
}


.teamSummaryContent {
	margin: 0px;
}
.teamSummary i {
	margin-left: 5px;
	font-size: 80%
}
.teamSummary .teamSummaryDetails {
	margin: 15px 0px 15px 0px !important;
	padding: 10px 0px 10px 0px !important;
	font-size: 70% !important;
	font-weight: normal;
	line-height: 140%;
	transition: all 0.2s ease-in;
}
.teamSummaryTotal {
	font-size: 150%;
	font-weight: 700;
}
.teamSummaryCurrency {
	display: inline-block;
	position: relative;
	top: -10px !important;
	padding-right: 5px;
	font-size: 70%;
	font-weight: normal;
	color: #000000;
}
.teamSavingSummaryCloudstaff .cell {
}
.teamSavingSummaryCloudstaff .cell:last-child {
	border-style: none !important;
}




.tbCalculatorSummary {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

.tbCalculatorSummary {
	padding: 0px 0px 20px 0px !important;
}
.tbCalculatorSummaryContent {
	display: block;
	margin-top: 10px !important;
	float: none;
	text-align: center;
}
.tbCalculatorSummaryResult {
	float: none;
	text-align: center;
}
.tbCalculatorAction {
	margin-top: -10px;
}

.tbCalculatorAction button {
	box-shadow: none;;
}

.tbCalculatorSummarySaving {
	margin-bottom: 40px;
}

.getStartedMessage {
	padding: 40px 0px !important;
}



  .cell {
  	display: block;
  	margin: 0px;
  	padding: 0px;
  	vertical-align: center;
  }
  .hideMobile {
  	display: none;
  }
  .hideDesktop {
  	display: inline-block !important;
  }

  
}