/* Write your custom CSS here */
.ui-autocomplete.ui-front
{
	z-index: 9999999 !important;
}
.ui-autocomplete {
	position: absolute; cursor: default;z-index:30 !important;
	padding: 0;
	list-style: none;
	background-color: #fff;
	width: 318px;
	border: 1px solid #B0BECA;
	max-height: 350px;
	overflow-x: hidden;
}
.ui-autocomplete .ui-menu-item {
	border-top: 2px solid #B0BECA;
	display: block;
	padding: 4px 6px;
	color: #353D44;
	cursor: pointer;
}
.ui-autocomplete .ui-menu-item:first-child {
	border-top: none;
}
.ui-autocomplete .ui-menu-item.ui-state-focus {
	background-color: #D5E5F4;
	color: #161A1C;
}


ul.tabledata {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	width: 100%;
	cursor:pointer;
}

ul.tabledata li a {
	font-weight: bold;
	display: inline;
	color: #FFFFFF;
	text-decoration: none;
	vertical-align: text-top;
	transition: 0.3s;
	padding: 5px;
	font-size: 12px;
	width: 100%;
	cursor: pointer;
}

.SaveButton {
	text-transform: uppercase;
	background: #666666;
	width: 100%;
	border: 0;
	padding: 10px;
	color: #f2f2f2;
	font-size: 12px;
	font-weight: bold;
	outline: 0;
	border-bottom: solid 1px #CCCCCC;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	cursor: pointer;
	line-height: 26px;
	word-spacing: 10px;
}
.SaveButton:hover,.SaveButton:active,.SaveButton:focus {
	color: #000000;
	background: #9b9a98;
}

/*SIDEBAR CUSTOM*/.page-sidebar-menu ul li.active-pages:not(.open) > a i {
    color: #f0b400;
}

.page-sidebar-menu ul li.active-pages:not(.open) > a i.accordion-icon {
    color: #f0b400;
}

.page-sidebar-menu ul li.active-pages:not(.open) > a {
    color: #f0b400;
    font-weight: 500;
    background-color: #f2f2f2;
}

.page-sidebar-menu ul li.active-pages > a {
    position: relative;
}

.page-sidebar-menu ul li.active-pages > a:after {
    content: '';
    display: block;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    background: #00FF00;
    width: 15px;
    height: 100%;
}
/*SIDEBAR CUSTOM*/

.notice {
	-moz-animation: cssAnimation 0s ease-in 5s forwards;
	-webkit-animation: cssAnimation 0s ease-in 5s forwards;
	-o-animation: cssAnimation 0s ease-in 5s forwards;
	animation: cssAnimation 0s ease-in 5s forwards;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	margin-top: 0 !important;
	position: absolute;
	color: #000;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	left: 20%;
	right: 20%;
	z-index: 10000;
	padding-left: 10em;
	padding-right: 10em;
	padding-top: 2em;
	padding: 2em;
	background: #f4dc42;
	border: 5px solid #DDD;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125);
}
.notice:before {
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	color: #FFF;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	text-align: center;
	line-height: 30px;
	font-weight: bold;
	font-family: Georgia;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
}


.info {
	border-color: #000;
}

.info:before {
	background-color: #0074D9;
}

.success {
	border: 4px solid #CCCCCC;
	background-color: #f2f2f2;
	border-radius: 15px;
}

.success:before {
	background-color: #2ECC40;
}

.warning {
	border-color: #FFDC00;
}

.warning:before {
	background-color: #FFDC00;
}
.errorx {
	border-color: #FF4136;
	background-color: #FF0000;
	color: #000000;
}

.errorx:before {
	background-color: #FF4136;
}

@keyframes cssAnimation {
	0% {
	opacity: 1;
	}
	100% {
	opacity: 0;
	left: -9999px; 
	}
}
@-webkit-keyframes cssAnimation {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		left: -9999px; 
	}
}

@media only screen and (max-width: 600px) {
	.notice {
		padding-left: 6em;
		padding-right: 6em;
		padding-top: 2em;
		padding-bottom: 2em;
		left: 5%;
		right: 5%;
	}
	.success {
		border: 2px solid #CCCCCC;
		background-color: blue;
		border-radius: 0;
	}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	.success {
		border: 4px solid #CCCCCC;
		background-color: purple;
		border-radius: 15px;
	}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.success {
		border: 4px solid #CCCCCC;
		background-color: red;
		border-radius: 15px;
	}
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.success {
		border: 4px solid #CCCCCC;
		background-color: yellow;
		border-radius: 15px;
	}
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	.notice {
		z-index: 10000;
		padding-left: 3em;
		padding-right: 3em;
		padding-top: 2em;
		padding-bottom: 2em;
		left: 25%;
		right: 25%;
	}
	.success {
		border: 2px solid #CCCCCC;
		background-color: #00FF00;
		border-radius: 0;
	}
}