/* Reboot */
*,*:before,*:after{box-sizing:inherit}
html{box-sizing:border-box;-ms-overflow-style: scrollbar}
html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
body{margin:0;font-size:1rem;font-weight:400;line-height:1.5;color:#444;text-align:left;background-color:#fff;font-family:sans-serif}
hr{box-sizing:content-box;height:0;overflow:visible}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0.5rem}
p{margin-top:0;margin-bottom:0.5rem}
abbr[title],abbr[data-original-title]{border-bottom:none;text-decoration:underline;cursor:help;text-decoration:underline dotted}
address{margin-bottom:1rem;font-style:normal;line-height:inherit}
ol,ul,dl{font-weight:400;margin-top:0;margin-bottom:1rem}
ol ol,ul ul,ol ul,ul ol{margin-bottom:0}
dt{font-weight:700}
dd{margin-bottom:.5rem;margin-left:0}
blockquote{margin:0 0 1rem}
b,strong{font-weight:bolder}
small{font-size:80%;font-weight:300;line-height:1.5}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
a{text-decoration:none}
a:hover{text-decoration:underline;outline-width:0}
a:not([href]){color:inherit;text-decoration:none}
a:not([href]):hover{color:inherit;text-decoration:none}
pre,code,kbd,samp{font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size:1em}
pre{margin-top:0;margin-bottom:1rem;overflow:auto}
figure{margin:0 0 1rem}
img{vertical-align:middle;border-style:none}
svg{vertical-align:middle;overflow:hidden}
table{border-collapse:separate}
th{text-align:inherit}
caption{padding-top:0.75rem;padding-bottom:0.75rem;color:#6c757d;text-align:left;caption-side:bottom}
button{border-radius:0}
button:focus{outline:1px dotted}
button,input,select,textarea{font:inherit;margin:0;line-height: inherit}
button,input{overflow:visible}
button,select{text-transform:none}
select{word-wrap:normal}
button:not(:disabled),[type="button"]:not(:disabled),[type="reset"]:not(:disabled),[type="submit"]:not(:disabled){cursor:pointer}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{outline:1px dotted ButtonText}
input[type="radio"],input[type="checkbox"]{box-sizing:border-box;padding:0}
textarea{overflow:auto;resize: vertical}
fieldset{min-width:0;padding:0;margin:0;border:0}
legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}
progress{vertical-align:baseline}
output{display:inline-block}
summary{display:list-item;cursor:pointer}
template{display:none}

/* Main */
html{line-height:1.5;font-family:sans-serif;height:100%}
body{height:100%;margin:0;font-size:1rem;font-weight:400;line-height:1.5;color:#444;text-align:left;letter-spacing:normal;background-color:#000;
position:relative;font-family:"Open Sans",sans-serif}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:none;outline-width:0}
abbr{text-decoration:underline dotted;cursor:help;border-bottom:0}
h1,h2,h3,h4,h5,h6{font-weight:400;margin-top:0;margin-bottom:0.5rem;line-height:1.2}
.h1,.h2,.h3,.h4,.h5,.h6{font-weight:400;line-height:1.2}
h1,.h1 {font-size:2.5rem}
h2,.h2 {font-size:2rem}
h3,.h3 {font-size:1.75rem}
h4,.h4 {font-size:1.5rem}
h5,.h5 {font-size:1.25rem}
h6,.h6 {font-size:1rem}
mark{padding:0.2rem;background-color:#fcf8e3}
p{margin-top:0;margin-bottom:0.5rem;font-size:1rem}

/* Alert Colors, Backgrounds, Borders */
.alert{position:relative;padding:0.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:0.25rem}
.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}
.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}
.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}
.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}
.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}
.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}
.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}
.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}

/* Alignment */
.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}
.text-justify{text-align:justify}

/* Animation */
.animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0.1}50%{opacity:1}100%{opacity:0.1}}
.animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.animate-input{transition:width 0.4s ease-in-out} .animate-input:focus{width:100%}
.animate-spin{animation:spin 2s infinite linear}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.animate-grow{animation: spinner-grow .75s linear infinite}@keyframes spinner-grow{0%{transform:scale(0);}50%{opacity: 1}}
.animate-stripes{animation:bar-stripes 1s linear infinite}@keyframes bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}

