/* ====== PRELOADER CSS ====== */	
	.loader {
	  border: 3px solid transparent;
	  border-radius: 50%;
	  border-top: 3px solid #00366f;
	  border-bottom: 3px solid #00366f;
	  width: 15vh;
	  height: 15vh;
	  -webkit-animation: spin 2s linear infinite;
	  animation: spin 2s linear infinite;
	}

	@-webkit-keyframes spin {
	  0% { -webkit-transform: rotate(0deg); }
	  100% { -webkit-transform: rotate(360deg); }
	}

	@keyframes spin {
	  0% { transform: rotate(0deg); }
	  100% { transform: rotate(360deg); }
	}

	.preloader {
	  position: fixed;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  z-index: 900;
	  /*background:rgba(255,255,255,0.6);*/
	  background:#e3e3e3;
	}

	.preloader .loading {
	  position: absolute;
	  left: 50%;
	  top: 50%;
	  transform: translate(-50%,-50%);
	  font-size: 14px;
	}
/* ====== \PRELOADER CSS ====== */	


@font-face
{
	font-family:"Montserrat";
	src: url('Montserrat-Regular.ttf');
}


@font-face
{
	font-family:"Marcellus";
	src: url('Marcellus-Regular.ttf');
}

/* 
@font-face
{
	font-family:"Ubuntu";
	src: url('Ubuntu-Regular.ttf');
}
*/

html
{
	scroll-behavior: smooth;
	/* font-size: 14px; */
	height: 100%
}

body
{
	font-family:"Montserrat";
	background-color: #f8f9fa;
	height: 100%
}

h1, h2, h3, h4, h5, h6{
	font-family:"Marcellus";
}

.py-15{
	padding:15px 0px 15px 0px;
}

.py-21{
	padding:21px 0px 21px 0px;
}

.py-25{
	padding:25px 0px 25px 0px;
}

.py-30{
	padding:30px 0px 30px 0px;
}

.my-25{
	margin:25px 0px 25px 0px;
}

ul#subMenu{
	position: absolute;
	left: 50%; transform: translate(-50%);
	z-index: 100;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	/* font-size: 12px; */
}

li.desktop-main-menu:hover > ul#subMenu{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    visibility: visible;
}

a.link-menu{
	text-decoration: none;
	color: #00244b;
}

a.sub-link-menu{
	text-decoration: none;
	color: #00244b;
}

a.link-footer-menu{
	text-decoration: none;
	color: #00244b;
}

a.link-footer-menu:hover{
	/* background : #4685ff; */
	/* color: #fff; */
	.star-menu{
		opacity: 1;
		visibility: visible;
	}
}

a.link-footer-menu-active{
	/* background : #4685ff; */
	/* color: #fff; */
	.star-menu{
		opacity: 1;
		visibility: visible;
	}
}

div.link-footer-menu-active{
	/* background : #4685ff; */
	/* color: #fff; */
	.star-menu{
		opacity: 1;
		visibility: visible;
	}
}
.toogle-menu-bars{
	text-decoration: none;
	color: #fff;
}

