@charset "utf-8";
body {
	/*width: 99.5vw;*/
}
.readonly {
	background-color: #ffffdd !important;
}
/* Placeholder CSS */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #ccc !important;
	font-size: .9em;
	font-style: italic;
	font-weight: normal;
	text-align: left;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #ccc !important;
	font-size: .9em;
	font-style: italic;
	font-weight: normal;
	text-align: left;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #ccc !important;
	font-size: .9em;
	font-style: italic;
	font-weight: normal;
	text-align: left;
}
:-moz-placeholder { /* Firefox 18- */
	color: #ccc !important;
	font-size: .9em;
	font-style: italic;
	font-weight: normal;
	text-align: left;
}

/* Custom Form Control Outline */
select.form-control{
	padding-top: 4px !important;
}

/** focus */
select:focus,
input:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus,
button:focus,
select.form-control:focus,
select.form-control-lg:focus,
select.form-control-md:focus,
select.form-control-sm:focus,
select.form-control-xs:focus,
.frm .form-control:focus,
.frm .form-control-lg:focus,
.frm .form-control-md:focus,
.frm .form-control-sm:focus,
.frm .form-control-xs:focus,
.frm .btn:focus
 {
	outline: 2px solid #d800e9;
	outline-offset: -3px;
	box-shadow: inset 0 0 3px #d800e9;
}

/** checkboxes -> focus */
.frm input[type='checkbox']:focus + label:before {
	border: 2px solid #d800e9 !important;
}

select.ui-datepicker-month, select.ui-datepicker-year {
	box-shadow: none;
	margin-right: 10px !important;
	font-size: .95em !important;
	border-radius: 3px;
}
button.ui-datepicker-current {
	display: none;
}
.frm .input-group-prepend .fa, .frm .input-group-append .fa {
	text-align: center;
	width: 38px;
	line-height: 33px;
	height: 33px;
	background-color: #e6e6e6;
	border: 1px solid #c8c8c8;
}
.frm .input-group-prepend .fa {
	border-radius: 3px 0 0 3px;
}
.frm .input-group-append .fa {
	border-radius: 0 3px 3px 0;
}
.datepicker {
	border-radius: 2px;
	border:0;
	height: 31px;
}

/* Z-index CSS */
.ui-autocomplete {
	z-index: 2000 !important;
}
.ui-datepicker {
	z-index: 2000 !important;
}

/* -------------------------- */
.z1 { z-index: 1 !important;}
.z2 { z-index: 2 !important;}
.z3 { z-index: 3 !important;}
.z4 { z-index: 4 !important;}
.z5 { z-index: 5 !important;}
.z10 { z-index: 10 !important;}
/* -------------------------- */
.z500 { z-index: 500 !important;}
.z1000 { z-index: 1000 !important;}
.z1500 { z-index: 1500 !important;}
.z2000 { z-index: 2000 !important;}
.z2500 { z-index: 2500 !important;}
.z3000 { z-index: 3000 !important;}
.z3500 { z-index: 3500 !important;}
.z4000 { z-index: 4000 !important;}
.z4500 { z-index: 4500 !important;}
.z5000 { z-index: 5000 !important;}

