/* ============== TABLE OF CONTENTS ============== */

/* 1. COLOURS
*/
/* 2. FONT SIZES 
*/
/* 3. GENERAL STYLES
*/
/* 4. UTILITY CLASSES
*/

/* =============================================== */


/* || 1. COLOURS */

/* #ffffff; /* White */
/* #fefefe; /* Lighter Grey */
/* #ebebeb; /* Light Grey */
/* #808080; /* Grey */
/* #686a72; /* Darker Grey */
/* #48494e; /* Dark Grey */
/* #ffad00; /* Orange */
/* #feae01; /* Dark orange */
/* #f98c1e; /* Darker orange */
/* #e33434; /* Red */
/* #de1330; /* Dark red */
/* #4BB543; /* Green */
/* #202125; /* Dark blue */
/* #212227; /* Darker blue */
/* #1b1b1d; /* Black */


/* || 2. FONT SIZES

10 / 12 / 14 / 16 / 18 / 20 / 24 / 30 / 36 / 44 / 52

*/


/* || 3. GENERAL STYLES */


html {
	font-size: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
	margin: 0;
	padding: 0;
}

body {
    margin: 0;
    padding: 0;
	font-family: "Roboto", sans-serif;
	background-color: #ebebeb; /* Light Grey */
	word-break: break-word;
}

a, 
a:visited, 
a:hover {
    text-decoration: none;
}

p {
	line-height: 1.5;
}

button {
	cursor: pointer;
	background: none;
}

select {
    width: 100%;
    border: 0;
}

.page {
	max-width: 1600px;
    margin: 0 auto;
	overflow-x: hidden;
}

input[type=text]:focus {
	background-color: #fff; /* White */
}


/* || 4. UTILITY CLASSES */

.jc-flex-end {
	-webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
        justify-content: flex-end !important;
}

.mb--15,
.margin-bottom-s {
	margin-bottom: 15px !important;
}

.margin-top-m {
	margin-top: 20px !important;
}

.dark-colour {
	color: #212227 !important; /* Darker blue */
}

.grey-colour {
	color: #808080 !important; /* Grey */
}

.success__col {
	color: #4BB543 !important; /* Green */
}

.warning__col {
	color: #feae01 !important; /* Dark orange */
}

.error__col {
    color: #e33434 !important; /* Red */
}

.success__border {
	border-top: 3px solid #4BB543 !important; /* Green */
}

.warning__border {
	border-top: 3px solid #feae01 !important; /* Dark orange */
}

.pending__border {
	border-top: 3px solid #808080 !important; /* Grey */
}

.error__border {
	border-top: 3px solid #e33434 !important; /* Red */
}

.success__bg {
	background-color: #4BB543 !important; /* Green */
}

.warning__bg {
	background-color: #202125 !important; /* Dark blue */
	color: #feae01 !important; /* Dark orange */
}

.error__bg {
    background-color: #e33434 !important; /* Red */
    color: #fff !important; /* White */
}

.filled-color {
	color: #de1330 !important; /* Dark red */
}

.text-dark-bold {
	color: #212227 !important; /* Darker blue */
	font-weight: 700 !important;
}

.padding-unset {
	padding: unset !important;
}

.border-bottom-unset {
	border-bottom: unset !important;
}

.padding-bottom-small {
	padding-bottom: 1px !important;
}

.box-shadow-none {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}