/* Background Color */
.bg-primary{background-color:#6c757d}
.bg-secondary{background-color:#17a2b8}
.bg-success{background-color:#28a745}
.bg-info{background-color:#17a2b8}
.bg-warning{background-color:#ffc107}
.bg-danger{background-color:#dc3545}
.bg-light{background-color:#f8f9fa}
.bg-dark{background-color:#343a40}
.bg-black{background-color:#000}
.bg-white{background-color:#fff}
.bg-background{background-color:#fff}
.bg-surface{background-color:#fff}
.bg-error{background-color:#b00020}
.bg-transparent{border-color:transparent}
.bg-amber{background-color:#ffc107}
.bg-aqua{background-color:#00ffff}
.bg-blue{background-color:#007bff}
.bg-light-blue{background-color:#87CEEB}
.bg-brown{background-color:#795548}
.bg-cyan{background-color:#17a2b8}
.bg-blue-gray{background-color:#607d8b}
.bg-blue-grey{background-color:#607d8b}
.bg-green{background-color:#28a745}
.bg-light-green{background-color:#8bc34a}
.bg-indigo{background-color:#6610f2}
.bg-khaki{background-color:#f0e68c}
.bg-lime{background-color:#cddc39}
.bg-orange{background-color:#fd7e14}
.bg-deep-orange{background-color:#ff5722}
.bg-pink{background-color:#e83e8c}
.bg-purple{background-color:#6f42c1}
.bg-deep-purple{background-color:#673ab7}
.bg-red{background-color:#dc3545}
.bg-sand{background-color:#fdf5e6}
.bg-teal{background-color:#20c997}
.bg-yellow{background-color:#ffc107}
.bg-gray{background-color:#6c757d}
.bg-grey{background-color:#6c757d}
.bg-light-gray{background-color:#f1f1f1}
.bg-light-grey{background-color:#f1f1f1}
.bg-dark-gray{background-color:#343a40}
.bg-dark-grey{background-color:#343a40}
.bg-pale-red{background-color:#ffdddd}
.bg-pale-green{background-color:#ddffdd}
.bg-pale-yellow{background-color:#ffffcc}
.bg-pale-blue{background-color:#ddffff}
.bg-alert-secondary{background-color:#E5E4E2}
.bg-alert-info{background-color:#d1ecf1}

/* Badge */
.badge {
	display: inline-block;
	padding: 0.25em 0.4em;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0.25rem;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}
.badge-oval{padding-right:0.6rem;padding-left:0.6rem;border-radius:10rem}
.badge-circle{border-radius:50%}

/* Blockquote */
.blockquote{margin-bottom:1rem;font-size:1.25rem}

/* Border */
.border{border:1px solid #dee2e6}
.border-top{border-top:1px solid #dee2e6}
.border-right{border-right:1px solid #dee2e6}
.border-bottom{border-bottom:1px solid #dee2e6}
.border-left{border-left:1px solid #dee2e6}
.border-0{border:0}
.border-spinner{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:0.25em solid currentColor;border-right-color:transparent;border-radius:50%}
.border-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0}
.border-topbar{border-top:6px solid #dee2e6}
.border-rightbar{border-right:6px solid #dee2e6}
.border-bottombar{border-bottom:6px solid #dee2e6}
.border-leftbar{border-left:6px solid #dee2e6}

/* Border Color */
.border-primary{border-color:#007bff}
.border-secondary{border-color:#17a2b8}
.border-success{border-color:#28a745}
.border-info{border-color:#17a2b8}
.border-warning{border-color:#ffc107}
.border-danger{border-color:#dc3545}
.border-light{border-color:#f8f9fa}
.border-dark{border-color:#343a40}
.border-black{border-color:#000}
.border-white{border-color:#fff}
.border-background{border-color:#fff}
.border-surface{border-color:#fff}
.border-error{border-color:#b00020}
.border-transparent{border-color:transparent}
.border-amber{border-color:#ffc107}
.border-aqua{border-color:#00ffff}
.border-blue{border-color:#007bff}
.border-light-blue{border-color:#87CEEB}
.border-brown{border-color:#795548}
.border-cyan{border-color:#17a2b8}
.border-blue-gray{border-color:#607d8b}
.border-blue-grey{border-color:#607d8b}
.border-green{border-color:#28a745}
.border-light-green{border-color:#8bc34a}
.border-indigo{border-color:#6610f2}
.border-khaki{border-color:#f0e68c}
.border-lime{border-color:#cddc39}
.border-orange{border-color:#fd7e14}
.border-deep-orange{border-color:#ff5722}
.border-pink{border-color:#e83e8c}
.border-purple{border-color:#6f42c1}
.border-deep-purple{border-color:#673ab7}
.border-red{border-color:#dc3545}
.border-sand{border-color:#fdf5e6}
.border-teal{border-color:#20c997}
.border-yellow{border-color:#ffc107}
.border-gray{border-color:#6c757d}
.border-grey{border-color:#6c757d}
.border-light-gray{border-color:#f1f1f1}
.border-light-grey{border-color:#f1f1f1}
.border-dark-gray{border-color:#343a40}
.border-dark-grey{border-color:#343a40}
.border-pale-red{border-color:#ffdddd}
.border-pale-green{border-color:#ddffdd}
.border-pale-yellow{border-color:#ffffcc}
.border-pale-blue{border-color:#ddffff}

/* Button */
.btn {
	display: inline-block;
	cursor: pointer;
	white-space: nowrap;
	user-select: none;
	text-align: center;
	vertical-align: middle;
	user-select: none;
	overflow: hidden;
	text-decoration: none;
	font-size: 0.875rem;
	font-weight: 400;
	border: 1px solid transparent;
	padding: 0.5rem 0.5rem;
	line-height: 1.5;
	border-radius: 0.25rem;
	transition: color 0.15s ease-in-out;
}
.btn:hover{box-shadow:0 0.5rem 1rem 0 rgba(0,0,0,0.2),0 0.375rem 1.25rem 0 rgba(0,0,0,0.19)}
.btn:focus{outline:0}
.btn:disabled{cursor:not-allowed;opacity:0.3}
.btn:disabled:hover{box-shadow:none}
.btn.outline{border:1px solid;background-color:transparent}
.btn.outline:hover{box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5)}
.btn.outline:focus{outline:0}
.btn.outline:disabled:hover{box-shadow:none}

/* Cells */
.cell-row{display:table;width:100%;margin:0}
.cell-row:after{display:block;clear:both;content:""}
.cell-row:before{display:block;clear:both;content:""}
.cell{display:table-cell}
.cell-top{vertical-align:top}
.cell-middle{vertical-align:middle}
.cell-bottom{vertical-align:bottom}

/* Checkbox Container */
.checkbox-container {display:block;position:relative;cursor:pointer;padding-left:40px;user-select:none}
.checkbox-container input {position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.checkmark-container {position:absolute;top:0;left:0;height:24px;width:24px;background-color:#eee;border:2px solid #ccc;border-radius:0.25rem}
.checkbox-container:hover input:not(checked) ~ .checkmark-container {background-color:#ccc}
.checkbox-container:hover input:checked ~ .checkmark-container {background-color:#ccc}
.checkbox-container input:checked ~ .checkmark-container {background-color:#fff}
.checkmark-container::after {display:block;clear:both;content:""}
.checkbox-container input:checked ~ .checkmark-container::after {display:block}
.checkbox-container .checkmark-container::after {left:9px;top:5px;width:5px;height:10px;border:solid #000;border-width:0 3px 3px 0;transform:rotate(45deg)}

/* Clear */
.clear:after,.clear:before{display:block;clear:both;content:""}

/* Code */
.code{font-size:87.5%;width:auto;color:#e83e8c;background-color:#fff;padding:0.5rem 0.75rem;border-left:0.25rem solid #dee2e6;word-wrap:break-word;margin-top:0;margin-bottom:0.5rem;font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}

/* Containers  */
.container{width:100%;margin-left:auto;margin-right:auto}
.container-fluid,.container-sm,.container-md,.container-lg,.container-xl{width:100%;margin-left:auto;margin-right:auto}
.container:after,.container:before{display:block;clear:both;content:""}
.container-fluid:after,.container-sm:after,.container-md:after,.container-lg:after,.container-xl:after,
.container-fluid:before,.container-sm:before,.container-md:before,.container-lg:before,.container-xl:before{display:block;clear:both;content:""}

/* Display */
.block{display:block}
.inline-block{display:inline-block;width:auto}
.visible{visibility:visible}
.hidden{visibility:hidden}
.d-none{display:none}
.display-container{position:relative}
.display-container:hover .display-hover{display:block;width:100%}
.display-container:hover span.display-hover{display:inline-block;width:auto}
.display-bottom-left{position:absolute;left:0;bottom:0}
.display-bottom-middle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%)}
.display-bottom-right{position:absolute;right:0;bottom:0}
.display-hover{display:none}
.display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%)}
.display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.display-position{position:absolute}
.display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%)}
.display-top-left{position:absolute;left:0;top:0}
.display-top-middle{position:absolute;left:50%;top:0;transform:translate(-50%,0%)}
.display-top-right{position:absolute;right:0;top:0}

/* Dropdown */
.dropdown-hover{position:relative}
.dropdown-hover:hover .dropdown-content{display:block}
.dropdown-click{position:relative}
.dropdown-content{cursor:auto;display:none;position:absolute;left:0;z-index:1;background-color:#fff;border:1px solid #dee2e6}
.dropdown-content li:hover{background-color:#f8f9fa}
.dropdown-toggle::after{display:inline-block;margin-left:0.255em;content: "";border-top:0.5rem solid;border-right:0.5rem solid transparent;border-bottom:0;border-left:0.5rem solid transparent}
.dropdown-divider{height:0;margin:0.5rem 0;overflow:hidden;border-top:1px solid #dee2e6}

/* Flex */
.flex-row{display:flex;flex-direction:row}
.flex-inline{display:inline-flex;flex-direction:column}
.flex-column{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.flex-fill{flex:1 1 auto}

/* Float */
.float-left{float:left}
.float-right{float:right}

/* Forms */
label{display:inline-block;margin:0;font-size:0.8rem;color:#000;font-weight:700}
.form-group{position:relative}
.input {
	display: block;
	width: 100%;
	font-size: 14px;
	padding: 0.25rem;
	margin: 0;
	color: #444;
	outline: 0;
	border: 1px solid #ccc;
	border-radius: 0.25em;
	transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
	background-image: linear-gradient(to bottom, #ffffff 0%,#eee 100%);
}
.radio{width:1.5rem;height:1.25rem;position:relative;top:6px}
.input:active{opacity:0.5}
.input:focus {
	border: none;
	box-shadow: 0 0 1px 1px rgba(59, 153, 252, .7);
	color: #222;
	outline: 0;
}
.input:hover {
	border: 1px solid rgba(59, 153, 252, .7);
}
.input::placeholder{color:#6c757d;opacity:0.8}
.input[readonly]{background-color:#e9ecef;opacity:1}
.select-css {
	display: block;
	font-size: 14px;
	color: #444;
	line-height: 1.4;
	padding: .4em 1.4em .5em .4em;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #e5e5e5;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: .25em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
		linear-gradient(to bottom, #ffffff 0%,#ccc 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
}
.select-css::-ms-expand {
	display: none;
}
.select-css:hover {
	border: 1px solid rgba(59, 153, 252, .7);
}
.select-css:focus {
	border-color: #aaa;
	box-shadow: 0 0 1px 1px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 0px -moz-mac-focusring;
	color: #222;
	outline: none;
}
.select-css option {
	font-weight:normal;
}
.cbox-container {
	display: block;
	position: relative;
	padding-left: 35px;
	padding-top: 2px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 16px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
.cbox-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0px;
	width: 0px;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #fff;
	border-radius: 0.25rem;
	border: 1px solid #aaa;
	background-image: linear-gradient(to bottom, #ffffff 0%,#ccc 100%);
}

/* On mouse-over, add a grey background color */
.cbox-container:hover input ~ .checkmark {
	border: 1px solid rgba(59, 153, 252, .7);
}

/* When the checkbox is checked, add a blue background */
.cbox-container input:checked ~ .checkmark {
	background-color: #236AB9;
	background-image: linear-gradient(to bottom, #236AB9 0%,#236AB9 100%);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.cbox-container input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.cbox-container .checkmark:after {
	left: 10px;
	top: 5px;
	width: 5px;
	height: 12px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}


/* Form Validation */
.input.is-invalid {
	border-color: rgba(255,0,0,0.2);
	box-shadow: inset 0px 0px 0px 1px #f00;
}

/* Font Weights */
.font-weight-light{font-weight:300}
.font-weight-lighter{font-weight:lighter}
.font-weight-bold{font-weight:500}
.font-weight-bolder{font-weight:700}

/* Hover Color and background */
.hover-bold:hover{font-weight:bold}
.hover-bolder:hover{font-weight:bolder}
.hover-underline:hover{text-decoration:underline}
.hover-transparent:hover{background-color:transparent}
.hover-primary:hover{color:#fff;background-color:#007bff}
.hover-secondary:hover{color:#fff;background-color:#17a2b8}
.hover-success:hover{color:#000;background-color:#28a745}
.hover-info:hover{color:#000;background-color:#17a2b8}
.hover-warning:hover{color:#000;background-color:#ffc107}
.hover-danger:hover{color:#fff;background-color:#dc3545}
.hover-light:hover{color:#000;background-color:#f8f9fa}
.hover-dark:hover{color:#fff;background-color:#343a40}
.hover-black:hover{color:#fff;background-color:#000}
.hover-white:hover{color:#000;background-color:#fff}
.hover-background:hover{color:#000;background-color:#fff}
.hover-surface:hover{color:#000;background-color:#fff}
.hover-error:hover{color:#000;background-color:#b00020}
.hover-transparent:hover{background-color:transparent}
.hover-amber:hover{color:#000;background-color:#ffc107}
.hover-aqua:hover{color:#000;background-color:#00ffff}
.hover-blue:hover{color:#fff;background-color:#2196F3}
.hover-light-blue:hover{color:#000;background-color:#87CEEB}
.hover-brown:hover{color:#fff;background-color:#795548}
.hover-cyan:hover{color:#000;background-color:#00bcd4}
.hover-blue-gray:hover{color:#fff;background-color:#607d8b}
.hover-blue-grey:hover{color:#fff;background-color:#607d8b}
.hover-green:hover{color:#fff;background-color:#4CAF50}
.hover-light-green:hover{color:#000;background-color:#8bc34a}
.hover-indigo:hover{color:#fff;background-color:#3f51b5}
.hover-khaki:hover{color:#000;background-color:#f0e68c}
.hover-lime:hover{color:#000;background-color:#cddc39}
.hover-orange:hover{color:#000;background-color:#ff9800}
.hover-deep-orange:hover{color:#fff;background-color:#ff5722}
.hover-pink:hover{color:#fff;background-color:#e91e63}
.hover-purple:hover{color:#fff;background-color:#9c27b0}
.hover-deep-purple:hover{color:#fff;background-color:#673ab7}
.hover-red:hover{color:#fff;background-color:#f44336}
.hover-sand:hover{color:#000;background-color:#fdf5e6}
.hover-teal:hover{color:#fff;background-color:#009688}
.hover-yellow:hover{color:#000;background-color:#ffeb3b}
.hover-gray:hover{color:#000;background-color:#9e9e9e}
.hover-grey:hover{color:#000;background-color:#9e9e9e}
.hover-light-gray:hover{color:#000;background-color:#f1f1f1}
.hover-light-grey:hover{color:#000;background-color:#f1f1f1}
.hover-dark-gray:hover{color:#fff;background-color:#616161}
.hover-dark-grey:hover{color:#fff;background-color:#616161}
.hover-pale-red:hover{color:#000;background-color:#ffdddd}
.hover-pale-green:hover{color:#000;background-color:#ddffdd}
.hover-pale-yellow:hover{color:#000;background-color:#ffffcc}
.hover-pale-blue:hover{color:#000;background-color:#ddffff}

/* Hover Border Color */
.hover-border-transparent:hover{border-color:transparent}
.hover-border-primary:hover{border-color:#007bff}
.hover-border-secondary:hover{border-color:#17a2b8}
.hover-border-success:hover{border-color:#28a745}
.hover-border-info:hover{border-color:#17a2b8}
.hover-border-warning:hover{border-color:#ffc107}
.hover-border-danger:hover{border-color:#dc3545}
.hover-border-light:hover{border-color:#f8f9fa}
.hover-border-dark:hover{border-color:#343a40}
.hover-border-black:hover{border-color:#000}
.hover-border-white:hover{border-color:#fff}
.hover-border-background:hover{border-color:#fff}
.hover-border-surface:hover{border-color:#fff}
.hover-border-error:hover{border-color:#b00020}
.hover-border-amber:hover{border-color:#ffc107}
.hover-border-aqua:hover{border-color:#00ffff}
.hover-border-blue:hover{border-color:#2196F3}
.hover-border-light-blue:hover{border-color:#87CEEB}
.hover-border-brown:hover{border-color:#795548}
.hover-border-cyan:hover{border-color:#00bcd4}
.hover-border-blue-gray:hover{border-color:#607d8b}
.hover-border-blue-grey:hover{border-color:#607d8b}
.hover-border-green:hover{border-color:#4CAF50}
.hover-border-light-green:hover{border-color:#8bc34a}
.hover-border-indigo:hover{border-color:#3f51b5}
.hover-border-khaki:hover{border-color:#f0e68c}
.hover-border-lime:hover{border-color:#cddc39}
.hover-border-orange:hover{border-color:#ff9800}
.hover-border-deep-orange:hover{border-color:#ff5722}
.hover-border-pink:hover{border-color:#e91e63}
.hover-border-purple:hover{border-color:#9c27b0}
.hover-border-deep-purple:hover{border-color:#673ab7}
.hover-border-red:hover{border-color:#f44336}
.hover-border-sand:hover{border-color:#fdf5e6}
.hover-border-teal:hover{border-color:#009688}
.hover-border-yellow:hover{border-color:#ffeb3b}
.hover-border-gray:hover{border-color:#9e9e9e}
.hover-border-grey:hover{border-color:#9e9e9e}
.hover-border-light-gray:hover{border-color:#f1f1f1}
.hover-border-light-grey:hover{border-color:#f1f1f1}
.hover-border-dark-gray:hover{border-color:#616161}
.hover-border-dark-grey:hover{border-color:#616161}
.hover-border-pale-red:hover{border-color:#ffe7e7}
.hover-border-pale-green:hover{border-color:#e7ffe7}
.hover-border-pale-yellow:hover{border-color:#ffffcc}
.hover-border-pale-blue:hover{border-color:#e7ffff}

/* Hover Text Color */
.hover-text-transparent:hover{color:transparent}
.hover-text-primary:hover{color:#007bff}
.hover-text-secondary:hover{color:#17a2b8}
.hover-text-success:hover{color:#28a745}
.hover-text-info:hover{color:#17a2b8}
.hover-text-warning:hover{color:#ffc107}
.hover-text-danger:hover{color:#dc3545}
.hover-text-light:hover{color:#f8f9fa}
.hover-text-dark:hover{color:#343a40}
.hover-text-black:hover{color:#000}
.hover-text-white:hover{color:#fff}
.hover-text-background:hover{color:#fff}
.hover-text-surface:hover{color:#fff}
.hover-text-error:hover{color:#b00020}
.hover-text-amber:hover{color:#ffc107}
.hover-text-aqua:hover{color:#00ffff}
.hover-text-blue:hover{color:#2196F3}
.hover-text-light-blue:hover{color:#87CEEB}
.hover-text-brown:hover{color:#795548}
.hover-text-cyan:hover{color:#00bcd4}
.hover-text-blue-gray:hover{color:#607d8b}
.hover-text-blue-grey:hover{color:#607d8b}
.hover-text-green:hover{color:#4CAF50}
.hover-text-light-green:hover{color:#8bc34a}
.hover-text-indigo:hover{color:#3f51b5}
.hover-text-khaki:hover{color:#b4aa50}
.hover-text-lime:hover{color:#cddc39}
.hover-text-orange:hover{color:#ff9800}
.hover-text-deep-orange:hover{color:#ff5722}
.hover-text-pink:hover{color:#e91e63}
.hover-text-purple:hover{color:#9c27b0}
.hover-text-deep-purple:hover{color:#673ab7}
.hover-text-red:hover{color:#f44336}
.hover-text-sand:hover{color:#fdf5e6}
.hover-text-teal:hover{color:#009688}
.hover-text-yellow:hover{color:#d2be0e}
.hover-text-gray:hover{color:#757575}
.hover-text-grey:hover{color:#757575}
.hover-text-light-gray:hover{color:#f1f1f1}
.hover-text-light-grey:hover{color:#f1f1f1}
.hover-text-dark-gray:hover{color:#3a3a3a}
.hover-text-dark-grey:hover{color:#3a3a3a}
.hover-text-pale-red:hover{color:#ffdddd}
.hover-text-pale-green:hover{color:#ddffdd}
.hover-text-pale-yellow:hover{color:#ffffcc}
.hover-text-pale-blue:hover{color:#ddffff}

/* Image  */
.img-fluid{max-width:100%;height:auto}
.img-thumbnail{padding:0.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:0.25rem;max-width:100%;height:auto}
.img-center{margin-left:auto;margin-right:auto;display:block}

/* Lead  */
.lead{font-size:1.25rem;font-weight:300}

/* Lists  */
.list-unstyled{padding-left:0;list-style:none}
.list-unstyled li{margin-top:0;margin-bottom:0.25rem}
.list-inline{padding-left:0;list-style:none}
.list-inline-item{display:inline-block}
.list-inline-item:not(:last-child){margin-right:0.5rem}
.list-square{list-style-type:square;margin-top:0;margin-bottom:0.5rem}
.list-square li{margin-top:0;margin-bottom:0.25rem}

/* List Groups  */
.list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0}
.list-group-item{position:relative;display:block;padding:0.75rem 1.25rem;border:1px solid rgba(0, 0, 0, 0.125)}
.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}
.list-group-item:first-child{border-top-left-radius:0.25rem;border-top-right-radius:0.25rem}
.list-group-item:last-child{border-bottom-right-radius:0.25rem;border-bottom-left-radius:0.25rem}
.list-group-flush .list-group-item{border-right-width:0;border-left-width:0;border-radius:0}
.list-group-flush .list-group-item:first-child{border-top-width:0}
.list-group-flush:last-child .list-group-item:last-child{border-bottom-width:0}
.list-group.no-border .list-group-item{border-color:transparent}
.list-group-horizontal{flex-direction:row}
.list-group-horizontal .list-group-item:first-child{border-bottom-left-radius:0.25rem;border-top-right-radius:0}
.list-group-horizontal .list-group-item:last-child{border-top-right-radius:0.25rem;border-bottom-left-radius:0}

/* Margin */
.m-0{margin:0}
.mt-0,.my-0{margin-top:0}
.mb-0,.my-0{margin-bottom:0}
.ml-0,.mx-0{margin-left:0}
.mr-0,.mx-0{margin-right:0}
.m-1{margin:0.25rem}
.mt-1,.my-1{margin-top:0.25rem}
.mb-1,.my-1{margin-bottom:0.25rem}
.ml-1,.mx-1{margin-left:0.25rem}
.mr-1,.mx-1{margin-right:0.25rem}
.m-2{margin:0.5rem}
.mt-2,.my-2{margin-top:0.5rem}
.mb-2,.my-2{margin-bottom:0.5rem}
.ml-2,.mx-2{margin-left:0.5rem}
.mr-2,.mx-2{margin-right:0.5rem}
.m-3{margin:1rem}
.mt-3,.my-3{margin-top:1rem}
.mb-3,.my-3{margin-bottom:1rem}
.ml-3,.mx-3{margin-left:1rem}
.mr-3,.mx-3{margin-right:1rem}
.m-4{margin:2rem}
.mt-4,.my-4{margin-top:2rem}
.mb-4,.my-4{margin-bottom:2rem}
.ml-4,.mx-4{margin-left:2rem}
.mr-4,.mx-4{margin-right:2rem}
.m-5{margin:3rem}
.mt-5,.my-5{margin-top:3rem}
.mb-5,.my-5{margin-bottom:3rem}
.ml-5,.mx-5{margin-left:3rem}
.mr-5,.mx-5{margin-right:3rem}
.m-auto{margin:auto}
.my-auto{margin-top:auto;margin-bottom:auto}
.mx-auto{margin-left:auto;margin-right:auto}

/* Modal */
.modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#e2e3e5}
.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}

/* Navs  */
.nav{display:flex;flex-wrap:nowrap;padding-left:1rem;padding-right:1rem;margin-bottom:0;list-style:none}
.nav .nav-item{flex:1 1 auto;text-align:center}
.nav .nav-link{display:block;padding:0.25rem 0.5rem}
.nav .nav-link:hover{text-decoration:none}
.nav .nav-link:focus{text-decoration:none}
.nav .nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}

/* Nav Tabs  */
.nav-tabs{display:flex;flex-wrap:nowrap;padding-left:1rem;padding-right:1rem;margin-bottom:0;list-style:none}
.nav-tabs .nav-item{flex:1 1 auto;text-align:center}
.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:0.25rem;border-top-right-radius:0.25rem;border-bottom:1px solid #dee2e6}
.nav-tabs .nav-link:hover{color:#343a40;border-color:#e9ecef #e9ecef transparent}
.nav-tabs .nav-link:focus{color:#343a40;border-color:#e9ecef #e9ecef transparent}
.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}
.nav-tabs .nav-link.active{color:#343a40;border-color:#dee2e6 #dee2e6 transparent}

/* Opacity */
.opacity{opacity:0.60}
.opacity-max{opacity:0.25}
.opacity-min{opacity:0.75}
.opacity-off{opacity:1}
.overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}

/* Padding*/
.p-0{padding:0}
.pt-0,.py-0{padding-top:0}
.pb-0,.py-0{padding-bottom:0}
.pl-0,.px-0{padding-left:0}
.pr-0,.px-0{padding-right:0}
.p-1{padding:0.25rem}
.pt-1,.py-1{padding-top:0.25rem}
.pb-1,.py-1{padding-bottom:0.25rem}
.pl-1,.px-1{padding-left:0.25rem}
.pr-1,.px-1{padding-right:0.25rem}
.p-2{padding:0.5rem}
.pt-2,.py-2{padding-top:0.5rem}
.pb-2,.py-2{padding-bottom:0.5rem}
.pl-2,.px-2{padding-left:0.5rem}
.pr-2,.px-2{padding-right:0.5rem}
.p-3{padding:1rem}
.pt-3,.py-3{padding-top:1rem}
.pb-3,.py-3{padding-bottom:1rem}
.pl-3,.px-3{padding-left:1rem}
.pr-3,.px-3{padding-right:1rem}
.p-4{padding:2rem}
.pt-4,.py-4{padding-top:2rem}
.pb-4,.py-4{padding-bottom:2rem}
.pl-4,.px-4{padding-left:2rem}
.pr-4,.px-4{padding-right:2rem}
.p-5{padding:3rem}
.pt-5,.py-5{padding-top:3rem}
.pb-5,.py-5{padding-bottom:3rem}
.pl-5,.px-5{padding-left:3rem}
.pr-5,.px-5{padding-right:3rem}

/* Progress Bars  */
.progress{display:flex;height:1rem;overflow:hidden;font-size:0.75rem;background-color:#e9ecef;border-radius:0.25rem}
.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;text-align:center;white-space:nowrap;transition:width 0.6s ease}
.progress-bar-striped{background-size: 1rem 1rem;background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)}

/* Rounded borders */
.rounded{border-radius:0.25rem}
.rounded-sm{border-radius:0.2rem}
.rounded-lg{border-radius:0.3rem}
.rounded-circle{border-radius:50%}
.rounded-top{border-top-left-radius:0.25rem;border-top-right-radius:0.25rem}
.rounded-right{border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem}
.rounded-bottom{border-bottom-right-radius:0.25rem;border-bottom-left-radius:0.25rem}
.rounded-left{border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem}

/* Shadow */
.shadow{box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.5)}
.shadow-sm{box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.25)}
.shadow-lg{box-shadow:0 1rem 3rem rgba(0, 0, 0, 0.175)}

/* Table*/
.table{border-spacing:1px;border-collapse:separate;width:100%;display:table}
.table th{padding:1rem;display:table-cell;vertical-align:middle}
.table td{padding:0.25rem;display:table-cell;vertical-align:middle}
.table.bordered tr{border:1px solid #dee2e6}
.table.bordered td{border:1px solid #dee2e6}
.table.unbordered tr{border:0}
.table.unbordered td{border:0}
.table.striped tbody tr:nth-child(even){background-color:#f8f9fa}
.table.striped tbody tr:nth-child(odd){background-color:#fff}
.table.hoverable tbody tr:hover{color:#212529;background-color:rgba(0, 0, 0, 0.07)}
.table.centered tr th{text-align:center}
.table.centered tr td{text-align:center}

/* Text Color */
.text-primary{color:#6c757d}
.text-secondary{color:#17a2b8}
.text-success{color:#28a745}
.text-info{color:#17a2b8}
.text-warning{color:#ffc107}
.text-danger{color:#dc3545}
.text-light{color:#f8f9fa}
.text-dark{color:#343a40}
.text-body{color:#212529}
.text-muted{color:#6c757d}
.text-white{color:#fff}
.text-black{color:#444}
.text-amber{color:#ffc107}
.text-aqua{color:#00ffff}
.text-blue{color:#007bff}
.text-light-blue{color:#87CEEB}
.text-brown{color:#795548}
.text-cyan{color:#17a2b8}
.text-blue-gray{color:#607d8b}
.text-blue-grey{color:#607d8b}
.text-green{color:#28a745}
.text-light-green{color:#8bc34a}
.text-indigo{color:#6610f2}
.text-khaki{color:#f0e68c}
.text-lime{color:#cddc39}
.text-orange{color:#fd7e14}
.text-deep-orange{color:#ff5722}
.text-pink{color:#e83e8c}
.text-purple{color:#6f42c1}
.text-deep-purple{color:#673ab7}
.text-red{color:#dc3545}
.text-sand{color:#fdf5e6}
.text-teal{color:#20c997}
.text-yellow{color:#ffc107}
.text-white{color:#fff}
.text-black{color:#000}
.text-gray{color:#6c757d}
.text-grey{color:#6c757d}
.text-light-gray{color:#f1f1f1}
.text-light-grey{color:#f1f1f1}
.text-dark-gray{color:#343a40}
.text-dark-grey{color:#343a40}
.text-pale-red{color:#ffdddd}
.text-pale-green{color:#ddffdd}
.text-pale-yellow{color:#ffffcc}
.text-pale-blue{color:#ddffff}

/* Text Shadow */
.text-shadow-info {text-shadow:1px 1px 0 #117a8b}
.text-shadow-dark {text-shadow:1px 1px 0 #363a40}

/* ToolTip */
.tooltip{position:relative}
.tooltip .text{display:none}
.tooltip:hover .text{display:inline-block}

/* Grid */
.row:after,.row:before{display:block;clear:both;content:""}
.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,
.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,
.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,
.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,
.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12{float:left;width:100%}
.col-1{width: 8.333333%} .col-2{width:16.666667%} .col-3{width:24.99999%;} .col-4{width:33.333333%} .col-5{width:41.666667%} .col-6{width:49.99999%} 
.col-7{width:58.33333%} .col-8{width:66.66666%} .col-9{width:74.9999%} .col-10{width:83.33333%} .col-11{width:91.66666%} .col-12{width:99.99999%}
.half,.third,.twothird,.threequarter,.quarter,.fifth{float:left;width:100%}
.quarter{width:24.99999%} .third{width:33.33333%} .half{width:49.99999%} .twothird{width:66.66666%} .threequarter{width:74.99999%} .fifth{width:19.99999%}
.hide{display:none}
.show{display:block}
.collapse{display:none}
.expand{display:block}
.hide-xs{display:none}

/* @media */
@media (min-width: 576px) {
.col-sm-1{width: 8.333333%} .col-sm-2{width:16.666667%}
.col-sm-3{width:24.99999%;} .col-sm-4{width:33.333333%}
.col-sm-5{width:41.666667%} .col-sm-6{width:49.99999%} 
.col-sm-7{width:58.33333%} .col-sm-8{width:66.66666%}
.col-sm-9{width:74.9999%} .col-sm-10{width:83.33333%} 
.col-sm-11{width:91.66666%} .col-sm-12{width:99.99999%}
.container{width:100%}
.collapse{display:none}
.expand{display:block}
.hide-sm{display:none}
.modal-content{width:500px}
}

@media (min-width: 768px) {
.col-md-1{width: 8.333333%} .col-md-2{width:16.666667%}
.col-md-3{width:24.99999%;} .col-md-4{width:33.333333%}
.col-md-5{width:41.666667%} .col-md-6{width:49.99999%} 
.col-md-7{width:58.33333%} .col-md-8{width:66.66666%}
.col-md-9{width:74.9999%} .col-md-10{width:83.33333%} 
.col-md-11{width:91.66666%} .col-md-12{width:99.99999%}
.container{width:100%}
.collapse{display:block;width:100%}
.expand{display:none}
.hide-sm{display:none}
.hide-sm{display:none}
.hide-md{display:none}
.modal-content{width:700px}
}

@media (min-width: 992px) {
.col-lg-1{width: 8.333333%} .col-lg-2{width:16.666667%}
.col-lg-3{width:24.99999%;} .col-lg-4{width:33.333333%}
.col-lg-5{width:41.666667%} .col-lg-6{width:49.99999%} 
.col-lg-7{width:58.33333%} .col-lg-8{width:66.66666%}
.col-lg-9{width:74.9999%} .col-lg-10{width:83.33333%} 
.col-lg-11{width:91.66666%} .col-lg-12{width:99.99999%}
.container{max-width:960px}
.collapse{display:block;width:100%}
.expand{display:none}
.hide-lg{display:none}
.modal-content{width:900px}
}

@media (min-width: 1200px) {
.col-xl-1{width: 8.333333%} .col-xl-2{width:16.666667%}
.col-xl-3{width:24.99999%;} .col-xl-4{width:33.333333%}
.col-xl-5{width:41.666667%} .col-xl-6{width:49.99999%} 
.col-xl-7{width:58.33333%} .col-xl-8{width:66.66666%}
.col-xl-9{width:74.9999%} .col-xl-10{width:83.33333%} 
.col-xl-11{width:91.66666%} .col-xl-12{width:99.99999%}
.container{max-width:960px}
.collapse{display:block;width:100%}
.expand{display:none}
.hide-xl{display:none}
.modal-content{width:900px}
}

/* Custom */
.bw-top-border{position:fixed;top:0px;width:100%;z-index:2;border-top:4px solid rgb(39,107,165)}
@media (min-width: 576px) {
	.bw-top-border{border-top:4px solid rgb(39,107,165)}
}
@media (min-width: 768px){
	.bw-top-border{border-top:4px solid rgb(39,107,165)}
}
@media (min-width: 992px) {
	.bw-top-border{border-top:4px solid rgb(39,107,165)}
}
@media (min-width: 1200px) {
	.bw-top-border{border-top:4px solid rgb(39,107,165)}
}