/*header*/


.ui_link {
	color: #4a4a4a;
	text-decoration: none;
	cursor: pointer;
}

@media (min-width: 1024px) {
	.ui_link:hover, .ui_link:active {
		color: #4a4a4a;
		text-decoration: underline;
	}
}

.ui_link:focus {
	color: #4a4a4a;
	text-decoration: underline;
	outline: none;
}

.ui_link:visited {
	color: #4a4a4a;
	text-decoration: none;
}

.ui_header.title {
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
	color: #000a12;
}

@media (max-width: 767px) {
	.ui_header.title {
		font-size: 16px;
		line-height: 20px;
	}
}

.ui_header.h1 {
	font-weight: bold;
	font-size: 32px;
	line-height: 36px;
	color: #000a12;
}

.main-container{
  padding:30px 15px 30px 30px;
}
.main-container-submenu{
  height:calc(100vh - 66px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  overflow: auto;
  position: relative;
}
.root-container {
 height:calc(100% - env(safe-area-inset-top) - env(safe-area-inset-bottom));
 overflow: hidden;
}
@media (max-width: 767px) {
	.ui_header.h1 {
		font-size: 18px;
		line-height: 22px;
	}
  .main-container{
    padding:15px;
  }
  .root-container {
    height:calc(100vh +47px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
   }
   .main-container-submenu{
    height:calc(100vh - 116px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  }
}


.ui_header.h2 {
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
	color: #000a12;
}

@media (min-width: 768px) {
	.ui_header.h2 {
		font-size: 20px !important;
		line-height: 24px !important;
	}
}

@media (max-width: 768px) {
	.ui_header.h2 {
		font-size: 16px !important;
		line-height: 20px !important;
	}
}


.ui_header.h3 {
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	color: #000a12;
}

@media (max-width: 767px) {
	.ui_header.h3 {
		font-size: 14px;
		line-height: 18px;
	}
}

.ui_header.h4 {
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	color: #767676;
}

/*Explore*/

.ep_hd_img {
	position: absolute;
	bottom: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
	padding: 0;
	margin: 0;

}

.sticky-offset {
	top: 56px;
}

.ep_container {
	margin: 0 0 40px 0;
	padding: 0;
	width: 100%;
	position: relative;
	min-height: 350px;
	padding: 50px 0;
	background-repeat: no-repeat;
	background-size: cover;
	box-sizing: border-box;
}

.ui_container {
	position: relative;
	padding: 0 24px;
	box-sizing: border-box;
	max-width: 1280px;
}

.suggestion-followers-section {
	padding: 24px;
	margin-bottom: 12px;
}


.ui_card {
	border-radius: 2px;
	background-color: #fff;
	box-sizing: border-box;
	border-width: 1px 0;
	border-style: solid;
	border-color: #e5e5e5;
}

@media (min-width: 1024px) {
	.ui_container {
		margin: 0 auto;
	}
}

@media (min-width: 768px) {
	.ui_container {
		margin: 0 auto;
	}

	.suggestion-section {
		visibility: visible !important;
	}
}

@media (max-width: 768px) {
	.ui_container {
		margin: 0 auto;
		padding: 0 15px;
	}

	.suggestion-section {
		visibility: hidden !important;
	}
}


.ui_card.section {
	padding: 16px;
}

@media (min-width: 768px) {
	.ui_card.section {
		padding: 24px;
	}
}


@media (min-width: 768px) {
	.ui_card {
		border-width: 1px;
		border-style: solid;
		border-color: #e5e5e5;
	}

}


@media (min-width: 768px) {
	.ep_container {
		height: 250px;
		min-height: 250px;
		padding: 0px;
	}
}

/*.ui_column {*/
/*    padding-left: 16px;*/
/*    padding-right: 16px;*/
/*}*/

@media (max-width: 768px) {
	.ep_container {
		height: 140px;
		min-height: 140px;
		margin: 0 0 24px 0;

	}

	.ui_column {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}


.ui_card_title {
	padding: 16px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: baseline;
	-ms-flex-align: baseline;
	align-items: baseline
}

.ui_style2 {
	height: 210px;
}

.ui_style3 {
	height: 280px;
}

.ui_style4 {
	height: 290px;
}

.ui_style5 {
	height: 290px;
}

.ui_style19 {
	height: 290px;
}

@media (max-width: 768px) {
	.ui_card_title {
		padding: 8px 16px !important;
	}

	.ui_style2 {
		height: 190px !important;
	}

	.ui_style3 {
		height: 250px !important;
	}

	.ui_style4 {
		height: 257px !important;
	}

	.ui_style5 {
		height: 270px !important;
	}

	.ui_style19 {
		height: 290px !important;
	}
}

.content-description {
	/*margin-top: 8px;*/
	white-space: normal;
}

.content-description .content-background {
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	font-size: 15px;
	color: rgb(102, 102, 102) !important;
}

.content-description .content-background .description-text {
	font-size: 14px;
	color: rgb(102, 102, 102) !important;
}


/*trip card slide*/
.explore-trip-card-slide {
	/*border: rgb(221, 221, 221) solid 1px;*/
	/*border-radius: 2px;*/
}

.explore-trip-card-slide .thumbnail {
	max-height: 113px;
	position: relative;
}

.explore-trip-card-slide .thumbnail img {
	border-top-left-radius: 1px;
	border-top-right-radius: 2px;
	width: 100%;
	height: 113px;
}

.explore-trip-card-slide .info-box {
	padding: 12px;
	text-align: left;
	/*min-height: 120px;*/
}

.explore-trip-card-slide .info-box .openDate {
	margin-bottom: 3px;
}

.explore-trip-card-slide .info-box .openDate a {
	/*font-family: AndaleMono;*/
	font-size: 13px;
	letter-spacing: 0px;
	color: rgb(153, 153, 153);
}

.explore-trip-card-slide .subject {
}

.explore-trip-card-slide .subject a {
	font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif !important;
	/*font-weight: 600 !important;*/
	font-size: 14px;
	color: rgb(51, 51, 51);

	overflow: hidden;
}



@media (max-width: 576px) {
	.card-columns {
		column-count: 2;
	}

	.country .card-columns {
		column-count: 2;
	}

	.setting .card-columns {
		column-count: 2;
	}

	.white-nav .navbar {
		background-color: rgb(217, 35, 23);
	}
}

@media (min-width: 576px) {
	.card-columns {
		column-count: 2;
	}

	.country .card-columns {
		column-count: 3;
	}

	.setting .card-columns {
		column-count: 2;
	}

	.white-nav .navbar {
		/*background-color: rgb(217, 35, 23);*/
	}
}

@media (max-width: 768px) {
	.white-nav .navbar {
		background-color: rgb(217, 35, 23);
	}
	.setting .card-columns {
		column-count: 1;
	}
}

@media (min-width: 768px) {
	.card-columns {
		column-count: 3;
	}

	.setting .card-columns {
		column-count: 2;
	}

	.country .card-columns {
		column-count: 4;
	}

}

@media (min-width: 992px) {
	.card-columns {
		column-count: 3;
	}

	.country .card-columns {
		column-count: 4;
	}

	.setting .card-columns {
		column-count: 3;
	}

	.white-nav .navbar {
		background-color: transparent;
	}

}

@media (min-width: 1200px) {
	.card-columns {
		column-count: 3;
	}

	.setting .card-columns {
		column-count: 3;
	}

	.country .card-columns {
		column-count: 5;
	}
}

/*section 1*/
.timepipe-title {
	height: 40px;
}

.tp-header-text {
	color: white !important;
	font-size: 16px;
	letter-spacing: 1px;
}

.download-btn {
	min-width: 100px;
	padding: 14px 24px;
	background: white;
	opacity: 0.85;
	border-radius: 8px;
	color: #484848;
	/*border: 2px solid white;*/
	margin: 0 3px;
	font-size: 16px !important;
	font-weight: 600;
	line-height: 20px !important;
	letter-spacing: normal !important;

}

.intro-title-description {
	margin-bottom: 20px;
}

/*section 2*/
.intro-sec2-title {
	font-size: 40px;
	color: black !important;
	font-weight: bold;
	margin-bottom: 18px !important;
}

.intro-sec2-description {
	font-size: 21px;
	line-height: 1.38105;
	font-weight: 400;
	letter-spacing: .011em;
	margin-bottom: 30px;
}

/*section 3*/

/*section 4*/

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.popular-country {
		margin: 0 24px;
	}

	.timepipe-title {
		height: 60px;
	}

	.tp-header-text {
		font-size: 24px;
		letter-spacing: 1px;
	}

	.intro-title-description {
		margin-bottom: 40px;
	}
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.timepipe-title {
		height: 80px;

	}

	.tp-header-text {
		font-size: 24px;
		letter-spacing: 1px;
	}

	.intro-title-description {
		margin-bottom: 40px;
	}

	.download-btn {
		/*margin: 0 8px;*/
		/*padding: 16px;*/
		min-width: 130px;
	}

	/*    section 2*/
	.intro-sec2-title {
		font-size: 60px;
	}

	.intro-sec2-description {
		margin-bottom: 50px;
	}
}

.tp-language-menu.dropdown-menu {
	right: 0px;
	left: unset;
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

	.tp-header-text {
		font-size: 24px;
		line-height: 30px;
		font-weight: 500;
		letter-spacing: 1px;
	}

	.timepipe-title {
		height: 100px;
	}
}

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.timepipe-title {
		height: 100px;
	}
}

.download-btn:hover {
	border-color: #aaaaaa;
}


.slider-padding {
	padding: 0 28px 0 28px;
}

@media (max-width: 576px) {
	.slider-padding {
		padding: 0 16px 0 0px !important;
	}
}


.slider-padding-map {
	padding: 0 28px 0 28px;
}

.itemMove:hover {
	margin-top: 20px;
	box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.12), 0 -1px 2px 0 rgba(0, 0, 0, 0.08);
}

/* Float Shadow */
.hvr-float-shadow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}

