body {
    font-family: 'PT Sans', sans-serif;
    font-size: 12pt;
    background-color: #eaeaea;
    color: #000;
}
h1 {
    font-size: 18pt;
    font-family: 'PT Sans Caption', sans-serif;
}
a, a:link, a:visited {
    font-family: 'PT Sans Caption' , sans-serif;
    color: #551A8B;
    text-decoration: none;
    border-bottom: #CACACA 1px dashed;
}
a:hover {
    color: #9151cb;
    border-bottom: #551A8B 1px solid;
}
.formbutton {
    font-size: 12pt;
    font-family: 'PT Sans Caption', sans-serif;
    background-color: #2d6875;
    border-left: #666 1px solid;
    border-top: #666 1px solid;
    border-right: black 1px solid;
    border-bottom: black 1px solid;
    color: white;
    box-shadow: 1px 1px 0 #cacaca;
    cursor: pointer;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.50);
    border-radius: 2px;
}
.formbutton:hover {
    background-color: #457D8A;
}
.cal_btn {
    position: absolute;
    cursor: pointer;
    margin-left: -14pt;
    margin-top: 3pt;
}

.eye_btn {
    position: absolute;
    cursor: pointer;
    margin-left: 4pt;
    margin-top: 2pt;
    width: 21px;
    height: 21px;
}

.copy_btn {
    position: absolute;
    cursor: pointer;
    margin-left: 25pt;
    width: 18px;
    height: 18px;
    margin-top: 3pt;
}

.content {
    border: #aaa 1px solid;
    background-color: #fff;
    padding: 5px;
    margin: auto;
    width: 900px;
}
.content_row {
    padding: 5pt;
}
.darkred8bd {
    color: #990000;
}
.darkred10bd {
    color: #990000;
}
.dropdown {
    padding: 1px;
    border: #666666 1px solid;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15) inset;
    border-radius: 2px;
}
.dropdown:focus {
    border: #2d6875 1px solid;
    box-shadow: 0 2px 2px rgba(45, 104, 117, 0.25) inset;
    outline: 0 none;
}
.gray {
    color: #666666;
}
.gray8bd {
    color: #666666;
}
.green8bd {
    color: #336666;
}
.orange8bd {
    color: #ff6600;
}
.red8bd {
    color: #ff0000;
}
.row0 {
    background-color: #eaeaea;
}
.row1 {
    background-color: #ffffff;
}
.tab {
	float: left;
	height: 22px;
	margin: 5px 0 5px 17px;
}
.tab:hover, .tab:focus {
	color: #9151cb;
	border-bottom: #551A8B 1px solid;
	text-decoration: none;
}
.teal8bd {
    color: #336699;
}
.textbox {
    font-family: 'PT Sans', monospace;
    font-size: 12pt;
    padding: 2pt;
    border: #666666 1px solid;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15) inset;
    border-radius: 2px;
}
.textbox:focus {
    border: #2d6875 1px solid;
    box-shadow: 0 2px 2px rgba(45, 104, 117, 0.25) inset;
    outline: 0 none;
}
.textbox:disabled {
	color: #444 !important;
}
.textbox_short {
    font-family: 'PT Sans', monospace;
    width: 80px;
    padding: 2pt;
    border: #666666 1px solid;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15) inset;
    border-radius: 2px;
}
.textbox_short:focus {
    border: #2d6875 1px solid;
    box-shadow: 0 2px 2px rgba(45, 104, 117, 0.25) inset;
    outline: 0 none;
}
.textbox_short:disabled {
	color: #444 !important;
}
.yellow8bd {
    color: #ff9900;
}
.autolink {
    font-size: 10pt !important;
}
.autolink:hover, .autolink:focus {
	color: #9151cb;
	border-bottom: #551A8B 1px solid;
	text-decoration: none;
}
.rpt_category {
    border: #aaa 1px dashed;
    margin: 5pt 2pt 5pt 2pt;
    padding: 2pt;
    background-color: #eaeaea;
    float: left;
    width: 120pt;
}
.rpt_category_row label {
    font-size: 8pt;
    color: Gray;
    font-weight: bold;
}
.rpt_item_row {
    line-height: 75%;
    border-top: 1px solid #ccc;
    padding: 1pt 0 1pt 0;
}
.rpt_item_row span {
    font-size: 8pt;
    color: #444;
    cursor: pointer;
}
.rpt_item_row span.set {
    color: #484;
}
.rpt_item_row span.unset {
    color: #844;
}
.rpt_item_row div {
    color: #666;
    font-size: 7pt;
}
#dv_program {
    margin-bottom: 20pt;
}
.tbl_program_data {
    font-size: 10pt;
    color: #448;
    padding: 1pt 3pt 1pt 1pt;
}
.tbl_helpdesk_data {
    font-size: 10pt;
    color: #448;
    padding: 1pt 3pt 1pt 1pt;
}
.tbl_crm_data {
    font-size: 10pt;
    color: #448;
    padding: 1pt 3pt 1pt 1pt;
}

