/* Move down content because we have a fixed navbar that is 50px tall */
.modal{
	z-index: 9999;
}

body {
	padding-top: 0px;
	padding-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
	line-height: 1.3;
	background-color: rgba(245, 245, 245, 1);
	font-family: "Segoe UI", Arial ,sans-serif !important;
}

	/* Wrapping element */
	/* Set some basic padding to keep content from hitting the edges */
	.body-content {
		padding-left: 15px;
		padding-right: 15px;
	}

	/* Override the default bootstrap behavior where horizontal description lists 
	   will truncate terms that are too long to fit in the left column 
	*/
	.dl-horizontal dt {
		white-space: normal;
	}

	/* Set widths on the form inputs since otherwise they're 100% wide */
	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="select"] {
		/*removd 8-15-2019*/
	}

/* Responsive: Portrait tablets and up */
/*-------------------------------------------------------------------screen start*/
	@media screen and (min-width: 768px) {
		.jumbotron {
			margin-top: 20px;
		}
		.body-content {
			padding-left: 15px;
			padding-right: 15px;
		}

		.distributorLogoFixed {
			background-color: white;
			border-radius: 0px;
			width: 165px;
			height: 85px;
			position: fixed;
			top: 0px;
			left: 65px;
			border: 2px solid white;
			z-index: 9999;
			display: block;
		}
	}

	@media screen and (max-width: 767px) {
		.distributorLogoFixed {
			background-color: white;
			border-radius: 0px;
			width: 185px;
			height: 91px;
			position: fixed;
			top: 0px;
			left: 65px;
			border: 2px solid white;
			z-index: 9999;
			display: none;
		}
	}
	
	@media screen and (max-width: 1400px) {
		.LogOutToHigherLevelButtons {
			display: none;
		}
	}

	@media screen and (max-width: 1300px) {
		.placeholderLIShop {
			display:none;
		}
	}

	/*-------------------------------------------------------------------screen end*/
	.bg-danger {
		background-color: #7d020e !important;
	}

	.alert-danger {
		color: #721c24;
		background-color: #dd2637;
		border-color: #dd2637;
	}

	.alert-success {
		color: #155724;
		background-color: #09992b;
		border-color: #09992b;
	}
	/*-------------------------------------------------------------------buttons start*/

	/*-------------------------------------------------------------------buttons start themes*/
	.btn-primary-main-light-linkbutton {
		display: inline-block;
		font-weight: 700;
		border-radius: 0.3rem;
		color: #fff !important;
		background-color: #0086FF;
		box-shadow: 5px 5px 2px grey;
		width: 200px;
		height: 35px;
		text-align: center;
		font-size: 20px;
		padding: 4px;
		text-decoration: none;
		border-width: 0px;
		margin: 5px;
	}

	.btn-primary-main-light-linkbutton:hover {
		pointer-events: auto;
		cursor: pointer;
		text-decoration: none;
		background-color: #005eb3;
	}

	/*--------------------------------------------------*/
	.btn-success-main-light-linkbutton {
		display: inline-block;
		font-weight: 700;
		border-radius: 0.3rem;
		color: #fff !important;
		background-color: #32a41c;
		border-color: #32a41c;
		box-shadow: 5px 5px 2px grey;
		width: 200px;
		height: 35px;
		text-align: center;
		font-size: 20px;
		padding: 4px;
		text-decoration: none;
		margin: 5px;
	}

	.btn-success-main-light-linkbutton:hover {
		pointer-events: auto;
		cursor: pointer;
		text-decoration: none;
		background-color: #197807;
	}

	/*--------------------------------------------------*/
	.btn-danger-main-light-linkbutton {
		display: inline-block;
		font-weight: 700;
		border-radius: 0.3rem;
		color: #fff !important;
		background-color: #c60d20;
		border-color: #c60d20;
		box-shadow: 5px 5px 2px grey;
		width: 200px;
		height: 35px;
		text-align: center;
		font-size: 20px;
		padding: 4px;
		text-decoration: none;
		border-width: 2px;
		margin: 5px;
	}

	.btn-danger-main-light-linkbutton:hover {
		pointer-events: auto;
		cursor: pointer;
		text-decoration: none;
		background-color: #7a0914;
	}

	.close {
		font-size: 2rem;
		font-weight: 700;
		line-height: 1;
		color: #FFF !important;
		background-color: black !important;
		text-shadow: 0 1px 0 #fff;
	}

	.close:hover {
		font-size: 2rem;
		font-weight: 700;
		line-height: 1;
		color: white !important;
		background-color: black !important;
		text-shadow: 0 1px 0 #fff;
	}
	/*-------------------------------------------------------------------buttons end themes */

	/*---------------Invoice buttons start*/
	/*--------------------------------------------------*/
	.btn-danger-main-light-linkbutton-invoice {
		display: inline-block;
		font-weight: 700;
		border-radius: 0.3rem;
		color: #fff !important;
		background-color: #c60d20;
		border-color: #c60d20;
		box-shadow: 5px 5px 2px grey;
		width: 200px;
		height: 35px;
		text-align: center;
		font-size: 20px;
		padding: 4px;
		text-decoration: none;
		border-width: 2px;
		margin: 5px;
	}

	.btn-danger-main-light-linkbutton-invoice:hover {
		pointer-events: auto;
		cursor: pointer;
		text-decoration: none;
		background-color: #7a0914;
	}
	/*--------------------------------------------------*/
	.btn-secondary-main-light-linkbutton-invoice {
		display: inline-block;
		font-weight: 700;
		border-radius: 0.3rem;
		color: #fff !important;
		background-color: #8e9195;
		border-color: #8e9195;
		box-shadow: 5px 5px 2px grey;
		width: 200px;
		height: 35px;
		text-align: center;
		font-size: 20px;
		padding: 4px;
		text-decoration: none;
		border-width: 2px;
		margin: 5px;
}

	.btn-secondary-main-light-linkbutton-invoice:hover {
		pointer-events: auto;
		cursor: pointer;
		text-decoration: none;
		background-color: #57595c;
	}
	/*--------------------------------------------------*/
	.btn-success-main-light-linkbutton-invoice {
		display: inline-block;
		font-weight: 700;
		border-radius: 0.3rem;
		color: #fff !important;
		background-color: #32a41c;
		border-color: #32a41c;
		box-shadow: 5px 5px 2px grey;
		width: 200px;
		height: 35px;
		text-align: center;
		font-size: 20px;
		padding: 4px;
		text-decoration: none;
		margin: 5px;
	}

	.btn-success-main-light-linkbutton-invoice:hover {
		pointer-events: auto;
		cursor: pointer;
		text-decoration: none;
		background-color: #197807;
		
	}
	/*--------------------------------------------------*/
	.btn-primary-main-light-linkbutton-invoice {
		display: inline-block;
		font-weight: 700;
		border-radius: 0.3rem;
		color: #fff !important;
		background-color: #0086FF;
		box-shadow: 5px 5px 2px grey;
		width: 200px;
		height: 35px;
		text-align: center;
		font-size: 20px;
		padding: 4px;
		text-decoration: none;
		border-width: 0px;
		margin:5px;
	}

	.btn-primary-main-light-linkbutton-invoice:hover {
		pointer-events: auto;
		cursor: pointer;
		text-decoration: none;
		background-color: #005eb3;
	}
	/*--------------------------------------------------*/
	.btn-info-main-light-linkbutton-invoice {
		display: inline-block;
		font-weight: 700;
		border-radius: 0.3rem;
		color: #fff !important;
		background-color: #17a2b8;
		box-shadow: 5px 5px 2px grey;
		width: 200px;
		height: 35px;
		text-align: center;
		font-size: 20px;
		padding: 4px;
		text-decoration: none;
		border-width: 0px;
		margin: 5px;
	}

	.btn-info-main-light-linkbutton-invoice:hover {
		pointer-events: auto;
		cursor: pointer;
		text-decoration: none;
		background-color: #0a6270;
	}

