body, .back-to-top svg, .back-to-bottom svg{
	font-size: 17px;
}

.ui.raised.segment label, .ui.raised.segment th, .ui.raised.segment td, .ui.raised.segment .ui.input, .ui.raised.segment h4, .ui.top.attached.label
, .ui.input input
, form label, form .field.input input, form .field .text, form .ui a.ui.label, form .fields select/* user list*/
, .ui.field .input input, .ui.dropdown .text, a.item note_link, .table-responsive td, .field input
{
	font-size: 17px !important;
}

.tab_title {
	font-size: 20px;
}

.displayStatus {
	font-size: 14px;
	float: right;
	margin-top: 10px;
	padding-right: 80px;
}

.back-to-top {
	cursor: pointer;
	position: fixed;
	bottom: 0;
	right: 20px;
	display:none;
	margin: 20px;
	padding: 16.5px 18px !important;
}

.back-to-bottom {
	cursor: pointer;
	position: fixed;
	top: 82px;
	right: 20px;
	display:none;
	margin: 20px;
	padding: 16.5px 18px !important;
}

#header-top-bar .btn{
	margin-bottom: 5px;
}

#header_title {
	font-weight: bold;
	font-size: 22px;
	padding-bottom: 5px;
}
.header, .header label {
	text-decoration: underline;
	font-weight: bold;
    font-size: 14px !important;
}

.header_underline {
	border-bottom: 1px solid #000;
	padding: 0;
    font-weight: bold;
	font-size: 14px !important;
}

#applicationForm .header_underline label {
	font-size: 14px !important;
    font-weight: bold;
}

.header h2 {
	padding: 20px 0;
}
div#header_content {
	font-size: 12px !important;
}
.header_info {
	font-size: 12px !important;
}

a.header_info {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}

.tab_title {
	font-weight: bold;
	display: inline;
}

.overlay {
	margin: 0em 3em 1em 0em;
}
.overlay .menu {
	position: relative;
	left: 0;
	transition: left 0.5s ease;
}
.main.menu.fixed {
	background-color: #FFFFFF;
	border: 1px solid #DDD;
	box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
}
.overlay.fixed .menu {
	left: 0px;
}

table th {
	font-weight: bold;
}

.footer_fixed{
	position:fixed;
	bottom:0;
}
.modal {
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	height: auto;
	max-height: 100%;
}

.bottom_menu {
	padding-right: 50px;
}

.bottom_menu  .button {
	margin-bottom: 0.75em;
}
.pageCenter {
	margin: 0 auto;
	max-width: 800px;
	position: relative;
}
.paginate_button {
	float: left !important;
}
/*
table.dataTable thead .sorting{
	background-image: url("../images/sort_both.png");
}

table.dataTable thead .sorting_asc{
	background-image: url("../images/sort_asc.png");
}

table.dataTable thead .sorting_desc{
	background-image: url("../images/sort_desc.png");
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
	background-repeat: no-repeat;
	background-position: center right;
}
*/
blockquote {
    border-left: 4px solid #777777;
    padding-left: 5px;
    border-color: #2185d0;
}

blockquote.readOnly {
    border-left: 4px solid #777777;
    padding-left: 5px;
    border-color: orange;
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

/* radio border */
.ui.checkbox input:checked~.box:before, .ui.checkbox input:checked~label:before {
	border-color: #292929;
}

.ui.radio.checkbox .box:before, .ui.radio.checkbox label:before {
	border-color: #292929;
}

/* checkbox border */
.ui.checkbox .box:before, .ui.checkbox label:before{
	border-color: #292929;
}

/* text border */
.ui.form input:not([type]), .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=email], .ui.form input[type=file], .ui.form input[type=number], .ui.form input[type=password], .ui.form input[type=search], .ui.form input[type=tel], .ui.form input[type=text], .ui.form input[type=time], .ui.form input[type=url] {
	/*border-color: #292929;*/
}

/* dropdown */
.ui.form .field>.selection.dropdown {
	/*border-color: #292929;*/
}

#studentInfo {
	max-width: 800px;
}

.eappssd-header-back-to-top {
	font-size: 1.5em;
}

.eappssd-header-menu {
	padding: 9px 30px 9px 0;
}

.eappssd-header-user-id {
	white-space: nowrap;
	padding: 10px 0;
}

