/************ Variables **************/

:root {
	--primary: #0b9d3c;
	--primary-light: #55cf6a;
	--primary-dark: #006d0c;
	--secondary: #fafafa;
	--black: #00020f;
	--grey: #b1b2b4;
	--grey-dark: #50535a;
	--white: #ffffff;
	--success: #00c851;
	--error: #ff4444;
}

/************ BODY RESET ************/

* {
	box-sizing: border-box;
	font-family: "Roboto", sans-serif;
	font-size: 14px;
}

/************ BODY RESET ************/

/************ SET FONTS & TEXTS THEME ************/

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--primary);
}

p {
	color: var(--primary);
}

/************ SET FONTS THEME ************/ /** CARD HOME **/

/** HEADER - NAVBAR **/

.mdl-layout-title .obliquo-logo-img {
	height: 28px;
}

.mdl-layout__header {
	box-shadow: 0px 9px 30px -1px rgb(226, 222, 222);
}

/** NAVIGATION DRAWER **/

.mdl-layout__drawer {
	width: 70px;
}

.mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen) > .mdl-layout__header {
	margin-left: 70px;
	width: calc(100% - 70px);
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
	padding: 16px 25px;
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
	color: var(--primary);
}

.mdl-layout__header-row.obliquo-icon-container {
	padding: 0 10px 0 20px;
}

.mdl-layout__header .mdl-layout__drawer-button {
	color: var(--primary);
}

/** NAVIGATION DRAWER **/

/** TEXT FIELD FORMS FLOAT **/

.mdl-textfield--floating-label.is-focused .mdl-textfield__label {
	color: var(--primary);
}
.mdl-textfield__label:after {
	background-color: var(--primary);
}

.mdl-textfield--floating-label.is-dirty .mdl-textfield__label {
	color: var(--primary);
}

.mdl-dialog .save {
	background-color: var(--primary);
	color: var(--white);
}

.mdl-dialog .save:hover {
	background-color: var(--primary);
	color: var(--white);
}

/** TEXT FIELD FORMS FLOAT **/