body {
   line-height: 1.5;
 }

 /*Login page*/
 .login-form {
   box-shadow: none;
 }

 .login-form .form-group {
   margin-bottom: 1.5rem;
 }

 .login-form .form-group:last-child {
   margin-bottom: 0;
 }

 .login-form label {
   margin-bottom: .5rem;
   color: #353535;
 }

 .login-form label a {
   color: #353535;
 }

 .login-form label a:hover {
   color: #598392;
 }

 .login-logo span {
   color: #f96332;
   font-size: 46px;
 }

 .login_bg {
   background-color: #d6cdc9;
   background-image: url(../assets/images/log_bg.jpg);
   background-size: cover;
   background-repeat: no-repeat;
 }

 .login-form .btn_primary {
   background: #f2f2f2;
 }

 /* header */
 .header {
   background: #4F5D75;
 }

 .logo {
   background: #4F5D75;
 }

 .header-icon:hover,
 .header-icon:focus,
 .header-icon.active {
   background: #ef8354;
 }

 /* left menu */
 .sidebar .nano-content>ul li.label {
   color: #598392;
 }

 .sidebar .nano-content>ul li:hover>a,
 .sidebar .nano-content>ul li.active>a,
 .sidebar .nano-content>ul li.open>a {
   color: #ef8354;
 }

 .sidebar .nano-content>ul li.active>a::before {
   background: #ef8354;
 }

 /* title */
 .card-header:first-child {
   margin-bottom: .5rem;
 }

 .card-header {
   padding: .5rem 0 1rem;
 }

 .alert h4 {
   color: #333;
   font-weight: 500;
   margin-bottom: 0;
 }

 .progress-content:last-of-type {
   margin-bottom: .5rem;
 }

 .nav-tabs>li>a {
   font-size: 1.125rem;
   padding: .75rem 1.25rem;
 }

 @media screen and (max-width:700px) {
   .nav-tabs>li>a {
     padding: .75rem;
   }
 }

 /*輸入框*/
 .form-control {
   border-color: #ccc;
   border-radius: 5px;
 }

 .form-control:hover {
   border-color: #598392;
 }

 .form-control:focus {
   border-color: #598392;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #598392;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #598392;
 }

 /* 搜尋框 */
 .input-group-btn .btn,
 .input-group-btn .btn i {
   line-height: 39px;
 }

 .btn i {
   margin-right: 3px;
 }

 @media screen and (max-width:700px) {
   .form-inline {
     margin: 1rem auto 0 auto;
   }
 }

 /*bg*/
 .bg_primary {
   background: #598392;
   color: #fff;
 }

 /* btn */
 .btn.focus,
 .btn:focus {
   box-shadow: 0 0 0 0.2rem rgba(89, 131, 146, .3);
 }

 .btn_primary {
   background: #fff;
   border-color: #598392;
   color: #598392;
 }

 .btn_primary:hover,
 .btn_primary:focus,
 .btn_primary.active {
   background: #598392;
   border-color: #598392;
   color: #fff;
 }

 .btn_primary:not(:disabled):not(.disabled).active,
 .btn_primary:not(:disabled):not(.disabled):active {
   box-shadow: 0 0 0 0.2rem rgba(89, 131, 146, .3);
 }

 .btn_second {
   background: #fff;
   border-color: #598392;
   color: #598392;
 }

 .btn_second:hover,
 .btn_second:focus,
 .btn_second.active {
   background: #598392;
   border-color: #598392;
   color: #fff;
 }

 .btn_second:not(:disabled):not(.disabled).active,
 .btn_second:not(:disabled):not(.disabled):active {
   background: #598392;
   border-color: #598392;
   box-shadow: 0 0 0 0.2rem rgba(89, 131, 146, .3);
 }

 .btn_save {
   background: #fff;
   border-color: #598392;
   color: #598392;
 }

 .btn_save:hover,
 .btn_save:focus,
 .btn_save.active {
   background: #598392;
   border-color: #598392;
   color: #FFF;
 }

 .btn_save:not(:disabled):not(.disabled).active,
 .btn_save:not(:disabled):not(.disabled):active {
   background: #598392;
   border-color: #598392;
   box-shadow: 0 0 0 0.2rem rgba(89, 131, 146, .3);
 }

 .btn_edit {
   background: #f4f4f4;
   border-color: #f96332;
   color: #f96332;
 }

 .btn_edit:hover,
 .btn_edit:focus,
 .btn_edit.active {
   background: #f96332;
   border-color: #f96332;
   color: #FFF;
 }

 .btn_edit:not(:disabled):not(.disabled).active,
 .btn_edit:not(:disabled):not(.disabled):active {
   background: #f96332;
   border-color: #f96332;
   box-shadow: 0 0 0 0.2rem rgba(249, 99, 50, .5);
 }

 .btn-info {
   background: #4F5D75;
   border-color: #4F5D75;
   color: #fff;
 }

 .btn-info:hover,
 .btn-info:focus,
 .btn-info.active {
   background: #ef8354;
   border-color: #ef8354;
   color: #fff;
 }

 .btn-info:not(:disabled):not(.disabled).active,
 .btn-info:not(:disabled):not(.disabled):active {
   background: #4F5D75;
   border-color: #4F5D75;
   box-shadow: 0 0 0 0.2rem rgba(79, 93, 117, .3);
 }

 .btn-info:not(:disabled):not(.disabled).active:focus,
 .btn-info:not(:disabled):not(.disabled):active:focus,
 .show>.btn-info.dropdown-toggle:focus {
   box-shadow: 0 0 0 0.2rem rgba(79, 93, 117, .3);
 }

 .btn_delete {
   background: #ec6255;
   border-color: #ec6255;
   color: #fff;
 }

 .btn_delete:hover,
 .btn_delete:focus,
 .btn_delete.active {
   background: #d26459;
   border-color: #d26459;
   color: #fff;
 }

 .btn_delete:not(:disabled):not(.disabled).active,
 .btn_delete:not(:disabled):not(.disabled):active {
   background: #d26459;
   border-color: #d26459;
   box-shadow: 0 0 0 0.2rem rgba(210, 100, 89, .3);
 }

 .btn_delete .ti-alarm-clock:hover {
   color: #fff;
 }

 .btn_search {
   background-color: #f2f2f2;
   border-color: #6c757d;
   color: #353535;
 }

 .btn_search:hover,
 .btn_search:focus,
 .btn_search.active {
   background-color: #5a6268;
   border-color: #545b62;
   color: #fff;
 }

 .btn_search:focus {
   box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, .5);
 }

 .btn_search:not(:disabled):not(.disabled).active,
 .btn_search:not(:disabled):not(.disabled):active {
   background-color: #545b62;
   border-color: #4e555b;
   box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, .5);
 }

 .btn_back {
   background-color: #6c757d;
   border-color: #6c757d;
   color: #fff;
 }

 .btn_back:hover,
 .btn_back:focus,
 .btn_back.active {
   background-color: #5a6268;
   border-color: #545b62;
   color: #fff;
 }

 .btn_back:not(:disabled):not(.disabled).active,
 .btn_back:not(:disabled):not(.disabled):active {
   background-color: #545b62;
   border-color: #4e555b;
   box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, .5);
   ;
 }

 .nav-pills .nav-link.active,
 .nav-pills .show>.nav-link {
   background-color: #598392;
 }

 .btn_view {
   background: #fff;
   border-color: #598392;
   color: #598392;
 }

 .btn_view:hover,
 .btn_view:focus,
 .btn_view.active {
   background: #598392;
   border-color: #598392;
   color: #FFF;
 }

 .btn_view:not(:disabled):not(.disabled).active,
 .btn_view:not(:disabled):not(.disabled):active {
   background: #598392;
   border-color: #598392;
   box-shadow: 0 0 0 0.2rem rgba(249, 99, 50, .5);
 }

 /*進度百分比*/
 .progress-bar-success {
   background-color: #76B769;
 }

 .progress-bar-warning {
   background-color: #e6bc5d;
 }

 .progress-bar-danger {
   background-color: #d26459;
 }

 .progress-bar-info2 {
   background-color: #65A3D4;
 }


 /*檢視頁面*/
 @media screen and (min-width:767px) {
   .form-horizontal .control-label {
     padding: 0;
   }
 }

 .form-group {
   line-height: 24px;
 }

 a:hover,
 a:focus,
 a.active,
 button:hover,
 button:focus,
 button.active {
   color: #EF8354;
 }

 /*頁碼*/
 .pagination>.active>a,
 .pagination>.active>span,
 .pagination>.active>a:hover,
 .pagination>.active>span:hover,
 .pagination>.active>a:focus,
 .pagination>.active>span:focus {
   background-color: #598392 !important;
   border-color: #598392 !important;
 }

 .page-link {
   color: #598392;
 }

 /*Tables*/
 .table>thead>tr>th {
   padding: .5rem .75rem;
   font-size: 1.125rem;
 }

 .table>thead>tr>th.bg_primary {
   color: #fff;
 }

 .table td.date {
   line-height: 1;
 }

 .ti-alarm-clock:hover {
   color: #EF8354;
 }

 /* pop視窗 */
 .close:hover {
   color: #f96332;
 }

 @media (min-width: 992px) {
   .modal-lg.delate {
     max-width: 1170px;
   }
 }

 @media screen and (max-width:700px) {
   .modal-dialog {
     width: 95%;
   }
 }

 /*行事曆*/
 .fc-view {
   margin: .5rem 0;
 }

 .fc th {
   background: #598392;
   color: #fff;
   padding: .3rem !important;
   line-height: 1.5;
 }

 .fc th a {
   color: #fff;
 }

 .fc-toolbar.fc-header-toolbar {
   margin-top: 0;
   margin-bottom: 1rem;
 }

 .fc-day-today {
   background: rgba(239, 246, 224, .6);
 }

 .fc-button-primary,
 .fc-button-primary:not(:disabled).fc-button-active {
   color: #666;
   background-color: #fff;
   border-color: #ddd;
 }

 .fc-button-primary:hover {
   background-color: #EF8354;
   border-color: #EF8354;
 }

 .fc-button-primary:not(:disabled).fc-button-active:hover,
 .fc-button-primary:not(:disabled):active,
 .fc-button-primary:disabled:hover {
   color: #fff;
   background-color: #EF8354;
   border-color: #EF8354;
 }

 .fc-button-primary:disabled {
   color: #333;
   background-color: #fff;
   border-color: #ddd;
   opacity: 1;
 }

 .fc-daygrid-day-number {
   padding: 5px 8px;
 }

 #calendar.fc-theme-standard .fc-list-day-frame {
   background: #598392;
 }

 .fc-non-business {
   background: none;
 }

 /*佈告欄*/
 .tdl-holder li {
   color: #353535;
 }

 .tdl-holder li:first-child,
 .tdl-holder li.notice-board-items:first-child {
   padding-top: 0;
 }

 .tdl-holder li.notice-board-items {
   padding: .75rem;
 }

 /* 待辦事項 */
 .tdl-holder input[type="text"] {
   margin-top: 0;
 }

 .todo-list ul {
   margin-bottom: .5rem;
 }

 .tdl-holder label {
   line-height: 24px;
   padding: .75rem 0;
 }

 .tdl-holder li span {
   display: inline-block;
   margin-left: 0;
   padding: 0 2rem;
 }

 .tdl-holder input[type="checkbox"]+i {
   background-color: #fff;
   border: 1px solid #e7e7e7;
   display: block;
   height: 18px;
   position: absolute;
   top: 15px;
   width: 18px;
   z-index: 1;
 }

 .tdl-holder input[type="checkbox"]:checked+i::after {
   content: "\e64c";
   font-family: 'themify';
   display: block;
   left: 0px;
   position: absolute;
   top: -6px;
   z-index: 2;
 }

 .tdl-holder label a {
   margin-top: 0;
   position: absolute;
   right: 10px;
   top: 15px;
 }

 /*拖拉*/
 .dd-list .dd-handle .titleLink {
   color: #598392;
   font-size: 1.125rem;
   text-decoration: none !important;
   font-weight: 400;
 }

 .dd-list.sec-dd-list .dd-handle .titleLink {
   color: #353535;
   margin-left: 5px;
   font-size: 1rem;
 }

 .dd-list.sec-dd-list .dd-handle i {
   color: #666;
 }

 .dd-list.sec-dd-list .dd-handle:hover .titleLink,
 .dd-list.sec-dd-list .dd-handle:hover i {
   color: #EF8354;
 }

 .dd-item>button:before,
 .dd-item>button[data-action="collapse"]:before {
   color: #666;
 }

 .context-menu-item {
   color: #353535;
 }

 .fil_active {
   background: #ecf5f9 !important;
 }

 /* checkbox */
 .form-check-inline input[type="checkbox"] {
   opacity: 0;
   position: absolute;
   top: 50%;
   left: 3px;
   margin: -6px 0 0 0;
   z-index: 2;
   cursor: pointer;
 }

 .form-check-inline label {
   position: relative;
   margin: 0 15px 0 22px;
 }

 .form-check-inline label:before {
   content: '';
   position: absolute;
   top: 50%;
   left: -22px;
   margin-top: -9px;
   width: 19px;
   height: 18px;
   display: inline-block;
   border-radius: 2px;
   border: 1px solid #999;
   background: #fff;
 }

 .form-check-inline input[type="checkbox"]:checked+label:after {
   display: inline-block;
   font-family: 'FontAwesome';
   content: '\F00C';
   font-size: 11px;
   text-align: center;
   line-height: 16px;
   color: #fff;
   background: #EF8354;
   width: 17px;
   height: 16px;
   position: absolute;
   top: 50%;
   left: -21px;
   transform: translateY(-50%);
 }

 /* radio */
 .form-check-inline-radio input[type="radio"] {
   /*opacity: 0;*/
   position: absolute;
   top: 50%;
   left: 3px;
   margin: -6px 0 0 0;
   z-index: 2;
   cursor: pointer;
   display: none;
 }

 .form-check-inline-radio label {
   position: relative;
   margin: 0 15px 0 22px;
 }

 .form-check-inline-radio label:before {
   content: '';
   position: absolute;
   top: 50%;
   left: -22px;
   margin-top: -9px;
   width: 18px;
   height: 18px;
   display: inline-block;
   border-radius: 50px;
   border: 1px solid #999;
   background: #fff;
 }

 .form-check-inline-radio input[type="radio"]:checked+label:after {
   content: '';
   position: absolute;
   top: 50%;
   left: -18px;
   margin-top: -5px;
   display: inline-block;
   font-size: 11px;
   line-height: 1;
   width: 10px;
   height: 10px;
   background-color: #EF8354;
   border-radius: 50px;
   -webkit-box-shadow: 0px 0px 1px #444;
   box-shadow: 0px 0px 1px #444;
 }

 /* 簽核管理 */
 .process_icon {
   position: relative;
   width: 60px;
   margin: 0 auto;
 }

 .process_icon>img {
   width: 40px;
   height: 40px;
 }

 .process_delete {
   position: absolute;
   top: -9px;
   color: red;
   right: -5px;
   cursor: pointer;
   z-index: 2;
 }

 .process_icon_tab>img {
   width: 36px;
   height: 36px;
   margin-bottom: .5rem;
 }

 .dropdown-tree li:hover,
 .dropdown-tree li:hover ul li:hover {
   background: none;
 }

 .dropdown-tree li:hover a {
   color: #f96332;
 }

 .dropdown-tree li:hover ul li a,
 .dropdown-tree li:hover ul li ul li a {
   color: #353535;
 }

 .dropdown-tree li ul li:hover a,
 .dropdown-tree li ul li ul li:hover a {
   color: #f96332;
 }

 @media screen and (max-width:1199px) {
   .card-body {
     padding: 0;
   }
 }

 @media screen and (max-width:991px) {

   /* 專案進度百分比 */
   .progress-text {
     margin-bottom: .5rem;
   }

   .progress-content {
     margin-bottom: 1rem;
     line-height: 1.2;
   }
 }

 @media screen and (max-width:700px) {
   .form-row.border-bottom {
     border-bottom: 0 !important;
   }

   .form-row.border-bottom .form-group,
   .form-horizontal .form-row .form-group {
     border-bottom: 1px solid #dee2e6 !important;
     padding: 0 0 10px 0;
   }

   .tab-pane {
     padding: 15px 0;
   }
 }


 /* E-learning */
 .work_con {
   margin-bottom: 60px;
   position: relative;
 }

 .work_con .tit {
   font-size: 1.125rem;
   font-weight: 600;
   margin-bottom: .25rem;
   color: #598392;
 }

 .work_name {
   display: inline-block;
   background: #D1E4F3;
   border-radius: 0.25rem;
   width: 80px;
   height: 30px;
   line-height: 1.5;
   margin-bottom: 0.5rem;
   margin-right: .5rem;
   line-height: 32px;
   text-align: center;
 }

 .work_date {
   display: inline-block;
   background: #D1E4F3;
   padding: 0 1rem;
   border-radius: 0.25rem;
   height: 30px;
   line-height: 32px;
   margin-bottom: 0.5rem;
 }

 .work_con .work_txt {
   overflow: hidden;
 }

 .work_con .work_txt p span {
   color: #ef8354;
 }

 .work_con .more {
   display: inline-block;
   width: 80px;
   height: 30px;
   line-height: 32px;
   text-align: center;
   background: #4F5D75;
   border-radius: .25rem;
   color: #fff;
   position: absolute;
   /* left: 50%; */
   right: 0;
   bottom: -35px;
   /* transform: translateX(-50%); */
 }

 .work_con .more:hover {
   background: #ef8354;
   color: #fff;
   cursor: pointer;
 }