.default-table {
	color: #333333;
	border-collapse: collapse;
	width: 100%;
}

.default-table .header {
	color: #ffffff;
	background-color: #5D7B9D;
	font-weight: bold;
	text-align: left;
}

.default-table tr:not(.header) {
	color: #284775;
	background-color: #ffffff;
	text-align: left;
}

.default-table tr:nth-child(even):not(.header) {
	color: #333333;
	background-color: #F7F6F3;
	text-align: left;
}

/* versalite table style */
.thetable {
	border-collapse: collapse;
	width: 100%;
}
.thetable thead td {
	color: #fff;
	background-color: #8cb2ba;
	font-weight: bold;
}
.thetable tr:nth-child(odd) {
	background-color: #eaeaea;
}
.thetable td {
	text-align: center;
	padding: 2pt;
}
.thetable td.aqua {
	color: #2d6875;
}
.thetable td.left {
	text-align: left;
}
.thetable td.right {
	text-align: right;
}
.thetable td.addspace {
	padding-left: 15pt;
	padding-right: 15pt;
}
/* --------------- */
.canned_icon {
	cursor: pointer;
}
.grey_area {
    border: #aaa 1px dashed;
    margin: 3pt 2pt 3pt 2pt;
    padding: 2pt;
    background-color: #eaeaea;
    float: left;
}

.grey_area_fixed {
  display: inline-block;
  border: #aaa 1px dashed;
  margin: 3pt 2pt 3pt 2pt;
  padding: 2pt;
  background-color: #eaeaea;
}

.d-flex {
  display: flex;
}

.justify-content-end {
  justify-content: end;
}

.align-items-start {
  align-items: flex-start;
}

.pt8 {
  font-size: 8pt;
}

.tip-large {
	font-size: 1.8em;
	vertical-align: middle;
}

.topmargin5 {
	margin-top: 5pt;
}

.clear {
	clear: both;
}

.answer_header {
	line-height: 36px;
	margin-top: 10px;
}

a.attach, a.attach:hover, a.attach:link, a.attach:visited {
	margin-left: 20px;
	text-decoration: none;
	border: none;
	line-height: 36px;
}
.attach > img {
	display: inline;
	vertical-align: middle;
	line-height: 32px;
}

.uname {
	display: inline;
	font-size: 10pt;
	color: #666;
	margin-left: 20px;
}

.uname::before {
	display: inline;
	font-size: 10pt;
	content: "「";
	color: #444;
	vertical-align: top;
	line-height: 32px;
}

.uname::after {
	display: inline;
	font-size: 10pt;
	content: "」";
	color: #444;
	margin-left: 2px;
	vertical-align: bottom;
	line-height: 32px;
}

.priority-container {
    position: absolute;
    width: 250px;
    height: 50px;
    background-color: #cacaca;
}

.priority-container > div {
    display: inline-block;
    width: 48px;
    height: 48px;
    border: #cacaca 1px solid;
    background-color: #fff;
    color: #666;
    cursor: pointer;
    line-height: 48px;
    text-align: center;
    font-size: 20px;
}
.priority-container > div:hover {
    background-color: #eaeaea;
}

.priority-parent {
    cursor: pointer;
}

.import-label-preview {
	font-size: 10pt;
	margin-bottom: 10px;
}

.import-directions {
	font-size: 10pt;
	width: 890px;
	margin-bottom: 10px;
	padding: 2pt;
}

.import-directions-columns {
	width: 100%;
	margin-top: 2px;
	margin-bottom: 2px;
	border-spacing: 0;
}

.import-directions-columns td {
	padding: 0;
	text-align: center;
}

.fr {
	float: right;
}

.fl {
	float: left;
}

tr.grid-view-pager table td > a, tr.grid-view-pager table td > span {
    padding: 8px;
    text-decoration: none;
    border: none;
}
tr.grid-view-pager table td > span {
    background-color: rgba(0, 0, 0, 0.2);
}
tr.grid-view-pager table td > a:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.mr5 {
	margin-right: 5px;
}

.mr10 {
	margin-right: 10px;
}

.mr20 {
	margin-right: 20px;
}

.ml10 {
	margin-left: 10px;
}

.ml20 {
	margin-left: 20px;
}

.mt10 {
	margin-top: 10px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.p5 {
	padding: 5px;
}

.pt5 {
	padding-top: 5px;
}

.pt10 {
	padding-top: 10px;
}

.pr5 {
	padding-right: 5px;
}

.pr10 {
	padding-right: 10px;
}

.tac {
	text-align: center;
}

.vam {
	vertical-align: middle;
}

.vat {
	vertical-align: top;
}

.pointer {
	cursor: pointer;
}

.h22 {
	height: 22px;
}

.w100 {
	width: 100%;
}

.df {
	display: flex;
}

.fdr {
	flex-direction: row;
}

.fdc {
	flex-direction: column;
}

.jcsb {
	justify-content: space-between;
}

.jcfe {
	justify-content: flex-end;
}

tr.pt5 > td {
  padding-top: 5px;
}

tr.pb5 > td {
  padding-bottom: 5px;
}