/* 控制程式 Menu 高度*/
html {
    --navbar-height: 3rem;
    --navbar-mobile-height: 3rem;
    font-size: 13px;
}

body {
    font-family: "Microsoft JhengHei","微軟正黑體", Verdana,Helvetica,Arial,sans-serif;
    font-size: 13px !important;
    min-height: 100%;
    height: 100%;
    overflow-x: hidden;
    background-color: #e4e6e9;
    color: #393939;
    line-height: 1.5;
}

@media print {
    /* 隱藏頁眉和頁腳 */
    @page {
        size: auto;
        margin: 0mm;
    }

    @page :header {
        display: none;
    }

    @page :footer {
        display: none;
    }
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width:100px) {
    .w-5 {
        width: 5% !important;
    }

    .w-10 {
        width: 10% !important;
    }

    .w-15 {
        width: 15% !important;
    }

    .w-20 {
        width: 20% !important;
    }

    .w-30 {
        width: 30% !important;
    }

    .w-35 {
        width: 35% !important;
    }

    .w-40 {
        width: 40% !important;
    }

    .w-45 {
        width: 45% !important;
    }

    .w-55 {
        width: 55% !important;
    }

    .w-60 {
        width: 60% !important;
    }

    .w-65 {
        width: 65% !important;
    }

    .w-70 {
        width: 70% !important;
    }

    .w-80 {
        width: 80% !important;
    }

    .w-85 {
        width: 85% !important;
    }

    .w-90 {
        width: 90% !important;
    }

    .w-95 {
        width: 95% !important;
    }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .w-md-5 {
        width: 5% !important;
    }

    .w-md-10 {
        width: 10% !important;
    }

    .w-md-15 {
        width: 15% !important;
    }

    .w-md-20 {
        width: 20% !important;
    }

    .w-md-25 {
        width: 25% !important;
    }

    .w-md-30 {
        width: 30% !important;
    }

    .w-md-35 {
        width: 35% !important;
    }

    .w-md-40 {
        width: 40% !important;
    }

    .w-md-45 {
        width: 45% !important;
    }

    .w-md-50 {
        width: 50% !important;
    }

    .w-md-55 {
        width: 55% !important;
    }

    .w-md-60 {
        width: 60% !important;
    }

    .w-md-65 {
        width: 65% !important;
    }

    .w-md-70 {
        width: 70% !important;
    }

    .w-md-75 {
        width: 75% !important;
    }

    .w-md-80 {
        width: 80% !important;
    }

    .w-md-85 {
        width: 85% !important;
    }

    .w-md-90 {
        width: 90% !important;
    }

    .w-md-95 {
        width: 95% !important;
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .w-lg-5 {
        width: 5% !important;
    }

    .w-lg-10 {
        width: 10% !important;
    }

    .w-lg-15 {
        width: 15% !important;
    }

    .w-lg-20 {
        width: 20% !important;
    }

    .w-lg-25 {
        width: 25% !important;
    }

    .w-lg-30 {
        width: 30% !important;
    }

    .w-lg-35 {
        width: 35% !important;
    }

    .w-lg-40 {
        width: 40% !important;
    }

    .w-lg-45 {
        width: 45% !important;
    }

    .w-lg-50 {
        width: 50% !important;
    }

    .w-lg-55 {
        width: 55% !important;
    }

    .w-lg-60 {
        width: 60% !important;
    }

    .w-lg-65 {
        width: 65% !important;
    }

    .w-lg-70 {
        width: 70% !important;
    }

    .w-lg-75 {
        width: 75% !important;
    }

    .w-lg-80 {
        width: 80% !important;
    }

    .w-lg-85 {
        width: 85% !important;
    }

    .w-lg-90 {
        width: 90% !important;
    }

    .w-lg-95 {
        width: 95% !important;
    }
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .w-xl-5 {
        width: 5% !important;
    }

    .w-xl-10 {
        width: 10% !important;
    }

    .w-xl-15 {
        width: 15% !important;
    }

    .w-xl-20 {
        width: 20% !important;
    }

    .w-xl-25 {
        width: 25% !important;
    }

    .w-xl-30 {
        width: 30% !important;
    }

    .w-xl-35 {
        width: 35% !important;
    }

    .w-xl-40 {
        width: 40% !important;
    }

    .w-xl-45 {
        width: 45% !important;
    }

    .w-xl-50 {
        width: 50% !important;
    }

    .w-xl-55 {
        width: 55% !important;
    }

    .w-xl-60 {
        width: 60% !important;
    }

    .w-xl-65 {
        width: 65% !important;
    }

    .w-xl-70 {
        width: 70% !important;
    }

    .w-xl-75 {
        width: 75% !important;
    }

    .w-xl-80 {
        width: 80% !important;
    }

    .w-xl-85 {
        width: 85% !important;
    }

    .w-xl-90 {
        width: 90% !important;
    }

    .w-xl-95 {
        width: 95% !important;
    }
}

.container {
    max-width: 1392px; /*1408*/
}

.body-container:not(.container) {
    max-width: 100vw;
}

.body-container {
    background-color: #fff;
    min-height: 100vh;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.bgc-transparent {
    background-color: transparent !important;
}

.border-1 {
    border-width: 1px !important;
    border-style: solid !important;
    /*border-color: transparent;*/
}

.border-radius-0 {
    border-radius: 0 !important;
}

.border-top-left-radius-0 {
    border-top-left-radius: 0px;
}

.border-top-right-radius-0 {
    border-top-right-radius: 0px;
}

.border-bottom-left-radius-0 {
    border-bottom-left-radius: 0px;
}

.border-bottom-right-radius-0 {
    border-bottom-right-radius: 0px;
}

/*.navbar {
    padding: 0.3rem 1rem !important;*/ /* 0.3 1 */
/*visibility: visible;
}*/

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}

.footer {
    min-height: 45px;
    background: #438eb9;
    height: 3rem;
}

.footer-navbar {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    border-width: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-height: 45px;
    background: #438eb9;
}

.footer-navi-color {
    background-color: #438eb9;
}

em {
    color: red;
    font-style: normal;
    font-weight: normal;
}

.col-form-label {
    padding-right: 5px !important;
}

.modal-lg-900 {
    max-width: 900px;
}

/* toogle icon change*/
.criteria[data-bs-toggle="collapse"] .fas:before {
    content: "\f102";
}

.criteria[data-bs-toggle="collapse"].collapsed .fas:before {
    content: "\f103";
}

/* 程式 Title */
.pg-title {
    margin-top: .5rem;
    margin-bottom: 1.5rem;
    font-size: 18px;
}

.pg-path {
    border-bottom: 1px solid #e5e5e5;
    background-color: #f5f5f5;
    line-height: 32px;
}

.pg-path a {
    text-decoration: none;
}

form label {
    font-size: 13px;
}

.lbl {
    padding-right: 12px;
    margin-left: 5px;
    font-size: 14px;
}

.radioList {
    margin-top: 1px;
}

.checkboxList {
    margin-top: 1px;
}

input[type="radio"] {
    -webkit-appearance: none;
    width: 14px;
    height: 14px;
    padding: 1px;
    background-clip: content-box;
    border: 1px solid #bbbbbb;
    border-radius: 50%;
}

input[type="radio"]:checked {
    background-color: #32a3ce;
}

.form-check-label {
    padding-left: 3px;
}

/* display bootstrap 預設值為 block 會使 validation 字串會在下一行，改成 inline */
.form-control {
    font-size: 14px;
    color: inherit;
    display: inline;
    padding-left: 0.5rem !important;
}

/* datatable search */
.form-control[aria-controls="dataTable"], .dataTables_filter input {
    width: auto;
    margin-left: 10px;
    margin-bottom: 1px;
}

table.dataTable {
    margin-top: 2px !important;
}

.dataTables_filter {
    text-align: right;
}

.dataTable > thead > tr > th.sorting_desc::after, .dataTable > thead > tr > th.sorting_asc::after {
    color: #e1f55f;
}

.dataTable > thead > tr > th.sorting_desc, .dataTable > thead > tr > th.sorting_asc {
    background-image: none;
    background-image: none;
    color: #e1f55f !important;
}

.dataTables_wrapper .row:last-child, .dataTables_wrapper .row:first-child {
    background-color: #fff;
}

.table-sm > :not(caption) > * > * {
    padding: 0.4rem 0.4rem !important;
}

/* 控制 table 顯示大小*/
.table-stu thead th, .table-stu tbody td {
    padding: 1rem !important;
}

.table-stu-edit th, .table-stu-edit td {
    padding: 1rem !important;
}

.table-sm > :not(caption) > * > * {
    padding: 0.4rem 0.4rem !important;
}

.form-control::placeholder {
    color: #999;
    opacity: 1;
}

.pointer, .cursor-pointer {
    cursor: pointer;
}

a {
    color: #2971bf;
}

table.dataTable {
    border-collapse: collapse !important;
}

table.dataTable, table.dataTable th, table.dataTable td {
    box-sizing: inherit !important;
}

table.dataTable tbody td {
    padding: 0.6rem;
}

dl {
    /*    margin-top: 0;
    margin-bottom: 1rem;*/
    font-size: 14px;
}

dd {
    /*    margin-bottom: .2rem;
    margin-left: 1rem;*/
    font-size: 13px;
}

dt {
    font-weight: 500;
}

/* from ace*/
.input-mini {
    width: 60px;
    max-width: 100%
}

.input-small {
    width: 90px;
    max-width: 100%
}

.input-medium,
.input-md {
    width: 150px;
    max-width: 100%
}

.input-large {
    width: 210px;
    max-width: 100%
}

.input-xlarge {
    width: 270px;
    max-width: 100%
}

.input-xxlarge {
    width: 530px;
    max-width: 100%
}

/* from ace */
.text-40 {
    font-size: .4rem !important
}

.text-50 {
    font-size: .5rem !important
}

.text-60 {
    font-size: .6rem !important
}

.text-70 {
    font-size: .7rem !important
}

.text-75 {
    font-size: .75rem !important
}

.text-80 {
    font-size: .8rem !important
}

.text-85 {
    font-size: .85rem !important
}

.text-90 {
    font-size: .9rem !important
}

.text-95 {
    font-size: .95rem !important
}

.text-100 {
    font-size: 1rem !important
}

.text-105 {
    font-size: 1.05rem !important
}

.text-110 {
    font-size: 1.1rem !important
}

.text-115 {
    font-size: 1.15rem !important
}

.text-120 {
    font-size: 1.2rem !important
}

.text-125 {
    font-size: 1.25rem !important
}

.text-130 {
    font-size: 1.3rem !important
}

.text-140 {
    font-size: 1.4rem !important
}

.text-150 {
    font-size: 1.5rem !important
}

.text-160 {
    font-size: 1.6rem !important
}

.text-170 {
    font-size: 1.7rem !important
}

.text-180 {
    font-size: 1.8rem !important
}

.text-190 {
    font-size: 1.9rem !important
}

.text-200 {
    font-size: 2rem !important
}

.text-xs {
    font-size: .625rem !important
}

.text-sm {
    font-size: .875rem !important
}

.text-md {
    font-size: 1rem !important
}

.text-lg {
    font-size: 1.25rem !important
}

.text-xl {
    font-size: 1.5rem !important
}

.text-grey {
    color: #64666a !important
}

.text-title {
    color: #402b31 !important;
}

a.text-grey[href]:focus,
a.text-grey[href]:hover {
    color: #58595c !important
}

.text-datetime-grey {
    color: #91969f !important;
}

.text-pink {
    color: #cf3074 !important
}

a.text-pink[href]:focus,
a.text-pink[href]:hover {
    color: #ba2b68 !important
}

.text-purple {
    color: #766cba !important
}

a.text-purple[href]:focus,
a.text-purple[href]:hover {
    color: #665ab2 !important
}

.text-yellow {
    color: #f1d20d !important
}

a.text-yellow[href]:focus,
a.text-yellow[href]:hover {
    color: #d9bc0c !important
}

.text-brown {
    color: #b95a3c !important
}

a.text-brown[href]:focus,
a.text-brown[href]:hover {
    color: #a55036 !important
}

.text-orange {
    color: #ff8e02 !important
}

a.text-orange[href]:focus,
a.text-orange[href]:hover {
    color: #e78000 !important
}

.text-green {
    color: #2a8564 !important
}

a.text-green[href]:focus,
a.text-green[href]:hover {
    color: #247256 !important
}

.text-default {
    color: #507c94 !important
}

a.text-default[href]:focus,
a.text-default[href]:hover {
    color: #476e84 !important
}

.text-blue {
    color: #1279cd !important
}

a.text-blue[href]:focus,
a.text-blue[href]:hover {
    color: #106bb6 !important
}

.card-title {
    color: #106cb6;
    flex-grow: 1;
    line-height: normal;
    margin-bottom: 0;
}

/*-- form validation error */
label.error {
    background: none repeat scroll 0 0 #ad006f;
    color: white;
    font-size: small;
    margin-left: 5px;
    padding: 0.1em 0.3em;
}

.pg-banner {
    background: #7c7c7c none repeat scroll 0 0;
    height: 2.5rem;
}

.bgcoloMetro {
    background: #01546a !important;
    color: #fff !important;
    border: 1px solid #014051 !important;
}

.bgcolorGray {
    background: #4F4F4F !important;
    color: #fff !important;
}

.bgcolorLigtgray {
    background: #777 !important;
    color: #fff !important;
    border: 1px solid #636363 !important;
}

.bgcolorCyan {
    background: #4d8a98 !important;
    color: #fff !important;
    border: 1px solid #457a87 !important;
}

.bgcolorDarkcyan {
    background: #007272 !important;
    color: #fff !important;
    border: 1px solid #005858 !important;
}

.bgcolorRoyalblue {
    background: #166f8c !important;
    color: #fff !important;
    border: 1px solid #135e76 !important;
}

.bgcolorSeagreen {
    background: #2e8b57 !important;
    color: #fff !important;
    border: 1px solid #28784b !important;
}

.bgcolorDarkseagreen {
    background: #5C7333 !important;
    color: #fff !important;
    border: 1px solid #4E612B !important;
}

.bgcolorSteelblue {
    background: #045aaf !important;
    color: #fff !important;
    border: 1px solid #044d96 !important;
}

.bgcolorDodgerblue {
    background: #0077EA !important;
    color: #fff !important;
    border: 1px solid #006AD1 !important;
}

.bgcolorLightslategray {
    background: #778899 !important;
    color: #fff !important;
    border: 1px solid #98AFC7 !important;
}

.bgcolorYellowgreen {
    background: #6C9023 !important;
    color: #fff !important;
    border: 1px solid #5C7B1E !important;
}

.bgcolorDimgray {
    background: #696969 !important;
    color: #fff !important;
    border: 1px solid #5c5c5c !important;
}

.bgcolorSkyblue {
    background: #2870A5 !important;
    color: #fff !important;
    border: 1px solid #236290 !important;
}

.bgcolorBlueGreen {
    background: #0d98ba !important;
    color: #fff !important;
    border: 1px solid #0b85a2 !important;
}

.bgcolorLightsalmon {
    background: #7F9B43 !important;
    color: #fff !important;
}

/* autocomplte */
.ui-widget {
    font-family: inherit;
    font-size: 13px;
}

.dropdown-toggle::after {
    display: inline-block !important;
}

/* 控制程式 Menu 下拉選單往左 */
/* datepicker 共用 right */
.nav-item .dropdown-menu {
    font-size: inherit;
    left: auto !important;
    right: 0 !important;
}

/* 補回 dropdown-menu 因 datepicker 取消 right  */
.dropdown-menu-left {
    right: 0;
}

/* 控制下拉選單高度 */
.dropdown-item {
    line-height: 2rem;
    padding: 0.35rem 1.5rem;
}

/* 控制程式 Menu 格線 */
.navbar .navbar-nav > li {
    border: 1px solid rgba(0,0,0,0.2);
    border-width: 0 1px 0 0;
}

/* 控制程式 Menu Hover */
.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus, .navbar .navbar-nav > li.open > a {
    background-color: rgba(0,0,0,0.1) !important;
    color: #fff !important;
    text-shadow: 0 1px 0 rgba(0,0,0,0.25);
}

/* Mobile Menu Icon*/
.navbar-toggler {
    color: rgba(189, 101, 101, 0) !important;
    border-color: rgba(0, 0, 0, 0.1);
    margin-left: -15px;
}

/* 控制 Menu 底色 */
.apmenu-color {
    background-color: #006193 !important;
}

.table > :not(caption) > * > * {
    padding: 0.6rem 0.6rem;
}

.btn {
    font-size: 14px;
}

.btn-xs, .btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 1px;
    border-width: 3px;
}

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

