/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

body{
	background-color: #FAFAFA	;
}

.alert{
	margin-top: 10px;
	padding: 10px;
	border-radius: 5px;
	color: #fff;
	text-decoration-style: solid;
}

.alert.alert-info{
	background-color: #00acc1;
}

.alert.alert-info{
	background-color: #00bfa5;
}

.alert.alert-success{
	/*background-color: #A5D6A7;*/
	background-color: #81C784;
}

.alert.alert-danger{
	background-color: #e57373;
}

.alert.alert-warning{
	background-color: orange;
}

li.tab.col.s3{
	color : black;
}

.action-button{
	padding-right: 15px;
	padding-left: 15px;
	border-radius: 12px;
	margin-left: 10px;
}


meter {
	/* Reset the default appearance */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	margin: 0 auto 1em;
	width: 100%;
	height: 0.5em;

	/* Applicable only to Firefox */
	background: none;
	background-color: rgba(0, 0, 0, 0.1);
}

meter::-webkit-meter-bar {
	background: none;
	background-color: rgba(0, 0, 0, 0.1);
}



/* Webkit based browsers */
meter[value="1"]::-webkit-meter-optimum-value { background: red; }
meter[value="2"]::-webkit-meter-optimum-value { background: yellow; }
meter[value="3"]::-webkit-meter-optimum-value { background: orange; }
meter[value="4"]::-webkit-meter-optimum-value { background: green; }

/* Gecko based browsers */
meter[value="1"]::-moz-meter-bar { background: red; }
meter[value="2"]::-moz-meter-bar { background: yellow; }
meter[value="3"]::-moz-meter-bar { background: orange; }
meter[value="4"]::-moz-meter-bar { background: green; }


.center_emlent {
	transform: translate(65%,10%);
}

#confirm_decline {
	padding: 15px;
	border-radius: 5px;
}

.text-color-red {
	color: #B71C1C;
}

.text-color-yellow {
	color: #ffab00;
}

.accent-color-1{
	background-color: #ffab00;
}

.accent-color-2{
	background-color: #B71C1C;
}

.accent-color-3
{
	background-color: #2c3e50;
}

.width-100
{
	width: 100px !important;
}

.vert-offset-top-1 {
	margin-top: 1em !important;
}
.padding-top-1 {
	padding-top: 1em !important;
}
.vpadding-bottom-1 {
	padding-bottom: 1em !important;
}

.hidden {
	display: none !important;
}

#preloader
{
	position: absolute;
	top: 20%;
	left: 50%;

	transform: translate(-50%,-50%);
}

.underline {
	text-decoration: underline !important;
}

.font-10 {
	font-size: 10px !important;
}
.font-12 {
	font-size: 12px !important;;
}
.font-14 {
	font-size: 14px !important;;
}
.font-16 {
	font-size: 16px !important;;
}

.font-18 {
	font-size: 18px !important;;
}

.font-20 {
	font-size: 20px !important;;
}

.font-22 {
	font-size: 22px !important;;
}


.font-24 {
	font-size: 24px !important;;
}

.font-26 {
	font-size: 26px !important;;
}


.font-28 {
	font-size: 28px !important;;
}

.font-30 {
	font-size: 30px !important;;
}

.font-bold {
	font-weight: bold;
}



.grey-text{
	color: #9e9e9e ;
}

.tabs .tab a{
	color:#000;
} /*Black color to the text*/

.tabs .tab a:hover {
	background-color:#eee;
	color:#000;
} /*Text color on hover*/

.tabs .tab a.active {
	background-color:#888;
	color:#000;
} /*Background and text color when a tab is active*/

.tabs .indicator {
	background-color:#000;
} /*Color of underline*/

.tabs .tab a{
	color:#f9a825;
} /*Black color to the text*/

.tabs .tab a:hover {
	background-color:#fff59d;
	color:#fbc02d;
} /*Text color on hover*/

.tabs .tab a.active {
	background-color:#fbc02d;
	color:#000;
} /*Background and text color when a tab is active*/

.tabs .indicator {
	background-color:#f9a825;
} /*Color of underline*/

.logo-img
{
	height: 60px;
	width: 60px;
}

.font-10
{
	font-size: 10px;
}
.font-12 {
	font-size: 12px;
}
.font-14 {
	font-size: 14px;
}
.font-16 {
	font-size: 16px;
}
.font-18 {
	font-size: 18px;
}
.font-20 {
	font-size: 20px;
}
.z-index-5000
{
	z-index: 5000;
}

.margin-auto
{
	margin: auto;
}