@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: 1px solid #d800e9;
	outline-offset: -3px;
	box-shadow: inset 0 0 3px #d800e9;
}
/** checkboxes -> focus */
.frm input[type='checkbox']:focus + label:before {
	border: 1px 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;
}

#tabs .input-group-prepend {
	border-radius: 3px 0 0 3px;
}
#tabs .input-group-append {
	border-radius: 0 3px 3px 0;
}

/* Extra CSS to support input-group-prepend and input-group-append in Bootstrap 5 */
.input-group-prepend,
.input-group-append {
    display: flex;
    width: 38px;
    height: 33px;
    align-items: center;
    justify-content: center;
    text-align: center !important;
    margin-right: -1px;
    margin-left: -1px;
    border-radius: 0;
    border: 1px solid #c8c8c8 !important;
    background-color: #e6e6e6 !important;
}
select.form-control:not([size]):not([multiple]) {
    height: 33px;
    /*height: calc(2.25rem + 2px);*/
}

.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;}
/* -------------------------- */

/** all colours */
.AliceBlue {color: #F0F8FF !important;}
.AntiqueWhite {color: #FAEBD7 !important;}
.Aqua {color: #00FFFF !important;}
.Aquamarine {color: #7FFFD4 !important;}
.Azure {color: #F0FFFF !important;}
.Beige {color: #F5F5DC !important;}
.Bisque {color: #FFE4C4 !important;}
.Black {color: #000000 !important;}
.BlanchedAlmond {color: #FFEBCD !important;}
.Blue {color: #0000FF !important;}
.BlueViolet {color: #8A2BE2 !important;}
.Brown {color: #A52A2A !important;}
.BurlyWood {color: #DEB887 !important;}
.CadetBlue {color: #5F9EA0 !important;}
.Chartreuse {color: #7FFF00 !important;}
.Chocolate {color: #D2691E !important;}
.Coffe {color: #600000 !important;}
.Coral {color: #FF7F50 !important;}
.CornflowerBlue {color: #6495ED !important;}
.Cornsilk {color: #FFF8DC !important;}
.Crimson {color: #DC143C !important;}
.Cyan {color: #00FFFF !important;}
.DarkBlue {color: #00008B !important;}
.DarkCyan {color: #008B8B !important;}
.DarkGoldenRod {color: #B8860B !important;}
.DarkGray {color: #A9A9A9 !important;}
.DarkGrey {color: #A9A9A9 !important;}
.DarkGreen {color: #006400 !important;}
.DarkKhaki {color: #BDB76B !important;}
.DarkMagenta {color: #8B008B !important;}
.DarkOliveGreen {color: #556B2F !important;}
.Darkorange {color: #FF8C00 !important;}
.DarkOrchid {color: #9932CC !important;}
.DarkRed {color: #8B0000 !important;}
.DarkSalmon {color: #E9967A !important;}
.DarkSeaGreen {color: #8FBC8F !important;}
.DarkSlateBlue {color: #483D8B !important;}
.DarkSlateGray {color: #2F4F4F !important;}
.DarkSlateGrey {color: #2F4F4F !important;}
.DarkTurquoise {color: #00CED1 !important;}
.DarkViolet {color: #9400D3 !important;}
.DeepPink {color: #FF1493 !important;}
.DeepSkyBlue {color: #00BFFF !important;}
.DimGray {color: #696969 !important;}
.DimGrey {color: #696969 !important;}
.DodgerBlue {color: #1E90FF !important;}
.FireBrick {color: #B22222 !important;}
.FloralWhite {color: #FFFAF0 !important;}
.ForestGreen {color: #228B22 !important;}
.Fuchsia {color: #FF00FF !important;}
.Gainsboro {color: #DCDCDC !important;}
.GhostWhite {color: #F8F8FF !important;}
.Gold {color: #FFD700 !important;}
.GoldenRod {color: #DAA520 !important;}
.Golden {color: #7a5200 !important;}
.Gray {color: #808080 !important;}
.Grey {color: #808080 !important;}
.Green {color: #008000 !important;}
.GreenYellow {color: #ADFF2F !important;}
.HoneyDew {color: #F0FFF0 !important;}
.HotPink {color: #FF69B4 !important;}
.IndianRed  {color: #CD5C5C !important;}
.Indigo  {color: #4B0082 !important;}
.Ivory {color: #FFFFF0 !important;}
.Khaki {color: #F0E68C !important;}
.Lavender {color: #E6E6FA !important;}
.LavenderBlush {color: #FFF0F5 !important;}
.LawnGreen {color: #7CFC00 !important;}
.LemonChiffon {color: #FFFACD !important;}
.LightBlue {color: #ADD8E6 !important;}
.LightCoral {color: #F08080 !important;}
.LightCyan {color: #E0FFFF !important;}
.LightGoldenRodYellow {color: #FAFAD2 !important;}
.LightGray {color: #D3D3D3 !important;}
.LightGrey {color: #D3D3D3 !important;}
.LightGreen {color: #90EE90 !important;}
.LightPink {color: #FFB6C1 !important;}
.LightSalmon {color: #FFA07A !important;}
.LightSeaGreen {color: #20B2AA !important;}
.LightSkyBlue {color: #87CEFA !important;}
.LightSlateGray {color: #778899 !important;}
.LightSlateGrey {color: #778899 !important;}
.LightSteelBlue {color: #B0C4DE !important;}
.LightYellow {color: #FFFFE0 !important;}
.Lime {color: #00FF00 !important;}
.LimeGreen {color: #32CD32 !important;}
.Linen {color: #FAF0E6 !important;}
.Magenta {color: #FF00FF !important;}
.Maroon {color: #800000 !important;}
.MediumAquaMarine {color: #66CDAA !important;}
.MediumBlue {color: #0000CD !important;}
.MediumOrchid {color: #BA55D3 !important;}
.MediumPurple {color: #9370D8 !important;}
.MediumSeaGreen {color: #3CB371 !important;}
.MediumSlateBlue {color: #7B68EE !important;}
.MediumSpringGreen {color: #00FA9A !important;}
.MediumTurquoise {color: #48D1CC !important;}
.MediumVioletRed {color: #C71585 !important;}
.MidnightBlue {color: #191970 !important;}
.MintCream {color: #F5FFFA !important;}
.MistyRose {color: #FFE4E1 !important;}
.Moccasin {color: #FFE4B5 !important;}
.NavajoWhite {color: #FFDEAD !important;}
.Navy {color: #000080 !important;}
.OldLace {color: #FDF5E6 !important;}
.Olive {color: #808000 !important;}
.OliveDrab {color: #6B8E23 !important;}
.Orange {color: #FFA500 !important;}
.OrangeRed {color: #FF4500 !important;}
.Orchid {color: #DA70D6 !important;}
.PaleGoldenRod {color: #EEE8AA !important;}
.PaleGreen {color: #98FB98 !important;}
.PaleTurquoise {color: #AFEEEE !important;}
.PaleVioletRed {color: #D87093 !important;}
.PapayaWhip {color: #FFEFD5 !important;}
.PeachPuff {color: #FFDAB9 !important;}
.Peru {color: #CD853F !important;}
.Petrol {color: #000066 !important;}
.Pink {color: #FFC0CB !important;}
.Plum {color: #DDA0DD !important;}
.Portwine {color: #880000 !important;}
.PowderBlue {color: #B0E0E6 !important;}
.Purple {color: #800080 !important;}
.Red {color: #FF0000 !important;}
.RosyBrown {color: #BC8F8F !important;}
.RoyalBlue {color: #4169E1 !important;}
.SaddleBrown {color: #8B4513 !important;}
.Salmon {color: #FA8072 !important;}
.SandyBrown {color: #F4A460 !important;}
.SeaGreen {color: #2E8B57 !important;}
.SeaShell {color: #FFF5EE !important;}
.Sienna {color: #A0522D !important;}
.Silver {color: #C0C0C0 !important;}
.Sky {color: #000099 !important;}
.SkyBlue {color: #87CEEB !important;}
.SlateBlue {color: #6A5ACD !important;}
.SlateGray {color: #708090 !important;}
.SlateGrey {color: #708090 !important;}
.Snow {color: #FFFAFA !important;}
.SpringGreen {color: #00FF7F !important;}
.SteelBlue {color: #4682B4 !important;}
.Tan {color: #D2B48C !important;}
.Teal {color: #008080 !important;}
.Thistle {color: #D8BFD8 !important;}
.Tomato {color: #FF6347 !important;}
.Turquoise {color: #40E0D0 !important;}
.Violet {color: #EE82EE !important;}
.Wheat {color: #F5DEB3 !important;}
.White {color: #FFFFFF !important;}
.WhiteSmoke {color: #F5F5F5 !important;}
.Yellow {color: #FFFF00 !important;}
.YellowGreen {color: #9ACD32 !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;}
/* -------------------------- */
.bg-none {background: none !important;}
.bg-dark-grey {background-color: #2a2a2a !important;}
.bg-lyellow {background-color: #FFC !important;}
.bg-lblue {background-color: #d2f0ff !important;}
.bg-lgreen {background-color: #EAFDEB !important;}
.bg-lred {background-color: #ff8d9e !important;}
.bg-lviolet {background-color: #fcc2ff !important;}
.bg-lgreen-plus {background-color: #EDFFEE !important;}
.bg-lturquoise {background-color: #D7FFD9 !important;}
.bg-lemon {background-color: #FF9 !important;}
.bg-lpink {background-color: #FFECFF !important;}
.bg-red {background-color: #FF6468 !important;}
.bg-pink {background-color: #ffbcfb !important;}
.bg-blue {background-color: #0000ff !important;}
.bg-green {background-color: #248d03 !important;}
.bg-orange {background-color: #a23200 !important;}
.bg-grass {background-color: #80FF80 !important;}
.bg-yellow {background-color: #FFFF00 !important;}
.bg-golden {background-color: #a38740 !important;}
.bg-white {background-color: #ffffff !important;}
.bg-turquoise {background-color: #064c60 !important;}
.bg-dturquoise {background-color: #011318 !important;}
.bg-grey2 {background-color: #222222 !important;}
.bg-grey3 {background-color: #333333 !important;}
.bg-grey4 {background-color: #444444 !important;}
.bg-grey5 {background-color: #555555 !important;}
.bg-grey6 {background-color: #666666 !important;}
.bg-grey9 {background-color: #999999 !important;}
.bg-grey12 {background-color: #c9c9c9 !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;}
.mw300 {min-width: 300px !important;}
.mw400 {min-width: 400px !important;}
.mw500 {min-width: 500px !important;}
.mw600 {min-width: 600px !important;}
.mw700 {min-width: 700px !important;}
.mw800 {min-width: 800px !important;}
.mw900 {min-width: 900px !important;}
.mw1000 {min-width: 1000px !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;}
/* -------------------------- */
.ccl-1 { flex: 0 0 auto; width: 8.3333%; }
.ccl-2 { flex: 0 0 auto; width: 16.6667%; }
.ccl-3 { flex: 0 0 auto; width: 25%; }
.ccl-4 { flex: 0 0 auto; width: 33.3333%; }
.ccl-5 { flex: 0 0 auto; width: 41.6667%; }
.ccl-6 { flex: 0 0 auto; width: 50%; }
.ccl-7 { flex: 0 0 auto; width: 58.3333%; }
.ccl-8 { flex: 0 0 auto; width: 66.6667%; }
.ccl-9 { flex: 0 0 auto; width: 75%; }
.ccl-10 { flex: 0 0 auto; width: 83.3333%; }
.ccl-11 { flex: 0 0 auto; width: 91.6667%; }
.ccl-12 { flex: 0 0 auto; width: 100%; }
/* -------------------------- */
/* 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;}
.h100p {height: 100% !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%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=0 );

}
.grade2 {
    background: #e95507 linear-gradient(to bottom, #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%);
	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: 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.
*/