/* Shortcut CSS */
.lgreen {color: #bff0bc !important;}
.green {color: #006600 !important;}
.dgreen {color: #004400 !important;}
.lblue {color: #64fffc !important;}
.blue {color: #0000FF !important;}
.dblue {color: #000033 !important;}
.petrol {color: #000066 !important;}
.sky {color: #000099 !important;}
.navy {color: #000080 !important;}
.violet {color: #400080 !important;}
.lviolet {color: #fcc2ff !important;}
.red {color: #FF0000 !important;}
.lred {color: #ff8d9e !important;}
.brown {color: #400000 !important;}
.coffe {color: #600000 !important;}
.portwine {color: #880000 !important;}
.pink {color: #FF00FF !important;}
.dpink {color: #600060 !important;}
.purple {color: #800080 !important;}
.indigo {color: #4b0082 !important;}
.lpink {color: #ffb8e7 !important;}
.orange {color: #C04106 !important;}
.lorange {color: #FFCC8e !important;}
.yellow {color: #FFFF00 !important;}
.lyellow {color: #FCFFB3 !important;}
.black {color: #000000 !important;}
.white {color: #FFFFFF !important;}
.grey2 {color: #222222 !important;}
.grey3 {color: #333333 !important;}
.grey4 {color: #444444 !important;}
.grey5 {color: #555555 !important;}
.grey6 {color: #666666 !important;}
.grey9 {color: #999999 !important;}
/* -------------------------- */
.bk-none {background: none !important;}
.bk-dark-grey {background-color: #2a2a2a !important;}
.bk-lyellow {background-color: #FFC !important;}
.bk-lblue {background-color: #d2f0ff !important;}
.bk-lgreen {background-color: #EAFDEB !important;}
.bk-lred {background-color: #ff8d9e !important;}
.bk-lviolet {background-color: #fcc2ff !important;}
.bk-lgreen-plus {background-color: #EDFFEE !important;}
.bk-lturquoise {background-color: #D7FFD9 !important;}
.bk-lemon {background-color: #FF9 !important;}
.bk-lpink {background-color: #FFECFF !important;}
.bk-red {background-color: #FF6468 !important;}
.bk-pink {background-color: #ffbcfb !important;}
.bk-blue {background-color: #0000ff !important;}
.bk-green {background-color: #248d03 !important;}
.bk-orange {background-color: #a23200 !important;}
.bk-grass {background-color: #80FF80 !important;}
.bk-yellow {background-color: #FFFF00 !important;}
.bk-golden {background-color: #a38740 !important;}
.bk-white {background-color: #ffffff !important;}
.bk-turquoise {background-color: #064c60 !important;}
.bk-dturquoise {background-color: #011318 !important;}
/* -------------------------- */
.mw5 {min-width: 5px !important;}
.mw10 {min-width: 10px !important;}
.mw20 {min-width: 20px !important;}
.mw30 {min-width: 30px !important;}
.mw40 {min-width: 40px !important;}
.mw50 {min-width: 50px !important;}
.mw60 {min-width: 60px !important;}
.mw70 {min-width: 70px !important;}
.mw80 {min-width: 80px !important;}
.mw90 {min-width: 90px !important;}
.mw100 {min-width: 100px !important;}
.mw110 {min-width: 110px !important;}
.mw120 {min-width: 120px !important;}
.mw130 {min-width: 130px !important;}
.mw135 {min-width: 135px !important;}
.mw140 {min-width: 140px !important;}
.mw150 {min-width: 150px !important;}
.mw160 {min-width: 160px !important;}
.mw170 {min-width: 170px !important;}
.mw180 {min-width: 180px !important;}
.mw190 {min-width: 190px !important;}
.mw200 {min-width: 200px !important;}
/* -------------------------- */
.f8 {font-size: 8px !important;}
.f9 {font-size: 9px !important;}
.f10 {font-size: 10px !important;}
.f11 {font-size: 11px !important;}
.f12 {font-size: 12px !important;}
.f13 {font-size: 13px !important;}
.f14 {font-size: 14px !important;}
.f15 {font-size: 15px !important;}
.f16 {font-size: 16px !important;}
.f17 {font-size: 17px !important;}
.f18 {font-size: 18px !important;}
.f19 {font-size: 19px !important;}
.f20 {font-size: 20px !important;}
.f22 {font-size: 22px !important;}
.f24 {font-size: 24px !important;}
.f25 {font-size: 25px !important;}
.f28 {font-size: 28px !important;}
.f30 {font-size: 30px !important;}
/* -------------------------- */
.nrm {font-weight: normal !important;}
.bld {font-weight: bold !important;}
.cnt {text-align: center !important;}
.lft {text-align: left !important;}
.rgt {text-align: right !important;}
.jst {text-align: justify !important;}
/* -------------------------- */
.lt {text-align: left; !important;}
.rt {text-align: right; !important;}
.cn {text-align: center; !important;}
.js {text-align: justify; !important;}
/* -------------------------- */
.br-rt {border-right-width: 1px !important;}
.br-lt {border-left-width: 1px !important;}
.br-tp {border-top-width: 1px !important;}
.br-bm {border-bottom-width: 1px !important;}
.crs-p {cursor: pointer !important;}
.dul {text-decoration: underline !important;}
/* -------------------------- */
.vat {vertical-align: top !important;}
.vam {vertical-align: middle !important;}
.vab {vertical-align: bottom !important;}
.vatb {vertical-align: text-bottom !important;}
/* -------------------------- */
.clear {clear: both;}
.none {display: none;}
.overflow {overflow: hidden !important;}
.showme{visibility: visible;}
.hideme {display: none; visibility: hidden;}
.maskme {visibility: hidden;}
.outline0 {outline: none !important;}
.dot-focus {outline: dotted !important;}
.select-none {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
.err ul{
	padding-left: 3rem;
	color: #f152ff !important;
	font-weight: normal;
	font-size: 15px;
	margin: 0;
}
.err li{
	line-height: 20px;
	height: 20px;
	margin: 0;
}
/* Width CSS */
.w1p {width: 1% !important;}
.w2p {width: 2% !important;}
.w3p {width: 3% !important;}
.w4p {width: 4% !important;}
.w5p {width: 5% !important;}
.w6p {width: 6% !important;}
.w7p {width: 7% !important;}
.w8p {width: 8% !important;}
.w9p {width: 9% !important;}
.w10p {width: 10% !important;}
.w11p {width: 11% !important;}
.w12p {width: 12% !important;}
.w13p {width: 13% !important;}
.w14p {width: 14% !important;}
.w15p {width: 15% !important;}
.w16p {width: 16% !important;}
.w17p {width: 17% !important;}
.w18p {width: 18% !important;}
.w19p {width: 19% !important;}
.w20p {width: 20% !important;}
.w21p {width: 21% !important;}
.w22p {width: 22% !important;}
.w23p {width: 23% !important;}
.w24p {width: 24% !important;}
.w25p {width: 25% !important;}
.w26p {width: 26% !important;}
.w27p {width: 27% !important;}
.w28p {width: 28% !important;}
.w29p {width: 29% !important;}
.w30p {width: 30% !important;}
.w31p {width: 31% !important;}
.w32p {width: 32% !important;}
.w33p {width: 33% !important;}
.w34p {width: 34% !important;}
.w35p {width: 35% !important;}
.w39p {width: 39% !important;}
.w40p {width: 40% !important;}
.w45p {width: 45% !important;}
.w49p {width: 49% !important;}
.w50p {width: 50% !important;}
.w60p {width: 60% !important;}
.w70p {width: 70% !important;}
.w80p {width: 80% !important;}
.w81p {width: 81% !important;}
.w82p {width: 82% !important;}
.w83p {width: 83% !important;}
.w84p {width: 84% !important;}
.w85p {width: 85% !important;}
.w86p {width: 86% !important;}
.w87p {width: 87% !important;}
.w88p {width: 88% !important;}
.w89p {width: 89% !important;}
.w90p {width: 90% !important;}
.w95p {width: 95% !important;}
.w99p {width: 99.9% !important;}
.w100p {width: 100% !important;}
/* -------------------------- */
.w1 {width: 1px !important;}
.w2 {width: 2px !important;}
.w3 {width: 3px !important;}
.w4 {width: 4px !important;}
.w5 {width: 5px !important;}
.w10 {width: 10px !important;}
.w11 {width: 11px !important;}
.w12 {width: 12px !important;}
.w13 {width: 13px !important;}
.w14 {width: 14px !important;}
.w15 {width: 15px !important;}
.w16 {width: 16px !important;}
.w17 {width: 17px !important;}
.w18 {width: 18px !important;}
.w19 {width: 19px !important;}
.w20 {width: 20px !important;}
.w25 {width: 25px !important;}
.w30 {width: 30px !important;}
.w35 {width: 35px !important;}
.w40 {width: 40px !important;}
.w45 {width: 45px !important;}
.w50 {width: 50px !important;}
.w55 {width: 55px !important;}
.w60 {width: 60px !important;}
.w65 {width: 65px !important;}
.w70 {width: 70px !important;}
.w75 {width: 75px !important;}
.w80 {width: 80px !important;}
.w85 {width: 85px !important;}
.w90 {width: 90px !important;}
.w95 {width: 95px !important;}
.w100 {width: 100px !important;}
.w105 {width: 105px !important;}
.w110 {width: 110px !important;}
.w115 {width: 115px !important;}
.w120 {width: 120px !important;}
.w125 {width: 125px !important;}
.w130 {width: 130px !important;}
.w135 {width: 135px !important;}
.w140 {width: 140px !important;}
.w145 {width: 145px !important;}
.w150 {width: 150px !important;}
.w155 {width: 155px !important;}
.w160 {width: 160px !important;}
.w165 {width: 165px !important;}
.w170 {width: 170px !important;}
.w175 {width: 175px !important;}
.w180 {width: 180px !important;}
.w185 {width: 185px !important;}
.w190 {width: 190px !important;}
.w195 {width: 195px !important;}
.w200 {width: 200px !important;}
.w210 {width: 210px !important;}
.w220 {width: 220px !important;}
.w225 {width: 225px !important;}
.w230 {width: 230px !important;}
.w240 {width: 240px !important;}
.w250 {width: 250px !important;}
.w255 {width: 255px !important;}
.w260 {width: 260px !important;}
.w275 {width: 275px !important;}
.w300 {width: 300px !important;}
.w325 {width: 325px !important;}
.w350 {width: 350px !important;}
.w375 {width: 375px !important;}
.w400 {width: 400px !important;}
.w425 {width: 425px !important;}
.w450 {width: 450px !important;}
.w475 {width: 475px !important;}
.w500 {width: 500px !important;}
.w525 {width: 525px !important;}
.w550 {width: 550px !important;}
.w575 {width: 575px !important;}
.w600 {width: 600px !important;}
.w625 {width: 625px !important;}
.w650 {width: 650px !important;}
.w675 {width: 675px !important;}
.w685 {width: 685px !important;}
.w700 {width: 700px !important;}
.w725 {width: 725px !important;}
.w750 {width: 750px !important;}
.w775 {width: 775px !important;}
.w790 {width: 790px !important;}
.w800 {width: 800px !important;}
.w825 {width: 825px !important;}
.w850 {width: 850px !important;}
.w875 {width: 875px !important;}
.w900 {width: 900px !important;}
.w925 {width: 925px !important;}
.w935 {width: 935px !important;}
.w950 {width: 950px !important;}
.w960 {width: 960px !important;}
.w970 {width: 970px !important;}
.w975 {width: 975px !important;}
.w980 {width: 980px !important;}
.w985 {width: 985px !important;}
.w990 {width: 990px !important;}
.w995 {width: 995px !important;}
.w1000 {width: 1000px !important;}
.w1005 {width: 1005px !important;}
.w1010 {width: 1010px !important;}
.w1015 {width: 1015px !important;}
.w1020 {width: 1020px !important;}
.w1025 {width: 1025px !important;}
.w1050 {width: 1050px !important;}
.w1075 {width: 1075px !important;}
.w1100 {width: 1100px !important;}
.w1150 {width: 1150px !important;}
.w1175 {width: 1175px !important;}
.w1200 {width: 1200px !important;}
.w-auto {width: auto !important;}

/* Height CSS */
.h1 {height: 1px !important;}
.h2 {height: 2px !important;}
.h3 {height: 3px !important;}
.h4 {height: 4px !important;}
.h5 {height: 5px !important;}
.h10 {height: 10px !important;}
.h15 {height: 15px !important;}
.h16 {height: 16px !important;}
.h20 {height: 20px !important;}
.h25 {height: 25px !important;}
.h28 {height: 28px !important;}
.h30 {height: 30px !important;}
.h32 {height: 32px !important;}
.h33 {height: 33px !important;}
.h34 {height: 34px !important;}
.h35 {height: 35px !important;}
.h40 {height: 40px !important;}
.h45 {height: 45px !important;}
.h50 {height: 50px !important;}
.h55 {height: 55px !important;}
.h60 {height: 60px !important;}
.h65 {height: 65px !important;}
.h70 {height: 70px !important;}
.h75 {height: 75px !important;}
.h80 {height: 80px !important;}
.h85 {height: 85px !important;}
.h90 {height: 90px !important;}
.h95 {height: 95px !important;}
.h100 {height: 100px !important;}
.h110 {height: 110px !important;}
.h120 {height: 120px !important;}
.h125 {height: 125px !important;}
.h130 {height: 130px !important;}
.h135 {height: 135px !important;}
.h140 {height: 140px !important;}
.h150 {height: 150px !important;}
.h175 {height: 175px !important;}
.h200 {height: 200px !important;}
.h225 {height: 225px !important;}
.h250 {height: 250px !important;}
.h275 {height: 275px !important;}
.h300 {height: 300px !important;}
.h350 {height: 350px !important;}
.h375 {height: 375px !important;}
.h400 {height: 400px !important;}
.h450 {height: 450px !important;}
.h475 {height: 475px !important;}
.h500 {height: 500px !important;}
.h575 {height: 575px !important;}
.h600 {height: 600px !important;}
.h650 {height: 650px !important;}
.h675 {height: 675px !important;}
.h700 {height: 700px !important;}
.h705 {height: 705px !important;}
.h710 {height: 710px !important;}
.h750 {height: 750px !important;}
.h775 {height: 775px !important;}
.h800 {height: 800px !important;}
.h850 {height: 850px !important;}
.h875 {height: 875px !important;}
.h900 {height: 900px !important;}
.h950 {height: 950px !important;}
.h960 {height: 960px !important;}
.h1000 {height: 1000px !important;}
.w1005 {height: 1005px !important;}
.h1010 {height: 1010px !important;}
.h1015 {height: 1015px !important;}
.h1020 {height: 1020px !important;}
.h1025 {height: 1025px !important;}
.h1050 {height: 1050px !important;}
.h1075 {height: 1075px !important;}
.h1100 {height: 1100px !important;}
.h1150 {height: 1150px !important;}
.h1175 {height: 1175px !important;}
.h1200 {height: 1200px !important;}
.h-auto {height: auto !important;}

/* Ruler CSS */
hr.hr1, hr.hr1r, hr.hr2, hr.hr3, hr.hr4, hr.hr5, hr.hr6, hr.hr7, hr.hr8 {
	margin: 9px 7px 7px 7px !important;
	border: 0 !important;
	padding: 0 !important;
}
hr.hr1 {
	height: 1px;
	background-image: linear-gradient(to right, #333, #8d8d8d, #333);
}
hr.hr1w {
	border-top: 1px solid #f9ffde;
}
hr.hr1r {
	height: 1px;
	background-image: linear-gradient(to right, #8d8d8d, #333, #8d8d8d);
}
hr.hr2 {
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0));
}
hr.hr3 {
	border-bottom: 1px dashed #ccc;
	background: #999;
}
hr.hr4 {
	height: 12px;
	box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
}
hr.hr5 {
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
hr.hr6 {
	height: 30px;
	border: 0 solid black;
	border-top-width: 1px;
	border-radius: 20px;
}
hr.hr6:before { /* Not really supposed to work, but does */
	display: block;
	content: "";
	height: 30px;
	margin-top: -31px !important;
	border-style: solid;
	border-color: black;
	border-width: 0 0 1px 0 !important;
	border-radius: 20px;
}
hr.hr7 {
	height: 20px;
	border-style: solid;
	border-color: #aaa;
	border-width: 1px 0 0 0 !important;
	border-radius: 10px;
}
hr.hr7:before { /* Not really supposed to work, but does */
	display: block;
	content: "";
	height: 20px;
	margin-top: -22px !important;
	border-style: solid;
	border-color: #ccc;
	border-width: 0 0 1px 0 !important;
	border-radius: 10px;
}
hr.hr8 {
	padding: 0;
	border: none;
	border-top: medium double #aaa;
	color: #aaa;
	text-align: center;
}
hr.hr8:after {
	content: "";
	display: inline-block;
	position: relative;
	top: -0.7em;
	font-size: 1.5em;
	padding: 0 0.25em;
	background: white;
}

/* Style Effects CSS */
.shadow1 {
	-webkit-box-shadow: 3px 3px 10px 0 #1c0002;
	-moz-box-shadow: 3px 3px 10px 0 #1f0002;
	box-shadow: 3px 3px 10px 0 #220002;
}
.shadow2 {
	-webkit-box-shadow: 1px 1px 7px 0 #8c3b23;
	-moz-box-shadow: 1px 1px 7px 0 #8c3b23;
	box-shadow: 1px 1px 7px 0 #8c3b23;
}
.shadow3 {
	-webkit-box-shadow: 1px 1px 5px 2px #393939;
	-moz-box-shadow: 1px 1px 5px 2px #393939;
	box-shadow: 1px 1px 5px 2px #393939;
}
/* -------------------------- */
.round15 {
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}
.round10 {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.round5 {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.round5-top {
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
}
.round5-bottom {
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}
/* -------------------------- */
.grade1 {
	background: #b4e391;
	background: linear-gradient(to right, #e36746 0%, #fff105 30%, #fdc13c 50%, #fff105 70%, #e26746 100%);
	background: -webkit-linear-gradient(top, #b4e391 0%,#61c419 50%,#b4e391 100%);
	background: -moz-linear-gradient(top, #b4e391 0%, #61c419 50%, #b4e391 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=0 );

}
.grade2 {
	background: #e95507;
	background-image: linear-gradient(to bottom, #feccb1 0%, #f17432 30%, #ea5507 70%, #fb955e 100%);
	background: -moz-linear-gradient(top, #feccb1 0%, #f17432 30%, #ea5507 70%, #fb955e 100%);
	background: -webkit-linear-gradient(top, #feccb1 0%,#f17432 30%,#ea5507 70%,#fb955e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#fb955e',GradientType=0 );

}
.grade3 {
	background: #360002;
	background: linear-gradient(to right, #360002 0%, #850002 50%, #360002 100%);
	background: -webkit-linear-gradient(top, #360002 0%,#850002 50%,#360002 100%);
	background: -moz-linear-gradient(top, #360002 0%, #860001 50%, #360001 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=0 );
}
.grade4 {
	background: #026873 linear-gradient(90deg, rgba(255, 255, 255, .07) 50%, transparent 50%),
	linear-gradient(90deg, rgba(255, 255, 255, .13) 50%, transparent 50%),
	linear-gradient(90deg, transparent 50%, rgba(255, 255, 255, .17) 50%),
	linear-gradient(90deg, transparent 50%, rgba(255, 255, 255, .19) 50%);
	background-size: 13px, 29px, 37px, 53px;
}
.grade5 {
	background: #4c4c4c;
	background: -moz-linear-gradient(top, #4c4c4c 0%, #666666 50%, #5e5e5e 99%);
	background: -webkit-linear-gradient(top, #4c4c4c 0%,#666666 50%,#5e5e5e 99%);
	background: linear-gradient(to bottom, #4c4c4c 0%,#666666 50%,#5e5e5e 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#5e5e5e',GradientType=0 );
}
/*
------------------------------------------------
	CSS Order of Precedence
--------------------------------------------------
If two or more CSS rules apply to same HTML element, which rule take the most priority, it is called 'CSS order of precedence'.
The following order will take place in there.
1. Browser Default - If there any style added
2. External CSS - If there are more than one external CSS file the order of link tag will take place. last link tag has the most priority.
3. Internal CSS - If internal CSS are under link tags, they take the priority. If not final link tag take the priority.
4. Inline style - take the most priority.
5. If there is a '!important' after a style, it takes the most priority.
*/