/*To be honest, I just like my CSS files to be organized, these big titles make things much easier :P Hey, btw! */
	
		
	/* 	
	 ██████╗ ██╗      ██████╗ ██████╗  █████╗ ██╗         ███████╗████████╗██╗   ██╗██╗     ██╗███╗   ██╗ ██████╗ 
	██╔════╝ ██║     ██╔═══██╗██╔══██╗██╔══██╗██║         ██╔════╝╚══██╔══╝╚██╗ ██╔╝██║     ██║████╗  ██║██╔════╝ 
	██║  ███╗██║     ██║   ██║██████╔╝███████║██║         ███████╗   ██║    ╚████╔╝ ██║     ██║██╔██╗ ██║██║  ███╗
	██║   ██║██║     ██║   ██║██╔══██╗██╔══██║██║         ╚════██║   ██║     ╚██╔╝  ██║     ██║██║╚██╗██║██║   ██║
	╚██████╔╝███████╗╚██████╔╝██████╔╝██║  ██║███████╗    ███████║   ██║      ██║   ███████╗██║██║ ╚████║╚██████╔╝
	 ╚═════╝ ╚══════╝ ╚═════╝ ╚═════╝ ╚═╝  ╚═╝╚══════╝    ╚══════╝   ╚═╝      ╚═╝   ╚══════╝╚═╝╚═╝  ╚═══╝ ╚═════╝                                                                                                          
	*/    
	
		@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,700');
		@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,500,600,700,900|Work+Sans:600,700');
		
		* {
			box-sizing:border-box;transition: .5s ease-in-out;font-family:'Lato';
		}
		body, html {
			height: auto;
			min-height: 100%;
		}
		body {
			background: #eeeeee;margin: 0px;padding: 0px;display: flex;flex-direction: row;font-family:'Lato';transition: .75s ease-in-out;flex-direction: column;
		}
		.grecaptcha-badge {    display: none !important;}	
		
		#import-msg {
			z-index: 99999999;
			position: fixed;
			text-align: center;
			padding: 10px;
			background: #ffffbf;
			border-radius: 10px;
			left: 0;
			right: 0;
			max-width: 90%;
			margin: AUTO;
			width: fit-content;
			top: 15px;
			box-shadow: 5px 5px 10px #80808066;
			border: 2px solid #ffeb00;
			line-height: 1.5;
			font-size: 14px;
		}
		
		a {color: #2196F3;text-decoration: none;}
	
		#nav-Sep{display:none;}
		#mobile-menu-show {cursor: pointer;}
		#mobile-menu-hide {cursor: pointer;} 
		section {
			padding-bottom: 30px;
		}
		
		input::-webkit-date-and-time-value {
		  text-align: center;
		  padding-left:5px;
		  padding-right:15px;
		  min-width:80px !important;
		}
		
		.submit-request-warn {
			color: #b71717;
			padding: 5px;
			border-radius: 5px;
			font-size: 12px;
			background: #ffe9e9;
			display: table;
			margin: auto;
			margin-top: 20px;
			font-weight:normal;
		}
		
		
		input[type=color] {
			height: 35px;
			width: 35px;
			margin-top: 8px;
			cursor: pointer;
		}
		
		input[type="date"] {
			display: inline-block;
			text-align: center;
		}
		
		button[disabled] {
			opacity: .5 !important;
			cursor: not-allowed;
		}
		
		.error_field {
			border: 1px solid red !important;
			background-color: #ffebef !important;
			box-shadow: 0px 0px 5px #c57c7c !important;
		}
		
		/*RED*/
		.alert-error {
			background: #c3382d;
			border: 2px solid #a31818;
			box-shadow: 0px 5px 15px #9b4949;
			background-image: url(https://www.reviewdog.org/imgs/icons/alert-error.png);
		}
			
		/*GREEN*/
		.alert-success {
			background: #18a129;
			border: 2px solid #0e8147;
			box-shadow: 0px 5px 15px #499b57;
			background-image: url(https://www.reviewdog.org/imgs/icons/alert-success.png);
		}

		/*GRAY*/
		.alert-msg {
			background: #939393;
			border: 2px solid #6b6b6b;
			box-shadow: 0px 5px 15px #8f8f8f;
			background-image: url(https://www.reviewdog.org/imgs/icons/alert-msg.png);
		}

		/*YELLOW*/
		.alert-warn {
			background: #ebc302;
			border: 2px solid #bfa007;
			box-shadow: 0px 5px 15px #9d9031;
			background-image: url(/imgs/icons/warn.png);
		}

		#alertBox {	
			position: fixed;    
			padding: 10px;
			font-size: 15px;
			z-index: 999999;
			border-radius: 5px;    
			margin-inline: auto;
			width: fit-content;
			left: 0;
			right: 0;
			max-width: 90%;
			color: white;    
			padding-left: 15px;
			padding-right: 15px;
			cursor: pointer;
			display: flex;
			justify-content: center;
			align-items: center;    
			box-shadow: 0px 5px 15px #696969;
			text-shadow: 1px 0px 3px black;
			bottom: -100px;
			opacity:0;
			background-repeat: no-repeat;
			background-position-y: center;
			background-position-x: 7px;
			padding-left: 37px;
			text-align:center;
		}
		
		
		.sideBySideBoxTop-rangeOptions {transition: all .2s ease-in-out; border-bottom:2px solid white;}
		.sideBySideBoxTop-rangeOptions:hover {transition: all .2s ease-in-out; border-bottom: 2px solid #b3dafc;}
		
		.global-lightRedBtn {
			margin: 5px;
			margin-bottom: 0px;
			margin-top: 5px;
			color: #b70000;
			background: #ffdede;
			border: 1px solid #df7b7b;
			border-radius: 5px;
			padding-right: 5px;
			padding-left: 5px;
			padding: 3px;
			font-weight: 700;
			cursor: pointer;
		}

		.global-greyBtn {

			border: 1px solid #dbdbdb;
			color: grey;
			background: #f3f3f3;
			margin: 5px;
			margin-bottom: 0px;
			margin-top: 5px;
			border-radius: 5px;
			padding-right: 5px;
			padding-left: 5px;
			padding: 3px;
			font-weight: 700;
			cursor: pointer;
		}

		.global-lightBlueBtn {
			margin: 5px;
			margin-bottom: 0px;
			margin-top: 5px;
			color: #5597db;
			padding: 3px;
			border: 1px solid #b2dafc;
			border-radius: 5px;
			padding-right: 5px;
			padding-left: 5px;
			background: #e9f7ff;
			font-weight: 700;
			cursor: pointer;
		}
		
		
		.global-whiteBoxContainer {

			background: white;
			border-radius: 10px;
			box-shadow: 0px 3px 8px #dddddd;
			border: 1px solid #e3e3e3;
			overflow: hidden;
			display: inline-block;
			width: 100%;
			margin-top: 10px;
			margin-bottom: 10px;

		}

		.global-whiteBoxTop {

			padding: 20px;
			border-bottom: 2px solid #eeeeee;
			display: flex;
			justify-content: space-between;
			border-radius: 12px 12px 00px 00px;			

		}

		.global-whiteBoxTopTitleContainer {

			font-family: Lato;
			font-weight: 500;
			color: #455175;
			line-height: 1.8;
			display: inline-block;
			text-align: left;
		}

		.global-whiteBoxTitle {

			font-weight: 700;
		}

		.global-whiteBoxSubTitle {
			font-size: 12px;
			color: #afafaf;
			font-style: italic;
		}

		.global-whiteBoxContent {
			padding: 15px;
		}

		.section-TopProfileNameBox {
			position: relative;
			display: flex;
			justify-content: center;
			opacity: 0;
			z-index:-99;
		}
		.section-TopProfileName {

			position: absolute;
			font-size: 12px;
			margin-top: 60px;
			background-color: #000000a1;
			display: table;
			color: white;
			font-weight: bold;
			border-radius: 5px;
			border: 1px solid #2d2d2d;
			padding: 5px;
			text-shadow: 1px 1px 1px black;
			cursor: pointer;
			text-align: center;
			box-shadow: 0px 2px 5px #808080ab;

		}


		.global-blueTextBubble {
			color: #5597db;
			padding: 2px;
			border: 1px solid #b2dafc;
			border-radius: 5px;
			background: #eaf7ff;
			font-weight: 900;
			padding-left: 5px;
			padding-right: 5px;
			font-size: 13px;

		}

		.global-BackBtn {
			margin-top: 20px;
			box-shadow: 0px 10px 14px -7px #8b8b8b;
			background-color: #bbbbbb;
			background: linear-gradient(to bottom, #eaeaea 5%, #afafaf 100%);
			border-radius: 4px;
			border: 1px solid #bababa;
			display: inline-block;
			cursor: pointer;
			color: #ffffff;
			font-family: Arial;
			font-size: 15px;
			font-weight: bold;
			padding: 8px 13px;
			text-decoration: none;
			text-shadow: 0px 1px 0px #656565;
		}

		.global-BackBtn:hover {
			background-color: #c9c9c9;
			background: linear-gradient(to bottom, #d0d0d0 5%, #e2e2e2 100%);	
		}
		
		.global-DeleteBtn {
			margin-top: 20px;
			background: linear-gradient(to bottom, #ff6262 5%, #a74f4f 100%);
			text-shadow: 0px 1px 0px #852e2e;
			box-shadow: 0px 10px 14px -7px #732727;
			border: 1px solid #a93636;			
			border-radius: 4px;
			display: inline-block;
			cursor: pointer;
			color: #ffffff;
			font-family: Arial;
			font-size: 15px;
			font-weight: bold;
			padding: 8px 13px;
			text-decoration: none;
		}

		.global-DeleteBtn:hover {
			background: linear-gradient(to bottom, #a74f4f 5%, #ff6262 100%);
			background-color: #a74f4f;
		}
				
		.global-AddBtn {
			margin-top: 20px;
			box-shadow: 0px 10px 14px -7px #3e7327;
			background: linear-gradient(to bottom, #85cf62 5%, #5d9342 100%);
			background-color: #77b55a;
			border-radius: 4px;
			border: 1px solid #4b8f29;
			display: inline-block;
			cursor: pointer;
			color: #ffffff;
			font-family: Arial;
			font-size: 15px;
			font-weight: bold;
			padding: 8px 13px;
			text-decoration: none;
			text-shadow: 0px 1px 0px #5b8a3c;
		}

		.global-AddBtn:hover {
			background: linear-gradient(to bottom, #72b352 5%, #8ac76e 100%);
			background-color: #72b352;
		}
		
		.global-SaveBtn {
			margin-bottom: 40px;
			box-shadow: 0px 10px 14px -7px #274c73;
			background: linear-gradient(to bottom, #5bb7dd 5%, #4f82a7 100%);
			background-color: #5eb3cd;
			border-radius: 4px;
			border: 1px solid #3679a9;
			display: inline-block;
			cursor: pointer;
			color: #ffffff;
			font-family: Arial;
			font-size: 15px;
			font-weight: bold;
			padding: 8px 13px;
			text-decoration: none;
			text-shadow: 0px 1px 0px #2e5e85;
		}

		.global-SaveBtn:hover {
			background: linear-gradient(to bottom, #4c9ac1 5%, #5a9cb5 100%);
			background-color: #5294b3;
		}
		.global-AddBtn:active, .global-DeleteBtn:active, .global-SaveBtn:active, .global-BackBtn:active, .global-btnBlueSmall:active, .global-btnRedSmall:active, .global-btnGreySmall:active, .global-btnBlackSmall:active, .global-btnGreenSmall:active, .global-btnBlackSmallDash:active  {
			position: relative;
			top: 1px;
		}



		.global-btnBlueSmall:hover {
			background: linear-gradient(to bottom, #4c9ac1 5%, #6ec3e3 100%);
			background-color: #5294b3;
		}

		.global-btnBlueSmall {
			box-shadow: 0px 10px 14px -7px #274c73;
			background-color: #5eb3cd;
			background: linear-gradient(to bottom, #5bb7dd 5%, #4f82a7 100%);			
			text-shadow: 0px 1px 0px #2e5e85;
			border: 1px solid #3679a9;
			border-radius: 4px;
			display: inline-block;
			cursor: pointer;
			color: #ffffff;
			font-family: Arial;
			font-weight: bold;
			text-decoration: none;
			padding: 3px 5px;

		}
		
		.global-btnRedSmall:hover {
			background-color: #f97373;
			background: linear-gradient(to bottom, #c13131 5%, #fc7777 100%);
		}

		.global-btnRedSmall {
			background-color: #cd5e5e;
			background: linear-gradient(to bottom, #ff6262 5%, #a74f4f 100%);
			text-shadow: 0px 1px 0px #852e2e;
			box-shadow: 0px 10px 14px -7px #732727;			
			border: 1px solid #a93636;
			border-radius: 4px;
			display: inline-block;
			cursor: pointer;
			color: #ffffff;
			font-family: Arial;
			font-weight: bold;
			text-decoration: none;
			padding: 3px 5px;

		}

		.global-btnGreySmall:hover {
			background-color: #fafafa;
			background: linear-gradient(to bottom, #cecece 5%, #fafafa 100%);		
		}

		.global-btnGreySmall {		
			box-shadow: 0px 10px 14px -7px #8b8b8b;			
			background-color: #cecece;
			background: linear-gradient(to bottom, #fafafa 5%, #cecece 100%);
			text-shadow: 0px 1px 1px #ffffff;
			border-radius: 4px;
			border: 1px solid #bababa;
			border-radius: 4px;
			display: inline-block;
			cursor: pointer;
			color: #3f3f3f;
			font-family: Arial;
			font-weight: normal;
			text-decoration: none;
			padding: 3px 5px;
		}

		.global-btnBlackSmall:hover, .global-btnBlackSmallDash:hover {
			background-color: #646464;
			background: linear-gradient(to bottom, #414141 5%, #7a7a7a 100%);
			
		}
		
		.global-btnBlackSmallDash {
			box-shadow: 0px 10px 14px -7px #696969;
			background-color: #505050;
			background: linear-gradient(to bottom, #5e5e5e 5%, #3a3a3a 100%);			
			text-shadow: 0px 1px 0px #000000;
			border: 1px solid #3c3c3c;
			border-radius: 4px;
			display: inline-block;
			cursor: pointer;
			color: #ffffff;
			font-family: Arial;
			font-weight: bold;
			text-decoration: none;
			margin-top: 10px;
			margin-bottom: -10px;
			font-size: 12px;
			padding: 5px;
			margin-left: 5px;
		}

		.global-btnBlackSmall {
			box-shadow: 0px 10px 14px -7px #696969;
			background-color: #505050;
			background: linear-gradient(to bottom, #5e5e5e 5%, #3a3a3a 100%);			
			text-shadow: 0px 1px 0px #000000;
			border: 1px solid #3c3c3c;
			border-radius: 4px;
			display: inline-block;
			cursor: pointer;
			color: #ffffff;
			font-family: Arial;
			font-weight: bold;
			text-decoration: none;
			padding: 3px 5px;
		}

		.global-btnGreenSmall:hover {
			background-color: #72b352;
			background: linear-gradient(to bottom, #72b352 5%, #8ac76e 100%);
			
		}

		.global-btnGreenSmall {
			box-shadow: 0px 10px 14px -7px #3e7327;
			background-color: #77b55a;
			background: linear-gradient(to bottom, #85cf62 5%, #5d9342 100%);			
			border: 1px solid #4b8f29;
			text-shadow: 0px 1px 0px #5b8a3c;
			border-radius: 4px;
			display: inline-block;
			cursor: pointer;
			color: #ffffff;
			font-family: Arial;
			font-weight: bold;
			text-decoration: none;
			padding: 3px 5px;
		}
		
		
		.global-DisabledBox {	
			filter: blur(4px) grayscale(1);
			cursor: not-allowed;
			opacity: .65;
		}
		
		.global-boxErrorMessage {
			width: 100%;
			line-height: 2;
			opacity: .5;
			text-align: center;
			white-space: normal;
		}
		
		
		.global-inputLoading {
			background-image: url(https://www.reviewdog.org/imgs/loading-blue.gif) !important;
			background-size: contain !important;
			background-repeat: no-repeat !important;
			background-position: center !important;
			color: #dddddd !important;
		}
		
		
		.error_tab_fill {
			width: 100%;
			height: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 15px;
			text-align: center;
			font-weight: 300;
			color: #565656;
			flex-direction: column;
		}
		.error_tab_fill > img {
			height: 125px;
		}

		.error_tab_fill > p {
			font-weight: 700;color: #455175;
		}

		.error_tab_fill > b {
			line-height: 1.5;font-size: 14px;
		}
		
		
		#dashboard-mobiletopOptionNewBusiness , #dashboard-mobiletopOptionNewLocation , #dashboard-mobiletopOptionNewEmployee { cursor: pointer; }
		
	/* 		
	███╗   ███╗ █████╗ ██╗███╗   ██╗     ██████╗ ██████╗ ███╗   ██╗████████╗███████╗███╗   ██╗████████╗
	████╗ ████║██╔══██╗██║████╗  ██║    ██╔════╝██╔═══██╗████╗  ██║╚══██╔══╝██╔════╝████╗  ██║╚══██╔══╝
	██╔████╔██║███████║██║██╔██╗ ██║    ██║     ██║   ██║██╔██╗ ██║   ██║   █████╗  ██╔██╗ ██║   ██║   
	██║╚██╔╝██║██╔══██║██║██║╚██╗██║    ██║     ██║   ██║██║╚██╗██║   ██║   ██╔══╝  ██║╚██╗██║   ██║   
	██║ ╚═╝ ██║██║  ██║██║██║ ╚████║    ╚██████╗╚██████╔╝██║ ╚████║   ██║   ███████╗██║ ╚████║   ██║   
	╚═╝     ╚═╝╚═╝  ╚═╝╚═╝╚═╝  ╚═══╝     ╚═════╝ ╚═════╝ ╚═╝  ╚═══╝   ╚═╝   ╚══════╝╚═╝  ╚═══╝   ╚═╝   
	*/                                                                                                 
			
		.main-Content {	
			flex-grow: 1;
			margin-left: 200px;	
		}
		
		#main-ContentBackground {
			width: 150%;
			height: 150%;
			position: fixed;
			z-index: -1;
			background: url(https://www.reviewdog.org/imgs/backgrounds/v5.jpg) -25px -50px;			
			background-color: #f7f7f7;
			background-size: cover;
			transition: none;
			top: 0;
			background-repeat: no-repeat;
		}
		
		.section-TopIcon {
		    vertical-align: middle;
			margin-top: -7px;	
			margin-right: 5px;
		}
		
		.section-Top {
			width: 100%;
			background: white;
			border-bottom: 3px solid #ededed;
			box-shadow: 0px 0px 15px #bfbfbf;
			font-size: 25px;
			padding-bottom: 30px;
			padding-top: 30px;
			font-weight: 300;
			margin-bottom: 50px;
		}
		.section-TopInner {
			max-width: 1650px;
			margin: auto;
			width: 95%;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			position: relative;
		}
		.section-TopProfile:hover > .section-TopProfileNameBox {z-index:99;opacity:1;}
		.section-TopProfile {
			height: 50px;
			width: 50px;
			border-radius: 100px;
			border: 2px solid white;
			box-shadow: 0px 0px 4px #616161, inset 0px 0px 5px #838383;
			margin-top: -10px;
			position: absolute;
			float: right;
			right: 0px;			
			background-size: 100% !important;
			cursor:pointer;
		}
		
		.section-Content {
			max-width: 1650px;margin: auto;width:96%;margin-top: 15px;
			
		}
		
		

		
	/* 	
	██████╗  █████╗ ███████╗██╗  ██╗██████╗  ██████╗  █████╗ ██████╗ ██████╗ 
	██╔══██╗██╔══██╗██╔════╝██║  ██║██╔══██╗██╔═══██╗██╔══██╗██╔══██╗██╔══██╗
	██║  ██║███████║███████╗███████║██████╔╝██║   ██║███████║██████╔╝██║  ██║
	██║  ██║██╔══██║╚════██║██╔══██║██╔══██╗██║   ██║██╔══██║██╔══██╗██║  ██║
	██████╔╝██║  ██║███████║██║  ██║██████╔╝╚██████╔╝██║  ██║██║  ██║██████╔╝
	╚═════╝ ╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝╚═════╝  ╚═════╝ ╚═╝  ╚═╝╚═╝  ╚═╝╚═════╝ 
	*/                                                                       
		
		.dashboard-topHeader {	
			width: 100%;
			height: 350px;
			border-bottom: solid 5px white;
			box-shadow: 0px 0px 5px grey;
			background-size: cover !important;
			background-position: center !important;
			text-align: center;
			display: flex;
			align-items: center;
			flex-flow: column;
			justify-content: center;
			padding-left: 15px;
			padding-right: 15px;
		}
		.dashboard-bottomContent {	
			padding-top: 10px;
			width: 100%;
			text-align: center;
		}	
		.dashboard-sideBySideBox {	
			max-width: 800px;
			background: white;
			border-radius: 10px;
			box-shadow: 0px 3px 8px #dddddd;
			border: 1px solid #e3e3e3;
			overflow: hidden;
			margin: 5px;
			display: inline-block;
			width: 49%;
		}
		.dashboard-sideBySideBoxTop {	
			padding: 20px;							
			border-bottom: 2px solid #eeeeee;
			display: flex;
			justify-content: space-between;	
			min-height: 97px;			
		}
		.dashboard-sideBySideBoxTop-titleContainer {
			font-family: Lato;
			font-weight: 500;
			color: #455175;
			line-height: 1.8;
			display: inline-block;
			text-align: left;							
		}
		.dashboard-userTopBar {	
			max-width: 1600px;
			width: 100%;
			background: white;
			border-radius: 10px;
			box-shadow: 0px 3px 8px #00000094;
			border: 1px solid #bbbbbb;
			padding: 15px;
			text-align: left;
			display: flex;
			opacity:.9;
		}	
		.dashboard-userBottomBar {
			max-width: 1600px;
			height: 150px;
			width: 100%;
			margin-top: 25px;
			display: flex;
			align-items: center;
			justify-content: space-between;
		}	
		.dashboard-userReviewTopBox {	
			width: 300px;
			height: 125px;
			background: white;
			border-radius: 10px;
			box-shadow: 0px 3px 8px #00000094;
			padding: 5px;
			position: relative;
		}		
		.dashboard-userReviewTopBoxInner {	
			height: 100%;
			width: 100%;
			background: white;
			border-radius: 5px;
			display: flex;
			flex-direction: column;
			position:relative;
		}
		.dashboard-userReviewTopBoxInner-topSection {	
			width: 100%;
			background: #ffffff;
			flex-grow: 1;
			border-radius: 5px;
			overflow: hidden;
		}
		.dashboard-userReviewTopBoxInner-bottomSection {	
			width: 100%;
			background: whitesmoke;
			border-top: 2px solid #eeeeee;
			border-radius: 5px 0px 0px 5px;
			font-size: 12px;
			padding: 5px;
			padding-top: 3px;
			color: #898989;
			font-weight: 700;
			cursor: pointer;
			position: absolute;
			bottom: 0px;

		}
		.dashboard-userReviewTopBoxCount {
			font-weight: 900;
			color: #5bb6f9;
			font-size: 48px;
			text-shadow: 1px 1px 2px #325177;
		}
		.dashboard-userPhoto {
			width: 100px;
			height: 100px;
			border-radius: 100px;    
			background-size: cover !important;
			background-position: center !important;
			border: 3px solid white;
			box-shadow: 0px 0px 4px #616161, inset 0px 0px 5px #838383;
			display: inline-block;
		}
		.dashboard-userInfo {	
			height: 100px;
			display: inline-block;
			margin-left: 15px;
			padding-left: 15px;
			background-image: url(https://www.reviewdog.org/imgs/sep-vertical.png);
			background-repeat: no-repeat;
			background-position: center left;
			background-size: auto 100%;
		}
		.dashboard-userInfoInner {
			width: 100%;
			height: 100%;
			display: flex;
			justify-content: center;
			align-items: flex-start;
			flex-flow: column;
			line-height: 1.4; 
		}
		.dashboard-userInfoName {	
			font-size: 25px;
			font-weight: 700;
			color: #455175;
		}
		.dashboard-userInfoBusinessName {	
			font-size: 20px;
			font-weight: 500;
			color: #717171;
			padding-bottom: 5px;
		}
		.dashboard-userInfoBusinessLocation {
			font-weight: 500;
			color: #9f9f9f;
			font-size: 13px;
		}
		.dashboard-userInfoBusinessLocation-changeBtn {
			color: #5597db;
			padding: 3px;
			border: 1px solid #b2dafc;
			border-radius: 5px;
			padding-right: 5px;
			padding-left: 5px;
			background: #e9f7ff;
			font-weight: 700;
			cursor: pointer;
			font-size: 11px;								
		}
		.dashboard-userInfoBusinessLocation-changeBtn:hover { background: #cce0eb; }		
		.dashboard-userTopOptions {
			display: flex;
			justify-content: flex-end;
			flex-grow: 1;
		}
		.dashboard-userTopOptionsBtn {
			display: flex;
			align-items: center;
			flex-direction: column;
			justify-content: center;
			padding: 5px;
			font-weight: 500;
			color: #717171;
			background-image: url(https://www.reviewdog.org/imgs/sep-vertical.png);
			background-repeat: no-repeat;
			background-position: center left;
			background-size: auto 100%;
			margin-left: 15px;
			padding-left: 15px;
			opacity: .5;
			cursor: pointer;
		}
		.dashboard-userTopOptionsBtn:hover {
			opacity: 1;		
		}
		.dashboard-sideBySideBoxTop-title {
			font-weight: 700;
		}

		.dashboard-sideBySideBoxTop-subTitle {
			font-size: 12px;
			color: #afafaf;
			font-style: italic;								
		}

		.dashboard-sideBySideBoxTop-optionsContainer {
			font-family: Lato;
			font-weight: 500;
			color: #455175;
			line-height: 1.5;
			display: inline-block;
			text-align: right;
			font-size: 12px;
			cursor: pointer;
		}
		.dashboard-sideBySideBox-selectedOption {
			color: #5597db;
			padding: 3px;
			border: 1px solid #b2dafc;
			border-radius: 5px;
			padding-right: 5px;
			padding-left: 5px;
			background: #e9f7ff;
			font-weight: 700;
			cursor: pointer;	
		}
		.dashboard-sideBySideBox-selectedOption:hover { background: #cce0eb; }
		.dashboard-sideBySideBoxTop-optionsCalander {
			position: relative;
			padding: 2px;
			padding-left: 12px;
			padding-top: 5px;
			padding-bottom: 5px;
			border-radius: 5px;
			border: 1px solid #e0e0e0;
			text-align: right;
			margin-top: 8px;
			background: url(https://www.reviewdog.org/imgs/icons/calendar.png) no-repeat;
			background-position-x: 4px;
			background-position-y: 5px;
			background-color: white;
			padding-right: 3px;
			font-family: 'Lato';
			font-size: 12px;
			font-weight: 900;
			color: #585858;	
			letter-spacing: -1px;
			padding-left: 20px;			
		}
		.dashboard-sideBySideBox-chartContainer {
			overflow: hidden;
			height: 414px;
			background: white;
			padding: 15px;
		}
		.dashboard-sideBySideBox-chart {
			border:0px;
			width: 100%;
			height: 100%;
			overflow: hidden;
		}
		
		.dashboard-userReviewTopBoxInner-topSection-Inner {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			flex-direction: row;
			height: 100%;
			width: 100%;
			overflow:hidden;
			padding-bottom:25px;
		}
		.dashboard-userReviewTopBoxInner-topSection-InnerIcon {

			width: 85px;
			height: 100%;    
			background-size: 80%;
			background-position: center;
			background-repeat: no-repeat;
		}
		.dashboard-userReviewTopBoxInner-topSection-InnerContentContainer {
		flex-grow: 1;height: 100%;
		}
		.dashboard-userReviewTopBoxInner-topSection-InnerContent {
			display: flex;
			align-items: center;
			justify-content: center;
			height: 100%;
			width: 100%;
			flex-direction: column;
			line-height: 1.0;
			background-image: url(https://www.reviewdog.org/imgs/sep-vertical.png);
			background-repeat: no-repeat;
			background-position: center left;
			background-size: auto 100%;
		}
		.dashboard-userReviewTopBox-ratingContainer {
			padding: 5px;
			border-radius: 5px;
			border: 1px solid #e9e9e9;
			background: whitesmoke;
			font-size: 14px;
			font-weight: 500;
			margin-top: 2px;
			color: grey;
		}
		.dashboard-userReviewTopBox-starRating {
			height: 20px;
			vertical-align: middle;
			margin-top: -2px;
		}
		.dashboard-userReviewTopBox-fbRating {
			height: 15px;
			vertical-align: middle;
			margin-top: -2px;
		}
		
		.dashboard-userReviewTopBox-mainStatsTotalNegReviews {			
			color: #d13a3a;
			background: #ffd7de;
			border: 1px solid #ffa6a6;
			padding: 2px;
			border-radius: 5px;
			font-size: 12px;!;!2;!2p;!2px;!2p;!2;!;
			font-weight: 900;
		}
		.dashboard-userReviewTopBox-mainStatsTotalReviews {			
			font-size: 12px;
			color: #5597db;
			padding: 2px;
			border: 1px solid #b2dafc;
			border-radius: 5px;
			background: #eaf7ff;
			font-weight: 900;
		}	
		
		.dashboard-topEmployeeBox {
			overflow: hidden;
			max-width: 135px;
			background: #ffffff;
			text-align: center;
			padding: 5px;
		}
		
		.dashboard-sideBySideBox-recentReviewsContainer {
			overflow: hidden;			
			background: white;
			padding: 15px;			
			background-repeat: repeat-y;
			background-position-x: 65px;
		}
		
		
		.dashboard-bottomGridContents:hover {		
			background: #092945b8 !important;
		}
		
		.dashboard-recentReviewBox {
			width: 100%;
			display: flex;
			flex-direction: row;
			padding: 10px;
			background-repeat: repeat-y;
			background-position-x: 6.5%;
			padding-bottom: 15px;
			padding-top: 15px;
			margin-top: 20px;
			border: 2px solid #f2f2f2;
			background: white;
			border-radius: 10px;
			
		}
		.dashboard-recentReviewBoxGrey {
			width: 100%;
			display: flex;
			flex-direction: row;
			padding: 10px;
			background-repeat: repeat-y;
			background-position-x: 6.5%;
			padding-bottom: 15px;
			background-color: #f7f7f7;
			padding-top: 15px;
			border-radius: 10px;
			margin-top: 20px;
			margin-bottom: 0;
			border: 2px solid #f2f2f2;
		}


		.dashboard-recentReviewBox-customerInfo, .dashboard-recentReviewBox-clientInfo {
			max-width: 130px;
			padding-right: 20px;
			background-image: url(https://www.reviewdog.org/imgs/sep-vertical.png);
			background-repeat: no-repeat;
			background-position: center right;
			background-size: auto 100%;
			max-height: 100px;
		}


		.dashboard-recentReviewBox-customerPhoto {
			width: 85px;
			height: 85px;
			border-radius: 100px;
			background-size: cover !important;
			background-position: center !important;
			border: 4px solid white;
			box-shadow: 0px 0px 4px #9d9d9d, inset 0px 0px 5px #838383;
			margin: auto;
			position: relative;
		}


		.dashboard-recentReviewBoxPlatformIcon {
			position: absolute;
			bottom: -5px;
			right: -10px;
			height: 30px;
			box-shadow: 0px 0px 5px #9d9d9d;
			border-radius: 100px;
		}

		.dashboard-recentReviewBox-customerReview, .dashboard-recentReviewBox-clientReply {
			flex-grow: 1;
			padding: 5px;
			padding-left: 15px;
			text-align: left;    
			line-height: 1.6;
			color: #2f2f2f;
		}

		.dashboard-recentReviewBox-customerReviewName, .dashboard-recentReviewBox-clientReplyName {
			margin: 0px;
			font-weight: 700;
			color: #353535;
		}

		.dashboard-recentReviewBox-customerReviewTopBarWhite {
			display: table;
			padding: 3px;
			border-radius: 5px;
			border: 1px solid #e9e9e9;
			background: white;
			font-size: 13px;
			font-weight: 500;
			margin-top: 2px;
			color: #2d2d2d;
			margin-bottom: 5px;
		}

		.dashboard-recentReviewBox-customerReviewTopBar, .dashboard-recentReviewBox-clientReplyTopBar {
			display: table;
			padding: 3px;
			border-radius: 5px;
			border: 1px solid #e9e9e9;
			background: whitesmoke;
			font-size: 13px;
			font-weight: 500;
			margin-top: 2px;
			color: #2d2d2d;
			margin-bottom: 5px;
		}    



		.dashboard-recentReviewBoxReviewImg {
			max-height: 100px;
			max-width: 100px;
			border-radius: 5px;
			box-shadow: 2px 2px 3px #ababab;
			border: 1px solid #ededed;
			margin: 5px;
			cursor: pointer;
			opacity: .8;
		}

		.dashboard-recentReviewBoxReviewImg:hover {
			opacity: 1;
		}

		.dashboard-recentReviewBoxEmpHighlight {
			background: #ffffca;
			padding: 3px;
			border-radius: 5px;
			padding-right: 5px;
			padding-left: 5px;
			border: 1px solid #f3f300eb;
		}

		.dashboard-recentReviewBoxNegative {
			width: 100%;
			display: flex;
			flex-direction: row;
			padding: 10px;
			background-repeat: repeat-y;
			background-position-x: 6.5%;
			padding-bottom: 15px;
			padding-top: 15px;
			background-color: #ff00001a;
			border-radius: 10px;
			margin-top: 20px;
			margin-bottom: 0;
			border: 2px solid #a900001a;
		}

		.dashboard-reviewPhotosBox {
			display: flex;
			margin-top: 10px;
		}


		.dashboard-replyReviewBox {
			width: 100%;
			display: flex;
			flex-direction: row;
			padding: 10px;
			background-repeat: repeat-y;
			background-position-x: 6.5%;
			padding-bottom: 15px;
			padding-top: 15px;
			border-radius: 10px;
			padding-left: 120px;
			background: url(https://reviewdog.org/imgs/ratings/box-bar.png);
			background-repeat: no-repeat;
			background-position-y: 0px;
			background-position-x: 70px;
		}


		.dashboard-recentReviewBox-clientPhoto {
			width: 60px;
			height: 60px;
			border-radius: 100px;
			background-size: cover !important;
			background-position: center !important;
			border: 3px solid white;
			box-shadow: 0px 0px 4px #9d9d9d, inset 0px 0px 5px #838383;
			margin: auto;
			position: relative;

		}

		.dashboard-topEmployeeBoxPhoto {
			width: 100px;
			height: 100px;
			border-radius: 100px;    
			background-size: cover !important;
			background-position: center !important;
			border: 4px solid white;
			box-shadow: 0px 0px 4px #616161, inset 0px 0px 5px #838383;
			margin: auto;
			position: relative;

		}

		.dashboard-topEmployeeBoxAward {
			position: absolute;top: 0px;right: -10px;height: 35px;
		}

		.dashboard-topEmployeeBoxSep{
			display: block;
			max-width: 100%;
			margin: auto;
			opacity: .3;
			margin-bottom: 8px;
		}


		.dashboard-sideBySideBox-topEmployeesContainer {
			background: white;
			padding: 15px;
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding-top: 25px;
			padding-bottom: 25px;
		}

		.dashboard-topEmployeeBoxCount {
			color: #5597db;
			padding: 2px;
			border: 1px solid #b2dafc;
			border-radius: 5px;
			background: #eaf7ff;
			font-weight: 900;
			padding-left: 5px;
			padding-right: 5px;
			font-size: 13px;
		}

		.dashboard-blackBar {

			width: 100%;
			height: 100px;
			background: #1d1d1d;
			display: flex;
			justify-content: center;
			align-items: center;
			border-top: 3px solid gray;
			border-bottom: 3px solid gray;
			padding: 15px;
			flex-direction: column;
			color: gray;
			font-style: italic;
			margin-top: 15px;
		}
		.dashboard-blackBar > p {

			margin-bottom: 3px;
			margin-top: 0px;
			color: white;
			text-shadow: 0px 0px 3px black;
			font-weight: 900;
			font-style: normal;

		}

		.dashboard-bottomGrid {
			display: flex;
			flex-direction: column;
			height: 500px;
			justify-content: space-evenly;
			
		}

		.dashboard-bottomGridRow {
			width: 100%;
			background: blue;
			height: 50%;
			display: flex;
			justify-content: space-evenly;
			flex-direction: row;
			text-align:center;
		}
		.dashboard-bottomGridColumn {
			width: 50%;
			background: orange;
			padding: 20px;
			position: relative;
			border: 1px solid #003053;
			overflow: hidden;
		}
		.dashboard-bottomGridColumnVid {
			width: 100%;
			overflow: hidden;
			position: absolute;
			left: 0px;
			top: 0px;
			right: 0px;
			bottom: 0px;
			padding: 0px;
			margin: 0px;
			height: 100%;
			display: inline-block;
			object-fit: cover;
		}
		.dashboard-bottomGridContents {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 101%;
			text-shadow: 1px 1px 2px black;
			height: 101%;
			display: flex;
			justify-content: center;
			align-items: center;
			flex-direction: column;
			background: #004785b8;
			cursor: pointer;
		}

		.dashboard-bottomGridContentsTitle {
			color: white;
			font-weight: 900;
			border-bottom: 1px solid white;!;!p;!px;!px;!px;!p;!;
			margin-bottom: 5px;
			font-size: 20px;
		}
		.dashbaord-chartMobileMessage {
			display:none;
			opacity: .5;
			color: grey;
			padding-left: 20px;
			padding-right: 20px;
			line-height: 2;
		}
		
		.dashboard-userReviewTopBoxSmallIcon {display: none;}
		
		.dashboard-recentReviewBoxSeeMore {
		    color: #5597db;
			padding: 2px;
			border: 1px solid #b2dafc;
			border-radius: 5px;
			background: #eaf7ff;
			font-weight: 700;
			padding-left: 5px;
			padding-right: 5px;
			display: inline-block;
			font-size: .8em;
			cursor:pointer;
		}
		
		.dashboard-topReviewBoxPlatformIcon {
			position: relative;
			vertical-align: middle;
			bottom: 0px;
			right: 0px;
			height: 24px;
			margin-right: 5px;
			box-shadow: 0px 0px 5px #9d9d9d;
			border-radius: 100px;
			display:none;
		}
		
		#dashboard-ReviewPlatforms-innerContent{
		    width: 100%;
			height: 100%;
			display: flex;
			align-items: center;
		}



	/*
	███╗   ██╗ ██████╗ ████████╗██╗███████╗██╗ ██████╗ █████╗ ████████╗██╗ ██████╗ ███╗   ██╗███████╗
	████╗  ██║██╔═══██╗╚══██╔══╝██║██╔════╝██║██╔════╝██╔══██╗╚══██╔══╝██║██╔═══██╗████╗  ██║██╔════╝
	██╔██╗ ██║██║   ██║   ██║   ██║█████╗  ██║██║     ███████║   ██║   ██║██║   ██║██╔██╗ ██║███████╗
	██║╚██╗██║██║   ██║   ██║   ██║██╔══╝  ██║██║     ██╔══██║   ██║   ██║██║   ██║██║╚██╗██║╚════██║
	██║ ╚████║╚██████╔╝   ██║   ██║██║     ██║╚██████╗██║  ██║   ██║   ██║╚██████╔╝██║ ╚████║███████║
	╚═╝  ╚═══╝ ╚═════╝    ╚═╝   ╚═╝╚═╝     ╚═╝ ╚═════╝╚═╝  ╚═╝   ╚═╝   ╚═╝ ╚═════╝ ╚═╝  ╚═══╝╚══════╝
	 */                                                                                                

		.notifications-Container {
			background: white;
			border-radius: 10px;
			box-shadow: 0px 3px 8px #dddddd;
			border: 1px solid #e3e3e3;
			overflow: hidden;
			margin: 5px;
			display: inline-block;
			display: table;
			width: 99%;
			table-layout: fixed;
		}

		.notificatons-BarContainer {
			overflow: hidden;
			background: white;
		}
		
		.notifications-ContainerTopSection {
			padding: 20px;
			border-bottom: 2px solid #eeeeee;
			display: flex;
			justify-content: space-between;
		}

		.notifications-Bar:hover >  .notifications-DeleteBtn { opacity: .8; }
		.notifications-Bar {
			border-bottom: 1px solid #e9e9e9;
			background: #fff4d2;
			padding: 15px;
			overflow: hidden;
			min-height: 50px;
			overflow: hidden;
			cursor: pointer;
			text-overflow: ellipsis;
			white-space: nowrap;
			line-height: 1.7;
			position:relative;
		}
		
		.notifications-BarOld:hover >  .notifications-DeleteBtn { opacity: .8; }
		.notifications-BarOld {
			border-bottom: 1px solid #e9e9e9;
			background: white;
			padding: 15px;
			overflow: hidden;
			min-height: 50px;
			overflow: hidden;
			cursor: pointer;
			text-overflow: ellipsis;
			white-space: nowrap;
			line-height: 1.7;
			position:relative;
		}
		
		.notifications-BarSelected {   background: #b6daff !important; }
		
		.notifications-BarDateNew {
			font-weight: 900;
			color: #5597db;
			padding: 5px;
			border: 1px solid #eaeaea;
			background: #e9f8fe;
			border-radius: 5px;
			padding-left: 10px;
			padding-right: 10px;
			font-size: 14px;
			margin-right: 10px;
		}

		.notifications-BarDateOld {
			font-weight: 700;
			color: #575757;
			padding: 5px;
			border: 1px solid #eaeaea;
			background: #f5f5f5;
			border-radius: 5px;
			padding-left: 10px;
			padding-right: 10px;
			font-size: 14px;
			margin-right: 10px;
		}

		.notifications-BarDash {
			font-weight: 300;
			color: #cbcbcb;
			display: inline-block;
			padding-left: 5px;
			padding-right: 5px;
		}

		.notifications-BarTitle {
			color: #000000;
			font-weight: 700;
		}

		.notifications-BarTitleOld {

			color: grey;
			font-weight: 500;

		}

		.notifications-BarSubTitle {
			color: grey;
			font-weight: 500;
		}

		.notifications-BarSubTitleOld {

			color: #c9c9c9;
			font-weight: 300;

		}

		.notifications-DeleteBtn:hover {
			margin-top: -18px;
			background: #ad3131;
			box-shadow: 0px 0px 5px #000000b0;
			opacity: 1 !important;
		}
		.notifications-DeleteBtn > img {height:40px;}
		.notifications-DeleteBtn {
			display: inherit;
			position: absolute;
			right: 14px;
			top: 50%;
			margin-top: -20px;
			box-shadow: 0px 0px 5px #00000085;
			border-radius: 100px;
			float: right;
			font-weight: 900;
			color: #ffffff;
			text-shadow: 0px 1px 3px #000000;
			cursor: pointer;
			transition: all .2s ease-in-out;
			opacity: 0;
		}

		#notifications-UnreadCount {

			color: #5597db;
			padding: 3px;
			border: 1px solid #b2dafc;
			border-radius: 5px;
			padding-right: 5px;
			padding-left: 5px;
			background: #e9f7ff;
			padding-top: 1px;
			padding-bottom: 3px;
			margin-right: 3px;

		}

		#notifications-TotalCount {
			padding: 3px;
			border: 1px solid #6d6d6d;
			border-radius: 5px;
			padding-right: 5px;
			padding-left: 5px;
			background: #6f6f6f;
			padding-top: 1px;
			padding-bottom: 3px;
			margin-right: 3px;
			color: #f7f7f7;

		}
		
		.notifications-mobileHide {}
		.notifications-mobileShow {display:none;}
		
		
		
		#notifcation-Overlay {
			position: fixed;
			z-index: 99999;
			background: #00000087;
			width: 100vw;
			height: 100vh;
			display:none;
			opacity: 0;
			transition: all .5s ease-in-out;
		}

		#notification-Close, #window-Close {
			float: right;
			margin-top: -15px;
			margin-right: -15px;
			cursor: pointer;
			position: absolute;
			right: 0px;
		}

		.notification-Container {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 100%;
			height: 100%;
		}

		.notification-fullBox {
			max-height: 70%;
			max-width: 800px;
			background: white;
			border-radius: 10px;
			border: 2px solid #d9d9d9;
			box-shadow: 0px 0px 15px #00000063;
			margin: 15px;
			position: relative;
			display: flex;
			flex-direction: column;			
		}

		.notification-fullBoxContent {
			line-height: 1.6;
			padding: 25px;
			color: #696969;
			font-weight: 500;
			overflow: auto;
		}
			
		.notifcations-TopButtonsSection1 > span {margin: 5px;}
		.notifcations-TopButtonsSection2 > span {margin: 5px;}
		.notifcations-TopButtonsSection1 {display:flex;align-items:center;justify-content:center;}
		#notifcations-BarContainer > .global-boxErrorMessage {padding: 25px; padding-top: 10px;}
	
		
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/*
	██╗  ██╗███████╗██╗     ██████╗     ██████╗ ███████╗███████╗██╗  ██╗
	██║  ██║██╔════╝██║     ██╔══██╗    ██╔══██╗██╔════╝██╔════╝██║ ██╔╝
	███████║█████╗  ██║     ██████╔╝    ██║  ██║█████╗  ███████╗█████╔╝ 
	██╔══██║██╔══╝  ██║     ██╔═══╝     ██║  ██║██╔══╝  ╚════██║██╔═██╗ 
	██║  ██║███████╗███████╗██║         ██████╔╝███████╗███████║██║  ██╗
	╚═╝  ╚═╝╚══════╝╚══════╝╚═╝         ╚═════╝ ╚══════╝╚══════╝╚═╝  ╚═╝	                                                                    
	*/		
	
		.helpdesk-QuestionsContainer {
			margin: 5px;
			border-radius: 10px;
		}



		.helpdesk-QuestionTop:hover {
			background-size:200%;  
		}
		
		
		/*
		.helpdesk-QuestionTop {
			padding: 9px;
			line-height: 1.7;
			font-weight: 700;
			background: linear-gradient(45deg, #005089, #1fa1ff);
			color: white;
			text-shadow: 1px 1px 1px #00000082;
			border-radius: 10px 10px 0px 0px;
			border: 2px solid #71c4ff;
			cursor: pointer;
			transition: all .5s ease-in-out;
			background-size:100%; 
		}
		*/
		
		
		.helpdesk-QuestionTop {
			padding: 9px;
			line-height: 1.7;
			font-weight: 500;
			background: linear-gradient(45deg, white, #80aac921);
			color: #353535;
			border-radius: 5px;
			border: 1px solid #2196F3;
			cursor: pointer;
			transition: all .5s ease-in-out;
			background-size: 100%;
			text-align: left;
		}

		.helpdesk-QuestionPaw {
			vertical-align: middle;
			margin-top: -3px;
			background: white;
			border-radius: 100px;
			padding: 5px;
			margin-right: 10px;
			box-shadow: 0px 0px 0px 2px #d1e1ed;
		}


		.helpdesk-QuestionBottom {
			max-height: 0px;
			border-bottom: 2px solid #e5e5e5;
			background: whitesmoke;
			color: #4b4b4b;
			overflow: auto;
			transition: all .5s ease-in-out;	
			border-left: 2px solid #e5e5e5;
			border-right: 2px solid #e5e5e5;
			border-radius: 0px 0px 10px 10px;
			margin-bottom:10px;
		}
		
		.helpdesk-QuestionBottomOpen {
			padding: 20px;
			max-height:350px;
			transition: all .5s ease-in-out;
		}
		
	
		.helpdesk-TopVideos {
			margin-top: -48px;
		}
	
		.helpdesk-QuestionBottom > p {
			line-height: 1.6;
		}
			
	
	
	
	
	
	
	
	
	
	
	
	
		
	/*
	███████╗███████╗████████╗████████╗██╗███╗   ██╗ ██████╗ ███████╗
	██╔════╝██╔════╝╚══██╔══╝╚══██╔══╝██║████╗  ██║██╔════╝ ██╔════╝
	███████╗█████╗     ██║      ██║   ██║██╔██╗ ██║██║  ███╗███████╗
	╚════██║██╔══╝     ██║      ██║   ██║██║╚██╗██║██║   ██║╚════██║
	███████║███████╗   ██║      ██║   ██║██║ ╚████║╚██████╔╝███████║
	╚══════╝╚══════╝   ╚═╝      ╚═╝   ╚═╝╚═╝  ╚═══╝ ╚═════╝ ╚══════╝                                                                
	*/		
		
		.settings-accountUsername {
			padding: 5px;
			background: #ababab66;
			border-radius: 5px;
			padding-left: 10px;
			padding-right: 10px;
			padding-bottom: 8px;
			color: #515151;
			border: 2px solid #80808033;
			font-size: 15px;
		}


		.settings-mainLocationHeader {

			background: #092945b8 !important;
			display: flex;
			justify-content: center;
			align-items: center;
			border: 2px solid white;
			border-radius: 10px;
			flex-direction: column;
			line-height: 2;
			text-align: CENTER;		
			padding: 15px;
			padding-bottom: 30px;
		}

		.settings-mainLocationHeaderTitle {
			color: white;
			text-shadow: 1px 1px 2px black;
			font-size: 20px;
			padding: 10px;
		}

		.settings-mainLocationHeaderBlackBox {
			line-height: 1.5;
			background: #00000096;
			padding: 10px;
			border-radius: 10px;
			border: 1px solid #00000047;
			box-shadow: 0px 0px 10px #0000008c;
		}

		.settings-mainLocationHeaderBusiness {
			font-size: 18px;
			font-weight: 700;
			color: #98b6db;
		}

		.settings-mainLocationHeaderLocation {
			font-size: 16px;
			font-weight: 300;
			color: white;
		}

		.settings-userPhoto {
			height: 150px;
			width: 150px;
			margin: auto;
			border-radius: 100px;
			background-size: cover !important;
			background-position: center !important;
			border: 5px solid white;
			box-shadow: 0px 0px 4px #616161, inset 0px 0px 5px #838383;
			display: inline-block;
		}

		.settings-userName {
			font-size: 25px;
			color: #455175;
			line-height: 2;
			margin-top: 5px;
		}

		.settings-ColumnContainer {
			display: flex;
			align-items: center;
			justify-content: space-evenly;
			flex-direction: row;
			padding:15px;
		}

		.settings-Column {
			width: 50%;
		}

		.settings-ColumnBoxBorder {
			margin: 15px;
			border: 1px solid #efefef;
			border-radius: 10px;
			padding: 15px;
		}

		.settings-ColumnBox {
			margin: 15px;
		}

		.settings-ColumnBoxTitle {
			color: #4b4b4b;
			font-weight: 700;
		}

		.settings-ColumnBoxSubTitle {
			color: grey;
			margin-bottom: 0px;
			margin-top: 10px;
			font-weight: 300;
		}


		.settings-UpdateButton {
			margin: 5px;
			margin-bottom: 30px;
			font-size: 20px;
			padding: 10px;
			font-weight: 500;
			padding-right: 15px;
			padding-left: 15px;
			margin-top: -10px;		
			color: #5597db;
			border: 1px solid #b2dafc;
			border-radius: 5px;
			background: #e9f7ff;
			cursor: pointer;
		}

		.settings-Field {
			margin: 10px;
			margin-left: 0px;
			margin-right: 0px;
			width: 100%;
			border: 1px solid #e3e3e3;
			border-radius: 5px;
			padding: 10px;
			color: #393939;
			font-weight: 500;
			font-family: 'Lato';
			box-shadow: 0px 0px 5px #e3e3e3;
			font-size: 15px;
			max-width: 500px;
			
		}


		.settings-ContactMeBtn {
			padding-left: 10px;
			padding-right: 10px;
			margin-top: 0px;
		}

		.settings-UploadIcon {
			vertical-align: middle;
			height: 16px;
			margin-top: -3px;
			margin-right: 3px;
		}

		.settings-HidePassIcon {
			height: 16px;
			vertical-align: middle;
			margin-left: 5px;
			background: #dddddd;
			padding-left: 3px;
			padding-right: 3px;
			border-radius: 5px;
			cursor: pointer;
		}

		.settings-UploadBtn {

			padding: 10px !important;
			margin-left: 0px;
			margin-top: 10px;
			margin-bottom: 14px;
		}
		
		.settings-ColumnBox:active > #passbox {z-index:9;opacity:1;}
		.settings-ColumnBox:hover > #passbox {z-index:9;opacity:1;}
		#passbox {			
			position: absolute;
			padding: 10px;
			box-shadow: 0px 0px 10px #80808080;
			border-radius: 15px;
			font-size: 13px;
			bottom: -115px;
			line-height: 1.5;
			cursor: pointer;
			opacity: 0;
			background-color: #555;
			color: #fff;
			text-shadow: 1px 1px 2px #0000007a;
			z-index:-9;
		}
		
		.settings-ColumnBox:active > #newphotobox {z-index:9;opacity:1;}
		.settings-ColumnBox:hover > #newphotobox {z-index:9;opacity:1;}
		#newphotobox {			
			position: absolute;
			padding: 10px;
			box-shadow: 0px 0px 10px #80808080;
			border-radius: 15px;
			font-size: 13px;
			bottom: -95px;
			line-height: 1.5;
			cursor: pointer;
			opacity: 0;
			background-color: #555;
			color: #fff;
			text-shadow: 1px 1px 2px #0000007a;
			z-index:-9;
		}
	
	
		#passbox > img {
			vertical-align: middle;
			height: 12px;
			margin-bottom: 3px;	
		}
	
	
	
	
		.subscription_active {
			display: table;
			margin: auto;
			margin-bottom: 30px;
			font-weight: 900;
			font-size: 25px;
			background: #97dd97;
			padding: 5px;
			padding-left: 10px;
			padding-right: 10px;
			border-radius: 10px;
			color: green;
			border: 2px solid #6fb972;
		}



		.subscription_open {
			display: table;
			margin: auto;
			margin-bottom: 30px;
			font-weight: 900;
			font-size: 25px;
			background: #f7e484;
			padding: 5px;
			padding-left: 10px;
			padding-right: 10px;
			border-radius: 10px;
			color: #9f800a;
			border: 2px solid #c1ab10;
		}

		.subscription_due {

			color: #455175;
			font-weight: 900;
			background: #dfefff;
			padding: 5px;
			border-radius: 5px;
			padding-left: 10px;
			padding-right: 10px;

		}
			
	
	
	
	
	
	
	
	
	/*
		
	 ██████╗ ██████╗ ███╗   ██╗████████╗ █████╗  ██████╗████████╗    ██╗   ██╗███████╗
	██╔════╝██╔═══██╗████╗  ██║╚══██╔══╝██╔══██╗██╔════╝╚══██╔══╝    ██║   ██║██╔════╝
	██║     ██║   ██║██╔██╗ ██║   ██║   ███████║██║        ██║       ██║   ██║███████╗
	██║     ██║   ██║██║╚██╗██║   ██║   ██╔══██║██║        ██║       ██║   ██║╚════██║
	╚██████╗╚██████╔╝██║ ╚████║   ██║   ██║  ██║╚██████╗   ██║       ╚██████╔╝███████║
	 ╚═════╝ ╚═════╝ ╚═╝  ╚═══╝   ╚═╝   ╚═╝  ╚═╝ ╚═════╝   ╚═╝        ╚═════╝ ╚══════╝   
	*/ 
		
		.contactUs-Field {
			border: 1px solid #e3e3e3;
			border-radius: 5px;
			padding: 10px;
			color: #393939;
			font-weight: 500;
			font-family: 'Lato';
			box-shadow: 0px 0px 5px #e3e3e3;
			font-size: 15px;
			width: 90%;
			max-width: 500px;
			margin: 10px;
			cursor:pointer;
			background: white;
		}

		.contactUs-sendBtn {
			font-size: 20px;
			padding: 10px;
			font-weight: 500;
			padding-right: 15px;
			padding-left: 15px;
			margin-bottom: 15px;
		}
		
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* 	
	██████╗ ██╗   ██╗███████╗██╗███╗   ██╗███████╗███████╗███████╗███████╗███████╗
	██╔══██╗██║   ██║██╔════╝██║████╗  ██║██╔════╝██╔════╝██╔════╝██╔════╝██╔════╝
	██████╔╝██║   ██║███████╗██║██╔██╗ ██║█████╗  ███████╗███████╗█████╗  ███████╗
	██╔══██╗██║   ██║╚════██║██║██║╚██╗██║██╔══╝  ╚════██║╚════██║██╔══╝  ╚════██║
	██████╔╝╚██████╔╝███████║██║██║ ╚████║███████╗███████║███████║███████╗███████║
	╚═════╝  ╚═════╝ ╚══════╝╚═╝╚═╝  ╚═══╝╚══════╝╚══════╝╚══════╝╚══════╝╚══════╝
	*/       
		
		.business-boxContainer {
			border-radius: 10px 10px 0px 0px;
			text-align: center;
			background-size: cover !important;
			background-position: center !important;
			border-bottom: 2px solid #ededed;
			height: 300px;

		}

		.business-boxFill {

			padding: 20px;
			background: #0038684f !important;
			display: flex;
			justify-content: center;
			align-items: center;
			border: 2px solid white;
			border-radius: 10px 10px 0px 0px;
			flex-direction: column;
			width: 100%;
			height: 100%;
		}

		.business-boxBottomOptions {
			display: flex;
			justify-content: space-evenly;
			align-items: center;
			flex-direction: row;
			font-size: 13px;
			font-weight: 700;
			color: gray;
			padding-top: 15px;
			padding-bottom: 15px;
			padding-right: 5px;
			padding-left: 5px;
		}

		.business-boxBottomOptions > div > img {
			display: block;
			margin: auto;
			margin-bottom: 5px;
		}
		.business-boxBottomOptions > div:last-child {border: none !important;}
		.business-boxBottomOptions > div:hover, .location-boxBottomOptions > div:hover {
			opacity:1;
		}
		.business-boxBottomOptions > div {
			cursor:pointer;
			width: 33%;
			border-right: 1px solid #e7e7e7;
			opacity: .5;
		}
		
		#business-List > .global-whiteBoxContainer {
			margin: 10px;
		}
		
		
		#AddEditBusiness-logoPreview {
			background-color: #00000073 !important;
			height: 50%;
			width: 50%;
			border-radius: 10px;
			background-image: url(https://www.reviewdog.org/imgs/blanks/blank-logo.png);
			background-size: 90% !important;
			background-repeat: no-repeat !important;
			background-position: center !important;
			border: 1px solid #00000047;
			box-shadow: 0px 0px 10px #0000008c;
			padding: 10px;
		}

		#AddEditBusiness-photoPreview {
			background: url(https://www.reviewdog.org/imgs/blanks/blank-business.jpg);
			border-radius: 10px;
			border: 1px solid #ededed;
			box-shadow: 0px 0px 5px #c7c7c7;
			display: flex;
			justify-content: center;
			align-items: center;
			height: 275px;
			width: 400px;
		}
		
		.business-boxPhoto {
			width: 200px;
			height: 125px;
			border-radius: 20px;
			background-size: cover !important;
			background-position: center !important;
			border: 3px solid white;
			box-shadow: 0px 0px 4px #616161, inset 0px 0px 5px #838383;
			margin: auto;
			position: relative;

		}
	
		#location-BoxContainer:hover > div > .business-boxContainer {transform:scale(1.3);}
		#location-BoxContainer:hover { box-shadow: 0px 3px 8px #7c7c7c !important;  cursor: pointer; }






	
	
	/*
	██╗      ██████╗  ██████╗ █████╗ ████████╗██╗ ██████╗ ███╗   ██╗███████╗
	██║     ██╔═══██╗██╔════╝██╔══██╗╚══██╔══╝██║██╔═══██╗████╗  ██║██╔════╝
	██║     ██║   ██║██║     ███████║   ██║   ██║██║   ██║██╔██╗ ██║███████╗
	██║     ██║   ██║██║     ██╔══██║   ██║   ██║██║   ██║██║╚██╗██║╚════██║
	███████╗╚██████╔╝╚██████╗██║  ██║   ██║   ██║╚██████╔╝██║ ╚████║███████║
	╚══════╝ ╚═════╝  ╚═════╝╚═╝  ╚═╝   ╚═╝   ╚═╝ ╚═════╝ ╚═╝  ╚═══╝╚══════╝
	*/      
	
		.business-locationContainer {
			display: flex;
			justify-content: center;
			align-items: center;
			flex-direction: column;
			padding: 15px;
		}
		.location-AddressBlock {
			display: block;
			padding: 15px;
			font-weight: 500;
			border-bottom: 2px solid #f3f3f3;
			background: #ffffff;
			color: #455175;
			font-size: 14px;
			line-height: 1.5;
			padding-top: 10px;
			padding-bottom: 10px;
			height: 65px;
		}
		.location-PlatformBar {

			display: flex;
			padding: 15px;
			font-weight: 500;
			border-bottom: 2px solid #f3f3f3;
			background: #f7f7f7;
			color: #455175;
			font-size: 13px;
			line-height: 1.5;
			padding-top: 10px;
			padding-bottom: 10px;
			justify-content: center;
			align-items: center;
		}
		.location-PlatformBarIcon {
			height: 30px;
			box-shadow: 0px 0px 3px #d5d5d5;
			border-radius: 100px;
			margin-right: 10px;
		}

		.location-boxBottomOptions > div:last-child {
			border: none;
		}
		.location-boxBottomOptions  > div {

		cursor: pointer;
			width: 25%;
			border-right: 1px solid #e7e7e7;
			opacity: .5;

		}
		.location-boxBottomOptions  > div > img { 
			display: block;
			margin: auto;
			margin-bottom: 5px;
		}
		.location-boxBottomOptions {
			display: flex;
			justify-content: space-evenly;
			align-items: center;
			flex-direction: row;
			font-size: 13px;
			font-weight: 700;
			color: gray;
			padding-top: 15px;
			padding-bottom: 15px;
			padding-right: 5px;
			padding-left: 5px;
		}
		
		.location-blockedOption {
			filter: grayscale(1);
			cursor: not-allowed !important;
			opacity: .25 !important;
		}
		
		.location-blockedField {
			filter: grayscale(.5) blur(.5px);
			cursor: not-allowed !important;
			opacity: .8 !important;
			background: #f3f3f3;
		}
		
		
		#window-AddEditLocation, #window-AddEditBusiness {
			max-height: 80%;
			max-width: 600px;
		}

		.location-platform-warning {
			display: inherit;
			font-size: 14px;
			padding: 15px;
			margin: 10px;
			background: #ffffbe;
			border-radius: 15px;
			text-shadow: none;
			color: #464646;
			line-height: 1.5;
			text-align: center;
			margin-top: -10px;
		}

		.location-platform-warning > span:first-child {
			font-weight: bold;
			color: black;
			font-style: italic;
		}

		.location-GoogleHelp {

			font-size: 11px;
			color: #2183d1;
			cursor: pointer;
		}


		.location-platformField {
			background-repeat: no-repeat;
			background-position-x: 9px;
			background-position-y: 6px;
			padding-left: 40px;
			max-width: none;
		}

		.location-AddEditBtn {
			margin: auto;
			margin-top: 20px;
			margin-bottom: 10px;
			display: block;
		}
		
		#locations-loadingOverlay {
			background: #ffffff;
			position: absolute;
			width: 100%;
			height: 100%;
			display: none;
			z-index: 1;
			opacity:0;
		}

		#locations-loadingOverlayInner {
			display: flex;  justify-content: center;
			align-items: center;
			width: 100%;
			height: 100%;
			flex-direction: column;
			text-align: center;	
		}
		
		
		.locations-verifyOverlay {
			display: flex;
			width: 100%;
			height: 100%;
			position: absolute !important;
			justify-content: center;
			align-items: center;
			z-index: 1;
		}
			
	
	
	
		
		
		
	/* 	
	███╗   ██╗ █████╗ ██╗   ██╗██╗ ██████╗  █████╗ ████████╗██╗ ██████╗ ███╗   ██╗    ██████╗  █████╗ ███╗   ██╗███████╗██╗     
	████╗  ██║██╔══██╗██║   ██║██║██╔════╝ ██╔══██╗╚══██╔══╝██║██╔═══██╗████╗  ██║    ██╔══██╗██╔══██╗████╗  ██║██╔════╝██║     
	██╔██╗ ██║███████║██║   ██║██║██║  ███╗███████║   ██║   ██║██║   ██║██╔██╗ ██║    ██████╔╝███████║██╔██╗ ██║█████╗  ██║     
	██║╚██╗██║██╔══██║╚██╗ ██╔╝██║██║   ██║██╔══██║   ██║   ██║██║   ██║██║╚██╗██║    ██╔═══╝ ██╔══██║██║╚██╗██║██╔══╝  ██║     
	██║ ╚████║██║  ██║ ╚████╔╝ ██║╚██████╔╝██║  ██║   ██║   ██║╚██████╔╝██║ ╚████║    ██║     ██║  ██║██║ ╚████║███████╗███████╗
	╚═╝  ╚═══╝╚═╝  ╚═╝  ╚═══╝  ╚═╝ ╚═════╝ ╚═╝  ╚═╝   ╚═╝   ╚═╝ ╚═════╝ ╚═╝  ╚═══╝    ╚═╝     ╚═╝  ╚═╝╚═╝  ╚═══╝╚══════╝╚══════╝
	*/   
		
		.nav-panel {
			height: 100vh;
			width: 200px;
			background: #242424;
			border-right: 5px solid #5d5d5d;
			box-shadow: 0px 0px 10px grey;
			text-align: center;
			position: fixed;
			overflow-y: auto;
			z-index:999;
		}
		.nav-panel-logoContainer {	
			background: #292929;			
			padding-bottom: 10px;
			border-bottom: 1px solid #1c1c1c;
		}
		
		.nav-panel-itemBottom {
			width: 100%;
			background: #1d1d1d;
			padding: 15px;
			color: grey;
			text-align: left;
			font-size: 17px;
			text-shadow: 0px 0px 2px black;
			border-top: 1px solid #303030;
			position: fixed;
			width: 195px;
			bottom: 0px;
			left: 0px;
			box-shadow: -6px -2px 5px #0000004a;
			cursor:pointer;
			z-index:999;
		}
		.nav-panel-item {
			width: 100%;
			background: #1d1d1d;
			padding: 15px;
			color: grey;
			text-align: left;
			font-size: 17px;
			text-shadow: 0px 0px 2px black;
			border-bottom: 1px solid #303030;
			cursor: pointer;
		}
		.nav-panel-itemIcon {
			vertical-align: middle;
			opacity: .6;
			margin-right: 5px;
			margin-top: -4px;
			height:19px;
			width:19px;
		}
		.nav-panel-item:hover, .nav-panel-itemBottom:hover {		
			background: #121212 !important;			
			color: white !important;			
			
			.nav-panel-itemIcon {
				opacity: 1 !important; color: white !important; 
			}
		}	
		.nav-panel-itemSelected {
			width: 100%;
			background: #0472bd;
			padding: 15px;
			color: white;
			text-align: left;
			font-size: 17px;
			text-shadow: 0px 0px 2px black;
			border-bottom: 1px solid #303030;
			cursor: pointer;
			font-weight:900;
			
			.nav-panel-itemIcon {
				opacity: 1; color: white;
			}
		}
		#nav-panel-notificationCount {font-weight: 900;color: white;}
		
		.mobile-menu-nav {
			display: none;
			width: 100%;    
			justify-content: space-evenly;
			align-items: center;
			color: grey;
			font-size: 13px;
			padding-bottom: 5px;
			padding-top: 5px;
		}
		.mobile-menu {		
			display: none;
			padding: 10px;
			color: white;
			text-shadow: 0px 0px 5px black;
			border-bottom: 1px solid #373737;
			width: 100%;
		}
		
		
		
	/*
	███████╗███╗   ███╗██████╗ ██╗      ██████╗ ██╗   ██╗███████╗███████╗███████╗
	██╔════╝████╗ ████║██╔══██╗██║     ██╔═══██╗╚██╗ ██╔╝██╔════╝██╔════╝██╔════╝
	█████╗  ██╔████╔██║██████╔╝██║     ██║   ██║ ╚████╔╝ █████╗  █████╗  ███████╗
	██╔══╝  ██║╚██╔╝██║██╔═══╝ ██║     ██║   ██║  ╚██╔╝  ██╔══╝  ██╔══╝  ╚════██║
	███████╗██║ ╚═╝ ██║██║     ███████╗╚██████╔╝   ██║   ███████╗███████╗███████║
	╚══════╝╚═╝     ╚═╝╚═╝     ╚══════╝ ╚═════╝    ╚═╝   ╚══════╝╚══════╝╚══════╝
	*/							

		.employees-BoxSep {
			display: block;
			max-width: 100%;
			margin: auto;
			opacity: .3;
			margin-bottom: 8px;
		}								
		.employees-BoxPhoto {
			width: 125px;
			height: 125px;
			border-radius: 100px;
			background-size: cover !important;
			background-position: center !important;
			border: 5px solid white;
			box-shadow: 0px 0px 4px #616161, inset 0px 0px 5px #838383;
			margin: auto;
			position: relative;
		}									
		.employees-Box > p { margin-bottom: 10px; }

		.employees-Box {
			max-width: 200px;
			background: #ffffff;
			text-align: center;
			padding: 5px;
			font-size: 17px;
			color: #455175;
			font-weight: 500;
			min-width:150px;
		}	
		.employees-BoxContainer > div {
			width: 100%;
			display: flex;
			overflow: auto;
			padding: 25px;
			justify-content: center;
		}
		
		.employees-BoxContainer {
			background: white;
			padding: 0;
			display: flex;
			justify-content: center;
			align-items: center;
			flex-direction: column;
		}

		.employees-Box > button {
			display: block;
			margin: auto;
			margin-top: 10px;
			padding: 5px 8px;
		}

		.employees-Box > button > img {
			vertical-align: text-bottom;
		}

		.employees-HelpSubText {
			display: block;
			margin: auto;
			text-align: center;
			font-size: 11px;
			color: #2183d1;
			cursor: pointer;
		}
		
		.notification-fullBoxContent > div > button {
			margin-top: 15px;
			margin-bottom: 15px;
			padding: 5px 8px;
			margin-right: 3px;
			margin-left: 3px;
		}

		.employees-ManageName {

			color: #455175;
			font-weight: 500;
			font-size: 20px;
		}

		.employees-ManageQRCodeContainer {
			text-align: center;
			margin-top: 10px;
			margin-bottom: 10px;
		}

		#manageEmployees-QRCode {

			width: 100%;
			max-width: 150px;
			border: 1px solid #e3e3e3;
			border-radius: 5px;
			padding: 5px;
			box-shadow: 0px 0px 5px #e3e3e3;

		}

		.employees-ManageRedWarning {


			font-size: 12px;
			color: #cb2121 !important;
			font-weight: 500 !important;
			padding: 2px 5px;
			background: #ffedf0 !important;
			border-radius: 5px !important;

		}

		.employees-ManageDeleteBtn {
			display: block;
			margin: auto;
			padding: 5px 10px;
			margin-top: 10px;
			margin-bottom: 10px;
		}
		.notification-fullBoxContent > div > div > i {
			font-size: 12px;
			font-weight: 700;
			color: #a9a9a9;
		}
		
		#manageEmployees-pin {
			
			color: #455175;
			cursor: pointer;
			padding: 5px;
			padding-left: 8px;
			border-radius: 5px;
			background: #1aa7f924;
			padding-right: 8px;
						
		}
		
		#manageEmployees-currentInfoBox {display:none;}

	/*	
	███╗   ███╗ █████╗ ██████╗ ██╗  ██╗███████╗████████╗██╗███╗   ██╗ ██████╗ 
	████╗ ████║██╔══██╗██╔══██╗██║ ██╔╝██╔════╝╚══██╔══╝██║████╗  ██║██╔════╝ 
	██╔████╔██║███████║██████╔╝█████╔╝ █████╗     ██║   ██║██╔██╗ ██║██║  ███╗
	██║╚██╔╝██║██╔══██║██╔══██╗██╔═██╗ ██╔══╝     ██║   ██║██║╚██╗██║██║   ██║
	██║ ╚═╝ ██║██║  ██║██║  ██║██║  ██╗███████╗   ██║   ██║██║ ╚████║╚██████╔╝
	╚═╝     ╚═╝╚═╝  ╚═╝╚═╝  ╚═╝╚═╝  ╚═╝╚══════╝   ╚═╝   ╚═╝╚═╝  ╚═══╝ ╚═════╝ 
	                                                                          
	*/

		#ActiveRequests:hover {opacity:1;}
		#ActiveRequests {opacity:1;}
		#CompletedRequests:hover {opacity:1;}
		#CompletedRequests {opacity:.5;}
		
		.marketing-RefillInfo {
		font-size: 14px;line-height: 1.5;color: #4b4b4b;
		}

		.marketing-RefillInfo > span { color: gray; }

		.marketing-RefillCountDown {
			margin-top: 12px;
			color: #ababab;
		}

		.marketing-RefillCountDown > b { color: gray; }


		.marketing-AutoRefillContainer {
		display: flex;
			justify-content: center;
			margin-bottom: 0px;
		}


		.marketing-AutoRefillWarning {
			font-size: 14px;
			color: grey;
			max-width: 800px;
			padding: 10px;
			padding-top: 0px;
			line-height: 1.7;
			margin:auto;
			margin-bottom:15px;
			padding-left: 15px;
			padding-right: 15px;
		}

		.marketing-SubmitBtnsContainer {
		text-align: center;
		margin-bottom: 35px;
		margin-top: 0px;
		}

		.marketing-CheckAll {
		margin-top: 0px;
		font-size: 15px;
		padding: 8px 13px;
		}

		.marketing-RequestDate {
			font-size: 14px;
			color: #455175;
		}

		.marketing-RequestContainerGrey {
			margin-top: 15px;
			margin-bottom: 15px;
			padding: 10px;
			border: 1px solid #e3e3e3;
			text-align: left;
			background: whitesmoke;
			border-radius: 10px;
			width: 100%;
			overflow: auto;
		}

		.marketing-RequestContainerWhite {
		margin-top: 15px;
		margin-bottom: 15px;
		padding: 10px;    
		text-align: left;
		overflow: auto;
		width: 100%;
		border-radius: 10px;
		}
		.marketing-RequestInner {
		display: flex;
			flex-direction: row;
			margin-top: 10px;
		}

		.marketing-RequestInnerLeft {
		height: 120px;
			min-width: 140px;
			width: 140px;
			background-repeat: no-repeat;
			background-position: center right;
			background-size: auto 100%;
			padding-right: 20px;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.marketing-RequestInnerLeftImage {
		border-radius: 10px;
			text-align: center;
			background-size: cover !important;
			background-position: center !important;    
			height: 90%;
			width: 90%;
			border: 2px solid white;
			box-shadow: 0px 0px 5px #a5a5a5;
		}

		.marketing-RequestInnerRight { flex-grow: 1; }
		.marketing-RequestInnerRightInfo {
		display: flex;
			width: 100%;
			height: 100%;
			align-items: baseline;
			flex-direction: column;
			padding-left: 20px;
			justify-content: center;
			line-height: 2;
			white-space: nowrap;
			padding-right: 10px;
		}

		.marketing-StatusPending > img { vertical-align: text-bottom; }
		.marketing-StatusPending {
			font-size: 13px;
			font-weight: bold;
			margin: 5px;
			padding: 5px;
			border: 1px solid #c3b15d;
			background: linear-gradient(180deg, #fbfbbb, #ddcf9c);
			border-radius: 5px;
			color: #a17c0f;
		}

		.marketing-StatusReOcurring > img { vertical-align: text-bottom; }
		.marketing-StatusReOcurring {
			font-size: 13px;
			font-weight: bold;
			margin: 5px;
			padding: 5px;
			border: 1px solid #8cbed5;
			background: linear-gradient(180deg, #e4f0fb, #b6cde1);
			border-radius: 5px;
			color: #2c96c9;
		}
		
		.marketing-StatusInProgress > img { vertical-align: text-bottom; }
		.marketing-StatusInProgress {
			font-size: 13px;
			font-weight: bold;
			margin: 5px;
			padding: 5px;
			border: 1px solid #b5b5b5;
			background: linear-gradient(180deg, #fbfbfb, #d7d7d7);
			border-radius: 5px;
			color: #333333;
		}

		.marketing-StatusCompleted > img { vertical-align: text-bottom; }
		.marketing-StatusCompleted {
			font-size: 13px;
			font-weight: bold;
			margin: 5px;
			padding: 5px;
			border: 1px solid #60d374;
			background: linear-gradient(180deg, #dfffdf, #9cdb9e);
			border-radius: 5px;
			color: #1f792b;
		}

		.marketing-StatusCancelled > img { vertical-align: text-bottom; }
		.marketing-StatusCancelled {
			font-size: 13px;
			font-weight: bold;
			margin: 5px;
			padding: 5px;
			border: 1px solid #d36060;
			background: linear-gradient(180deg, #ffdfdf, #e1a0a0);
			border-radius: 5px;
			color: #a52323;
		}
		
		
		#marketing-cardPreviewBox {
			width: 100%;
			transform: scale(.97);
			height: 100%;
			overflow: hidden;
			overscroll-behavior: none;
			border: 1px solid #ececec;
			padding-top: 3px;
			padding-left: 2px;
		}
		
		.marketing-sampleRequest {
			color: #455175;
			padding: 5px;
			border-radius: 5px;
			font-size: 12px;
			font-weight: bold;
			border: 1px solid #b2dafc;
			background: #e9f7ff;
			cursor: pointer;
		}
		
		.marketing-workingTime {
			padding: 5px;
			border-radius: 5px;
			font-size: 14px;
			font-weight: bold;
			border: 1px solid #b2dafc;
			background: #e9f7ff;
			color: #5597db;
		}
		.marketing-workingTimeSubText {			
			font-size: 11px;
			color: gray;
			font-style: italic;
		}
		
		#marketingDesignOptions{display:none;opacity:0;}
		
		#marketingRequestEmployeesContainer > div > div {
			border-radius: 5px;
			margin: 4px;
			border: 1px solid #ffffff00;
		}
		
		.marketingAutoFillList {
			color: #455175;
			padding: 5px;
			border-radius: 5px;
			font-size: 12px;
			font-weight: bold;
			border: 1px solid #b2dafc;
			background: #e9f7ff;
		}
		
		.marketingAutoFillList {
			color: #455175;
			padding: 5px;
			border-radius: 5px;
			font-size: 12px;
			font-weight: bold;
			border: 1px solid #b2dafc;
			background: #e9f7ff;
			margin-left:5px;
		}
		
		
		.marketingAutoFillPopUp {
			color: #455175;
			padding: 5px;
			border-radius: 5px;
			font-size: 12px;
			font-weight: bold;
			border: 1px solid #b2dafc;
			background: #e9f7ff;
			display: table;
			margin: auto;
			margin-top: 15px;
			margin-bottom: -5px;
		}
		


	/*
	██╗      █████╗ ███╗   ██╗██████╗ ██╗███╗   ██╗ ██████╗     ██████╗  █████╗  ██████╗ ███████╗███████╗
	██║     ██╔══██╗████╗  ██║██╔══██╗██║████╗  ██║██╔════╝     ██╔══██╗██╔══██╗██╔════╝ ██╔════╝██╔════╝
	██║     ███████║██╔██╗ ██║██║  ██║██║██╔██╗ ██║██║  ███╗    ██████╔╝███████║██║  ███╗█████╗  ███████╗
	██║     ██╔══██║██║╚██╗██║██║  ██║██║██║╚██╗██║██║   ██║    ██╔═══╝ ██╔══██║██║   ██║██╔══╝  ╚════██║
	███████╗██║  ██║██║ ╚████║██████╔╝██║██║ ╚████║╚██████╔╝    ██║     ██║  ██║╚██████╔╝███████╗███████║
	╚══════╝╚═╝  ╚═╝╚═╝  ╚═══╝╚═════╝ ╚═╝╚═╝  ╚═══╝ ╚═════╝     ╚═╝     ╚═╝  ╚═╝ ╚═════╝ ╚══════╝╚══════╝
	 */

		.landingpages-UrlBox {
			line-height: 1.5;
			margin-top: 20px;
			text-align: center;
			margin-bottom: 25px;
		}
		
		.landingpages-PlatformBox {
			display: flex;
			flex-direction: row;
			justify-content: space-evenly;
			width: 100%;
		}

		.landingpages-PlatformBoxInner {
			text-align: center;    
			padding: 10px;
			border-radius: 10px;    
			margin: 5px;
		}

		.landingpages-PlatformBoxInner > img {
			box-shadow: 0px 0px 5px #b7b7b7;
			border-radius: 100px;
			height: 70px;
		}

		.landingpages-Column {
			display: flex;flex-direction: column;justify-content: start;
		}







	/* 
	███████╗██╗  ██╗ ██████╗ ██████╗ ████████╗    ██╗     ██╗███╗   ██╗██╗  ██╗██╗███╗   ██╗ ██████╗ 
	██╔════╝██║  ██║██╔═══██╗██╔══██╗╚══██╔══╝    ██║     ██║████╗  ██║██║ ██╔╝██║████╗  ██║██╔════╝ 
	███████╗███████║██║   ██║██████╔╝   ██║       ██║     ██║██╔██╗ ██║█████╔╝ ██║██╔██╗ ██║██║  ███╗
	╚════██║██╔══██║██║   ██║██╔══██╗   ██║       ██║     ██║██║╚██╗██║██╔═██╗ ██║██║╚██╗██║██║   ██║
	███████║██║  ██║╚██████╔╝██║  ██║   ██║       ███████╗██║██║ ╚████║██║  ██╗██║██║ ╚████║╚██████╔╝
	╚══════╝╚═╝  ╚═╝ ╚═════╝ ╚═╝  ╚═╝   ╚═╝       ╚══════╝╚═╝╚═╝  ╚═══╝╚═╝  ╚═╝╚═╝╚═╝  ╚═══╝ ╚═════╝ 
	*/

		.shortlinks-BoxContainer {
			background: white;
			border-radius: 10px;
			box-shadow: 0px 3px 8px #dddddd;
			border: 1px solid #e3e3e3;
			overflow: hidden;
			max-width: 1000px;
			width: 95%;
			display: block;
			margin: auto;
			margin-top: 5px;
			margin-bottom: 15px;
			display: table;
			table-layout: fixed;	
		    text-overflow: ellipsis;
		    white-space: nowrap;

		}


		.shortlinks-BoxNewLink {
			padding: 10px;
			display: flex;
			color: #2196F3;
			align-items: center;
			font-size: 14px;
			flex-direction: row;
			justify-content: center;
			border-bottom: 1px solid #ededed;
			padding-top: 0px;
		}

		.shortlinks-Box {
			padding: 10px;
			display: flex;
			align-items: center;
			font-size: 14px;
			flex-direction: row;
			justify-content: space-between;
			border-bottom: 1px solid #ededed;
			padding-top: 15px;
			padding-bottom: 15px;
			position: relative;
			color:gray;
		}

		.shortlinks-BoxMain {
			background: #ffffc1 !important;
			color: black !important;
			font-weight:700;
		}


		.shortlinks-BoxText {
			text-overflow: ellipsis;
			white-space: nowrap;
			overflow: hidden;
			cursor: pointer;
			max-width: 80%;
		}

		.shortlinks-BoxOptions {
			flex-grow: 1;
			text-align: right;
		}

		.shortlinks-BoxOptions > button {
			padding: 5px 7px;
		}
		
		.global-whiteBoxContent > .shortlinks-Box:last-child {border-bottom:none;}


	/* 
	██████╗ ███████╗██████╗  ██████╗ ██████╗ ████████╗███████╗
	██╔══██╗██╔════╝██╔══██╗██╔═══██╗██╔══██╗╚══██╔══╝██╔════╝
	██████╔╝█████╗  ██████╔╝██║   ██║██████╔╝   ██║   ███████╗
	██╔══██╗██╔══╝  ██╔═══╝ ██║   ██║██╔══██╗   ██║   ╚════██║
	██║  ██║███████╗██║     ╚██████╔╝██║  ██║   ██║   ███████║
	╚═╝  ╚═╝╚══════╝╚═╝      ╚═════╝ ╚═╝  ╚═╝   ╚═╝   ╚══════╝
	*/     
   
		
		.reports-ContainerInnerSideBox {		
			width: 50%; padding: 5px;
		}
		.reports-TopButtons {
			text-align: center;
			padding: 10px;
			display: flex;
			align-items: center;
			justify-content: center;			
			max-width: 800px;
			margin: auto;
		}
		
		.reports-TopButtons > div {
			display: flex;
			align-items: center;
			justify-content: space-around;
			flex: 1;
		}

		.reports-TopButtons > div > button {
			padding: 5px 8px;
		}

		.reports-TopButtons > button {
			margin: 10px;
			padding: 5px 8px;
			font-size: 15px;
		}

		.reports-TopButtonsInactive {
			opacity: .7;
			font-weight: 500;
		}

		.reports-TopBoxesContainer {
			text-align: center;
			padding: 10px;
			display: flex;
			align-items: center;
			justify-content: space-between;
			width: 100%;
			max-width: 1585px;
			margin: auto;
		}

		.reports-TopBoxLast {
			height: 140px;
			min-width: 234px;
		}
		.reports-TopBox {
			background: white;
			border-radius: 10px;
			box-shadow: 0px 3px 8px #dddddd;
			border: 1px solid #e3e3e3;
			padding: 15px;
			display: flex;
			flex-direction: column;
			width: 15%;
			line-height: 1.6;
			flex: 1;
			margin: 3px;					
		}
		.reports-TopBox > b {
			font-size: 13px;
			color: gray;
			background: whitesmoke;
			padding: 3px;
						
		}

		.reports-TopBox  > p {
			color: #455175;
			font-weight: 500;
			font-size: 25px;
			margin-top: 10px;
			margin-bottom: 10px;
		}

		.reports-TopBox > span {
			color: #455175;
			font-weight: 500;
			font-size: 20px;
			display: flex;
			flex-grow: 1;
			width: 100%;
			justify-content: center;
			align-items: center;
						
		}

		.reports-UP {
			font-size: 9px;
			font-family: 'Tahoma';
			font-weight: 900;
			display: table;
			margin: auto;
			border: 1px solid #91eb91;
			padding: 3px 8px;
			border-radius: 5px;
			background: #d2fdd2;
			color: #59ad59;
			margin-bottom: 5px;
			line-height: 1;				
		}	

		.reports-DOWN {
			font-size: 9px;
			font-family: 'Tahoma';
			font-weight: 900;
			display: table;
			margin: auto;
			margin-bottom: 5px;
			line-height: 1;
			border: 1px solid #ffa8a8;
			padding: 3px 8px;
			border-radius: 5px;
			background: #ffdddd;
			color: #dd5555;				
		}

		.reports-SAME {
			font-size: 9px;
			font-family: 'Tahoma';
			font-weight: 900;
			display: table;
			margin: auto;
			border: 1px solid #e1e1e1;
			padding: 3px 8px;
			border-radius: 5px;
			margin-top: 10px;
			background: #f5f5f5;
			color: #a7a7a7;
			margin-bottom: 5px;			
		}	

		.reports-Container {
			width: 100%;			
			display: flex;
			flex-direction: row;
			padding-top: 0px;
		}
			
		.reports-ReviewPlatformBox { display:inline-block;}
		
		.reports-TopBoxesContainer-Column{
			width: 33%;
			display: flex;
			align-items: center;
			justify-content: space-evenly;
			flex: 1;
		}
		
		.reports-BoxBlueText {
			margin-bottom: 10px;
			margin-top: 0px;
			font-weight: 900;
			color: #2495f2;
		}
		
		.reports-BoxGreySubText {
			font-weight: 500;
			font-size: 13px;
			color: gray;
		}

		.reports-BoxIconG {
			margin-right: 5px;height: 20px;vertical-align: text-bottom;
		}
		.reports-BoxIcon {
			    border-radius: 100px;
				margin-right: 5px;
				height: 20px;
				vertical-align: text-bottom;
				border: 2px solid white;
				box-shadow: 0px 0px 3px #9b9b9b;
		}
		
		.reports-EmployeeBottomStatsContainer {
			overflow: hidden; border-radius: 10px; margin-top: 10px;border: 1px solid #ededed;
		}
		
		.reports-ReviewSearchBoxContainer {
			padding: 15px;
			TEXT-ALIGN: center;
			border-bottom: 2px solid #eeeeee;
			padding-top: 5px;
			padding-bottom: 5px;
		}
		
		
		.reports-BoxBlueSubtext {
			font-weight: 500;
			font-size: 13px;
			color: #326dad;
		}									
		
		
		
	/* 	
	 ██████╗██╗   ██╗███████╗████████╗ ██████╗ ███╗   ███╗███████╗
	██╔════╝██║   ██║██╔════╝╚══██╔══╝██╔═══██╗████╗ ████║██╔════╝
	██║     ██║   ██║███████╗   ██║   ██║   ██║██╔████╔██║███████╗
	██║     ██║   ██║╚════██║   ██║   ██║   ██║██║╚██╔╝██║╚════██║
	╚██████╗╚██████╔╝███████║   ██║   ╚██████╔╝██║ ╚═╝ ██║███████║
	 ╚═════╝ ╚═════╝ ╚══════╝   ╚═╝    ╚═════╝ ╚═╝     ╚═╝╚══════╝
	*/   
		

		/* ===== Scrollbar CSS ===== */
		  /* Firefox */
		  * {
			scrollbar-width: auto;
			scrollbar-color: #1e84d2 #383838;
		  }

		  /* Chrome, Edge, and Safari */
		  *::-webkit-scrollbar {
			width: 20px;
		  }

		  *::-webkit-scrollbar-track {
			background: #383838;
		  }

		  *::-webkit-scrollbar-thumb {
			background-color: #1e84d2;
			border-radius: 12px;
			border: 5px solid #262626;
		  }
		  
		  
		  
		  
		 
		 /* ===== Custom Sliders ======= */
		/* The switch - the box around the slider */
		.switch {
			position: relative;
			display: inline-block;
			height: 25px;
			width: 45px;
		}

		/* Hide default HTML checkbox */
		.switch input {
			opacity: 0;
			width: 0;
			height: 0;
		}

		/* The slider */
		.slider {
			position: absolute;
			cursor: pointer;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background-color: #e85b5b;
			-webkit-transition: .4s;
			transition: .4s;
			border: 1px solid #ad3636;
		}

		.slider:before {
			position: absolute;
			content: "";
			height: 17px;
			width: 17px;
			left: 4px;
			bottom: 3px;
			background-color: white;
			-webkit-transition: .4s;
			transition: .4s;
		}

		input:checked+.slider {
			background-color: #70bd70;
			border: 1px solid #3e9443;
		}

		input:focus+.slider {
			box-shadow: 0 0 1px #2196F3;
		}

		input:checked+.slider:before {
			-webkit-transform: translateX(19px);
			-ms-transform: translateX(19px);
			transform: translateX(19px);
		}

		/* Rounded sliders */
		.slider.round {
			border-radius: 34px;
			width: 45px;
		}

		.slider.round:before {
			border-radius: 50%;
			box-shadow: inset 0px 0px 2px grey;
		} 
		  
		  
		  
		/* ====== Custom CheckBoxes ====== */
		
		.checkmark-container {
			position: relative;
			padding-left: 30px;
			cursor: pointer;
			font-size: 18px;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			border-radius: 5px;
			transition: all .25s ease-in-out;
		}

		/* Hide the browser's default checkbox */
		.checkmark-container input {
		  position: absolute;
		  opacity: 0;
		  cursor: pointer;
		  height: 0;
		  width: 0;
		}

		/* Create a custom checkbox */
		.checkmark {
			position: absolute;
			top: 0;
			left: 0;
			height: 20px;
			width: 20px;
			background-color: #eee;
			border-radius: 5px;
			border: 1px solid gray;
			box-shadow: inset 0px 0px 0px 1px white;
			transition: all .25s ease-in-out;
		}

		/* On mouse-over, add a grey background color */
		.checkmark-container:hover input ~ .checkmark {
		  background-color: #ccc;
		}

		/* When the checkbox is checked, add a blue background */
		.checkmark-container input:checked ~ .checkmark {
		  background-color: #3eb542;
		  border: 1px solid #3eb542;
		}

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

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

		/* Style the checkmark/indicator */
		.checkmark-container .checkmark:after {
			left: 7px;
			top: 2px;
			width: 3px;
			height: 8px;
			border: solid white;
			border-width: 0 3px 3px 0;
			-webkit-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			transform: rotate(45deg);
		}
		  
		  
		  
		.tooltip {
		  position: relative;
		  display: inline-block;
		  border-bottom: 1px dotted black;
		}

		.tooltip .tooltiptext {
		  visibility: hidden;
		  width: 120px;
		  background-color: #555;
		  color: #fff;
		  text-align: center;
		  border-radius: 6px;
		  padding: 5px 0;
		  position: absolute;
		  z-index: 1;
		  bottom: 125%;
		  left: 50%;
		  margin-left: -60px;
		  opacity: 0;
		  transition: opacity 0.3s;
		}

		.tooltip .tooltiptext::after {
		  content: "";
		  position: absolute;
		  top: 100%;
		  left: 50%;
		  margin-left: -5px;
		  border-width: 5px;
		  border-style: solid;
		  border-color: #555 transparent transparent transparent;
		}

		.tooltip:hover .tooltiptext {
		  visibility: visible;
		  opacity: 1;
		}  
		  
		[data-title]:hover:after {			
			opacity: 1;
			transition: all 0.1s ease 0.5s;
			visibility: visible;
		}
		
		[data-title] {
			position: relative;
		}
				  
		[data-title]:after { 
			content: attr(data-title);
			position: absolute;
			left: 0;
			top: 45px;
			background-color: #555;
			color: #fff;
			text-align: center;
			border-radius: 6px;
			padding: 6px;
			transition: all .2s ease-in-out;
			text-shadow: 1px 1px 2px #0000007a;
			opacity: 0;
			z-index: 99999;
			visibility: hidden;
		}
		  


		  
		  
		  
		@media only screen and (max-width: 1535px) {  
		
			.reports-Container {
				flex-direction:column;
			}

			.reports-ContainerInnerSideBox {width:100%;}
			.reports-ContainerInnerSideBox > .dashboard-sideBySideBox {max-width:none;} 
		  
		 
		}
		@media only screen and (max-width: 1460px) {
		
			.dashboard-mobileFix-TopCharts {
				width: 100% !important;
				display: block !important;
				margin: auto !important;
				max-width: 100% !important;
				margin-top:10px !important;
				margin-bottom:10px !important;
			}
			
			.dashboard-mobileFix-noFlex {
				display: inherit !important;
			}
			.dashboard-mobileFix-noFlexInnerDiv {
				width:100% !important;
				max-width:100% !important;
			}
			.dashboard-sideBySideBox {
				width: 100% !important;
				display: block !important;
				margin: auto !important;
				max-width: 100% !important;
				margin-top:10px !important;
				margin-bottom:10px !important;
			}
			
			.dashboard-userReviewTopBox {
				width:260px !important;
			}
			
			.dashboard-userReviewTopBox-ratingContainer {
				font-size:11px !important;
			}
			.dashboard-userReviewTopBox-starRating {
				height: 15px !important; 
			}
			
			.dashboard-userReviewTopBoxInner-topSection-InnerContent > span > .dashboard-Hide {display:none !important;}
		
		}
		
		@media only screen and (max-width: 1325px) {
			.reports-TopBoxesContainer {
			flex-direction: column;
			}

			.reports-TopBoxesContainer-Column{
				width: 100%;
			}

		}
		
		@media only screen and (max-width: 1280px) {
			.dashboard-userReviewTopBox {
				width: 225px !important;
			}
			
			
			.dashboard-userReviewTopBox-ratingContainer > .dashboard-Hide {display:none !important;}
			
			.dashboard-userReviewTopBoxCount {font-size:40px !important;}
		}
		
		@media only screen and (max-width: 1150px) {
		
			#nav-Sep{display:inherit;}
			
		    .dashboard-userReviewTopBox {
				width: 225px !important; 
				height: 110px !important; 
			}
			.dashboard-userReviewTopBoxCount {
				font-weight: 900 !important; color: #5bb6f9 !important; font-size: 35px !important; 
			}
			.dashboard-userInfo { 
				height: auto !important; 
			}
			
			.dashboard-userReviewTopBoxInner-topSection-InnerIcon {
				width: 85px !important; 
				height: 100% !important; 
				background-size: 65% !important; 	
			}
			
			.dashboard-userInfoName {
				font-size:20px !important; 
			}
			.dashboard-userInfoBusinessName {
				font-size:15px !important; 
			}
			.dashboard-userInfoBusinessLocation {
				font-size:12px !important; 
			}
			
			.dashboard-userPhoto {
				min-height: 80px !important;
				min-width: 80px !important;
				max-height: 80px;
				max-width: 80px;
			}
			
			.dashboard-userInfoInner {		
				overflow: hidden;
				white-space: nowrap;
			}
			
			.dashboard-userTopBar {
				justify-content: center;
				align-items: center;
				overflow-x: auto;
				width: 90vw;
				white-space: nowrap;
				
			}
			
			.dashboard-userTopOptionsBtnIcon {
				height: 45px !important; 
			}
			
			.dashboard-Hide {display:none !important;}
			
			
			
			.nav-panel, .nav-panel-itemBottom {margin-left:-250px;}
			.main-Content { margin-left:0px; padding-top: 45px;}		
			.mobile-menu {display:block;}
			.mobile-menu-nav {display:flex;}
			.dashboard-userTopOptions {display: none;}
			.dashboard-userTopBar { justify-content: center; align-items: center; }
			
		}
		
		@media only screen and (max-width: 1135px) {

			.dashboard-userReviewTopBoxGrid {		
				display: flex;
				flex-basis: calc(50% - 10px);
				justify-content: center;
				flex-direction: column;
				align-items: center;
				padding: 5px;

			}		
			
			.dashboard-userBottomBar {
				align-items: center;
				justify-content: center;
				flex-wrap: wrap;
				flex-direction: row;
				height:auto;			
			}
			.dashboard-topHeader {
				height: 400px;
			}
			
			.dashboard-userReviewTopBox {
				width: 270px !important;
			}
			.dashboard-userTopOptionsBtnIcon {
				height: 30px !important;
			}
			
			.dashboard-userTopOptionsBtn {
				font-size: 13px;
				margin-left: 5px;
				padding-left: 5px;
			}
		}


		
		@media only screen and (max-width: 1060px) {
			
			#marketingRequestEmployeesContainer {margin-bottom:15px;}
		
		}
		
		@media only screen and (max-width: 980px) {
			
			.nav-panel, .nav-panel-itemBottom {margin-left:-250px;}
			.main-Content { margin-left:0px; padding-top: 45px;}		
			.mobile-menu {display:block;}
			.mobile-menu-nav {display:flex;}
			.dashboard-userTopOptions {display: none;}
			.dashboard-userTopBar { justify-content: center; align-items: center; }
		
		}
		
		
		@media only screen and (max-width:840px) {
		
			.employees-BoxContainer > div { justify-content:left; }
		}
		
		@media only screen and (max-width:860px) {
		
		}		
		@media only screen and (max-width:800px) {
			.notifications-ContainerTopSection {
				justify-content: center;
				flex-direction: column;		
			}
		}
		
		@media only screen and (max-width: 770px) {
			.dashboard-userTopOptions {display: none;}
		}
			
		@media only screen and (max-width: 755px) {	
			.dashboard-bottomGrid { height: 300px; }
			.dashboard-bottomGridContentsTitle { font-size: 15px; }
			.dashboard-bottomGridContents { font-size: 12px; }
			.helpdesk-TopVideos {height:150px !important;}
		}
			
		
		@media only screen and (max-width: 650px) {
			
			#import-msg { top: 50px !important; }
		
			.dashboard-sideBySideBoxTop { display: block; }
		
			.dashboard-sideBySideBoxTop-titleContainer {
				display:block;
				width:100%;
				text-align:center;
			}
			.dashboard-sideBySideBoxTop-optionsContainer {
				margin-top: 10px;
				padding-top: 15px;
				display:block;
				width:100%;
				border-top: 1px solid #efefef;
				text-align:center;
			}
			
			.section-Top {
				font-size: 20px;
				padding-bottom: 20px;
				padding-top: 20px;
			}
			.section-TopProfile {right:20px !important; margin-top: -13px;}
			.section-TopIcon {
				vertical-align: middle;
				margin-top: -6px;
				height: 24px;
			}
			
			.reports-TopButtons {
				flex-direction: column;
			}

			.reports-TopButtons > div { margin:5px;}
			.reports-TopButtons > div > button { margin: 3px; }
		
		}
		
		@media only screen and (max-width: 620px) {
			.settings-ColumnContainer {flex-direction:column;}
			.settings-Column {width:100%;}
		
		}
		
		@media only screen and (max-width: 600px) {
			.dashboard-userReviewTopBox {
				width: 215px !important;
			}
			.dashboard-topEmployeeBoxPhoto {
				width: 80px;
				height: 80px;
			}
			.dashboard-topEmployeeBox {
				font-size:14px;
				overflow:visible;
				padding-left: 10px;
				padding-right: 10px;	
			}
			.dashboard-sideBySideBox-topEmployeesContainer {
				white-space: nowrap;			
				overflow-x: scroll;
				margin: auto;
				max-width:95vw;
			}
			
			.dashboard-recentReviewBox-customerPhoto, .dashboard-recentReviewBox-clientPhoto {
				width: 50px;
				height: 50px;
				border: 2px solid white;
			}
			
			.dashboard-recentReviewBoxPlatformIcon {
				height: 24px;
				right: -5px;
				border-width: 2px !important;
			}
			
			.dashboard-replyReviewBox {
				padding-left: 75px;
			}
			
			.dashboard-recentReviewBox-customerReview, .dashboard-recentReviewBox-clientReply {
				font-size: 13px;
			}
			.dashboard-recentReviewBox-customerReviewTopBarWhite, .dashboard-recentReviewBox-customerReviewTopBar, .dashboard-recentReviewBox-clientReplyTopBar {
				font-size: 12px; text-align: center;
			}
			
			.dashboard-recentReviewBoxReviewImg {
				max-height: 60px;
				max-width: 60px;
			}
			
			.dashboard-recentReviewBox, .dashboard-recentReviewBoxGrey, .dashboard-replyReviewBox, .dashboard-recentReviewBoxNegative {
				background-position-x: 35px;
			}
			
			.dashboard-reviewPhotosBox { display: inherit; }
			
			.dashboard-sideBySideBox-recentReviewsContainer {			
				background-position-x: 48Px;
			}
		}
		
		@media only screen and (max-width: 560px) {
		
			.notifcations-TopButtons {flex-direction:column}
			.notifcations-TopButtonsSection1 {margin-top:5px;}
			.notifcations-TopButtonsSection2 {margin-top:5px;}
		}
		
		
		@media only screen and (max-width: 500px) {
			.dashboard-bottomGridContents {
				font-size: 12px;
				padding: 10px;
			}
			.dashboard-bottomGridContentsTitle {
				font-size: 12px;
			}
			
			.dashboard-blackBar { font-size: 13px; }
			
			.dashboard-sideBySideBox-chart {display: none !important;}
			.dashboard-sideBySideBox-chartContainer {display: flex;justify-content: center; align-items: center;}
			.dashbaord-chartMobileMessage {display:block;}
			.dashboard-userTopBar { justify-content: flex-start; align-items: center; }
			
			.shortlinks-mobileHide {display:none;}
			.chartOptions-mobileHide {display:none !important;}
			.dashboard-userReviewTopBox {padding:3px;}
			
			#dashboard-ReviewPlatforms-innerContent  {display:none;}
			
			#AddEditBusiness-photoPreview { max-width:400px; width:inherit !important; }
		}
		
		
		@media only screen and (max-width: 485px) {
			
			.dashboard-Hide2 {display:none !important;}
			.dashboard-userReviewTopBoxInner-topSection-InnerIcon {display: none;}
			.dashboard-userReviewTopBox-mainStatsTotalReviews {
			    font-size: 10px;
				color: #5597db;
				padding: 2px;
				border: 1px solid #b2dafc;
				border-radius: 5px;
				background: #eaf7ff;
				font-weight: 900;
				padding-left: 4px;
			}
			.dashboard-userReviewTopBox-mainStatsTotalNegReviews {
				color: #d13a3a;
				background: #ffd7de;
				border: 1px solid #ffa6a6;
				padding: 2px;
				border-radius: 5px;
				font-size: 10px;
				font-weight: 900;
				padding-left: 4px;
				padding-right: 4px;
			}
			.dashboard-userReviewTopBoxInner-topSection-InnerContent {font-size:12px !important;}
			.dashboard-userReviewTopBox {width:100% !important;}
			.dashboard-userReviewTopBoxCount {font-size: 30px !important;}
			.dashboard-userReviewTopBoxInner-bottomSection {font-size: 10px;}	
			.dashboard-userReviewTopBoxSmallIcon {
				display: inline-block;
				margin-right: 5px !important;
				height: 20px;
				vertical-align: middle;
				margin-bottom: 6px;
			}
			
			.dashboard-topReviewBoxPlatformIcon {display:inherit;}
			
			.dashboard-userReviewTopBoxCount {display:flex;align-items:center;}

		}
		
		@media only screen and (max-width: 425px) {		
						
			.reports-ReviewPlatformBox {
				margin-bottom: 15px;display:block;
			}

			.reports-lastReviewPatform{
				margin-right:0px !important;
			}
			
			.reports-ReviewSearchBox {
				width: 80%;
			}
		
		}
		
		@media only screen and (max-width: 400px) {
		
			.landingpages-PlatformBoxInner > img {			
				height: 40px;
			}
		
		}
		
		@media only screen and (max-width: 390px) {
		
			.helpdesk-TopVideo {height: 100px !important;}
			.reports-TopBox > span {
				font-size:17px;
			}

			.reports-TopBoxLast {
				min-width:0px !important;
				width: 215px !important;
				flex: none;
			}
			
		}	
		
		@media only screen and (max-width: 370px) {
		
			
			.reports-ReviewSearchBox {width:80% !important;}
		
		}	
		
		@media only screen and (max-width: 360px) {
		
			.reports-mobileHide {display:none;}
		
		}
		
		@media only screen and (max-width: 350px) {
		
			.reports-TopBox > span {
				font-size:15px;
			}

			.reports-TopBoxLast {
				min-width:0px !important;
				width: 175px !important;
				flex: none;
			}
		
		}