html {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
html, body, h1, h2, h3, h4, h5, h6, p {
	font-family: 'proxima-nova', sans-serif !important;
}
.row-margin {
	margin:0;	
}
.no-pad {
	padding-left:0;
	padding-right:0;	
}
.ui-page-theme-a {
	background-color:transparent;
}

.backImg {
	width:100%;
	max-height:200px;
	overflow:hidden;
	padding:0;
	border-bottom:2px solid #fff;
}

.backImgAlt {
	margin-top:51px;
	padding:0;
	width:100%;
	height:350px;
	overflow: hidden !important;
}

.navbar-inverse {
	border-color: #222;
}

.paddingLogo {
	padding-top:20px;
}

.paddingLogo h2 {
	padding-top:0;
	margin-top:10px;
	color:#FFF;
}

/* NEW STYLES FOR NOTIFICATIONS */

.jobsNotificationSlidePanel {
	position:fixed;
	width:100%;
	background-color:#fff;
	box-shadow:0 2px 15px rgba(0,0,0,0.25);
	top:-8000px;
	z-index:5000;
	padding:1em 0;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}
.jobsNotificationSlideAnimationOverlay {
	top:0%;
	-webkit-transition:all 0.6s ease-out;
	-moz-transition:all 0.6s ease-out;
	-ms-transition:all 0.6s ease-out;
	transition:all 0.6s ease-out;
}

.notificationDottedMedia ul {
	margin-left:5px;
    padding-left :5px;
	list-style:circle;
}
.notificationDottedMedia ul li {
	background-color:#fff;
	margin-bottom:2px;
	display:block;	
}
.notificationDottedMedia ul li a {
	padding:15px 0;
	display:block;	
}
.notificationDottedMedia ul li a:hover {
	text-decoration:none;	
}

.jobsToInvoiceSlidePanel {
	position:fixed;
	width:100%;
	background-color:#fff;
	box-shadow:0 2px 15px rgba(0,0,0,0.25);
	top:-110px;
	z-index:5000;
	padding:1em 0;
	-webkit-transition:all 0.6s ease-out;
	-moz-transition:all 0.6s ease-out;
	-ms-transition:all 0.6s ease-out;
	transition:all 0.6s ease-out;
}
.jobsToInvoiceSlideAnimationOverlay {
	top:0%;
	-webkit-transition:all 0.6s ease-out;
	-moz-transition:all 0.6s ease-out;
	-ms-transition:all 0.6s ease-out;
	transition:all 0.6s ease-out;
}
.notificationCircleSP {
	border-radius:50%;width:48px;height:48px;background-color:#d9534f;display:inline-flex;-webkit-box-align:center;align-items: center;justify-content:center; vertical-align: top; margin-right:0.5em;
}
.notificationCircleSP i {
	color: #fff;font-size: 20px;
}
.notificationCircleMedia {
	display:inline-block;
}
.notificationCircleMedia h4 {
	margin-bottom:5px;margin-top:2px;
}
.notificationCircleMedia p {
	margin-bottom:0;
}
.nCmLink {
	margin-top:1em;
}
.nCmLink a {
	text-transform: uppercase;
	font-size:12px;
}
.nCmLink a:first-child {
	margin-right:15px;
}
/* NEW STYLES FOR NOTIFICATIONS */
.top-button-row {
	margin-bottom:10px;
}
.hello {
	color:#FFF;
}

.blurry {
	opacity: 0.5;
}

.testytest:before  {
	font-size:80px !important;
}

#form {
	background-color:#FFFFFF;
}

.paddingBody {
	padding-top:30px;
}

.ui-page-theme-a {
	text-shadow: none;
}

.ui-page-theme-a a {
	font-weight: normal;
}
.form-control {
	border-radius: 4px !important;	
}

.headerStyle h4 {
	margin-top:0;
	padding-bottom:5px;
}

.form-control {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	/*-webkit-appearance: none;*/
}
.header-container-step {
	padding-top:15em !important;
}
#progressbar {
	margin-bottom: 10px;
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
	padding-left:0;
	padding-right:0;
}
#progressbar li {
	list-style-type: none;
	color: grey;
	font-size: 12px;
	width: 33.33%;
	float: left;
	position: relative;
}
#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 28px;
	line-height: 28px;
	display: block;
	font-size: 12px;
	color: #333;
	background: white;
	border-radius: 50%;
	margin: 0 auto 10px auto;
}
/*progressbar connectors*/
#progressbar li:after {
	content: '';
	width: 96.5%;
	height: 2px;
	background: white;
	position: absolute;
	left: -48.25%;
	top: 13px;
	z-index: 0; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{
	background: #5abcbd;
	color: white;
}