.hvr-float-shadow:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 0;
	background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
	/* W3C */
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform, opacity;
	transition-property: transform, opacity;
}

.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
	/* move the element up by 5px */
}

.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
	opacity: 1;
	-webkit-transform: translateY(5px);
	transform: translateY(5px);
	/* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/* Back Pulse */
@-webkit-keyframes hvr-back-pulse {
	50% {
		background-color: rgba(188, 188, 188, 0.75);
	}
}

@keyframes hvr-back-pulse {
	50% {
		background-color: rgba(188, 188, 188, 0.75);
	}
}

.hvr-back-pulse {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	overflow: hidden;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
}

.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
	-webkit-animation-name: hvr-back-pulse;
	animation-name: hvr-back-pulse;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	background-color: #aaaaaa;
	background-color: #aaaaaa;
	color: #333333;
}

.text-link {
	color: #888888 !important;
	cursor: pointer !important;
	border: unset !important;


}

.text-link:hover {
	background: white !important;
	border: unset !important;
	color: rgb(230, 33, 90) !important;
}

.tp-btn-outline-danger {
	color: #333333;
	margin-right: 8px;
}

.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle {
	background-color: rgb(233, 30, 90);
	border-color: rgb(233, 30, 90);
}

.btn-outline-danger:hover {
	color: #fff;
	background-color: rgb(233, 30, 90);
	border-color: rgb(233, 30, 90);
}

