/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */

#header {
	background-image: linear-gradient(to bottom, #0074a2, #00adff);
}

.btn-circle-blue {
	padding: 4px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: rgba(0, 119, 182, 0.28);
	color: #0077B6;
	border: 1px solid;
}

.btn-circle-blue span {
	font-size: 15px;
}

.btn-circle-red {
	padding: 4px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: rgba(255, 57, 57, 0.28);
	color: #FF3939;
	border: 1px solid;
}

.btn-circle-red span {
	font-size: 15px
}

.btn-circle-yellow {
	padding: 4px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #FFA80047;
	color: #FFA800;
	border: 1px solid;
}

.btn-circle-yellow span {
	font-size: 15px
}

.btn-circle-green {
	padding: 4px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #21965347;
	color: #219653;
	border: 1px solid;
}

.btn-circle-green span {
	font-size: 15px
}