.star-menu{
	opacity: 0;
	visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a.link-menu:hover{
	/* background : #0b7a61; */
	color: #fff;
	.star-menu{
		opacity: 1;
		visibility: visible;
	}
	border-radius: 0px 0px 15px 15px;
}

div.hover-darkgreen:hover{
	background : #0e7b5c !important;
}

a.sub-link-menu:hover{
	background : #0b7a61;
	color: #fff;
	/* border-radius: 0px 0px 15px 15px; */
}

a.sub-menu-active{
	background : #0b7a61 !important;
	color: #fff !important;
	/* border-radius: 0px 0px 15px 15px; */
}

a.menu-active{
	background : #0b7a61;
	color: #fff;
	border-radius: 0px 0px 15px 15px;
	.star-menu{
		opacity: 1;
		visibility: visible;
	}
}

.bg-menu-icon{
	background : #1a3a6b;
	color :#fff;
}

.bg-menu-icon-2{
	background : #0e7b5c;
	color :#fff;
}

.bg-menu-icon-home{
	background : #000;
	color :#fff;
}

a.link-sosmed{
	text-decoration: none;
}

.border-bottom-gold{
	border-bottom: 1px solid;
	color: #cca77a;
}

.bg-darkpurple{
	background: #292943;
}

.bg-darkpurple-background{
	/* background: rgba(37, 36, 41, 0.95) url(.././images/slider/Park-Serpong-Rumah-Perumahan-Di-Tangerang-By-Lippo-Group-Slide-004.jpg); */
	background-size: cover;
	background-position: center; /* Center the image */
	background-blend-mode: multiply;
}

.bg-gold{
	background: #cca77a;
}

.bg-darkchocolate{
	background: #252429;
}

.bg-dark-background{

	background: rgba(0, 0, 0, 0.90) url(.././images/background/Park-Serpong-Rumah-Perumahan-Di-Tangerang-By-Lippo-Group-Background-001.jpg);
	/* background: rgba(37, 36, 41, 0.95) url(.././images/slider/Park-Serpong-Rumah-Perumahan-Di-Tangerang-By-Lippo-Group-Slide-004.jpg); */
	background-size: cover;
	background-position: center; /* Center the image */
	background-blend-mode: darken;

}

.bg-chocolate{
	background: #73574c;
}

.text-gold{
	color: #cca77a;
}

.text-chocolate{
	color: #a07f57;
}
.text-darkchocolate{
	color: #252429;
}

.mt-60{
	margin-top:65px;
}

.pt-90{
	padding-top:90px;
}

.bg-black{
	background: #000;
}

.bg-purple{
	background: #9f0c67;
}

.bg-yellows{
	background: #bebd24;
}

.bg-blues{
	background : #4685ff;
}

.bg-light-blue{
	background : #8db3ff;
}

.bg-light-blue-op6{
	background: rgba(141, 179, 255, 0.6)
}

.bg-light-blue-op9{
	background: rgba(141, 179, 255, 0.9)
}

.bg-darkbluetosca{
	background: #17364b;
}



.notsel
{
	user-select: none;
	-webkit-user-select: none;
}

div.pos-sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0px;
}

td
{
	white-space:nowrap;
}

.td-normal
{
	white-space:normal !important;
}

.table-hover tbody tr:hover
{
	background-color: #bad2ff;
}

.ngeslide
{
	transition: all .25s ease;
}

@media only screen and (min-width: 767px)
{
	.menu-on
	{
		padding-left: 220px;
	}
	
	html
	{
		font-size: 14px;
		height: 100%
	}

	div.dataTables_info
	{
		float:left;
	}

	.margin-top-content{
		margin-top: 70px;
	}
}

@media only screen and (max-width: 766px)
{
	table.font-size-12, .mintaATK{
		font-size: 10px;
	}
	
	html
	{
		font-size: 12px;
		height: 100%
	}
	
	a.link-menu:hover, a.sub-menu-active{
		background : #0e7b5c;
		color: #fff;
		border-radius: 10px;
	}

	a.sub-link-menu:hover{
		background : #0b7a61;
		color: #fff;
		border-radius: 10px;
	}
	
	.margin-top-content{
		margin-top: 45px;
	}

	h1 {
		font-size: 2rem;
	}
	h2 {
		font-size: 1.75rem;
	}
	h2 {
		font-size: 1.5rem;
	}
}

.menu-sidenav
{
	top:0;
	left:0;

	position:fixed;
	z-index:1031;
	overflow:hidden;
	height:100vh;
	-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.05),0 2px 10px 0 rgba(0,0,0,.05);
	box-shadow:0 2px 5px 0 rgba(0,0,0,.05),0 2px 10px 0 rgba(0,0,0,.05);
}

.menu-sidenav-overlay
{
	top:0;
	left:200;
	position:fixed;
	width:100%;
	height:100vh;
	background: rgba(0, 0, 0, 0.5);
	z-index:1030;
	
}

.menu-sidenav-off
{
	-webkit-transform:translateX(-101%);
	transform:translateX(-101%);
}

a.menunav
{
	color: black;
}