.btn-grey:hover, .btn-grey:active, .open .btn-grey.dropdown-toggle {
    color: #fff;
    background-color: #888 !important;
    border-color: #a0a0a0;
}

/* table color from ace */
.btn-primary, .btn-primary:focus {
    background-color: #428bca !important;
    border-color: #428bca;
}

.btn-primary:hover, .btn-primary:active, .open .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #1b6aaa !important;
    border-color: #428bca;
}

/* table th color*/
table.thcolorCyan th {
    color: #fff !important;
    background-color: #4d8a98 !important;
    border: 1px solid #457a87 !important;
}

table.thcolorCyan caption {
    color: #3c6b76 !important;
}

table.thcolorDarkcyan th {
    color: #fff !important;
    background-color: #007272 !important;
    border: 1px solid #005858 !important;
}

table.thcolorDarkcyan caption {
    color: #003f3f !important;
}

table.thcolorRoyalblue th {
    color: #fff !important;
    background-color: #166f8c !important;
    border: 1px solid #135e76 !important;
}

table.thcolorRoyalblue caption {
    color: #0f4c60 !important;
}

table.thcolorMvcRoyalblue th {
    color: #fff !important;
    background-color: #1d92b8 !important;
    border: 1px solid #1a81a2 !important;
}

table.thcolorMvcRoyalblue caption {
    color: #0f4c60 !important;
}