.eappssd-footer-back-to-bottom {
	font-size: 1.5em;
}

.eappssd-background-color {
	background-color: #e6f5b8;
}

.eappssd-login-list {
	list-style-type: disc;
}

.list-style-type-decimal {
	list-style-type: decimal;
}

.eappssd-container {
	background-color: #fff;
	border-radius: 25px;
	padding: 30px;
}

.eappssd-home-container {
	padding-bottom: 25px;
}

.eappssd-home-notes {
	height: 400px;
	overflow-y: scroll;
}

.eappssd-statement-container {
	max-width: 780px;
}

.eappssd-error-panel {
	margin-top: 40px;
}

.eappssd-error-panel-message {
	font-weight: bold;
}

.eappssd-assm-error-message {
	padding: 5px 10px;
}

.eappssd-button {
	font-size: 17px !important;
}

.padding-5px {
	padding: 5px;
}

.padding-top-30px {
	padding-top: 30px;
}

.width-10px {
	width: 10px;
}

.width-80px {
	width: 80px;
}

.width-100px {
	width: 100px;
}

.width-125px {
	width: 125px;
}

.width-128px {
	width: 128px;
}

.width-180px {
	width: 180px;
}

.width-200px {
	width: 200px;
}

.width-246px {
	width: 246px;
}

.width-1em {
	width: 1em;
}

.height-1em {
	height: 1em;
}

.text-decoration-underline {
	text-decoration: underline;
}

.ui.popup {
	max-width: 100% !important;
	min-width: 300px !important;
}

/* color setting - disable */
.ui.disabled.input, .ui.input:not(.disabled) input[disabled]{
    opacity: 0.8!important;
}
.ui.checkbox input[disabled]~.box:after, .ui.checkbox input[disabled]~label, .ui.disabled.checkbox .box:after, .ui.disabled.checkbox label{
	opacity: 0.8!important;
}
.ui.disabled.dropdown, .ui.dropdown .menu>.disabled.item {
	opacity: 0.8!important;
}
.ui.form .disabled.field, .ui.form .disabled.fields .field, .ui.form .field :disabled{
	opacity: 0.8!important;
}

a.btnCompleted, a.btnCompleted:active, a.btnCompleted:visited, a.btnCompleted:hover {
	color: red;
}

.dimmed.dimmable > .ui.modals.dimmer.visible {
  display: flex !important;
}

.oneWordInput {
	width: 33px !important;
}

.underline {
	text-decoration: underline;
}

table.noPadding td{
	padding: 0px !important;
}

ol.decimal, ul.decimal{
	list-style-type: decimal;
}
ol.lower-roman, ul.lower-roman{
	list-style-type: lower-roman !important;
}

.text-indent {
	padding-left: 25px;
}

.uploadFileForm {
	width: 500px;
	margin: 25px 0;
}

.uploadFileForm label {
	padding: 10px;
}


.uploadFileForm input {
	display: inline;
}

.text-top {
	vertical-align: top;
}

.text-right {
	text-align: right !important;
}

.col_width {
	width: 200px;
}

.remarkActive{
	background-color: #0d6efd4a;
}

.subremark{
	background-color: #e5e5ff;
}

span.history.red {
	color: #db2828!important;
	font-weight: bold;
}

.btn-orange {
	color: #fff;
	background-color: orange;
	border-color: orange;
}

.btn-orange:hover {
	color: #fff;
	background-color: #db8e00;
	border-color: #db8e00;
}

.printer-text {
	font-size: 14px!important;
}

.hidden {
	display: none;
}

table.fullWidth {
	width: 100%;
}

.autoWidth {
	width: auto !important;
}

.systemHomeMsg {
	color: #db2828!important;
	font-weight: bold;
}

.dataTables_length label {
	width: 100% !important;
}

.dataTables_length select {
	width: auto !important;
	display: inline !important;
	font-size: 1.25rem !important;
}

.dataTables_info {
	padding-top: 0.2rem !important;
	margin-top: 0.2rem !important;
	margin-bottom: 0.2rem !important;
}

.btn, .button {
	margin-top: 0.2rem !important;
	margin-bottom: 0.2rem !important;
}

.ui.positive.buttons .button,
.ui.positive.button {
  background-color: #198754 !important;
}

.height-space {
    height: 30px;
}