/* ====== CSS LOADING BAR SEND DATA / UPLOAD DATA ====== */	
.progress {
	display: -ms-flexbox;
	display: flex;
	height: 20px;
	overflow: hidden;
	font-size: .75rem;
	background-color: #2e3539;
	border-radius: .25rem;
	margin-top: 10px;
}
.progress-bar {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: hidden;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	background-color: #28A74B;
	transition: width .6s ease;
	font-size: 16px;
	text-align: center;
}
/* ====== \CSS LOADING BAR SEND DATA / UPLOAD DATA ====== */	

.h-100vh{
	height:100vh;
}

.h-55vh{
	height:55vh;
}

.hmin-100{
	min-height:100%;
}

.vvh-100
{
	height: calc(100vh - 2px);
}

.vh-100{
	min-height: 100vh;
}

.wrapper
{
	min-height: calc(100vh - 226px);
}

.font-001
{
	font-size: calc(13px + (16 - 13) * ((100vw - 375px) / (1360 - 375)));
}

.font-002
{
	font-size: calc(12px + (16 - 12) * ((100vw - 375px) / (1360 - 375)));
}


.font-hotspot
{
	font-size: 10px;
}

.font-ask-me
{
	font-size: 14px !important;
}

i.pointer 
{
	cursor: pointer;
}


b.pointer 
{
	cursor: pointer;
	transition : .25s;
}

b.pointer:hover
{
	color:#0e7b5c !important;
}

div.pointer
{
	cursor: pointer;
}

span.pointer
{
	cursor: pointer;
}

label.pointer
{
	cursor: pointer;
}

.absolute-center-center
{
	position: absolute;
	top: 50%; left: 50%; transform: translate(-50%, -55%);
	z-index: 2;
}

.overlay
{
	position: absolute;
	z-index: 2;
	background: rgba(0, 0, 0, 0.5); /* Black see-through */
	width: 100%;
	height: 100%;
	top: 0;
}

.absolute-bottom-center
{
	position: absolute;
	bottom: 0; left: 50%; transform: translate(-50%, -55%);
	z-index: 2;
}

.absolute-center-top-25
{
	position: absolute;
	top: 25%; left: 50%; transform: translate(-50%, -55%);
}

.absolute-center-top-70
{
	position: absolute;
	top: 70%; left: 50%; transform: translate(-50%, -55%);
}

.absolute-center-botom-10
{
	position: absolute;
	bottom: 10%; left: 50%; transform: translate(-50%, -55%);
	z-index: 2;
}

.absolute-center-top-90
{
	position: absolute;
	top: 90%; left: 50%; transform: translate(-50%, -55%);
}

.absolute-left-center
{
	position: absolute;
	top: 50%; left: 0%; transform: translate(0%, -50%);
}

.absolute-right-center
{
	position: absolute;
	top: 50%; right: 0%; transform: translate(0%, -50%);
}

.absolute-right-top
{
	position: absolute;
	top: 0%; right: 0%; transform: translate(0%, 0%);
}

.not-sel
{
	user-select: none;
	-webkit-user-select: none;
}

.bgimg
{
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 0;
}

.chatfloat
{
	position:fixed;
	padding:5px;
	margin:auto;
	bottom:20px;
	right:15px;
	background-color:#47c756;
	color:#393939;
	border-radius:50px;
	text-align:center;
	font-size:13px;
	box-shadow: 0px 2px 6px 0px #999;
	z-index:100;
	transition : 0.4s;
}

.fasad
{
	width:100%; 
	border: 1px solid #bababa;
	border-radius: 8px;
	object-fit: cover;
	object-position: center center;
}

.hero-image-slider
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.img-contain
{
	object-fit: contain;
}

.img-obj-center
{
	object-fit: cover;
	object-position: center center;
}

#myWindow {
	display: flex;
	align-items: center;
	justify-content: center;
}

#myContent {
	cursor: grab;
	position: relative;
	display: flex;
	align-items: center;
}

#myContent img {
	display: block;
	width: auto;
	height: auto;
	margin: auto;
	align-self: center;
	flex-shrink: 0;
}