table.thcolorTeal th {
    color: #fff !important;
    background-color: #008080 !important;
    border: 1px solid #006767 !important;
}

table.thcolorTeal caption {
    color: #006262 !important;
}

table.thcolorDarkseagreen th {
    color: #fff !important;
    background-color: #5C7333 !important;
    border: 1px solid #4E612B !important;
}

table.thcolorDarkseagreen caption {
    color: #323e1b !important;
}

table.thcolorDodgerblue th {
    color: #fff !important;
    background-color: #0077EA !important;
    border: 1px solid #006AD1 !important;
}

table.thcolorDodgerblue caption {
    color: #006AD1 !important;
}

table.thcolorLightslategray th {
    color: #fff !important;
    background-color: #7a7a7a !important;
    border: 1px solid #666 !important;
}

table.thcolorLightslategray caption {
    color: #273849 !important;
}

table.thcolorSeagreen th {
    color: #fff !important;
    background-color: #2e8b57 !important;
    border: 1px solid #28784b !important;
}

table.thcolorSeagreen caption {
    color: #153f27 !important;
}

table.thcolorYellowgreen th {
    color: #fff !important;
    background-color: #6C9023 !important;
    border: 1px solid #5C7B1E !important;
}

table.thcolorYellowgreen caption {
    color: #4d6719 !important;
}