.tripDays {
	padding: 2px 9px;
	max-width: 100%;
	background: rgba(255, 255, 255, 0.8);
	position: absolute;
	top: 12px;
	color: #666;
	left: 12px;
	white-space: normal;
	border-radius: 4px;
	font-size: 12px;
}

.journal-text {
	color: #484848 !important;
}

.journal-place-text {
	font-weight: 400;
	font-size: 14px;
	color: #484848;
	line-height: 24px !important;
}

.journal-place-text:hover {
	border-bottom: 2px solid rgb(233, 30, 90);
}

.float-menu-btn:hover {
	background: #484848;
}

@media (min-width: 576px) {
	.tp-search .modal-dialog {
		max-width: unset;
		margin: 0;
	}

	.tp-search .search-input {
		width: 100%;
	}

	.tp-search .modal-content {
		position: relative;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
		pointer-events: auto;
		background-color: #fff;
		background-clip: padding-box;
		border: unset;
		border-radius: unset;
		outline: 0;
	}

	.tp-preview .modal-dialog {
		max-width: 800px !important;
	}

	.tp-preview .search-input {
	}

	.tp-preview .modal-content {
		width: 800px;
	}

	/*    journal*/
	.journal-text {
		font-weight: 400;
		font-size: 18px !important;
		line-height: 30px !important;
	}

	.journal-place-text {
		font-size: 16px !important;
	}
}


.form-control:focus {
	color: #495057;
	background-color: #fff;
	border-color: rgb(233, 30, 90);
	outline: 0;
	box-shadow: unset;
}