.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}
.ratio-1x1{--bs-aspect-ratio:100%}
.ratio-4x3{--bs-aspect-ratio:calc(3 / 4 * 100%)}
.ratio-16x9{--bs-aspect-ratio:calc(9 / 16 * 100%)}
.ratio-21x9{--bs-aspect-ratio:calc(9 / 21 * 100%)}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox
input[type=number] {
	-moz-appearance: textfield;
}
 */

/* === Dark Blue === */
	.bg-darkblue
	{
		background: #002443;
	}

	.bg-darkblue-op8
	{
		background: rgba(0, 54, 111, 0.85);
	}

	.bg-darkblue-op3
	{
		background: rgba(0, 54, 111, 0.3);
	}

	.text-darkblue
	{
		color: #002443;
	}

	.btn-darkblue
	{
		color: #fff;
		background-color: #002443;
		border-color: #002443;
	}
	.btn-darkblue:hover
	{
		color: #fff;
		background-color: #0f5242;
		border-color: #0f5242;
	}
	
	.border-darkblue
	{
		border-color: #00366f !important;
		
	}

	.border-darkgreen
	{
		border-color: #0b7a61 !important;
		
	}
	
	.border-black
	{
		border-color: #000 !important;
		
	}

	.border-darkblue-md
	{
		border-color: #00366f !important;
		border-width: medium;
		
	}

	.border-white-md
	{
		border-color: #fff !important;
		border-width: medium;
		
	}

	.border-white-op5
	{
		border-color: rgba(172, 172, 172, 0.5) !important;
	}

	.border-black-op5
	{
		border-color: rgba(0, 0, 0, 0.5) !important;
	}

	
/* === Dark Green === */
	.bg-darkgreen
	{
		background: #0e7b5c;
	}

	.bg-darkgreen-op8
	{
		background: rgba(14, 123, 92, 0.85);
	}

	.text-darkgreen
	{
		color: #0e7b5c;
	}

		
/* === PINK === 
.bg-darkgreen
{
	background: #ea357b;
}

.bg-darkgreen-op8
{
	background: rgba(234, 53, 123, 0.85);
}
*/

.text-pink
{
	color: #ea357b;
}

.text-yellow
{
	color: #fcff00;
}

.border-pink
{
	border-color: #ff81b1;
}

/* === Light Versi 2 === */
.bg-lightgray{
	background: #f7f7f7;
}


.bg-light2
{
	
	background: rgba(248, 249, 251, 0.95);
}

.bg-light3
{
	
	background: rgb(255, 255, 255, 0.95);
}

.bg-black-op9
{
	background: rgba(0, 0, 0, 0.9);
}

.bg-light-op8
{
	background: rgba(255, 255, 255, 0.85);
}

.bg-dark-op8
{
	background: rgba(0, 0, 0, 0.8);
}

.bg-dark-op6
{
	background: rgba(0, 0, 0, 0.6);
}

.bg-green-op8{ background: rgba(0, 255, 0, 0.8); }
.bg-green-op10{ background: rgba(0, 255, 0, 1.0); }

.bg-yellow {background: yellow;}

.bg-red-op7
{
	background: rgba(255, 0, 0, 0.7);
}

.bg-putih-op5
{
	background: rgba(255, 255, 255, 0.5);
}
/* ====== MAIN MENU ====== */
	.sticky-menu
	{
		position: -webkit-sticky;
		position: sticky;
		top: 0 !important;
		z-index: 1000;
	}

	
	ul.main-menu > li{
		list-style-type:none;
		list-style:none;
	}

	a.menupad
	{
		padding: 10px 2px 10px 2px;
	}
	
	.hidemenu
	{
		left: -500px;
		transition : .5s;
	}
	
	.showmenu
	{
		left: 0px !important;
		transition : .5s;
	}
/* ====== MAIN MENU ====== */