/*---------------Invoice buttons end*/

	.CustomButtonDisabled {
		display: inline-block;
		border-style: solid;
		box-sizing: border-box;
		color: black !important;
		background-color: white;
		text-decoration: none;
		box-shadow: none;
		font-weight: 700;
		font-size: 20px;
		border-radius: 0.3rem;
		padding: 3px;
		border-color: black;
		border-width: 1px;
		pointer-events: none;
		cursor: default;
		width: 200px;
		height: 35px;
		text-align: center;
		margin: 5px;
	}

	.CustomButtonDisabled:hover {
		border-style: solid;
		box-sizing: border-box;
		color: black !important;
		background-color: white;
		text-decoration: none;
		box-shadow: none;
		font-size: 20px;
		font-weight: 700;
		border-radius: 0.3rem;
		padding: 3px;
		border-color: black;
		border-width: 1px;
		pointer-events: none;
		cursor: default;
		width: 225px;
		height: 35px;
	}

	.btn {
		font-weight: 700;
		border-radius: 0.3rem;
		font-size: 1.1rem;
	}

	.btn-shadow {
		box-shadow: 5px 5px 2px grey;
	}

	.btn-primary {
		color: #fff;
		background-color: #0086FF;
		border-color: #0086FF;
	}

	.btn-outline-primary {
		color: #2b2222;
		background-color: #d7dde3;
		border-color: #1c3556;
	}

	.btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
		color: #fff;
		background-color: #1c3556;
		border-color: #1c3556;
	}

	.btn-secondary {
		color: #fff;
		background-color: #8e9195;
		border: #8e9195;
	}

	.btn-success {
		color: #fff;
		background-color: #32a41c;
		border: #32a41c;
	}

	.btn-danger {
		color: #fff;
		background-color: #c60d20;
		border: #c60d20;
	}

	.btn-sm, .btn-group-sm > .btn {
		padding: 0.2rem 0.4rem;
		font-size: 0.875rem;
		line-height: 0.9;
		border-radius: 0rem;
	}
	/*-------------------------------------------------------------------buttons end*/

	/*-------------------------------------------------------------------table start*/
	table {
		border-collapse: unset;
	}

	.table th, .table td {
		padding: 0.1rem;
		vertical-align: middle;
		border-top: 0.3px solid #dee2e6;
	}

	.table-striped tbody tr:nth-of-type(2n+1) {
		background-color: rgba(202, 202, 202, 0.19);
	}
	/*-------------------------------------------------------------------table end*/

	/*-------------------------------------------------------------------navbar start*/

	.navbar {
		background-color: white;
	}

	.navbar-brand {
		padding-left: 15px;
		padding-right: 15px;
	}

	.navbar .btn-outline-primary {
		color: black;
		background-color: rgba(200, 200, 200, 0);
	    border-color: white;
		font-weight: 500;
		letter-spacing: .03em;
		font-size: 1.2em;
	}

	.navbar .btn-outline-primary:hover {
		border-color: white;
		font-weight: 700;
	}
	/*-------------------------------------------------------------------navbar end*/

	.userNameOnHeaderLi {
		margin-top: 0px;
	}

	.userNameOnHeader {
		color: black;
		text-decoration: none;
		background-color: transparent;
		font-weight: 700;
		padding-top: 7px;
	}

