@charset "UTF-8";

body { color: #626262;}
input, textarea, select, label, input[type="checkbox"] + label { color: #626262;}

::-webkit-input-placeholder { color: #626262; text-overflow: ellipsis; }
::-moz-placeholder { color: #626262; text-overflow: ellipsis; opacity:1; }
:-ms-input-placeholder { color: #626262; text-overflow: ellipsis; opacity:1; }

/* text color, link color and link hover color */
.text-orange, .btn-link.text-orange, a.text-orange-hover:hover { color:#e16441; }
.text-red, .btn-link.text-red, a.text-red-hover:hover { color:#cc3333; }
.text-magenta, .btn-link.text-magenta, a.text-magenta-hover:hover { color:#912e8c; }
.text-purple, .btn-link.text-purple, a.text-purple-hover:hover { color:#663399; }
.text-darkblue, .btn-link.text-darkblue, a.text-darkblue-hover:hover { color:#2e3387; }
.text-lightblue, .btn-link.text-lightblue, a.text-lightblue-hover:hover { color:#0061ae; }
.text-teal, .btn-link.text-teal, a.text-teal-hover:hover { color:#009999; }
.text-darkgreen, .btn-link.text-darkgreen, a.text-darkgreen-hover:hover { color:#006464; }

/* letter spacing */
.letter-spacing-0 { letter-spacing: 0; }

/* Background Color */
.bg-orange { background-color: #e16441; }
.bg-red { background-color: #cc3333; }
.bg-magenta { background-color: #912e8c; }
.bg-purple { background-color: #663399; }
.bg-darkblue { background-color: #2e3387; }
.bg-lightblue { background-color: #0061ae; }
.bg-teal { background-color: #009999; }
.bg-darkgreen { background-color: #006464; }

/* button flat background */
.btn.btn-purple { background: #663399; border-color: #663399; color: #ffffff; }
.btn.btn-purple:hover, .btn.btn-dark-purple:focus { background: transparent; color: #663399; }

/* button gradient */
.btn-gradient-darkblue-purple { background: linear-gradient(to right, #2e3387, #663399, #2e3387); color: #fff; background-size: 200% auto; transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
.btn-gradient-darkblue-purple:hover, .btn-gradient-darkblue-purple:focus { background-position: right center; color: #fff; }

/* Material Design Icons */
.material-icons-outlined.md-18 { font-size: 18px; }
.material-icons-outlined.md-24 { font-size: 24px; }
.material-icons-outlined.md-36 { font-size: 36px; }
.material-icons-outlined.md-48 { font-size: 48px; }

/* No Break */
.nobr	{ white-space:nowrap; }