.navbar {
	
}

/* padding margin */
.mlr0 {
	margin-left: 0px;
	margin-right: 0px;
}
.plr0 {
	padding-left: 0px;
	padding-right: 0px;
}
.ptb10 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.pm0 {
	padding: 0px;
	margin: 0px;
}
.pml0 {
	padding-left: 0px;
	margin-left: 0px;
}
.pmr0 {
	padding-right: 0px;
	margin-right: 0px;
}
.pmlr0 {
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

/*Scroll Bar Style*/
/* Works on Firefox */
div.cost_scroll {
  scrollbar-width: thin; /* "auto" or "thin" */
  /*scrollbar-color: blue orange;*/ /* scroll thumb and track */ 
  background-color: linear-gradient(180deg, #d0368a 0%, #708ad4 99%);
}
.cost_scroll {}
/* Works on Chrome, Edge, and Safari */
div ::-webkit-scrollbar {
    height: 8px;
    width: 12px;
    background: #092A56;
}
div ::-webkit-scrollbar-thumb {
    background: #697D98;
    -webkit-border-radius: 1ex;
    /*-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);*/
}
div ::-webkit-scrollbar-corner {
    background: #000;
}

/*Tab style*/
.nav-tabs > li > a:hover {
	color: #555;
  	border-color: #eee #eee #ddd;
  	border-radius: 20px;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  	color: #555;
  	cursor: default;
  	background-color: #fff;
  	border: 1px solid #ddd;
  	border-bottom-color: transparent;
  	border-radius: 20px;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* The checkcontainer */
.checkcontainer {
  	display: block;
  	position: relative;
  	padding-left: 35px;
  	margin-bottom: 12px;
  	cursor: pointer;
  	font-size: 14px;
  	-webkit-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
  	user-select: none;
}
/* Hide the browser's default radio button */
.checkcontainer input {
  	position: absolute;
  	opacity: 0;
  	cursor: pointer;
}
/* Create a custom radio button */
.checkmark {
  	position: absolute;
  	top: 0;
  	left: 0;
  	height: 20px;
  	width: 20px;
  	background-color: #eee;
  	border-radius: 50%;
}
/* On mouse-over, add a grey background color */
.checkcontainer:hover input ~ .checkmark {
  	background-color: #ccc;
}
/* When the radio button is checked, add a blue background */
.checkcontainer input:checked ~ .checkmark {
  	background-color: #2196F3;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  	content: "";
  	position: absolute;
  	display: none;
}
/* Show the indicator (dot/circle) when checked */
.checkcontainer input:checked ~ .checkmark:after {
  	display: block;
}
/* Style the indicator (dot/circle) */
.checkcontainer .checkmark:after {
  	top: 6px;
  	left: 6px;
  	width: 8px;
  	height: 8px;
  	border-radius: 50%;
  	background: white;
}