table.thcolorDimgray th {
    color: #fff !important;
    background-color: #696969;
    border: 1px solid #5c5c5c !important;
}

table.thcolorDimgray caption {
    color: #434343 !important;
}

table.thcolorMediumpurple th {
    color: #fff !important;
    background-color: #7438c7 !important;
    border: 1px solid #6832b3 !important;
}

table.thcolorMediumpurple caption {
    color: #452177 !important;
}

table.thcolorSteelblue th {
    color: #fff !important;
    background-color: #045aaf;
    border: 1px solid #044d96 !important;
}

table.thcolorSteelblue caption {
    color: #03417d !important;
}

table.thcolorLightgray th {
    color: #fff !important;
    background-color: #8e8886 !important;
    border: 1px solid #756f6d !important;
}

table.thcolorLightgray caption {
    color: #5a5654 !important;
}

table.thcolorMvcgray th {
    color: #fff !important;
    background-color: #9a9a9a !important;
    border: 1px solid #a6a6a6 !important;
}

table.thcolorMvcgray caption {
    color: #5a5654 !important;
}

table.thcolorBlackgray th {
    color: #fff !important;
    background-color: #555555 !important;
    border: 1px solid #463E41 !important;
}

table.thcolorBlackgray caption {
    color: #3c3c3c !important;
}