.search-input:focus {
	outline: none !important;
	border: 1px solid rgb(233, 30, 90) !important;
	box-shadow: 0 0 2px rgb(233, 30, 90) !important;
}

a:hover {
	/*background-color:yellow;*/
	text-decoration: none;
  color: rgb( 0,133,148);
}

.chat-half-circle-left {
	width: 20px;
	float: left;
	height: 40px;
	border-bottom-left-radius: 100px;
	border-top-left-radius: 100px;
	background-image: url('https://mdn.mozillademos.org/files/7693/catfront.png');
	border-left: 0;
	background-position: center;
	-webkit-background-size: cover;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.chat-half-circle-right {
	width: 20px;
	height: 40px;
	border-bottom-right-radius: 100px;
	border-top-right-radius: 100px;
	background-image: url('https://mdn.mozillademos.org/files/7693/catfront.png');
	border-left: 0;
	float: left;
	background-position: center;
	-webkit-background-size: cover;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.chat-half-circle {
	width: 55px;
	height: 55px;
	background-position: center;
	-webkit-background-size: cover;
	border-radius: 100px;
	background-image: url('https://mdn.mozillademos.org/files/7693/catfront.png');
	border-left: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.chat-main {
	position: fixed;
	width: 270px;
	bottom: 0;
	right: 100px;
}

.chat-header {
	background: #4267B2;
	padding-top: 1px;
	padding-bottom: 1px;
}

.username i {
	font-size: 9px;
}

.username h6 {
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
}

.options i {
	font-size: 14px;
	font-weight: normal;
	opacity: 0.7;
}

.options .live-video {
	font-size: 6px;
}

.chats {
	height: 260px;
	overflow-x: scroll;
	overflow-x: hidden;
}

.chats ul li {
	list-style: none;
	clear: both;
	font-size: 13px;
}

.chats .send-msg {
	float: right;
}

.receive-msg img {
	border-radius: 100%;
	height: 30px;
	width: 12%;
}

.receive-msg-img {
	display: inline;
}

.receive-msg .receive-msg-desc {
	display: inline-block;
}

.receive-msg .receive-msg-desc p {
	background: #c1c1c1;
}

.message-box input {
	border: none;
	font-size: 13px;
	opacity: 0.7;
}

.message-box input:focus {
	outline: none;
}

.tools i {
	color: #a1a1a1;
	cursor: pointer;
	font-size: 20px;
	margin-right: 6px;
}

/* Profile container */
.profile {
	margin: 20px 0;
}


.social_icon {
}

.social_icon i {

	color: rgb(217, 35, 23);
	cursor: pointer;

}

.social_icon i:hover {
	color: rgb(193, 25, 84);
	cursor: pointer;
}


.input-group-prepend span {
	width: 50px;
	background-color: rgb(217, 35, 23);
	color: black;
	border: 0 !important;
}

input:focus {
	outline: 0 0 0 0 !important;
	box-shadow: 0 0 0 0 !important;

}

.remember {
	color: #484848;
}

.remember input {
	width: 20px;
	height: 20px;
	margin-left: 15px;
	margin-right: 5px;
}

.login_btn {
	color: white;
	background-color: rgb(239, 31, 102);
}

.login_btn:hover {
	color: white;
	background-color: rgb(193, 25, 84);
}

/**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop to it once it's empty
 */
.sortPlaceList {
	/*margin-bottom: 16px;*/
	/*border-radius: 4px;*/
}

.sortPlaceList ul[dnd-list] {
	min-height: 44px;
	padding-left: 0px;
}

/**
 * The dndDraggingSource class will be applied to
 * the source element of a drag operation. It makes
 * sense to hide it to give the user the feeling
 * that he's actually moving it.
 */
.sortPlaceList ul[dnd-list] .dndDraggingSource {
	display: none;
}

/**
 * An element with .dndPlaceholder class will be
 * added to the dnd-list while the user is dragging
 * over it.
 */
.sortPlaceList ul[dnd-list] .dndPlaceholder {
	background-color: #ddd;
	display: block;
	min-height: 42px;
}

.sortPlaceList ul[dnd-list] li {
	background-color: #fff;
	border: 1px solid #ddd;
	cursor: grab;
	border-radius: 4px;
	display: block;
	padding: 10px 15px;
	margin-bottom: 8px;
}

/**
 * Show selected elements in green
 */
.sortPlaceList ul[dnd-list] li.selected {
	background-color: #dff0d8;
	color: #3c763d;
}

.menu-link:hover {
	background-color: rgba(255, 255, 255, 0.5) !important;
	border-radius: 45px;
}


.mytrip_container {
	max-width: 1156px !important;
}


@media (max-width: 1158px) {
	.mytrip_container {
		max-width: 880px !important;
	}
}

@media (max-width: 880px) {
	.mytrip_container {
		max-width: 610px !important;
	}
}


@media(max-width:610px){
	.mytrip_container_r{
		margin:0 auto;
		max-width: 270px;
		/*background: red;*/
		/*height: 100%;*/
	}
}
.editMenu{
	transition: none;
}
.editMenu:hover{
	background: rgb(230,33,90);
	border-radius: 45px!important;

}
.editMenu:hover i{
	 color: white!important;

}

.fix_ios_bottom {
	height: 44px;
	height: calc(44px + env(safe-area-inset-bottom));
	height: calc(44px + env(safe-area-inset-bottom));
}

.fix_ios_bottom_download_icon {
	bottom: 56px!important;
	bottom: calc(56px + env(safe-area-inset-bottom))!important;
	bottom: calc(56px + env(safe-area-inset-bottom))!important;
}

.productItem:hover{
	color: #212529;
	background: #e2e6ea;
}
body {
  font-size: .875rem;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

.feather {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}

/*
 * Sidebar
 */

.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100; /* Behind the navbar */
  padding: 48px 0 0; /* Height of navbar */
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

@media (max-width: 767.98px) {
  .sidebar {
    top: 5rem;
  }
}

.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
  }
}

.sidebar .nav-link {
  font-weight: 500;
  color: #333;
  font-size: .875rem;
}

.sidebar .nav-link .feather {
  margin-right: 4px;
  color: #999;
}

.sidebar .nav-link.active {
  color: rgb(217, 35, 23);
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
  color: inherit;
}

.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}

/*
 * Navbar
 */


.form-control-dark {
  color: #fff;
  background-color: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .1);
}

