.body-content {
    /*min-height: calc( 100% - 134px );*/
    min-height: calc( 100% - 9rem );
}
.fixed-top + .body-content {
    padding-top: 4.5rem;
    min-height: calc( 100% - 4.5rem );
}
.data-manager-menu-map {
    font-size:1.2em;
    font-weight:bold;
    color:gray;
    /*padding:4px 0;*/
}
.navbar.bg-dark{
    color:white;
}
.navbar.bg-light {
    color: black;
}

.navbar.bg-dark .navbar-nav .dropdown-menu {
    background-color: #343a40 !important;
}
.navbar.bg-light .navbar-nav .dropdown-menu {
    background-color: #f8f9fa !important;
}


.dou-menu li > .dou-action-controller-root, .dou-menu li > .dou-action-controller, .dou-menu > li > .dou-action-controller {
    color: yellow !important;
}
#user-profile {
    cursor:pointer;
    /*margin-top:10px;*/
}
#user-profile.fix-popover + .popover {
    box-shadow: 0 5px 10px rgba(0,0,0,1);
}
#user-profile + .popover > .popover-content hr {
    margin-top:4px;
    margin-bottom:4px;
}
.dou-menu > li > a {
    text-shadow:-1px -1px 4px #777,1px 1px 4px #777;
    display:inline-block;
    
}
.dou-menu  li > a > img {
    width:20px;
    /*padding-left:10px;*/
}
/*.dou-menu > li > img + a {
    padding-left:0 !important;
}*/
.dou-menu > li > a.active {
    color:#ffff99;
}

.dou-menu .dropdown-menu{
    max-height:0;
    padding:0;
    overflow:hidden;
    display:block;
    border-width:0;
}
.dou-menu .open > .dropdown-menu, .dou-menu .show > .dropdown-menu {
    transition: max-height 1s;
    max-height: 320px;
    padding-left: 1rem;
    padding-right: .5rem;
}
.dou-menu .nav-item > .nav-link {
    word-break: keep-all;
}

.data-edit-jspanel .datetimeul > .input-group-addon {
    width:auto;
} /*jquery 3.1.1*/
/*.input-group.date .dropdown-menu {
    display: block;
}*/
.filter-toolbar-plus{
    padding-right:1rem;
}
.filter-toolbar-plus .form-group {
    padding: 0;
}
.filter-toolbar-plus .form-group > * {
    display: inline-flex;
}
.filter-toolbar-plus input, .filter-toolbar-plus select, .filter-toolbar-plus textarea, .filter-toolbar-plus .input-group {
    max-width: 155px;
    width: auto;
    margin-right: 6px;
}
.filter-toolbar-plus .input-group {
    max-width: 210px;
}
.filter-toolbar-plus .input-group.date > input {
    /*width: 200px;*/
    flex:1;
    padding-left: 4px;
    padding-right: 2px;
    margin-right:0;
}
.filter-toolbar-plus .input-group.date .glyphicon{
    line-height:1.5;
}
.filter-toolbar-plus .input-group.date[data-fn$="-Start-Between_"]::after {
    content: '～';
}
/*.dou-bootstrap-table.table-bordered, .dou-bootstrap-table.table-bordered .datepick td {
    border:none;
}*/
.data-edit-form-group > .form-group > label {
    font-weight: bold;
    margin-bottom: 0;
}
/*.data-edit-form-group > .form-group > label.col-cm-12{
    
}*/
.dou-bootstrap-table .card-view-table {
    margin-top: 0 !important;
}
.dou-bootstrap-table .card-view > .title[style^="ctrl-header"] {
    width: 0 !important;
    min-width: 0 !important;
}
.dou-bootstrap-table > .fixed-table-container > .fixed-table-body td.dou-ctrl-header {
    padding: 0 8px !important;
    vertical-align: middle;
    white-space: nowrap;
}
.dou-bootstrap-table > .fixed-table-container > .fixed-table-body td.dou-ctrl-header .btn {
    /*color: #333;
    background-color: #fff;*/
    border-color: #ccc;
}
.dou-bootstrap-table > .fixed-table-container > .fixed-table-body td.dou-ctrl-header > .btn-data-manager-ctrl {
    /*margin-top: 2px;*/
}
.bootstrap-table > .fixed-table-toolbar > .bs-bars > * {
    line-height: 1.5;
    margin-left: .2rem;
    margin-right: .2rem;
    padding-left: 1rem;
}
.detail-view-field {
    word-break: keep-all;
    vertical-align: top;
}
@media (max-width: 768px) {
    input, select, textarea {
        max-width: none;
    }

    .filter-toolbar-plus input, .filter-toolbar-plus select, .filter-toolbar-plus textarea{
        max-width: none;
        width:100%;
        margin-right:0;
    }
    .filter-toolbar-plus .btn-confirm{
        width:100%;
    }
   /* .filter-toolbar-plus .input-group {
        display:table;
        max-width:none;
        margin-right:0;
    }*/
    .input-group.date,
    .filter-toolbar-plus .input-group.date > input {
        width:100%;
    }
   /* .filter-toolbar-plus .form-line,
    .filter-toolbar-plus .form-group {
        width: 100%;
    }*/
    /*.pull-left.btn-toolbar {
        position:absolute;
        bottom:0;
    }*/
    /*.bootstrap-table > .fixed-table-toolbar > .bars.pull-right,*/
    .bootstrap-table > .fixed-table-toolbar > .bs-bars.pull-right,
    .bootstrap-table > .fixed-table-toolbar > .bs-bars.float-right {
        float: none !important;
    }
}
@media (max-width: 576px) {
    .filter-toolbar-plus .form-line,
    .filter-toolbar-plus .form-group {
        width: 100%;
    }
    .filter-toolbar-plus .form-group .input-group{
        display:flex;
        max-width:100%;
    }
    .fixed-table-toolbar{
        padding-top:.5rem;
    }
}
/******權限管理*****/
.dou-role-continer a[data-roleuser] {
    cursor:pointer;
}