table.thcolorBlueGreen th {
    color: #fff !important;
    background-color: #0d98ba !important;
    border: 1px solid #0b85a2 !important;
}

table.thcolorBlueGreen caption {
    color: #085e72 !important;
}

table.thcolorYaleBule th {
    color: #fff !important;
    background-color: #1465c0 !important;
    border: 1px solid #0f4d92 !important;
}

table.thcolorYaleBule caption {
    color: #0d417b !important;
}

table.thcolorRed th {
    color: #fff !important;
    background-color: #e83535 !important;
    border: 1px solid #d11818 !important;
}

table.thcolorRed caption {
    color: #8c1010 !important;
}

table.thcolorOceanblue th {
    color: #fff !important;
    background-color: #0087CC !important;
    border: 1px solid #0076b3 !important;
}

table.thcolorOceanblue caption {
    color: #005480 !important;
}

table.thcolorPink th {
    color: #fff !important;
    background-color: #cc0087 !important;
    border: 1px solid #b30076 !important;
}

table.thcolorPink caption {
    color: #800054 !important;
}

table.thcolorFeldgrau th {
    color: #fff !important;
    background-color: #556666 !important;
    border: 1px solid #495858 !important;
}

table.thcolorFeldgrau caption {
    color: #323c3c !important;
}