.btn-black {color:#333;background-color:#fff;border-color:#333; border-radius:0 !important;}
.btn-black:hover,.btn-black:focus,.btn-black:active,.btn-black.active,.open .dropdown-toggle.btn-black{color:#fff !important;background-color:#000;border-color:#444}
.btn-black:active,.btn-black.active,.open .dropdown-toggle.btn-black{background-image:none}
.btn-black.disabled,.btn-black[disabled],fieldset[disabled] .btn-black,.btn-black.disabled:hover,.btn-black[disabled]:hover,fieldset[disabled] .btn-black:hover,.btn-black.disabled:focus,.btn-black[disabled]:focus,fieldset[disabled] .btn-black:focus,.btn-black.disabled:active,.btn-black[disabled]:active,fieldset[disabled] .btn-black:active,.btn-black.disabled.active,.btn-black[disabled].active,fieldset[disabled] .btn-black.active {background-color:#666;border-color:#777}
.btn-black .badge{color:#fff;background-color:#333}
.btn-noHover:hover {
	color:#333 !important;
	background-color:#fff !important;
}
.btn-noHover:active {
	color:#FFF !important;
	background-color:#000 !important;
}
.warningSlider {
	background-color:#a94442 !important;
	border-top:1px solid #7F1A18;
	border-bottom:1px solid #7F1A18;
	-webkit-box-shadow: inset 0 0 10px #95302E;
	color:#FFF;
	font-size:12px;
}

a.warningSlideUp {
	color:#FFF;
}

a.warningSlideUp:hover {
	color:#FFF;
}

.modal {
	opacity: 1 !important;
}

.headColour {
	background-color:#333;
	color:#FFF;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
}

.modal-body label {
	font-size:14px !important;
}

.solvedNotSolved {
	padding:0;
}

.solvedNotSolved p {
	padding-top:10px;
}

.notSolved {
	display: block;
	-webkit-border-bottom-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

.Solved {
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

.solvedDisableBtn {
    -webkit-user-select: none;
    background-image: none;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    font-weight: 400;
    margin-bottom: 0;
    border:none;
    border-radius: 0px;
    border-top: 1px solid #eee;
}

.selfHelpSlider {
	background-color:#eee !important;
	border:1px solid #BFBFBF;
	-webkit-box-shadow: inset 0 0 10px #bfbfbf;
	color:#505050;
	font-size:12px;
}

.selfHelpSlider label {
	font-size:14px !important;
}

.padTop {
	padding-top:15px;
	margin-bottom:5px;
}

.btn-blackSub {color:#FFF;background-color:#333;border-color:#000; border-radius:0 !important;}
.btn-blackSub:hover,.btn-blackSub:focus,.btn-blackSub:active,.btn-blackSub.active,.open .dropdown-toggle.btn-blackSub{color:#fff;background-color:#000;border-color:#444}
.btn-blackSub:active,.btn-blackSub.active,.open .dropdown-toggle.btn-blackSub{background-image:none}
.btn-blackSub.disabled,.btn-blackSub[disabled],fieldset[disabled] .btn-blackSub,.btn-blackSub.disabled:hover,.btn-blackSub[disabled]:hover,fieldset[disabled] .btn-blackSub:hover,.btn-blackSub.disabled:focus,.btn-blackSub[disabled]:focus,fieldset[disabled] .btn-blackSub:focus,.btn-blackSub.disabled:active,.btn-blackSub[disabled]:active,fieldset[disabled] .btn-blackSub:active,.btn-blackSub.disabled.active,.btn-blackSub[disabled].active,fieldset[disabled] .btn-blackSub.active {background-color:#666;border-color:#777}
.stretchMe {
    z-index:1001 !important;
}
.stretchMeTwo {
	z-index:50 !important;
}

.jobParagraphText {
	font-size:12px;
}

.ui-panel-inner {
	padding:0;
}

.ui-panel {
    background-color:#FFFFFF !important;
}

.panelParagraph P {
	font-size:12px;
}

.panelParagraphLinks {
	display:block;
	padding-top:10px;
	border-bottom:1px solid #eee;
}

.linkColourChange {
	color:#888 !important;
}
.linkColourChange:hover {
	color:#333 !important;
}

.ui-page-theme-a, .ui-body-inherit {
	text-shadow: none !important;
}

.botAb {
	position: absolute;
	width:100%;
	bottom:0;
	border-top:1px solid #eee;
}

.titlePM {
	background-color:#333;
	color:#FFF;
	padding-top:1px;
	padding-bottom:1px;
}

.titlePM p {
	padding-bottom:0;
	margin-bottom:0;
}

.infoContent {
	border-bottom:1px solid #eee;
}

.infoContent p {
	padding-top:10px;
	font-size:12px;
}

.infoContentSideBar {
	border-bottom:1px solid #eee;
}

.infoContentSideBar p {
	padding-top:5px;
	margin-bottom:0;
	font-size:13px;
	padding-bottom:5px;
}

.activeTeam {
	color:#000;
}

.activeTeam:hover {
	color:#000;
	text-decoration: none;
}

.bgPopup {
	background-color:#000;
	position:fixed;
	z-index:49;
	width:100%;
	height:100%;
	opacity:0.5;
	top:0;
}

.popupBG {
	position:absolute;
	z-index:50;
	max-width:100%;
	height:auto;
	max-height:100%;
	top:25%;
	left:0;
	right:0;
	margin: 0 auto;
	font-size:12px;
	line-height:1.5em;
	color:#444 !important;
}

textarea {
	font-size:12px !important;
}

.footerText {
	font-weight:300;
	font-size:16px !important;
}

.stretchMeLogin {
	 position:fixed;
	 top:0;
	 left:0;
	 height:100%;
	 width:100%;
	 background: url(Images/bgTest.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.loginBubble {
	background-color:#FFF;
}
/*.form-file-change {
	margin-left:15px !important;	
}*/
.custom-file-input {
  color: transparent;
	margin-right:-15px !important;
	margin-top:10px;
}
.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::before {
  content: 'Select a photo';
  color: black;
  display: inline-block;
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
}
.custom-file-input:hover::before {
  border-color: black;
}
.custom-file-input:active {
  outline: 0;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); 
}
.toop-tip-block {
	border:1px solid #AA3A3C;color:#AA3A3C;
	background-color:#FFFAFA;
	border-radius:6px;
}
.toop-tip-block p {
	font-size:14px;
}

/* Validation css */
.field-validation-error {
    color: #b10000 !important;
    font-size: smaller;
}

.field-validation-valid {
    display: none;
}
 
.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

.row-margin {
	margin:0;
}
.no-pad {
	padding-left:0 !important;
	padding-right:0 !important;
}
.btn-feedback {
	border-radius:0;
	margin-top:-1px;
}
.image-delete {
	position: absolute;
	top: 0;
	left: 15px;
	background-color: #c9302c;
	width: 25px;
	height: 25px;
	color: #FFF;
	z-index: 20;
	display:none;
}
.image-delete:hover {background-color:#990a0a;}
.image-delete-inner {
	display:flex;justify-content: center;align-items: center;height:100%;
}
.fade-hyperlink
{
    color:gray !important;
    cursor:none;
}

@-webkit-keyframes pulse_animation {
	0% { -webkit-transform: scale(1); background-color:#FFF; }
	50% { -webkit-transform: scale(1); background-color:#FFCCCD; }
	100% { -webkit-transform: scale(1); background-color:#FFF; }
}

.pulse {
	-webkit-animation-name: 'pulse_animation';
	-webkit-animation-duration: 4000ms;
	-webkit-animation-iteration-count: 2;
	-webkit-animation-timing-function: linear;
}

.navbar-colour-new {
	color:#FFF;
	text-shadow:none;
}
.ui-content {
	padding:0 !important;
}
.ui-panel-inner {
	padding:0 !important;
}

.reason-background-popup {
    background-color:rgba(0,0,0,0.75);
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:2000;
}
.reason-content-popup {
    background-color:#FFF;
    position:relative;
    z-index:2001;
    margin-top:75px !important;
    width:60%;
    margin:0 auto;
}
.reason-content-area h3 {
    font-weight:100;
    font-size:18px;
    background-color:#202020;
    color:#FFF;
    padding:10px;
    margin-top:0;
}
.rca p {
    margin-top:25px;
    margin-left:15px;
    margin-right:15px;
}
.reason-content-area p {
    font-weight:300;
    font-size:12px;
    padding-left:15px;
    padding-right:15px;
}
.label-pending {
	background-color: #c6bd03;
	text-shadow:0 1px 1px #817703;
}
.label-strata {
	background-color: #aa27d5;
}
.label-owner {
    background-color: #428bca;
}
.label-awaitingParts {
    background-color: transparent;
    border: 1px solid #000;
    color: #000 !important;
}
.awaitingPartsTriangle {
    border-top: 8px solid #000 !important;
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    margin-top: 3px !important;
}
.row-margin-bg {
	margin-top:151px !important;
}
.home-page-title {
	font-weight: 300;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
}
.lead {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;	
}
.mm-logo {
margin-top:15px;margin-bottom:15px;max-width:100%;	
}
.btn-home-page {
margin-top:15px;margin-bottom:15px !important;	
}
.background-black {
	background-color:rgba(0,0,0,0.5);
	left:0 !important;
	bottom:0;
	right:0 !important;
	position:absolute;
	width:100% !important;
	height:100px;
}
.btn-radius {
	border-radius:4px !important;
	border:1px solid #ccc !important;
}
.thumb-mobile {
	color:#333;padding-left:10px;margin-bottom:0;font-size:12px;margin-top:5px;
}
.supplier-show {
	opacity:0;
}
.current-req-none h1 {
	font-weight:100;
	font-size:24px;
}
.mm-logo-rj {
	margin-top:5px;
	margin-bottom:5px;
	width:150px;
	float:left;
	margin-right:15px;	
}
.footer-background {
	background-color:#202020;
}
.footer-background-black {
	background-color:#000000;
	color:#FFF;
}
.footer-background-black p {
	margin-bottom:0;
	font-size:10px;
	padding-top:2px;
	padding-bottom:2px;
}
.footer-col {
	color:#eee;
	font-size:12px;
}
.cal-date {
	color:#777777;
	padding-left:10px;
	margin-bottom:0;
	font-size:12px;
	margin-bottom:5px;
	margin-top:10px;
}
.cal-date-desk {
	color:#777777;
	margin-bottom:0;
	font-size:12px;
	margin-bottom:5px;
	margin-top:10px;
}
.company-desktop {
	font-size:12px;	
}
.footer-paragraph p {
	margin-bottom:0;
}
.background-stretch {
	z-index:500 !important;
}
.header-title {
	/*margin-top:1px;*/
	position:relative;
	/*top:0;*/
	text-shadow:0 1px 2px #000;
	color:#fff;
	font-size:20px;
	font-weight:400;
	/*text-transform:uppercase;*/
	z-index:5;
}
.blackOverlay {
	position:absolute;
	background-color:rgba(0,0,0,0.15);
	left:0;top:0;
	width:100%;
	height:100%;
}
#loading-indicator {
  position: fixed;
  top: 50%;
  left: 0;
  right:0;  
  margin:0 auto !important;
  z-index:1500;
}
.btn-link-thumbnail {
    padding:0 !important;
    font-size:12px !important;
    margin-left:5px;
	border:none !important;
}
.form-nav-fix {
	position:absolute !important;
	width:100% !important;
	top:0 !important;
	left:0 !important;
}
.btn-border-none {
	border:0 !important;
}
.h2-style {
    font-weight:300;
    color:#FFF;
    text-shadow: 0 1px 2px #000;
}

.badge-red {
    background-color:#c21919 !important;
    color:#FFF;
    position:absolute;
    font-size:10px;
}
.list-row {
	background-color:#eee;	
}
.list-content p {
	margin-bottom:0;
	padding:5px 0 5px 0;
	font-weight:300;
	font-size:16px;
}
.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #eee;
	position: absolute;
	margin-bottom:15px;
}
/*.list-row-fixed {
	position:fixed;
	width:100%;
	z-index:50;
	top:50px;	
}*/

.popup-panel-bg {
    background-color:rgba(0,0,0,0.5);
    position:fixed;
    width:100%;
    height:100%;
    z-index:500000;
    top:0;
    left:0;
}
.popup-panel-content {
    background-color:#FFF;
    color:#000;
    width:50%;
    left:0;
    right:0;
    margin:0 auto;
    text-align:center;
    border-radius:4px;
    margin-top:16%;
}
.agree-statement {
    margin-top:5%;
}
#dvSolvePopup {
    padding-top:5px;
}
.upper-panel {
    border-bottom:1px solid #eee;
    padding-bottom:5px;
}
.upper-panel-p {
    margin-top:8px;
    margin-bottom:0;
}
.btn-outline {
    border:none !important;
}
.label-normal {
    font-weight:normal !important;
}
.mm-image-agree {
    margin-top:10px;
    margin-bottom:15px;
}
.btn-red {
	color:#a94442 !important;
}
.title-thumbnail {
	background-color:#202020;
	color:#FFF;
	padding-left:10px;
	margin-bottom:0;
	font-weight:300;
	font-size:12px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
}
.picture-overflow {
	height:134px;
	overflow:hidden;
}
.picture-overflow-md {
	height:200px;
	overflow:hidden;	
}
.status-arrow-join {
	font-size:10px !important;
	display:block !important;
	border-radius:0 !important;
	text-align:left !important;
	margin-top:0 !important;
	margin-bottom:10px !important;
	width:100% !important;	
}
.status-arrow-join-triangle {
	width:0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #c6bd03;position:absolute;	
}

.triangle-awaitingquotes
{
    border-top: 10px solid #f0ad4e;
}

.triangle-pendingallocation
{
    border-top: 10px solid #c6bd03;
}

.triangle-supplier
{
    border-top: 10px solid #5bc0de;
}
.triangle-completed
{
    border-top: 10px solid #5cb85c;
}
.triangle-notcompleted
{
    border-top: 10px solid #d9534f;
}
.triangle-notapproved
{
    border-top: 10px solid #337ab7;
}
.triangle-strata
{
    border-top: 10px solid #aa27d5;
}
.triangle-owner
{
    border-top: 10px solid #428bca;
}
.triangle-default
{
    border-top: 10px solid #777777;
}

.disableLink {
    pointer-events: none !important;
    cursor: default !important;
}
.toop-lodged {
    font-size:12px;
    padding-left:10px;
}
.list-content span a {
	font-weight:300;
}



.rateSupplierBackground {
	background-color:rgba(0,0,0,0.75);
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
    z-index:1100;	
}
.rateSupplierPanel {
	background-color:#fff;
	border-radius:4px;
	width:50%;
	position:relative;
	margin:0 auto;	
	margin-top:5%;
}
.rateSupplierHeading h1 {
	font-weight:300;
	margin-top:5px;
	padding:0 0 10px 15px;
	margin-bottom:0;
	font-size:24px;
	border-bottom:1px solid #ececec;
	-webkit-box-shadow:0 1px 3px #eee;
}
.rateSupplierSubheading p {
	border-top:1px solid #ccc;
	padding-left:15px;
	padding-top:5px;
	margin-bottom:15px;
	color:#666;
	font-weight:300;
}
.circleContainerSupLogo {
	width:100px;
	height:100px;
	border-radius:50%;
	-webkit-box-shadow:0 0 10px #ddd;	
	overflow:hidden;
	margin-left:0;
	margin-right:15px;
}
.circleContainerSupLogo img {
	width:135px;
	left:-15px;
	top:2px;
	position:relative;
}
.rateSupplierBody h5 {
	margin-bottom:5px;
	font-size:18px;
	font-weight:300;
	margin-top:10px;	
}
.rateSupplierBody {
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #eee;
}
.rateSupplierFeedback {
	margin-top:15px;	
}
.rateSupplierFeedback textarea {
	float:right;
	width:87.5%;	
}
.rateSupplierDes p:last-child {
	margin-top:20px;
}
.rateSupplierBody:last-child {
	border-bottom:none;
}
.rateSupplierBody p {
	margin-bottom:5px;	
}
.ratingStars {
	padding-right:15px;
}
.ratingStars p span {
	font-size:13px;	
}
.rating { 
  border: none;
  float: left;
}

.rating > input { display: none; } 
.rating > label:before { 
  margin: 0 5px 0 5px;
  font-size: 24px;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

.rating > .half:before { 
  content: "\f089";
  position: absolute;
}

.rating > label { 
  color: #ddd; 
 float: right; 
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  }
.buttonPanel {
	padding-top:15px;
	padding-bottom:15px;
}
.buttonPanel button {
	border-bottom:2px solid rgba(0,0,0,0.5);
	margin-left:5px;
}
.skipBtn input {
    
    padding-top:0 !important;
    margin-top:0 !important;
    top:-8px;  
	position: absolute;
	right: 0;
	margin: 0;
	width: 31px;
	height: 31px;
	/*hide the radio button*/
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	 opacity: 0;
     cursor: pointer;     
}
.skipBtn label {
    cursor: pointer !important;
    padding: 0px 4px 0px 4px;
    color: #7FADD7;
    font-weight:400;    
}
.popupScrollable {
    overflow-y:scroll !important;
}
.dropDownInput span {
    position:absolute;
    right:15px;
    top:10px;
    color:#999;
}
.jobTitleBold {
	color:#4c4c4c;margin-bottom:0;font-weight:600;font-size:14px;margin-top:9px;
}
.circleImgContainer {
	width:54px;height:54px;border-radius:50%;overflow:hidden;float:left;margin-right:15px;
}
.nopadLink {
	padding:0 !important;
	font-size:12px !important;	
	border:0 !important;
}
.normalPara {
	color:#4c4c4c;
	font-size:12px;
	margin-top:3px;	
}
.jobCustomRow {
	background:#ededed;
	margin-bottom:3px;
	padding-top:8px;
	padding-bottom:5px;	
}
.circleImgCustom {    
    width: 100%;
    height: 100%;
    position: relative;
}
.circleImgReal {
	left:0px;
	height:175%;
	position:relative;	
}
.requestPanelText {
	font-size:24px;
	padding-top:14px !important;
	padding-bottom:13px !important;	
}
.requestPanelMarginBot {
	margin-top:25px !important;	
}

.navbar-opacity {
	background-color:rgba(0,0,0,0.75) !important;
	height:50px;
}
.mmBgPanel {
	padding-top:75px;
	padding-bottom:50px;	
}
/*.bannerCoverImg {
background: url(../Images/tenants-background.jpg) no-repeat center center !important;
background-size:cover !important;
 
}*/
.issue-header-new {
	position:relative;
	color:#fff;
}
.issue-header-new h3 {
	position:relative;z-index:1;font-size:21px;
}
.issue-header-new:after {
	content:'';
	position:absolute;
	top:0;left:0;
	width:100%;height:100%;
	background-color:rgba(18,37,37,0.5);
}
.fullPageBg {
    position:absolute;top:0;left:0;width:100%;height:100%;
}
.emergBg {
    margin:0; background-color:rgba(0,0,0,0.5);left:0; bottom:0%; position:absolute; width:100%; height:100px;z-index:2;
}
.pleaseNoteText {
    margin:0;left:0; bottom:0% !important; position:absolute !important; width:100%;font-size:12px;z-index:3;
}

.t-ip-bg-icon-con {
	position:absolute;top:-16px;left:-16px;width:32px;height:32px;border-radius:50%;background-color:#ececec;
}
.t-ip-bg-icon-con i {
	width:100%;text-align:center;margin-top:8px;
}
.t-ip-bg-icon-info {
	background-color:#9acfea;border:1px solid #9acfea;
}
.t-ip-bg-icon-info i {
	color:#fff;
}
.t-ip-bg-icon-info-con {
	border-color:#9acfea !important;color:#333 !important;
}
.t-ip-bg-icon-alert {
	background-color:#AA3A3C;
}
.t-ip-bg-icon-alert i {
	color:#f2dede;
}
.t-ip-bg-icon-alert-con {
	border-color:#aa3a3c !important;
}
.t-ip-bg {
	background-color:#fff;border:1px solid #ececec;position: relative;
	border-radius:6px;margin-top:40px !important;padding:10px;
}
.t-ip-bg h4 {
	font-weight:700;font-size:14px;
	margin-top:15px;
}
.t-ip-bg textarea {
	font-size:14px !important;
}
.t-btn-si {
	margin-top:25px;
	margin-bottom:25px !important;
	border-radius:6px !important;transition:all .25s ease;
}
.t-btn-si:hover {
	background-color:#000;color:#ccc !important;
	transition:all .25s ease;
}
.warning-tip-block {
	border:1px solid #a94442;color:#e5c6c6;
	background-color:#a94442;
	border-radius:6px;
}
.warning-tip-block h4 {
	font-size:18px !important;
}
.warning-tip-block p {
	font-size:14px;
}
.issueTitles {
	background-color: #fff;
    margin-top: 0;
    padding: 15px 0 2px 15px;
    font-size: 16px;
    color: #333;
    font-weight: 600;
	border-top:1px solid #ececec;
}
.radio-inline {
	display: inline-block !important;
    padding-left: 20px;
    margin-bottom: 0 !important;
    vertical-align: middle;
    font-weight: 400 !important;
    cursor: pointer;font-size:14px !important;
}
.t-fg-check label, .a-fg-times label {
	font-size:14px !important;
}
.a-fg-times label {
	font-weight:700;
}
.a-fg-mgn {
	margin-left:25px;
}
.t-gf-check-am-btn {
	margin-right:32px;
	float:right;
}
.t-dis-none {
	opacity:0;visibility:hidden;
	-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease;	
}
.t-dis-show {
	opacity:1;visibility:visible;
	-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease;
}

.popupBackgroundSelfHelp {
	position: fixed;
	z-index: 1050;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.85);
	overflow: auto;
}
.popupContentSelfHelp {
	position:relative;z-index:1051;background-color:#fff;border-radius:3px;width:50rem;top:15%;left:0;right:0;margin:0 auto;box-shadow:0 0 2rem rgba(0,0,0,0.2);
}
.selfHelpHeader {
	border-bottom:1px solid #eee;
}
.not-solved-btn {
	margin-left:15px;
	border-radius:3px !important;
	padding:8px 18px !important;
}
/*.selfHelpHeader:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 15px #ccc;
    border-left: solid 15px transparent;
    border-right: solid 15px transparent;
}*/
.selfHelpBody {
	padding:30px 30px 15px !important;
}
.selfHelpBodySubtitle {
	margin-bottom:20px;
}
.selfHelpHeader h4 {
	font-weight:600;	
	margin:0;
	padding-top:15px;
	padding-bottom:15px;
}
.selfHelpContentP div.radio {
	padding-left:0;
	margin-bottom:20px;
}
.selfHelpContentP div.radio:last-child {
	margin-bottom:0 !important;
}
.selfHelpContentP label {
	font-size:14px;
}
.selfHelpFooter {
	/*border-top:1px solid #eee;*/
	padding:15px;
}
.selfHelpFooter p {
	margin-bottom:0;	
	padding-top:10px;
	padding-bottom:10px;	
}
.mmLogoContainer {
	position:relative;
}
.mmLogoContainer:after {
	content:'';
	position:absolute;
	height:2px;
	width:33%;
	background-color:#fff;
	left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
}
.login-background {
	background-color:rgba(0,0,0,0.40);
	border-radius:3px;
	padding-top:15px;
	padding-bottom:15px;	
	position:relative;
	z-index:50;
}
.login-background img {
	margin-top:20px;	
	margin-bottom:30px;	
}
.mmLoginText {
	font-weight:600;
	color:#fff;
	margin-bottom:2.55em;
	margin-top:30px;
}
.padLeftLogin {
	padding-left:0 !important;
	padding-right:5px !important;	
}
.padRightLogin {
	padding-right:0 !important;	
	padding-left:5px !important;
}
.rowLoginTop {
	margin-top:30px;	
}
.btn-outlineLogin {
	border:2px solid #fff !important;
	background-color:transparent !important;
	color:#fff !important;
	-webkit-transition:all 0.3s cubic-bezier(.17,.67,.83,.67);-moz-transition:all 0.3s cubic-bezier(.17,.67,.83,.67);-ms-transition:all 0.3s cubic-bezier(.17,.67,.83,.67);transition:all 0.3s cubic-bezier(.17,.67,.83,.67);	
}
.btn-outlineLogin:hover {
	background-color:#fff !important;
	color:#000 !important;
	-webkit-transition:all 0.3s cubic-bezier(.17,.67,.83,.67);-moz-transition:all 0.3s cubic-bezier(.17,.67,.83,.67);-ms-transition:all 0.3s cubic-bezier(.17,.67,.83,.67);transition:all 0.3s cubic-bezier(.17,.67,.83,.67);
}
.homeDividerLine {
	height:1px;
	width:33%;
	margin:0 auto;
	position:relative;
	background:#fff;	
	margin-bottom:2.65em;
}

.submit-progress-img {
	position: relative;
    /*top: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;*/
    z-index: 5;
}
.photo-container {
	overflow:hidden;
	height:147px;	
}
.wrapperPhotoContainer {
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;
}
.wrapperPhotoContainer > img {
	position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
	width:auto !important;
	height:150% !important;
}
.ui-page {top: 0; left: 0; width: 100%; position: absolute; display: none; border: 0;}.ui-page {outline: none;}
.ui-mobile .ui-page-active {
	display: block;
	overflow: auto;
}
.pageScrollFixIssue {
	/*overflow-y: visible !important;
	-webkit-overflow-scrolling:touch !important;*/
}
.btn-disBlack[disabled] {
    opacity:1 !important;
    background-color:#333 !important;
    position:relative;
    width:72px;
}
/*.spid {
    top: 4px;
}*/
.btn-blackSub[disabled] {
    opacity:1 !important;
    background-color:#333 !important;
    position:relative;
}
.history-popup-container {
	position:relative;
	overflow:hidden;
	height:24em;
	background-color:#ececec;	
}
.history-popup-container img {
	position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
	width:100%;
}
.emergency-contact-bg {
	background-color:rgba(0,0,0,0.33);
	position:fixed;
	left:0;top:0;
	width:100%;height:100%;
	z-index:1499;
	overflow-y:scroll;
}
.emergency-contact-content {
	background-color:#fff;
	position:relative;width:500px;top:200px;
	margin:0 auto;border-radius:6px;
	margin-bottom:100px;
}
.uppcp-footer {
	border-top:1px solid #eee;
	padding:15px 0;
}
.btn-db {
	background-color:#286090 !important;
}
.btn-dr {
	background-color:#c9302c !important;
}
.ecc-list ul {
	list-style:none;
	margin:25px 0 25px 15px;padding:0;
}
.eccpop {
	visibility:hidden;
	transform:translate3d(0,25px,0);
	transition: -webkit-transform .25s ease;
    transition: transform .25s ease;
}
.ddbg-toggle {
	visibility:visible;
	transform:translate3d(0,0px,0);
	transition: -webkit-transform .25s ease;
    transition: transform .25s ease;
}

/********************LEASE RENEWALS*******************/

body {
	font-family:'Proxima Nova', sans-serif;
	color:#000;
	background-color:#f1f3f5;
}
.row-margin {
	margin:0;	
}
.no-pad {
	padding-left:0;
	padding-right:0;
}

/* NAV */
.navbar-black {
	background-color:#101010;
	height:50px;
}
.navbar-brand {
	margin-top:-2px;
}
/* END Nav */
.action-state-bg {
	background-color:#ffd9d9 !important;
}
/* HEADER */
header {
	margin-top:50px;margin-bottom:25px;
}
.hinmt {
	padding-top:164px;padding-bottom:164px;	
}
.headerInformation {
	color:#fff;
}
.headerInformation h1 {
	margin-top:0;margin-bottom:20px;
}
.headerInformation p {
	font-size:18px;margin-bottom:0;
}
/* END HEADER */

/* BUTTON STYLE */
.btnp {
	padding:15px 27px;border-radius:6px;border:none;
}
.btnblue {
	background-color:#286090;
	color:#fff;
}
.btnblue:hover, .btnblue:active, .btnblue:focus {
	background-color:#13558E;color:#fff;
}
.btnblue:active, .btnblue:focus {
	background-color:#064377;color:#fff;
}
.btngrey {
	background-color:#cccccc;color:#fff;
}
/* END BUTTON STYLE */
.rrmfs {
	margin-top:25px;
}
.rrmfss {
	margin-bottom:50px;
}
.fcdpl {
	height:50px;
	border-radius:6px;
	position:relative;
	-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;
}
.fcdpla:after {
	font-family: FontAwesome;
	content:"\f107";
	
	font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #ccc;
    font-size: 18px;
    position: absolute;pointer-events:none;
    top: 13.25px;
    right: 30px;
}
.fgfcss {
	padding:24px 15px !important;border-radius:6px;
}
.fgfcigb {
	padding:14px 35px !important;border-top-right-radius:6px;border-bottom-right-radius:6px;
}
.fgnm {
	margin-bottom:0;
}
.bpbgib {
	display:inline-block;
	padding:10px 25px;border-radius:6px;background-color:#ccc;color:#fff;
	margin-right:20px;
}
.bpbgib a {
	color:#fff;
}
.bpbgib i {
	padding-left:11px;
}
/* List Style */
.list-info-row-tenant {
	list-style:none;
	padding:0;margin:0;
}
.list-info-row-tenant li {
	background-color:#fefbf3;
	margin-bottom:2px;
	padding:10px 0;
}
.list-info-row {
	list-style:none;
	padding:0;margin:0 15px;
}
.list-info-row-titles {
	list-style:none;
	padding:0;margin:0 15px;
}
.list-info-row li {
	background-color:#fff;
	margin-bottom:2px;
	padding:20px 0;
}
.list-property-address p, .list-end-lease-date p {
	margin-bottom:0;
}
.list-action-lease-renewal, .list-owner-name {
	margin-top:9.25px;
}
.list-status-change {
	margin-top:8.5px;
}
.lon-link a {
	padding:10px;
}
.lon-link a:last-of-type {
	top:1px;
	position:relative;
}
/* End List Style */

/* Label Status */
.label-current-status {
	background-color:#777;
}
.label-pending-status {
	background-color:#c6bd03;
}
.label-owner-status {
	background-color:#428bca;
}
.label-owner-query-status {
	border:1px solid #428bca;
	color:#428bca;
	background-color:transparent;
}
.label-tenant-query-status {
	border:1px solid #45c045;
	color:#45c045;
	background-color:transparent;
}
.label-relet-status {
	background-color:#45c045;
}
.label-renewed-status {
	background-color:#45c045;
}
.label-no-relet-status {
	background-color:#d9534f;
}
.label-online-status {
	background-color:#45c045;
}
/* End Label Status */
.integration-grid {
	display:grid;grid-template-columns: repeat(2, 1fr);grid-gap: 15px;
}
.integration-animate {
	transition:all 420ms cubic-bezier(.165,.84,.44,1);
}
.integration-card {
	display:block;
	border: 1px solid #E0E7FF;padding:10px;border-radius:3px;position:relative;
	box-shadow:0 5px 1rem rgba(0,0,0,0);
}
.integration-card:hover {
	text-decoration: none;box-shadow:0 5px 1rem rgba(0,0,0,.1);
}
.integration-card:active {
	text-decoration:none;
}
.integration-image {
	width: 55px;height: 55px;display:inline-block;margin-right:7px;vertical-align: middle;
	border-radius:50%;background-color:#f2f4f7;
}
.integration-image img {
	margin-top:11px;margin-left:11.5px;
}
.integration-copy {
	display:inline-block;vertical-align: middle;
}
.integration-title {
	color: #2E384D;font-size:12px;margin-bottom:0;
}
.integration-copy {
	color: #8798AD;font-size:12px;margin-bottom:0;
}
.integration-active {
	border-color:#5abcbd;
}
.integration-opacity {
	opacity:0;visibility:hidden;
	width:0;height:0;
}
.integration-tick {
	position:absolute;
	right:-6.5px;top:-6.5px;
	width:14px;height:14px;
	border-radius:50%;
	background-color:#5abcbd;
	display:flex;align-items:center;justify-content:center;
}
.integration-tick i {
	color:#fff;font-size:8px;
}
.uppcpop {
	background-color:#fff;
	position:relative;width:500px;top:75px;
	margin:0 auto;border-radius:3px;
	margin-bottom:100px;box-shadow:0 0 2rem rgba(0,0,0,0.25);
}

.uppcpop98 {
	background-color: #fff;
	position: relative;
	width: 90%;
	top: 75px;
	margin: 0 auto;
	border-radius: 3px;
	margin-bottom: 100px;
	box-shadow: 0 0 2rem rgba(0,0,0,0.25);
}

.uppcpop-f {
	margin-top:25px;
}
.uppcpop-pt {
	margin-top:10px;
}
.uppcpop-f p {
	color:#9f9f9f;
	padding-left:20px;
}
.uppcpop-fr label {
	text-transform:none !important;
	letter-spacing:normal !important;
}
.increaseRentFieldContainer {
	display:none;
}

.signedInputCursive {
	font-family: 'Kristi', cursive;
	font-size: 34px;
	background-color: yellow !important;
}
.toggle-dontrelet, .drOtherSec, .tenantOverComments {
	display:none;
}
.tyfrytb {
	padding-top:50px;padding-bottom:50px;
}
.list-action-lease-renewal a {
	position:relative;z-index:5;
}
.history-bubble {
	position:absolute;
	left:132px;
	top:0;
	width:20px;height:20px;
	background-color:#f00;border-radius:20px;
}
.history-bubble p {
	color: #fff;
    text-align: center;
    font-size: 12px;
    margin-bottom: 0;
    margin-top: 2.25px;
}
/* Universal Popup */
.uppbg {
	background-color:rgba(0,0,0,0.33);
	position:fixed;
	left:0;top:0;
	width:100%;height:100%;
	z-index:1499;
	overflow-y:scroll;
}
.uppcp {
	background-color:#fff;
	position:relative;width:60%;min-width:60%;top:200px;
	margin:0 auto;border-radius:6px;
	margin-bottom:100px;
	height:1013px;
}
.uppcp-title h4 {
	padding:15px;margin:0;
	border-bottom:1px solid #eee;
}
.uppcp-title a {
	padding: 19px 15px 15px 15px;
    position: absolute;
    right: 0;
    top: 0;
	color:#000;
}
.uppcp-list-items {
	background-color:#eeeeee;
	padding:0;
	border-bottom-left-radius:6px;
	height:958px;
}
.uppcp-list-items ul {
	list-style:none;margin:0;padding:0;
}
.uppcp-list-items li {
	padding:15px 15px;
	border-bottom:1px solid #fff;
}
.uppcp-lli {
	border-bottom:none !important;
}
.icon-blue {
	color:#286090;
}
.uppcp-ali {
	background-color:#286090;
	color:#fff;
}
.uppcp-ali i {
	color:#fff;
}
.uppcp-os li {
	padding-left:30px;
}
.uppcp-oso li {
	padding-left:45px;
}
.uppcp-content-body {
	padding:50px;
}
.history-hl:after {
	content:'';
	position:absolute;
	width:1px;height:100%;
	background-color:#eeeeee;
	left:0;top:0;
}
.uppcp-fg {
	margin-bottom:40px;
}
.uppcp-fg label {
	font-weight:400;font-size:14px;
}
.radio-inline {
	letter-spacing:normal !important;text-transform:none !important;
}
.uppcp-fgir {
	float:left;
	width:45%;
}
.uppcp-fgirm {
	margin-left:53px;
}
.toggle-ft {
	display:none;
}
.btn-db {
	background-color:#286090;
}
.btn-dr {
	background-color:#c9302c;
}
.btn-u {
	padding:9px 15px !important;border-radius:3px !important;
}
.history-hl, .uppcp-content-body {
	height:958px;
}
.history-hl ul {
	list-style:none;
	margin:0;padding:0;
}
.history-hl ul li {
	margin-top:15px;
}
.history-hl ul li i {
	font-size:18px;float:left;
}
.history-hl ul li h4 {
	color:#999;
	margin-top:50px;
}
.history-hl ul li p {
	padding-left:31px;
	margin-bottom:5px;
}
.history-hl ul li p:last-child {
	color:#999;
}
.fg-abbs {
	position:absolute;
	right:50px;bottom:50px;
}
.uppcp-history-overflow {
	overflow:scroll;
	height:890px;
}
.uppcp-history-comments textarea {
	width:86%;display:inline-block;
}
.uppcp-history-comments button {
	padding:0;margin-top:15px;
}
.owner-override-details-title {
	font-size:16px;margin-top:25px;margin-bottom:25px;
}
.owner-override-details-para {
	margin-bottom:0;
}
.owner-override-details-para-num {
	margin-bottom:24px;
}
/* End Universal Popup */
.leaseenddatecheck label {
	letter-spacing:normal !important;text-transform:none !important;
}
.spinner {
  margin-top:9px;margin-bottom:11px;
  width: 100%;
  text-align: center;
}
.spinner > div {
  width: 14px;
  height: 14px;
  background-color: #ccc;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}
.spinner-load-list {
	margin-top:25px;margin-bottom:25px;
}
.antfp {
	margin-top:40px;
}
.antfp h4 {
	margin-top:0;
}

/*****************LEASE RENEWALS********************/
.faecih {
	color:#fff !important;
}
/* Search Issue Autocomplete Like : Start */
.autocomplete-suggestion-like { padding:10px 5px; white-space:nowrap; oeverflow:hidden; border-bottom:1px solid #eee;}
.autocomplete-suggestion-like span { color:black; }
.autocomplete-suggestion-like a { text-decoration:none; color:#428bca; }
/* Search Issue Autocomplete Like : END */

/* UNIVERSAL POPUP */
.db-wop-bg {
	position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1999;overflow:scroll;
}
.db-wop-c {
	position:relative;left:0;right:0;margin:0 auto;top:5em;background-color:#fff;width:47.500em;box-shadow:0 2px 15px rgba(0,0,0,0.35);
}
.db-pop-pd {
	padding:1.786em 1.786em 1.6em 1.786em !important;border-bottom:1px solid #ececec;
}
.db-pop-pd:last-child {border-bottom:none;}
.db-pop-header p, .db-pop-header-status p {
	margin-bottom:0;
}
.db-pop-header p:first-child {
	margin-bottom:5px;
}
.db-pop-wo-details ul {
	display:inline-block;width:47%;margin:0;padding-left:15px;vertical-align:top;
}
.btn-pop-upb {
	padding:10px 15px !important;border-radius:2px !important;
	color:#fff;background-color: #de5b5b;
	-webkit-transition:all .25s cubic-bezier(.17,.67,.83,.67);-moz-transition:all .25s cubic-bezier(.17,.67,.83,.67);-ms-transition:all .25s cubic-bezier(.17,.67,.83,.67);transition:all .25s cubic-bezier(.17,.67,.83,.67);
}
.btn-pop-upb:hover {
	-webkit-transition:all .25s cubic-bezier(.17,.67,.83,.67);-moz-transition:all .25s cubic-bezier(.17,.67,.83,.67);-ms-transition:all .25s cubic-bezier(.17,.67,.83,.67);transition:all .25s cubic-bezier(.17,.67,.83,.67);
	color:#fff !important;background-color:#c75151;
}
.btn-pop-upb:active, .btn-pop-upb:focus {
	color:#fff !important;background-color:#A34242;
}
.db-sub-para {
    color: #717171;
}
.db-pop-fg-hb .help-block {
	margin-bottom:0;
}
.db-wop-bg-hidden {
	visibility:hidden;
	opacity:0;
	transform:translate3d(0);
	transition: all .25s ease;
}
.db-wop-bg-visible {
	visibility:visible;
	opacity:1;
	transform:translate3d(0);
	transition: all .25s ease;
}
.db-wop-c-hidden {
	visibility:hidden;
	transform:translateY();
	top:8em;
	transition: all .25s ease;
}
.db-wop-c-visible {
	visibility:visible;
	transform:translateY();
	top:5em;
	transition: all .25s ease;
}
.aduct-load-i {
	display:none !important;
}
.ac-dd-fc {
	margin-top:15px;
}
/* UNIVERSAL POPUP */

/* UNIVERSAL LOGIN */
.l-lc {
	position:relative;left:0;right:0;margin:0 auto;background-color:#fff;border:2px solid #000;border-radius:4px;width:30.714em;top:10.714em;opacity:1;visibility:visible; -webkit-transition:all 600ms cubic-bezier(0.075, 0.82, 0.165, 1) .5s;-moz-transition:all 600ms cubic-bezier(0.075, 0.82, 0.165, 1) .5s;-ms-transition:all 600ms cubic-bezier(0.075, 0.82, 0.165, 1) .5s;transition:all 600ms cubic-bezier(0.075, 0.82, 0.165, 1) .5s;z-index:50;
}
.l-lc-ltspma {
	position:absolute !important;
}
.l-lc-toggle {
	top:15.714em;opacity:0;visibility:hidden;-webkit-transition:all 600ms cubic-bezier(0.075, 0.82, 0.165, 1) .5s;-moz-transition:all 600ms cubic-bezier(0.075, 0.82, 0.165, 1) .5s;-ms-transition:all 600ms cubic-bezier(0.075, 0.82, 0.165, 1) .5s;transition:all 600ms cubic-bezier(0.075, 0.82, 0.165, 1) .5s;
}

.l-lfc img {
	margin-top: 50px;
	margin-bottom: 20px;
}
.l-lfc-dr {
	background-color:#717171;left:0;right:0;margin:0 auto;position:relative;height:2px;width:50px;
}
.l-lfc p {
	margin-top:20px;margin-bottom:40px;color:#717171;
}
.lfc-fg-icon {
	position:absolute;
	left:14px;
	top:18px;
}
.lfc-fg-icon i {
	font-size:18px;color:#717171;
}
.lfc-fg-first input {
	border-top-left-radius:6px;border-top-right-radius:6px;
	border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important;
}
.lfc-fg-second input {
	border-top-left-radius:0 !important;border-top-right-radius:0 !important;
	border-bottom-left-radius:6px;border-bottom-right-radius:6px;
}
.lfc-fg-first, .lfc-fg-second {
	position:relative;margin:0 50px;
}
.lfc-fg-fc {
	padding:15px 35px 15px 40px !important;height:auto;font-size:16px;
}
.lfc-fmp {
	margin-top:20px;margin-bottom:20px;
}
.l-lfc-lb {
	position:absolute;top:0;right:0;padding:14px 15px;font-size:18px;
}
.forgotPassword-color {
	color:#428bca;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.forgotPassword-color:hover {
	color:#3079B8;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

.l-lfc-fgc {
	background-color: white;
}
.l-lfc-fgc-p {
	border-right: solid transparent 1px;
	border-top: solid transparent 1px;
	border-left: solid transparent 1px;
	border-bottom: solid transparent 1px;
}

.l-lfc-fgc-p:hover {
	background-color: black;
	border: solid black 1px;
}

.l-lfc-fgc-p a {
	color: black !important;
	padding: 15px 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.l-lfc-fgc-p a:hover {
	color: white !important;
	text-decoration:none;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

/* UNIVERSAL LOGIN */
.rm-rjp {
	margin-top:50px !important;
}
.uni-row-st {
	box-shadow:0 0 20px rgba(0,0,0,0.10);background-color:#fff;margin-bottom:25px;color:#515151;
}
.uni-row-ib-imgcon {
	width:90px;height:90px;overflow:hidden;
}
.uni-row-ib-imgcon img {
	height:100%;position:relative;left:0;right:0;margin:0 auto;
}
.uni-row-ib {
	display:inline-block;
}
.uni-row-ib-va {
	vertical-align:top;padding-top:25px;padding-bottom:25px;
}
.uni-row-ib-va p {
	margin-bottom:0;
}
.uni-row-ib-va p:last-child {
	color:#717171;
}
.uni-row-ib-imgp {
	vertical-align: middle;margin-right:25px;width:90px;
}
.uni-row-ib-imgplhdr {
	background-color:#ececec;width:100%;height:100%;
}
.uni-row-ib-imgplhdr i {
	position: relative;
    top: calc(50% - 12px);
    font-size: 24px !important;color:#cecece;
}
.uni-row-ib-va-rj {
	width:20em;
}
.uni-row-ib-va-stts {
	width:15em;
}
.uni-row-ib-va-spdl {
	width:18em;
}
.uni-row-ib-va-date {
	width:17em;
}
/* New Styles */
.radio-button-fix {
	margin-top:3px !important;
}
/* FOOTER */
footer {
	margin-top:3.5em;
	background-color:#101417;
	color:#5e6a72;
}
.footerPad {
	position:relative;
	padding-top:3.55em;
	padding-bottom:3.55em;		
}
.va-faded-placement {
	position:absolute;right:0;width:12.5em;bottom:0;opacity:0.15;
}
footer h5 {
	font-family:'Proxima Nova', sans-serif;
	margin-top:0;
	color:#868f95;
	margin-bottom:2em;	
}
footer ul {
	list-style:none;
	padding:0;
	margin:0;	
}
footer ul li {
	font-size:12px;
	line-height:2.5em;	
}
footer ul li a {
	color:#5e6a72;
	-webkit-transition:all 0.3s cubic-bezier(.17,.67,.83,.67);-moz-transition:all 0.3s cubic-bezier(.17,.67,.83,.67);-ms-transition:all 0.3s cubic-bezier(.17,.67,.83,.67);transition:all 0.3s cubic-bezier(.17,.67,.83,.67);
}
footer ul li a:hover {
	color:#fff;	
	-webkit-transition:all 0.3s cubic-bezier(.17,.67,.83,.67);-moz-transition:all 0.3s cubic-bezier(.17,.67,.83,.67);-ms-transition:all 0.3s cubic-bezier(.17,.67,.83,.67);transition:all 0.3s cubic-bezier(.17,.67,.83,.67);
	text-decoration:none;	
}
.footerSub {
	background-color:#050607;	
	font-size:12px;
	padding:5px 0;
}
.footerSub a {
	color:#5e6a72;
	-webkit-transition:all 0.3s cubic-bezier(.17,.67,.83,.67);-moz-transition:all 0.3s cubic-bezier(.17,.67,.83,.67);-ms-transition:all 0.3s cubic-bezier(.17,.67,.83,.67);transition:all 0.3s cubic-bezier(.17,.67,.83,.67);
}
.footerSub a:hover {
	color:#fff;	
	-webkit-transition:all 0.3s cubic-bezier(.17,.67,.83,.67);-moz-transition:all 0.3s cubic-bezier(.17,.67,.83,.67);-ms-transition:all 0.3s cubic-bezier(.17,.67,.83,.67);transition:all 0.3s cubic-bezier(.17,.67,.83,.67);
	text-decoration:none;	
}
.jobsIndent {
	list-style:square;
	margin-left:25px;
}
.dividerFooter {
	height:1px;
	width:33%;
	position:relative;
	margin:0 auto;
	left:0;right:0;
	background-color:rgba(255,255,255,0.1);	
}
.softwareContactPanel ul {
	display:inline-block;
	padding-left:15px;
}
.ftr-a-new>ul>li>a {
	color:#5e6a72 !important;
}
.ftr-a-new>ul>li>a:hover {
	color:#fff !important;
}
/* FOOTER */
.google-translate-item {
	margin-top:35px;
}
.va-popup-panel-c {
	width:40em !important;
	color:#717171 !important;
}
.va-upper-panel {
	padding:25px !important;
}
.va-upper-panel p {
	font-size:14px !important;padding-top:0 !important;margin-bottom:0 !important;margin-top:0 !important;
}
.va-upper-panel label {
	margin-top:15px;font-size:14px !important;text-align:left !important;cursor: pointer;
}
.va-popup-footer-panel {
	padding:20px 25px !important;
}
.va-pop-footer-btn {
	padding: 10px 15px !important;
    border-radius: 2px !important;
    color: #fff !important;
}
.va-splash-page-disconnected {
    background-color: rgba(255,255,255,.95);
   position: absolute;
   z-index: 9000;
   width: 100%;
   height: 100%;
}
.va-splash-page-disconnected img {
    margin-top:5em;
    width:250px;
}
.va-splash-page-disconnected h3 {
    color:#263238;margin-top:0;
}
.va-splash-page-disconnected p {
    color:#90a4ae;
}

.va-row {
	margin-top:48px !important;position:relative !important;
}
.va-header-panel {
	padding-top:50px;padding-bottom:50px;
}
.va-header-panel p {
	margin-bottom:0;
}
.add-request-btn-container {
	position: absolute;
    z-index: 5;
	top:60px;right:0;
}
.add-request-btn {
	color: #fff !important;  
    background-color: #03A9F4 !important;
    border-radius: 45px !important;
    font-size: 16px !important;
    padding: 10px 25px !important;
    border: none !important;
    box-shadow: 0 3px 5px rgba(0,0,0,0.15);
	transition:all 0.15s ease-in-out;
}
.add-request-btn:hover {
	background-color:#039BE5 !important;
	transition:all 0.15s ease-in-out;
}
.va-button-ripple {
	position:relative;display:block;padding-top:15px;padding-bottom:10px; color:#FFF !important;
}
.va-mob-menu-header {
	width:100%;position:relative;display:table;border-bottom:1px solid #eee;padding:15px;
}
.va-mob-menu-header-inner {
	display:table-cell;vertical-align:middle;
}
.va-mob-menu-header-inner-circle {
	width:38px;height:38px;background-color:#5abcbd;border-radius:50%;
}
.va-mob-menu-header-inner-circle div {
	display:flex;justify-content:center;align-items:center;color:#fff;font-size:12px;
}
.va-mob-menu-header-inner-content p {
	margin-bottom:0;margin-left:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:150px;
}
.va-mob-menu a {
	position:relative;overflow:hidden;
	width:100%;display:block;padding:15px;border-bottom:1px solid #eee;
}
.va-mob-menu a:hover, .va-mob-menu a:active {
	text-decoration: none;color:#333;
}
.va-mob-menu a i {
	width:20px;
}
.grey-text {
	color:#888;
}
.fs-12 {
	font-size:12px;
}
.ink {
	display: block; position: absolute;
	background: hsl(199, 60%, 80%);
	border-radius: 100%;
	transform: scale(0);
}
/*animation effect*/
.ink.animate {animation: ripple 0.65s linear;}
@keyframes ripple {
	/*scale the element to 250% to safely cover the entire link and fade it out*/
	100% {opacity: 0; transform: scale(2.5);}
}
.va-list-container {
	list-style:none;padding:0;margin:0 15px;
}
.va-list-container li {
	padding:15px;background-color:#fff;border-radius:6px;box-shadow:0 4px 20px rgba(0,0,0,0.15);margin-bottom:25px;display:flex;flex-direction:row;align-items:stretch;
}
.va-list-container-inner {
	width:48px;height:48px;border-radius:50%;margin-right:15px;
	display:flex;justify-content:center;align-items:center;color:#fff;font-size:24px;
	flex-shrink:0;
}
.va-pastelgreen-bg {
	background-color:#77DD77 !important;
}
.va-darkgrey-bg {
	background-color:#616161 !important;
}
.va-red-bg {
    background-color:#f44336 !important;;
}
.va-blue-bg {
    background-color:#2196F3 !important;
}
.va-list-container-inner-content {
	flex:auto;flex-shrink:1;
}
.va-list-container-inner-content p {
	margin-bottom:0;color:#455A64;
}
.va-list-container-inner-content p:last-child, .va-subtext-c {
	color:#90A4AE !important;
}
.va-list-container-inner-content div {
	margin-bottom:15px;
}
.va-inner-content-header {
	position:relative;margin-top:4px;
}
.va-inner-content-header span {
	position:absolute;right:0;top:11px;
}
.va-inner-content-half {
	width:49%;display:inline-block;
}
.va-inner-content-full {
	width:100%;margin-bottom:0;
}
.va-inner-content-footer {
	font-size:10px;
	text-align:right;
	margin-top:40px;margin-bottom:0 !important;
}
.va-inner-content-footer p {
	margin-bottom:0;
}
.va-indentify label {
	font-size:14px;
}
.va-btn-lightblue {
	background-color:#03A9F4 !important;border-color:#03A9F4 !important;
	transition:all 0.2s ease-in-out;
}
.va-btn-lightblue:hover {
	background-color:#039BE5 !important;
	transition:all 0.2s ease-in-out;
}
.bounce-element {
	-moz-animation:bounce .40s linear;  
	-webkit-animation:bounce .40s linear; 
}
.btn-lightblue {color:#03A9F4;background-color:#fff;border-color:#03A9F4 !important; border-radius:6px !important;transition:all 0.2s ease-in-out;}
.btn-lightblue:hover,.btn-lightblue:focus,.btn-lightblue:active,.btn-lightblue.active,.open .dropdown-toggle.btn-lightblue{color:#fff !important;background-color:#03A9F4;border-color:#03A9F4;transition:all 0.2s ease-in-out;}
.btn-lightblue:active,.btn-lightblue.active,.open .dropdown-toggle.btn-lightblue{background-image:none}
.btn-lightblue.disabled,.btn-lightblue[disabled],fieldset[disabled] .btn-lightblue,.btn-lightblue.disabled:hover,.btn-lightblue[disabled]:hover,fieldset[disabled] .btn-lightblue:hover,.btn-lightblue.disabled:focus,.btn-lightblue[disabled]:focus,fieldset[disabled] .btn-lightblue:focus,.btn-lightblue.disabled:active,.btn-lightblue[disabled]:active,fieldset[disabled] .btn-lightblue:active,.btn-lightblue.disabled.active,.btn-lightblue[disabled].active,fieldset[disabled] .btn-lightblue.active {background-color:#81D4FA;border-color:#81D4FA;}
@-moz-keyframes bounce {
	0%{ -moz-transform:scale(0); opacity:0;}
	50%{ -moz-transform:scale(1.3); opacity:0.4; }
	75%{ -moz-transform:scale(0.9); opacity:0.7;}
	100%{ -moz-transform:scale(1); opacity:1;}
}

@-webkit-keyframes bounce {
	0%{ -webkit-transform:scale(0); opacity:0;}
	50%{ -webkit-transform:scale(1.3); opacity:0.4;}
	75%{ -webkit-transform:scale(0.9); opacity:0.7;}
	100%{ -webkit-transform:scale(1); opacity:1;}
}
.position-relative {
	position:relative;
}
.panel-divider:after {
	content:'';
	position:absolute;
	left:0;bottom:0;
	height:1px; width:100%;
	background-color:#eee;
}
.mt-25 {
	margin-top:25px !important;
}
.mt-35 {
	margin-top:35px !important;
}
.mb-25 {
	margin-bottom:25px !important;
}
.mb-15 {
	margin-bottom:15px !important;
}
.mr-15 {
	margin-right:15px !important;
}
.ml-15 {
	margin-left:15px !important;
}
.d-flex {
	display:flex;
}
.justify-center {
	justify-content: center;
}

.thumb-up-rating, .thumb-down-rating {
  font-family: 'Font Awesome 5 Pro';
}
.thumb-up-rating, .thumb-down-rating {
  border: none;
  display: inline-block;
}
.thumb-up-rating:not(:checked) > input {
  position: absolute;
  top: -9999px;
  clip: rect(0, 0, 0, 0);
}
.thumb-up-rating:not(:checked) > label {
  float: right;
  width: 1em;
  padding: 0 0.05em;
  /*overflow: hidden;
  white-space: nowrap;*/
  cursor: pointer;
  /*font-size: 200%;*/
  color: #1b1b1b;
  margin:0 5px;
}
.thumb-up-rating:not(:checked) > label:before {
  content: '\f164';font-size:22px;
	position:relative;top:5px;left:3px;
}
.thumb-up-rating:not(:checked) > label:hover,
.thumb-up-rating:not(:checked) > label:hover ~ label {
  color: #1b1b1b;
}
.thumb-up-rating:not(:checked) > label:hover:before,
.thumb-up-rating:not(:checked) > label:hover ~ label:before {
  content: '\f164';font-weight:700;
}
.thumb-up-rating > input:checked ~ label:before {
  content: '\f164';font-weight:700;color: #fff;
}
.thumb-up-rating > label:active {
  position: relative;
  top: 0;
}

.thumb-down-rating:not(:checked) > input {
  position: absolute;
  top: -9999px;
  clip: rect(0, 0, 0, 0);
}
.thumb-down-rating:not(:checked) > label {
  float: right;
  width: 1em;
  padding: 0 0.05em;
  /*overflow: hidden;
  white-space: nowrap;*/
  cursor: pointer;
  /*font-size: 200%;*/
  color: #1b1b1b;
  margin:0 5px;
}
.thumb-down-rating:not(:checked) > label:before {
  content: '\f165';font-size:22px;
	position:relative;top:5px;left:3px;
}
.thumb-down-rating:not(:checked) > label:hover,
.thumb-down-rating:not(:checked) > label:hover ~ label {
  color: #1b1b1b;
}
.thumb-down-rating:not(:checked) > label:hover:before,
.thumb-down-rating:not(:checked) > label:hover ~ label:before {
  content: '\f165';font-weight:700;
}
.thumb-down-rating > input:checked ~ label:before {
  content: '\f165';font-weight:700;color: #fff;
}
.thumb-down-rating > label:active {
  position: relative;
  top: 0;
}
.va-grid {
	display:grid;
}
.va-grid-gtc2 {
	grid-template-columns:repeat(2, 1fr);
}

.va-grid-gtc3 {
	grid-template-columns: repeat(3, 1fr);
}

.va-grid-gg15 {
	grid-gap:15px;
}
.va-cbox-container {
	display:flex;align-items:center;
	border:1px solid #eee;
	padding:15px;
	border-radius:3px;
}
.va-cbox-container label {
	font-size:14px !important;
}
.va-custom-checkbox {
	display:block !important;
}
.th-scale {
	transform:scale(.9);
}
/* The container */
.va-custom-checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.va-custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: -2.5px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border-radius:3px;
  border:1px solid #eee;
}

.va-circle-Rating {
	list-style: none;
}

	.va-circle-Rating li {
		display: inline-block;
		margin-right: 15px;
	}

	.va-circle-Rating li input {
		visibility: hidden;
	}

	.va-circle-Rating li input:checked + label {
		color: orangered;
	}

		.va-circle-Rating li label {
			cursor: pointer;
			display: inline-block;
			color: white;
			font-size: 24px !important;
			text-align:center;
			line-height: 50px;
			width: 50px;
			height: 50px;
			border-radius: 50%;
			background: black;
		}

/* When the checkbox is checked, add a blue background */
.va-custom-checkbox input:checked ~ .checkmark {
	background-color: #5abcbd;
	border-color: #5abcbd;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.va-custom-checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.va-custom-checkbox .checkmark:after {
  left: 8px;
  top: 5px;
  width: 6.5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.mt-0 {
	margin-top:0 !important;
}
.mb-0 {
	margin-bottom:0 !important;
}
.pl-0 {
	padding-left:0 !important;
}
.w-48 {
	width:48px !important;
}
.thumbup-circle {
	position:absolute;border-radius:50%;border:1px solid #1b1b1b;width:48px;height:48px;left:-5px;top:-2.5px;
}
.thumbdown-circle {
	position:absolute;border-radius:50%;border:1px solid #1b1b1b;width:48px;height:48px;left:5.5px;top:-2.5px;
}
.star-rating-title {
	font-size:16px;
}
.bc-lightgrey {
	border:1px solid #dadada !important;
}
.bc-lightgrey:focus {
	border-color:#5abcbd !important;
}
.input-validation-error {
    border: 1px solid #ff4136 !important; 
}
.scrollable-info-panel {
	background-color:#fff;border-bottom:1px solid #eee;position:fixed;top:-3px;left:0;width:100%;z-index:1029;padding:8px 30px;transition:all 220ms ease-out;overflow:hidden;
}
.scrollable-info-panel.active {
	top:50px;
	transition:all 220ms ease-out;
}
@media only screen and (max-width : 1600px) {
	.uppcp {
		width:90%;min-width:90%;
	}
}
@media only screen and (max-width : 1200px) {
	.uppcp {
		width:90%;min-width:90%;
	}
}
@media only screen and (max-width : 992px) {
	.uppcp {
		width:90%;min-width:90%;
	}
}
@media screen and (max-width:1199px) {
	.uni-row-st {
		width:100%;
		height:455px;
		border-radius:6px;
	}
	.uni-row-ib-imgp {
		width:100%;margin-right:0 !important;
	}
	.uni-row-ib-imgcon {
		width:100%;height:225px;overflow:hidden;border-top-left-radius:6px;border-top-right-radius:6px;
	}
	.uni-row-ib-imgcon img {
		width:100%;position:relative;left:0;right:0;margin:0 auto;
	}
	.uni-row-ib-va {
		vertical-align:top;padding-top:5px;padding-bottom:5px;padding-left:25px;padding-right:25px;
	}
	.uni-row-ib-imgplhdr i {
		position: relative;
		top: calc(50% - 18px);
		font-size: 36px !important;color:#cecece;
	}
}
@media (max-width:900px) {
    /*.ui-mobile-viewport-transitioning, .ui-mobile-viewport-transitioning .ui-page {
		width: 100% !important;
		height: 100% !important;
		overflow: auto !important;
		-webkit-box-sizing: border-box !important;
		-moz-box-sizing: border-box !important;
		box-sizing: border-box !important;
	}*/
	.issueTitles {
		background-color: #6c6c6c;
		margin-top: 0;
		padding: 2px 0 2px 15px !important;
		font-size: 14px;
		color: #fff;
		font-weight: 600;
	}
	.requestPanelText {
		font-size:16px;	
	}
	.current-req-none h1 {
		font-size:16px;	
	}
	.popupContentSelfHelp {
		width:80% !important;	
	}
}
@media (max-width:767px) {
	.uni-row-ib-va-rj, .uni-row-ib-va-stts, .uni-row-ib-va-spdl, .uni-row-ib-va-date {
		width:100%;
	}
	.l-lc, .db-wop-c {
		width:90%;
	}
	.va-popup-panel-c {
		width:85% !important;
	}
	.padLeftLogin {
		padding-left:0 !important;
		padding-right:7.5px !important;
	}
	.padRightLogin {
		padding-left:7.5px !important;
		padding-right:0 !important;
		margin-top:0;
	}
	.photo-container {
		overflow:hidden;
		height:9em !important;	
	}	
	.history-popup-container {
		position:relative;
		overflow:hidden;
		height:20em !important;
		background-color:#ececec;	
	}
	.history-popup-container img {
		position: absolute;
		top: -9999px;
		bottom: -9999px;
		left: -9999px;
		right: -9999px;
		margin: auto;
		width:auto !important;
		height:500px !important;
	}
	.va-header-panel {
		text-align:center !important;
	}
	.add-request-btn-container {
		position:absolute !important;
		top: auto;
		bottom: -20px;
		left: 0;right: 0;
		margin: 0 auto;
	}
	.mobile-form-input {
		margin-bottom:15px;
	}
	.a-fg-mgn {
		margin-left:0 !important;
	}
	.t-gf-check-am-btn {
		margin-right:0 !important;
		float:none !important;
		display:inline-block;
	}
	.uppcp {
		width:95%;min-width:95%;
	}
	.uppcpop {
		width:90%;
		top:75px;
	}
	.form-control {
		box-shadow:none !important;
		background-clip:padding-box !important;
	}
	.uni-row-ib-va-rj {
		padding-top:20px;
	}
}
@media (max-width: 1630px) {
    .rateSupplierPanel {
        width:60%;
    }
}
@media (max-width: 1360px) {
    .rateSupplierPanel {
        width:75%;
    }
}
@media screen and (max-width: 1199px) {
	.t-gf-check-am-btn {
		margin-right:46px !important;
		float:right;
	}
}
@media screen and (max-width: 991px) {
	.t-gf-check-am-btn {
		margin-right:28px !important;
		float:right;
	}
}
.va-hamburger-btn {
	display:none !important;
}
.va-hamburger-menu {
	display:block;
}
@media (min-width:768px) and (max-width:1199px) {
	.navbar-header {
		width:100% !important;
	}
	.va-hamburger-btn {
		display:block !important;float:right;
		color:#fff !important;margin-top:7.5px;
	}
	.va-hamburger-menu {
		display:none;
	}
	.va-hamburger-menu ul {
		list-style:none;padding:0;margin:0;
		width:100%;
	}
	.va-hamburger-menu ul>li {
		display:block;width:100%;
	}
	.navbar-nav.navbar-right:last-child {
		margin-right:0 !important;
	}
}
@media (min-width:1200px) {
	.va-hamburger-menu {
		display:block !important;
	}
}

/* Design system */
.mt-0 {
	margin-top:0 !important;
}
.mb-0 {
	margin-bottom:0 !important;
}
.mb-36 {
	margin-bottom:36px !important;
}
.fs-24 {
	font-size:24px;
}
.d-flex {
	display:flex;
}
.flex-row {
	flex-direction: row;
}
.ml-auto {
	margin-left:auto;
}
.va-bl-text-87 {
	color: #223f3f;
}
.va--popup-bg {
    background-color: rgba(1,34,34,0.54);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1499;
    overflow-y: scroll;
}
.va--popup-content {
    background-color: #fff;
    position: relative;
    top: 60px;
    max-width: 350px;
/*    min-width: 40%;*/
    margin: 0 auto;
    border-radius: 4px;
    margin-bottom: 100px;
    min-height: 490px;
}
.va--popup-title {
	padding:20px 20px 14px;
}
.va--popup-inner {
	padding:0 22px 50px;
}
.va--popup-btn button {
    font-size: 24px;
    padding: 0 12px;
    outline: none;
    border: 0;
    color: #223f3f;
}
.va--popup-btn button:hover {
	color: #012222;
    background-color: #f2f2f2;
    border-radius: 4px;
    text-decoration: none;
}
.va--popup-btn button:focus, .va--popup-btn button:active {
	outline: 1px dashed #012222 !important;
    color: #012222;
    text-decoration: none;
}
.video--grid {
	display:grid;
	grid-template-columns:repeat(1, 1fr);
	grid-gap:15px;
}
	.video--grid > div {
		border: 1px solid #f2f2f2;
		background-color: #fff;
		box-shadow: 0 0 1rem rgba(0,0,0,0.1);
	}
.video--grid>div iframe {
	height:175px;
}
.video--grid-textContainer {
	padding:8px 16px 12px;
}
.video--grid-videoTitle {
	font-size:16px;
}
.video--grid-videoSubtext {
	opacity:.6;
}
.wellness--faq-container ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

	.wellness--faq-container ul li {
		border: 1px solid #f2f2f2;
		margin-bottom: 12px;
		border-radius: 3px;
	}

		.wellness--faq-container ul li a {
			display: block;
			padding: 12px 15px;
			color: #231f20;
			background-color: #fff;
			box-shadow: 0 1px 1rem rgba(0,0,0,0.1);
		}

			.wellness--faq-container ul li a:hover {
				display: block;
				background-color: #fafafa;
				color: #231f20;
				text-decoration: none;
				box-shadow: 0 0px .5rem rgba(0,0,0,0.15);
			}
@media (min-width: 576px) {
	.va--popup-content {
		max-width: 370px;
	}
}
@media (min-width: 768px) {
	.video--grid {
		display:grid;
		grid-template-columns:repeat(2, 1fr);
		grid-gap:15px;
	}
	.video--grid>div iframe {
		height:185px;
	}
}
@media (min-width: 992px) {
	
}
@media (min-width: 1200px) {
	
}