.dou-role-continer a[data-roleuser].fix-popover + .popover {
    box-shadow: 0 5px 5px rgba(0,0,0,.6);
}

.system-manager-jsPanel .form-horizontal.data-edit-form-group .form-group {
    margin-right:0;
    margin-left:0;
}

.system-manager-jsPanel.data-edit-jspanel .rtree-leaf .permission {
    top:-3px;
    padding:2px 8px;
    color:#e2e2e2;
    cursor:cell;
    border-color:transparent;
    background-color:transparent;
}
.system-manager-jsPanel.data-edit-jspanel .rtree-leaf .permission.selected {
    color:black;
}
.system-manager-jsPanel.data-edit-jspanel .rtree-leaf .permission:hover{
    border-color:#aaa;
}
.system-manager-jsPanel.data-edit-jspanel .rtree-leaf .permission.disabled {
    color:transparent;
    border-color:transparent;
}

.system-manager-jsPanel.data-edit-jspanel .rtree-leaf.allow-anonymous {
    cursor:not-allowed;
    color:gray;
}
/*******變更密碼*******/
.reset-password-container {
    max-width:300px;
    margin: 0 auto;
}
.reset-password-container input {
    max-width:none !important;
}
.reset-password-container .error-message {
    color:red;
}
.edit-profile-container .data-manager-menu-map {
    display: none;
}
.edit-profile-container .data-manager-container {
    margin:1em auto 0 auto;
    max-width: 500px;
}


.jsPanel-ftr .btn {
    margin: 8px 0 0 10px;
}

.window-style-showEditformOnly {
    margin-top:4px;
}

.breadcrumb {
    margin-bottom: 6px;
}

.dou-bootstrap-table {
    padding-top:4px;
}

.data-edit-jspanel {
    padding-left:0;
    padding-right:0;
    box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4);
}
.data-edit-jspanel .control-label {
    max-width: none !important;
}
.window-style-showEditformOnly.data-edit-jspanel .modal-content {
    box-shadow: none;
}
@media (min-width: 768px){
    .window-style-showEditformOnly.data-edit-jspanel .modal-dialog {
        margin: 0 auto;
    }
}
body.dou-edit-style-showEditformOnly ,body.dou-edit-style-bottom,body.dou-edit-style-right {
    overflow:auto;
}
.data-edit-jspanel.window-style-showEditformOnly ,.data-edit-jspanel.window-style-bottom,.data-edit-jspanel.window-style-right {
    overflow-y:hidden;
}
.data-edit-jspanel.window-style-modal .modal-body {
    overflow-y: auto;
}
.data-edit-jspanel > .modal-dialog {
    padding:0;
 
}
.data-edit-jspanel:not(.window-style-modal) > .modal-dialog {
       width:auto ;
       max-width:none !important;
}
.data-edit-jspanel.window-style-modal > .modal-dialog {
    margin-top:30px;
}
.dou-edit-open.modal-open,.dou-edit-open.modal-open .navbar-fixed-top {
    margin-right:0;
}

.data-edit-jspanel > .modal-dialog > .modal-content {
    border:0;
    /*padding:15px;*/
}
.data-edit-jspanel > .modal-dialog > .modal-content > .modal-footer {
    padding: 6px 15px 6px 15px;
}
@media (min-width: 768px) {
    .window-style-showEditformOnly.data-edit-jspanel > .modal-dialog > .modal-content > .modal-footer {
        margin-top: 0;
    }
}
.field-content > .ftype-radio > label{
    margin-bottom:0;
}
.field-content > .ftype-radio > label > input {
    margin-top: 8px;
    margin-right:1px;
}
.dou-data-image{
    max-height:1.5rem;
}
/*******logger*******/
td.dou-field-LogDatetime, td.dou-field-WorkItem {
    white-space: nowrap;
}


/**********table thead color**********/
.dou-bootstrap-table .table.drakblue thead tr {
    background-color: #00008B;
    color: white;
}
.dou-bootstrap-table .table.blue thead tr {
    background-color: #0000ff;
    color: white;
}
.dou-bootstrap-table .table.blueviolet thead tr {
    background-color: #8A2BE2;
    color: white;
}
.dou-bootstrap-table .table.deepskyblue thead tr {
    background-color: #00BFFF;
    color: white;
}
.dou-bootstrap-table .table.lightblue thead tr {
    background-color: #ADD8E6;
    color: black;
}
.dou-bootstrap-table .table.lightskyblue thead tr {
    background-color: #87CEFA;
    color: black;
}
.dou-bootstrap-table .table.wheat thead tr {
    background-color: #F5DEB3;
    color: black;
}
.dou-bootstrap-table .table.slateegray thead tr {
    background-color: #708090;
    color: white;
}
.dou-bootstrap-table .table.lightgray thead tr {
    background-color: #d3d3d3;
    color: black;
}
.dou-bootstrap-table .table.darkgreen thead tr {
    background-color: #006400;
    color: white;
}
.dou-bootstrap-table .table.lightgreen thead tr {
    background-color: #90ee90;
    color: black;
}
.dou-bootstrap-table .table.lightseagreen thead tr {
    background-color: #20b2aa;
    color: white;
}
.dou-bootstrap-table .table.springgreen thead tr {
    background-color: #00ff7f;
    color: black;
}