td{
		text-align: left !important;
	}
	table{
		border: 2px solid gray !important;
	}
	td{
		line-height: 20px !important;
	}
	th{
		background-color: #81003C !important;
		color: white;
	}
	.form-control:focus {
		box-shadow: 0 0 0 0rem;
	} 
	.containernone:hover
	{
	background-color: white;
	}
	body
	{
	font-family: lato !important;
	font-style: normal;
	font-weight: normal;
	}
	select
	{
	-webkit-appearance:auto;
	}
	ul
	{
	padding-left: 0px !important;
	margin-bottom: 0px !important;	
	}
	a
	{
	text-decoration: none;
	}
	.leftpart,.rightpart
	{
	padding: 0px !important;
	}
	.accordion-item:first-of-type {
	border-radius: 0.25rem;
	}
	.accordion-item:not(:first-of-type) {
	border-top: 1px solid lightgray;
	}
	.accordion-button::after {
	flex-shrink: 0;
	width: 1.25rem;
	height: 1.25rem;
	margin-left: auto;
	content: "";
	background-image: url("/app/images/pms-images/Group 5021.svg");
	background-repeat: no-repeat;
	background-size: 1.25rem;
	transition: transform .2s ease-in-out;
	}
	.accordion-button:not(.collapsed)::after{
	background-image: url("/app/images/pms-images/Group 5026.svg");
	}
	.accordion-button{
	height: 40px;
	}
	.error-msg{
	color: red;
	font-size: 20px;
	font-weight: bold;
	}
	/** Overlay CSS */
	.overlay {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	background: lightgray;
	z-index: 10;
	opacity: 0.5;
	}
	.overlay__inner {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	}
	.overlay__content {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	}
	.spinner {
	width: 75px;
	height: 75px;
	display: inline-block;
	border-width: 2px;
	border-color: rgba(255, 255, 255, 0.05);
	border-top-color: #000000;
	animation: spin 1s infinite linear;
	border-radius: 100%;
	border-style: solid;
	}
	@keyframes spin {
	100% {
	transform: rotate(360deg);
	}
	}

	.returns-pos-color {
		color: #3D9C96;
	}
	.returns-neg-color {
		color: #EB0000;
	}

	.positive {
		color: #3D9C96;
	}
	.negative {
		color: #EB0000;
	}
	.modals {
	display: none;
	position: fixed; 
	z-index: 1;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto; 
	background-color: rgb(0,0,0); 
	background-color: rgba(0,0,0,0.4);
	}
	.modals-content {
   /* background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 40%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: 'lato'sans-serif !important;
	line-height: 40px;*/
	}
	.closes {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	position: absolute;
	top: 125px;
	right: 146px;
	}
	.closes:hover,
	.closes:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	}
	button{
		font-family: lato !important;
	}
	.form-control:focus::placeholder{color:gray !important;}
	.form-select{
		background-image: url("/app/images/pms-images/arrow-down-s-line.svg");
		background-size: 30px 30px;
	}
	.dropdown-toggle::after{
	 border-top: 0.3em solid #ED1164;
	border-right: 0.3em solid transparent;
	border-left: 0.3em solid transparent;
	}
	.accordion-button:focus {
	box-shadow: none;
	border-color: rgba(0,0,0,.125);
	}
	.topsearchbar_1{
		width: 420px;
	}
	.topsearchbar{
		width: 420px;
		margin-top: -13px
	}
	.topcontainer{
			height: 350px;
	}
	.topfirst_row{
			padding-left: 115px !important;
			margin-top: 20px!important;
	}
	.benefits_card1_para1{
		margin-left: 90px;
	}
	.benefits_card1_img1{
		padding-left: 115px;
	}
	.benefits_card2_img2{
		padding-left: 140px;
	}
	.benefits_card3_img3{
		padding-left: 175px;
	}
	.topheading{
		font-size: 38px;
		font-weight: 700;
	}
	.topheading-2{
		font-size: 28px;
	}
	.all_second_title{
		font-size: 24px;
		color: #97144d;
	}
	.topheading_para1{
		font-size: 20px;
	}
	.second_para{
		font-size: 18px;
		color: #97144d;
	}
	::-webkit-scrollbar {
		width: 5px;
		background-color: lightgrey;
	}

	::-webkit-scrollbar-thumb {
		background-color: gray;
		height: 20px;
		border-radius: 10px;
	}
	.icon {
	  padding-left: 30px;
	  background: url("/app/images/pms-images/search-line.svg") no-repeat left;
	  /*background-size: 20px;*/
	   background-position: 3px 8px;
	}
	.table_mobile{
		display: none;
	}
	.disclaimer-pms{
		padding: 45px 140px 40px 140px;
		background-color: #282828;
		color: #fff;
		font-size: 13px;
	}
	.explore-pms{
		height: 105px;
		background-color: #F9F9F9;
		border: none;
	}
	.explore-pms:hover{
		border: 1px solid #ED1164 !important;
	}
	@media only screen and (max-width: 760px),
	(min-device-width: 761px) and (max-device-width: 1024px)  {


		#modal-chart-view{
			rotate: 90deg;
			display: none  !important;
		}

		#modal-table-view{
			display: block  !important;
		}
		
		.disclaimer-pms{
			padding: 30px !important;
		}
			.topcontainer{
				height: auto !important;
			}
			.topfirst_row{
					padding-left: 0px !important;
					padding-right: 0px !important;
					padding-top: 0px !important;
			}
			.row{
				margin-bottom: 0px;
			}
			.benefits_card1_para1{
				margin-left: 0px;
			}
			.benefits_card1_img1{
			padding-left: 26px;
			}
			.benefits_card2_img2{
				padding-left: 90px;
			}
			.benefits_card3_img3{
				padding-left: 135px;
			}
			.topheading{
				font-weight: 900;
				font-size: 24px;
				text-shadow: 0px 0px 0px 0px 0px 0px;
				margin-bottom: 0px;
			}
			.topheading-2{
				font-size: 18px;
				text-shadow: 0px 0px 0px 0px 0px 0px;
				margin-bottom: 0px;
			}
			.topheading_para1{
				font-size: 16px;
				margin-bottom: 0px;
				margin-top: 10px;
			}
			.second_para{
				font-size: 16px;
			}
			.inhouse_div{  
			 overflow-x: scroll !important;
			}
			.inhouse_row{
				width: 350%;
			}
			.all_second_title{
				font-size: 18px;
			}
			.card-body{
				padding-right: 0px;
			}
			.btn_discover{
				width: 218px !important;
				padding: 0px !important;
			}
			.topsearchbar_1{
				width: 420px;
			}
			.topsearchbar{
				width: 210px !important;
			}
			.table_desktop{
				display: none;
			}
			.table_mobile{
				display: block;
			}
	}
	@media screen and (max-width: 997px){
		.site-start {
	     margin-top: 0px !important;
	}
}
	@media only screen and (min-width: 1400px){
		.topcontainer{
			height: 420px;
		}
	}