.form-control-dark:focus {
  border-color: transparent;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}

.jqgrid-background{
  background: #ddd;
  font-weight: bold!important;

}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #5cabd2;
}

/* .active, .inactive {
  font-size: 26px;
  cursor: pointer;
}

.active, .inactive {
  font-size: 26px;
  cursor: pointer;
} */

i.active {
  color: #5cb85c;
}

i.inactive {
  color: #d9534f;
}

.dropdown-item:focus, .dropdown-item:hover {
  color:rgb(62,58,57);
  background-color:rgb(230,230,230);
}

.Rectangle-Copy-8 {
  width: 210px;
  height: 152px;
  padding: 9px 36px 17px 15px;
  margin-bottom:18px;
  border-radius: 6px;
  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.5);
  background-color: #ffffff;
}

.Rectangle-Copy-3 {
  padding: 15px;
  border-radius: 6px;
}

.modifier{

}

.modifier .mName{
  border: unset;
  line-height: 50px;
  color: black;
  border-bottom: 1px solid rgb(218,218,218);

}
.modifier .mName:hover{
  border-bottom: 1px solid rgb( 0,133,148);
}
.modifier .mName:focus{
  outline: none;
  border-bottom: 1px solid rgb( 0,133,148);
}

.modifier .mIput{
  border: unset;
  line-height: 34px;
  color: black;
  border: unset;
  background: #EEEEEE;

}
.modifier .mIput:hover{
  border: 0.5px solid black;

}
.modifier .mIput:focus{
  border: 0.5px solid black;
  overflow: hidden;
  outline: unset;
  background: #ffffff;
}


.modifierList:hover{
  background: rgb(218, 218, 218);
}
.modifierList:focus-within{
  background: rgb(218, 218, 218);
}
@font-face {
  font-family: PTSans-Bold;
  src: url(PTSans-Bold.ttf);
}
@font-face {
  font-family: PTSans-BoldItalic;
  src: url(PTSans-BoldItalic.ttf);
}
@font-face {
  font-family: PTSans-Italic;
  src: url(PTSans-Italic.ttf);
}
@font-face {
  font-family: PTSans-Regular;
  src: url(PTSans-Regular.ttf);
}
a {
  font-family: "PTSans-Regular" !important;
}

p {
  font-family: "PTSans-Regular" !important;
}

body {
  font-family: "PTSans-Regular" !important;
}