table.thcolorCoolback th {
    color: #fff !important;
    background-color: #00437C !important;
    border: 1px solid #003563 !important;
}

table.thcolorCoolback caption {
    color: #002749 !important;
}

table.thcolorRacingGreen th {
    color: #fff !important;
    background-color: #314D38 !important;
    border: 1px solid #3b5d43 !important;
}

table.thcolorRacingGreen caption {
    color: #273d2d !important;
}

table.thcolorOrange th {
    color: #fff !important;
    background-color: #EE5325 !important;
    border: 1px solid #d03c10 !important;
}

table.thcolorOrange caption {
    color: #b8350e !important;
}

table.thcolorMetro th {
    color: #fff !important;
    background-color: #01546a !important;
    border: 1px solid #014051 !important;
}

table.thcolorMetro caption {
    color: #012c38 !important;
}

.template-download.fade.in, .template-upload.fade.in {
    opacity: 1 !important;
}

.progress {
    background-color: #dadada;
}

.fieldDescp {
    color: #933131;
    font-size: 1em !important;
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
    margin-left: 0.25rem !important;
}

.input-validation-error {
    border-left: 2px solid #a94442 !important;
}

.popover {
    font-family: "Microsoft JhengHei","微軟正黑體";
    font-size: 13px !important;
}

.bg-warning {
    background-color: #f89406 !important;
}

.text-warning {
    color: #f89406 !important;
}

.tr-focus, .warning {
    background-color: #fcf8e3 !important;
}

a {
    text-decoration: none;
}

.badge {
    padding: 0.25em 0.4em;
    font-weight: 500 !important;
    font-size: 13px;
}

hr {
    background-color: #a0a0a0 !important;
}

.form-select {
    font-size: 13px !important
}

.btn-info, .btn-info:focus {
    color: #fff;
    background-color: #17a2b8 !important;
    border-color: #17a2b8 !important;
}

/*#158b9d */
.btn-info:hover {
    color: #fff;
    background-color: #137e8e !important;
    border-color: #1694a8 !important;
}

.bg-info {
    background-color: #17a2b8 !important;
}

.text-info {
    color: #17a2b8 !important;
}

a.none-decoration {
    text-decoration: none;
}

.form-control-md {
    padding: 0.45rem 0.5rem !important;
}

/* bootbox close button */
.btn-close.close {
    float: right !important;
}

.modal-body {
    padding: 1.5rem;
}

.form-check-input {
    width: 1.3em !important;
    height: 1.3em !important;
}

.bootbox-body {
    font-size: inherit;
}

#stuLogo {
    margin-top: -3px;
}

.index-item {
    color: #393939;
    font-size: 14px;
}

input[readonly] {
    background-color: #e9ecef !important;
    opacity: 1;
}

.field-validation-error {
    background: none repeat scroll 0 0 #ad006f;
    color: white !important;
    font-size: small;
    margin-left: 5px;
    padding: 0.1em 0.3em;
}