/* ====== PAGE MENU ====== */
	.sticky-div
	{
		position: -webkit-sticky;
		position: sticky;
		top: 70px;
	}
	
	.bottom-fixed
	{
		position: fixed;
		bottom: 0px !important;
		z-index: 9001;
	}
	
	.bottom-view
	{
		position: fixed;
		bottom: -60px;
		z-index: 9001;
	}
	
	.trans-1
	{
		transition : 0.5s;
	}
	
	li.color
	{
		background-color: #edf2f9;
	}

	.shadow-page-menu
	{
		box-shadow: 0px 2px 10px 0px #111;
	}

.footer-bg
{
	background-image: url("../images/background/citraland-cibubur-bg.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.show-pass
{
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
}


/* ===== Carousel Slide Image ===== */
	.carousel-fade .carousel-item {
		opacity: 0;
		transition-duration: 1s;
		transition-property: opacity;
	}

	.carousel-fade .carousel-item.active,
	.carousel-fade .carousel-item-next.carousel-item-left,
	.carousel-fade .carousel-item-prev.carousel-item-right {
		opacity: 1;
	}

	.carousel-fade .active.carousel-item-left,
	.carousel-fade .active.carousel-item-right {
		transition: 1s;
		opacity: 0;
	}

	.carousel-fade .carousel-item-next,
	.carousel-fade .carousel-item-prev,
	.carousel-fade .carousel-item.active,
	.carousel-fade .active.carousel-item-left,
	.carousel-fade .active.carousel-item-prev {
		transform: translateX(0);
		transform: translate3d(0, 0, 0);
	}
	
	.carousel-caption.center-center
	{
		margin: 0;
		position: absolute;
		top: 50%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
/* ===== Carousel Slide Image ===== */

/*** Responsive Embed Youtube Video ***/
.embed-container
{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
} 
.embed-container iframe, 
.embed-container object, 
.embed-container embed 
{ 
position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
}


/* ====== SKELETON =========*/
	img {
		z-index: 1;
	}
	
	img.lazy-skeleton{
		position: relative;
		top:0;
		left:0;
		z-index: 1;
	}
	
	.skeleton {
		position: relative;
		background-color: #d3d3d3;
	}
	
	p.skeleton{height: 20px;}
	h6.skeleton{height: 30px;}
	h5.skeleton{height: 35px;}
	h4.skeleton{height: 40px;}
	h3.skeleton{height: 45px;}
	h2.skeleton{height: 50px;}
	h1.skeleton{height: 55px;}
	
	.skeleton::after {
		position: absolute;
		content: "";
		height: 100%;
		width: 10%;
		top: 0;
		left: 0;
		background: linear-gradient(90deg, #d3d3d3, #e1e1e1, #e1e1e1);
		animation: skeleton 1s ease infinite;
	}

	@keyframes skeleton {
		to{
			left: 90%;
		}
	}
	
	@-webkit-keyframes skeleton {
		to{
			left: 90%;
		}
	}
	
/* ====== SKELETON-2 =========*/
	
	.skeleton-2 {
		position: relative;
		background-color: #e3e3e3;
	}
	
	p.skeleton-2{height: 20px;}
	h6.skeleton-2{height: 30px;}
	h5.skeleton-2{height: 35px;}
	h4.skeleton-2{height: 40px;}
	h3.skeleton-2{height: 45px;}
	h2.skeleton-2{height: 50px;}
	h1.skeleton-2{height: 55px;}
	
	.skeleton-2::after {
		border-radius: 0px 10px 10px 0px;
		position: absolute;
		content: "";
		height: 100%;
		width: 10%;
		top: 0;
		left: 0;
		background: linear-gradient(90deg, #e3e3e3, #eeeeee, #efefef, #f0f0f0);
		animation: skeleton-2 1s ease infinite;
	}

	@keyframes skeleton-2 {
		to{
			left: 90%;
		}
	}
	
	@-webkit-keyframes skeleton-2 {
		to{
			left: 90%;
		}
	}

/* ====== SKELETON-3 =========*/
	
	.skeleton-3 {
		position: relative;
		background-color: #f0f0f0;
	}
	
	p.skeleton-3{height: 20px;}
	h6.skeleton-3{height: 30px;}
	h5.skeleton-3{height: 35px;}
	h4.skeleton-3{height: 40px;}
	h3.skeleton-3{height: 45px;}
	h2.skeleton-3{height: 50px;}
	h1.skeleton-3{height: 55px;}
	
	.skeleton-3::after {
		position: absolute;
		content: "";
		height: 100%;
		width: 10%;
		top: 0;
		left: 0;
		background: linear-gradient(90deg, #f0f0f0, #fAfAfA, #ffffff);
		animation: skeleton 1s ease infinite;
	}

	@keyframes skeleton-3 {
		to{
			left: 90%;
		}
	}
	
	@-webkit-keyframes skeleton-3 {
		to{
			left: 90%;
		}
	}

/* Zoom Div on Hover */
	.zoom {
		transition: transform .2s; /* Animation */
	}

	.zoom:hover {
		transform: scale(1.02); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	}
	
/* background image untuk login */
	.bg-img-center{
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.bg-img-center-contain{
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
	}

	.bg-img-center-fixed{
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		background-attachment: fixed;
	}

	.bg-img-left-center{
		background-position: 100% 0%;
		background-size: cover;
		background-repeat: no-repeat;
		background-attachment: fixed;
		
	}

	.bg-img-right-center{
		background-position: 0% 100%;
		background-size: cover;
		background-repeat: no-repeat;
		background-attachment: fixed;
		
	}
	
	.radius-5{
		border-radius: 5px;
	}
	
	.radius-10{
		border-radius: 10px;
	}
		
	.radius-15{
		border-radius: 15px;
	}

	.radius-25{
		border-radius: 25px;
	}

	.radius-25-50{
		border-radius: 25px 50px;
	}

	.radius-50-25{
		border-radius: 50px 25px;
	}

	.radius-bottom-15{
		border-radius: 0px 0px 15px 15px;
	}

	.radius-bottom-25{
		border-radius: 0px 0px 25px 25px;
	}
	
/* Margin Bottom */

	.mb-70{
		margin-bottom: 70px;
	}
	
	.grab{
		cursor: grab;
	}
	
.table-responsive-xx{display:block;width:100%;overflow-x:scroll;-webkit-overflow-scrolling:touch}

input[type=radio] {
    width: 12px;
    height: 12px;
}

input[type="radio"]:checked {
	accent-color: #002443;
}

.box {
  background-color: red;
  position: relative;
  width: 100%;
  padding-top: 100%; /* 1:1 Aspect Ratio */
}

.content {
  position:  absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  font-size: 20px;
  color: white;
  z-index: 999999;
}

label.fs-12{
	font-size: 12px;
}

.form-control:focus {
	border-color: #0e7b5c;
	box-shadow: #0e7b5c;
}

@media(max-width: 575px) {
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        justify-content: center;
        flex-wrap: wrap;
    }
}

tr.vertical-align-top{
	vertical-align: top;
}

.bounce2 {
    animation: bounce2 2s ease infinite;
}
@keyframes bounce2 {
    0%, 50%, 60%, 80%, 100% {transform: translateY(0);}
    70% {transform: translateY(-10px);}
    90% {transform: translateY(-3px);}
}

.pulse {
	animation: pulse 1s infinite ease-in-out alternate;
}
@keyframes pulse {
	from { transform: scale(1); }
	to { transform: scale(1.1); }
}

.sticky-pin {
	position: -webkit-sticky !important;
	position: sticky !important;
	top: 90px !important;
}

div.bg-slide-pulse{
	-webkit-animation: slide-pulse 24s linear infinite;
	animation: slide-pulse 24s linear infinite; 
}
@-webkit-keyframes slide-pulse {
	0% {
	  -webkit-transform: scale(1);
	  transform: scale(1); }
	50% {
	  -webkit-transform: scale(1.1);
	  transform: scale(1.1); }
	100% {
	  -webkit-transform: scale(1);
	  transform: scale(1); } }
  @keyframes slide-pulse {
	0% {
	  -webkit-transform: scale(1);
	  transform: scale(1); }
	50% {
	  -webkit-transform: scale(1.1);
	  transform: scale(1.1); }
	100% {
	  -webkit-transform: scale(1);
	  transform: scale(1); } }

.wrap-text{
	word-wrap: break-word;
}