.pagename {
	padding: 0px;
	padding-bottom: 5px;
	font-size: 1.1rem;
	margin: 0px;
}

	.StickyTopMeny {
		position:sticky; 
		width:100%; 
		top: 75px; 
		opacity: 1; 
		background-color: rgba(245, 245, 245, 1); 
		z-index:9997;
		padding:15px;
		/*Height has to be custom because every page is different*/
	}

	.headerInvis {
		display:none;
	}

	.solidBackground {
		opacity: 1;
		background-color: rgba(245, 245, 245, 1);
	}

	.form-control {
		border: 2px solid #ced4da;
		border-radius: 0.5rem;
		color: #000;
		line-height: 2.5;
		padding-left: 12px;
		font-weight: 600;
		letter-spacing: 0.3px;
		/*4/8/2020 start*/
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		/*4/8/2020 end*/
	}

	.form-control:focus {
		color: #000;
	}

	.control-label {
		font-weight: 700;
		letter-spacing: .05em;
	}

	label {
		margin-bottom: 0.0rem;
		font-size: 1.1rem;
		font-weight: 700;
	}

	.col-md-6 {
		max-width: 100%;
		top: 0px;
		left: -1px;
	}

	.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
		color: #0086FF;
		background-color: #F5F5F5;
		border: 1px solid #0069D9;
		margin: 1px;
	}

	.nav-pills .nav-link, .nav-pills .show > .nav-link {
		color: white;
		background-color: #343a40;
		border: 1px solid;
		margin: 1px;
	}

	#topLogoMain {
		background-color: red;
		opacity: 1;
	}

	#PasswordLogIn, #EmailLogIn {
		max-width: 480px;
	}

	input[type="email"], input[type="password"] {
		max-width: 680px;
	}

	.custom-label {
		background-color: transparent !important;
		border: 0;
		padding: 0;
	}

	.remove-arrow {
		-webkit-appearance: none;
		-moz-appearance: none;
		text-indent: 1px;
		text-overflow: '';
	}

	.modal-backdrop {
		opacity: 0.5 !important;
	}

/*  2/4/2020  page style start*/
	.GridPager a,
	.GridPager span {
		display: inline-block;
		padding: 0px 9px;
		margin-right: 4px;
		border-radius: 3px;
		border: solid 1px #c0c0c0;
		background: #e9e9e9;
		box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
		font-size: .875em;
		font-weight: bold;
		text-decoration: none;
		color: #717171;
		text-shadow: 0px 1px 0px rgba(255,255,255, 1);
	}

	.GridPager a {
		background-color: #f5f5f5;
		color: #969696;
		border: 1px solid #969696;
	}

	.GridPager span {
		background: #616161;
		box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
		color: #f0f0f0;
		text-shadow: 0px 0px 3px rgba(0,0,0, .5);
		border: 1px solid #3AC0F2;
	}

	div.configurationbox{
		padding-bottom: 50px;
	}

	div.configurationbox-title
	{
		font-size: 1.3em;
		font-weight: 700;
		padding-bottom: 20px;
	}
	.configurationbox-statusmessage{
		font-size: 1em;
		font-weight: 500;
		color: red;
	}

/*  2/4/2020  page style end*/