/* Add here all your css styles (customizations) */
* {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif, 'Microsoft JhengHei'
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

.form-group > table > tbody > tr > td {
    vertical-align: middle;
    text-align: center;
}

input {
    font-weight: 700;
    font-size: larger;
}

table, .table {
    font-weight: 600;
    font-size: larger;
    font-family: 'Microsoft JhengHei UI'
}

.form-control {
    border: 1.2px solid rgba(0, 0, 0, 0.28);
}

select {
    font-weight: 700;
    font-size: larger;
}

span.text-danger {
    font-weight: 600;
}

option {
    font-weight: 700;
    font-size: large;
}


/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

        .sidenav a {
            font-size: 18px;
        }
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    /*transition: margin-left .5s;*/
    padding: 20px;
    margin-left: 25px;
}

.nav > li > a {
    padding-right: 7px !important;
    padding-left: 7px !important;
}

ul.dropdown-menu > li > a {
    font-weight: 700;
}
/* The side navigation menu */
.sidenav {
    width: 350px; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 5; /* Stay on top */
    top: 85px;
    left: -450px;
    height: 90%;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#1cabff',GradientType=1 );
    background-repeat: no-repeat;
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 10px; /* Place content 60px from the top */
    box-shadow: 10px 10px 30px grey;
}

    /* The navigation menu links */
    /*.sidenav a {

    }*/


    /* Position and style the close button (top right corner) */
    .sidenav .closebtn {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 25px;
        /*color: #000000;*/
        display: block;
        position: absolute;
        top: -11px;
        right: 0px;
        font-size: 30px;
        margin-left: 50px;
    }


#menuPlaceHolder {
    z-index: 1;
    height: 250px; /* 100% Full-height */
    /*background-color: ActiveBorder;*/
    width: 35px; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    top: 95px;
    left: 0px;
    box-shadow: 2px 0px 15px grey;
}

[onclick] {
    cursor: pointer;
}

a.dxm-content.dxm-hasText.dx {
    color: #484848 !important;
}

td.dxgv {
    font-size: larger;
    font-weight: 600;
    font-family: 'Microsoft JhengHei UI';
}

div.command {
    text-decoration: underline;
    width: 100%;
    height: 100%;
}

iframe.kdiframe {
    width: 100%;
    border: none;
}

.hide {
    display: none
}

.dx-item-content:not(.dx-toolbar-item-content) {
    color: black !important;
    font-weight: 700 !important;
    font-size: larger !important;
}

.dx-texteditor:not(.dx-state-focused), .dx-texteditor-empty:not(.dx-state-focused) {
    border: 1px solid #b8b8b8 !important
}

button.btn, a.btn {
    border-radius: 5px !important;
}

.alert-message {
    color: red;
    font-family: 'Microsoft JhengHei UI';
}

.dx-texteditor.dx-state-readonly input {
    background: #E9ECEF !important;
}

/*.breadcrumb {
    background-color: #00A55a;
    color: white;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: white !important;
}*/

a.issue-report {
    color: white !important;
}

.dx-datagrid-headers {
    color: white !important;
    background: #2a9f8f !important;
}

.dx-datagrid-rowsview .dx-selection.dx-row > td, .dx-datagrid-rowsview .dx-selection.dx-row:hover > td {
    background: #CDE4AC !important;
    color: black !important;
}

.dx-datagrid-rowsview .dx-selection.dx-row.dx-column-lines > td, .dx-datagrid-rowsview .dx-selection.dx-row:hover.dx-column-lines > td {
    border-left-color: #CDE4AC !important;
    border-right-color: #CDE4AC !important;
    border-bottom-color: #CDE4AC !important;
}

label.col-form-label {
    color: #009393 !important;
    font-family: 'Microsoft JhengHei UI';
    font-weight: 700;
}

.dropdownlink_top {
    font-family: 微軟正黑體,bold;
    cursor: pointer;
    display: block;
    padding: 15px 15px 15px 10px;
    font-size: 18px;
    border-bottom: 1px solid #94CFA1;
    background: #42b187; /* Old browsers */
    background: -moz-linear-gradient(left, #42b187 0%, #00817b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #42b187 0%,#00817b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #42b187 0%,#00817b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42b187', endColorstr='#00817b',GradientType=1 ); /* IE6-9 */
    color: #FFFFFF;
    position: relative;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.dropdownlink {
    font-family: 微軟正黑體,bold;
    cursor: pointer;
    display: block;
    padding: 15px 15px 15px 45px;
    font-size: 18px;
    border-bottom: 1px solid #94CFA1;
    color: #4C5041;
    position: relative;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.submenuItems {
    background: #C8E6C9;
}

#main_menu .dx-treeview-node-container-opened li {
    border-bottom: 1px solid #B6B6B6;
    padding-right: 0 !important;
}

#main_menu .dx-treeview-node-container-opened a {
    display: block;
    font-family: 微軟正黑體,bold;
    color: #118975;
    background-color: #EFF8F9;
    padding: 12px 12px 12px 45px;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

    #main_menu .dx-treeview-node-container-opened a:hover, #main_menu li.dx-state-selected a {
        background-color: #939393;
        color: #fff;
    }

#main_menu .dx-treeview-node {
    padding-left: 0 !important;
    padding-right: 10px;
}

#main_menu .dx-treeview-item {
    padding: 0 !important;
}

#main_menu .dx-treeview-toggle-item-visibility {
    display: none !important;
}

.dx-texteditor-input {
    background: white !important;
}

.dx-dropdowneditor-icon {
    color: black !important;
}

.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
    line-height: 1.73;
}


label.custom-file-label::after {
    content: '選取檔案' !important;
}


.headline {
    display: block;
    margin: 10px 0 25px 0;
    border-bottom: 1px dotted #3e3e3e;
}

    .headline h2, .headline h3, .headline h4 {
        margin: 0 0 -2px 0;
        padding-bottom: 5px;
        display: inline-block;
        border-bottom: 2px solid #3498db;
        /*font-size: 22px;*/
    }

.footer {
    position: absolute;
    bottom: 0;
    background-color: #333;
}


.ui-datepicker {
    z-index: 3 !important;
}