/*===================================*/
/* bootstrap 5.0                     */
/*===================================*/

.hide{display:none!important}
body{font-family:'Open Sans','微軟正黑體',sans-serif}
.center{text-align:center}
.left{float:left}
::-ms-clear{display:none}
::-moz-selection{background:#dcecff}
::selection{background:#dcecff}
.relative{position:relative}
.nowrap{white-space:nowrap}
.space-1{letter-spacing:1px}
.space-2{letter-spacing:2px}

/*================================================*/
/* custom param                                   */
/*================================================*/

.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}
.w10{width:10px!important}.w20{width:20px!important}.w30{width:30px!important}.w40{width:40px!important}.w50{width:50px!important}.w60{width:60px!important}.w70{width:70px!important}.w80{width:80px!important}.w90{width:90px!important}.w100{width:100px!important}.w110{width:110px!important}.w120{width:120px!important}.w130{width:130px!important}.w140{width:140px!important}.w150{width:150px!important}.w160{width:160px!important}.w170{width:170px!important}.w180{width:180px!important}.w190{width:190px!important}.w200{width:200px!important}.w210{width:210px!important}.w220{width:220px!important}.w230{width:230px!important}.w240{width:240px!important}.w250{width:250px!important}.w260{width:260px!important}.w270{width:270px!important}.w280{width:280px!important}.w290{width:290px!important}

/*================================================*/
/* override breadcrum                             */
/*================================================*/

.breadcrumb{margin-top:1rem;background-color:#f5f5f5;border-radius:4px;padding:.5rem 1rem}
.breadcrumb a{color:#6c757d;text-decoration:none}

/*================================================*/
/* override modal                                 */
/*================================================*/

.modal-custom.modal{text-align:center;padding:0!important}
.modal-custom .modal-dialog{width:500px}
.modal-custom .modal-content{-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);border:none;border-radius:4px;background-color:transparent}
.modal-custom .modal-header{background:#03a9f4;color:#fff;font-weight:300!important;border-bottom:none;padding:1.5rem;display:block}
.modal-custom .modal-header .fas{float:left;padding-right:1.5rem;font-size:35px}
.modal-custom .modal-header .modal-title{float:left;line-height:35px;letter-spacing:1px;font-family:'微軟正黑體','Segoe UI','Noto Sans TC';font-weight:400;min-height:35px}
.modal-custom .modal-header .btn-close{float:right;padding:.5rem;margin:0 -.5rem 0 0}
.modal-custom .modal-header .btn-close:hover,.modal-custom .modal-header .btn-close:focus{opacity:.5}
.modal-custom .modal-body{padding:1.25rem;background-color:#fff;margin-top:-1px;word-break:break-all;padding:1.5rem}
.modal-custom .modal-body a{color:#084ea1;cursor:pointer}
.modal-custom .modal-footer{border-top:none;background-color:#fff;padding:.75rem 1rem}
.modal-custom .modal-footer .btn{padding:.4rem 1.25rem}
.modal-custom .modal-dialog{text-align:left}
.modal-custom.modal-default .modal-header{background:#fff}
.modal-custom.modal-primary .modal-header{background:#03a9f4}
.modal-custom.modal-success .modal-header{background:#a0d468}
.modal-custom.modal-info .modal-header{background:#4fc1e9}
.modal-custom.modal-warning .modal-header{background:#f6bf26}
.modal-custom.modal-danger .modal-header{background:#ff5252}
@media(max-width:767px){.modal-dialog{width:80%;margin:30px auto}}

/*================================================*/
/*                                                */
/* custom checkbox                                */
/*                                                */
/*================================================*/

.f-checkbox{display:block;height:100%;width:100%;margin-bottom:-.5rem!important}
.f-checkbox label{position:relative;padding:.5rem .75rem .5rem 3rem;cursor:pointer;margin-bottom:.5rem!important}
.f-checkbox label::before{position:absolute;z-index:2;left:0;top:0;content:'';display:inline-block;width:38px;height:38px;border:1px solid #ccc;border-radius:.25rem;background-color:#fff;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.f-checkbox label::before::focus{outline:0;border-radius:.25rem}
.f-checkbox label::after{position:absolute;z-index:3;left:0;top:0;display:inline-block;width:38px;height:38px;padding:.25rem 0;font-size:22px;color:#555;text-align:center}
.f-checkbox input[type='checkbox']{opacity:0;z-index:1;cursor:pointer;position:absolute}
.f-checkbox input[type='checkbox']:focus + label::before{outline:none;border:1px solid #ccc;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,0.25)}
.f-checkbox input[type='checkbox']:checked + label::after{font-family:'Font Awesome 5 Free';content:'\f00c';color:#212529;font-weight:900}
.f-checkbox input[type='checkbox']:disabled + label::before{background-color:#eee}
.f-checkbox.f-checkbox-primary input[type='checkbox']:focus + label::before{border-color:#0a58ca;box-shadow:0 0 0 .25rem rgba(49,132,253,0.5)}
.f-checkbox.f-checkbox-primary input[type='checkbox']:checked + label::before{background-color:#428bca;border-color:#428bca}
.f-checkbox.f-checkbox-primary input[type='checkbox']:checked + label::after{color:#fff}
.f-checkbox.f-checkbox-secondary input[type='checkbox']:focus + label::before{border-color:#565e64;box-shadow:0 0 0 .25rem rgba(130,138,145,0.5)}
.f-checkbox.f-checkbox-secondary input[type='checkbox']:checked + label::before{background-color:#6c757d;border-color:#6c757d}
.f-checkbox.f-checkbox-secondary input[type='checkbox']:checked + label::after{color:#fff}
.f-checkbox.f-checkbox-success input[type='checkbox']:focus + label::before{border-color:#146c43;box-shadow:0 0 0 .25rem rgba(60,153,110,0.5)}
.f-checkbox.f-checkbox-success input[type='checkbox']:checked + label::before{background-color:#5cb85c;border-color:#5cb85c}
.f-checkbox.f-checkbox-success input[type='checkbox']:checked + label::after{color:#fff}
.f-checkbox.f-checkbox-info input[type='checkbox']:focus + label::before{border-color:#25cff2;box-shadow:0 0 0 .25rem rgba(11,172,204,0.5)}
.f-checkbox.f-checkbox-info input[type='checkbox']:checked + label::before{background-color:#5bc0de;border-color:#5bc0de}
.f-checkbox.f-checkbox-info input[type='checkbox']:checked + label::after{color:#fff}
.f-checkbox.f-checkbox-warning input[type='checkbox']:focus + label::before{border-color:#ffc720;box-shadow:0 0 0 .25rem rgba(217,164,6,0.5)}
.f-checkbox.f-checkbox-warning input[type='checkbox']:checked + label::before{background-color:#f0ad4e;border-color:#f0ad4e}
.f-checkbox.f-checkbox-warning input[type='checkbox']:checked + label::after{color:#fff}
.f-checkbox.f-checkbox-danger input[type='checkbox']:focus + label::before{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,0.25)}
.f-checkbox.f-checkbox-danger input[type='checkbox']:checked + label::before{background-color:#d9534f;border-color:#d9534f}
.f-checkbox.f-checkbox-danger input[type='checkbox']:checked + label::after{color:#fff}
.f-checkbox.f-checkbox-outline-primary input[type='checkbox']:focus + label::before{border-color:#0a58ca;box-shadow:0 0 0 .25rem rgba(49,132,253,0.5)}
.f-checkbox.f-checkbox-outline-primary input[type='checkbox']:checked + label::before{background-color:#fff;border-color:#428bca}
.f-checkbox.f-checkbox-outline-primary input[type='checkbox']:checked + label::after{color:#428bca}
.f-checkbox.f-checkbox-outline-secondary input[type='checkbox']:focus + label::before{border-color:#565e64;box-shadow:0 0 0 .25rem rgba(130,138,145,0.5)}
.f-checkbox.f-checkbox-outline-secondary input[type='checkbox']:checked + label::before{background-color:#fff;border-color:#6c757d}
.f-checkbox.f-checkbox-outline-secondary input[type='checkbox']:checked + label::after{color:#6c757d}
.f-checkbox.f-checkbox-outline-success input[type='checkbox']:focus + label::before{border-color:#146c43;box-shadow:0 0 0 .25rem rgba(60,153,110,0.5)}
.f-checkbox.f-checkbox-outline-success input[type='checkbox']:checked + label::before{background-color:#fff;border-color:#5cb85c}
.f-checkbox.f-checkbox-outline-success input[type='checkbox']:checked + label::after{color:#5cb85c}
.f-checkbox.f-checkbox-outline-info input[type='checkbox']:focus + label::before{border-color:#25cff2;box-shadow:0 0 0 .25rem rgba(11,172,204,0.5)}
.f-checkbox.f-checkbox-outline-info input[type='checkbox']:checked + label::before{background-color:#fff;border-color:#5bc0de}
.f-checkbox.f-checkbox-outline-info input[type='checkbox']:checked + label::after{color:#5bc0de}
.f-checkbox.f-checkbox-outline-warning input[type='checkbox']:focus + label::before{border-color:#ffc720;box-shadow:0 0 0 .25rem rgba(217,164,6,0.5)}
.f-checkbox.f-checkbox-outline-warning input[type='checkbox']:checked + label::before{background-color:#f0ad4e;border-color:#f0ad4e}
.f-checkbox.f-checkbox-outline-warning input[type='checkbox']:checked + label::after{color:#fff}
.f-checkbox.f-checkbox-outline-danger input[type='checkbox']:focus + label::before{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,0.25)}
.f-checkbox.f-checkbox-outline-danger input[type='checkbox']:checked + label::before{background-color:#fff;border-color:#d9534f}
.f-checkbox.f-checkbox-outline-danger input[type='checkbox']:checked + label::after{color:#d9534f}
.f-checkbox.f-checkbox-check input[type='checkbox']:checked + label::after{content:'\f00c'}
.f-checkbox.f-checkbox-close input[type='checkbox']:checked + label::after{content:'\f00d'}
.f-checkbox.f-checkbox-minus input[type='checkbox']:checked + label::after{content:'\f068'}
.f-checkbox.f-checkbox-heart input[type='checkbox']:checked + label::after{content:'\f004'}
.f-checkbox.f-checkbox-star input[type='checkbox']:checked + label::after{content:'\f005'}
.f-checkbox.f-checkbox-star label::after{top:-1px}
.f-checkbox.f-checkbox-smile input[type='checkbox']:checked + label::after{content:'\f118'}
.f-checkbox.f-checkbox-choose input[type='checkbox']:checked + label::after{content:'勾'}
.f-checkbox.spin input[type='checkbox']:checked + label::after{animation:fa-spin 2s infinite linear}
.f-checkbox input[type='checkbox']:disabled{cursor:auto}
.f-checkbox input[type='checkbox']:disabled + label{opacity:.65;cursor:auto}

/*================================================*/
/*                                                */
/* custom radio                                   */
/*                                                */
/*================================================*/

.f-radio{display:block;height:100%;width:100%;margin-bottom:-.5rem!important}
.f-radio label{position:relative;padding:.5rem .75rem .5rem 3rem;cursor:pointer;margin-bottom:.5rem!important}
.f-radio label::before{content:'';display:inline-block;position:absolute;width:30px;height:30px;left:0;margin-left:0;position:absolute;z-index:2;left:0;top:0;display:inline-block;width:38px;height:38px;border:1px solid #ccc;border-radius:50%;background-color:#fff;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.f-radio label::before::focus{outline:0;border-radius:.25rem}
.f-radio label::after{position:absolute;z-index:3;left:0;top:0;display:inline-block;width:38px;height:38px;padding:.25rem 0;font-size:21px;color:#212529;text-align:center}
.f-radio input[type='radio']{opacity:0;z-index:1;cursor:pointer;position:absolute}
.f-radio input[type='radio']:focus + label::before{outline:none;border:1px solid #ccc;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,0.25)}
.f-radio input[type='radio']:checked + label::after{font-family:'Font Awesome 5 Free';content:'\f111';color:#212529;font-weight:900}
.f-radio input[type='radio']:disabled + label::before{background-color:#eee}
.f-radio input{margin-top:-8px}
.f-radio.f-radio-primary input[type='radio']:focus + label::before{border-color:#0a58ca;box-shadow:0 0 0 .25rem rgba(49,132,253,0.5)}
.f-radio.f-radio-primary input[type='radio']:checked + label::before{background-color:#428bca;border-color:#428bca}
.f-radio.f-radio-primary input[type='radio']:checked + label::after{color:#fff}
.f-radio.f-radio-secondary input[type='radio']:focus + label::before{border-color:#565e64;box-shadow:0 0 0 .25rem rgba(130,138,145,0.5)}
.f-radio.f-radio-secondary input[type='radio']:checked + label::before{background-color:#6c757d;border-color:#6c757d}
.f-radio.f-radio-secondary input[type='radio']:checked + label::after{color:#fff}
.f-radio.f-radio-success input[type='radio']:focus + label::before{border-color:#146c43;box-shadow:0 0 0 .25rem rgba(60,153,110,0.5)}
.f-radio.f-radio-success input[type='radio']:checked + label::before{background-color:#5cb85c;border-color:#5cb85c}
.f-radio.f-radio-success input[type='radio']:checked + label::after{color:#fff}
.f-radio.f-radio-info input[type='radio']:focus + label::before{border-color:#25cff2;box-shadow:0 0 0 .25rem rgba(11,172,204,0.5)}
.f-radio.f-radio-info input[type='radio']:checked + label::before{background-color:#5bc0de;border-color:#5bc0de}
.f-radio.f-radio-info input[type='radio']:checked + label::after{color:#fff}
.f-radio.f-radio-warning input[type='radio']:focus + label::before{border-color:#ffc720;box-shadow:0 0 0 .25rem rgba(217,164,6,0.5)}
.f-radio.f-radio-warning input[type='radio']:checked + label::before{background-color:#f0ad4e;border-color:#f0ad4e}
.f-radio.f-radio-warning input[type='radio']:checked + label::after{color:#fff}
.f-radio.f-radio-danger input[type='radio']:focus + label::before{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,0.25)}
.f-radio.f-radio-danger input[type='radio']:checked + label::before{background-color:#d9534f;border-color:#d9534f}
.f-radio.f-radio-danger input[type='radio']:checked + label::after{color:#fff}
.f-radio.f-radio-outline-primary input[type='radio']:focus + label::before{border-color:#0a58ca;box-shadow:0 0 0 .25rem rgba(49,132,253,0.5)}
.f-radio.f-radio-outline-primary input[type='radio']:checked + label::before{background-color:#fff;border-color:#428bca}
.f-radio.f-radio-outline-primary input[type='radio']:checked + label::after{color:#428bca}
.f-radio.f-radio-outline-secondary input[type='radio']:focus + label::before{border-color:#565e64;box-shadow:0 0 0 .25rem rgba(130,138,145,0.5)}
.f-radio.f-radio-outline-secondary input[type='radio']:checked + label::before{background-color:#fff;border-color:#6c757d}
.f-radio.f-radio-outline-secondary input[type='radio']:checked + label::after{color:#6c757d}
.f-radio.f-radio-outline-success input[type='radio']:focus + label::before{border-color:#146c43;box-shadow:0 0 0 .25rem rgba(60,153,110,0.5)}
.f-radio.f-radio-outline-success input[type='radio']:checked + label::before{background-color:#fff;border-color:#5cb85c}
.f-radio.f-radio-outline-success input[type='radio']:checked + label::after{color:#5cb85c}
.f-radio.f-radio-outline-info input[type='radio']:focus + label::before{border-color:#25cff2;box-shadow:0 0 0 .25rem rgba(11,172,204,0.5)}
.f-radio.f-radio-outline-info input[type='radio']:checked + label::before{background-color:#fff;border-color:#5bc0de}
.f-radio.f-radio-outline-info input[type='radio']:checked + label::after{color:#5bc0de}
.f-radio.f-radio-outline-warning input[type='radio']:focus + label::before{border-color:#ffc720;box-shadow:0 0 0 .25rem rgba(217,164,6,0.5)}
.f-radio.f-radio-outline-warning input[type='radio']:checked + label::before{background-color:#fff;border-color:#f0ad4e}
.f-radio.f-radio-outline-warning input[type='radio']:checked + label::after{color:#f0ad4e}
.f-radio.f-radio-outline-danger input[type='radio']:focus + label::before{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,0.25)}
.f-radio.f-radio-outline-danger input[type='radio']:checked + label::before{background-color:#fff;border-color:#d9534f}
.f-radio.f-radio-outline-danger input[type='radio']:checked + label::after{color:#d9534f}
.f-radio.f-radio-check input[type='radio']:checked + label::after{content:'\f00c'}
.f-radio.f-radio-check label::after{left:.5px;top:.5px}
.f-radio.f-radio-circle input[type='radio']:checked + label::after{content:'\f111'}
.f-radio.f-radio-heart input[type='radio']:checked + label::after{content:'\f004'}
.f-radio.f-radio-heart label::after{font-size: 22px}
.f-radio.f-radio-star input[type='radio']:checked + label::after{content:'\f005'}
.f-radio.f-radio-star label::after{top:-0.5px}
.f-radio.f-radio-paw input[type='radio']:checked + label::after{content:'\f1b0'}
.f-radio.f-radio-paw label::after{top:-0.5px}
.f-radio.f-radio-child input[type='radio']:checked + label::after{content:'\f1ae'}
.f-radio.f-radio-choose input[type='radio']:checked + label::after{content:'選'}
.f-radio input[type='radio']:disabled{cursor:auto}
.f-radio input[type='radio']:disabled + label{opacity:.65;cursor:auto}

/*================================================*/
/* override bootstrap-select                      */
/*================================================*/

select{cursor:pointer}
select.disabled,select:disabled{cursor:auto}
.bootstrap-select.disabled{cursor:auto}
.bootstrap-select .dropdown-toggle::after{display:none}
.bootstrap-select .dropdown-toggle:focus{outline:none!important;outline-offset:inherit}
.bootstrap-select .dropdown-toggle.btn{padding:0;border:none;box-shadow:none}
.bootstrap-select .btn.disabled,.bootstrap-select .btn:disabled{opacity:1}
.bootstrap-select .btn.disabled .filter-option,.bootstrap-select .btn:disabled .filter-option{background-color:#e9ecef}
.bootstrap-select .filter-option{border:1px solid #ced4da;border-radius:.25rem;padding:.375rem 2.25rem .375rem .75rem;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.bootstrap-select .dropdown-toggle.show .filter-option{color:#212529;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,0.25)}
.bootstrap-select .dropdown-item{transition:background-color .15s ease-in-out}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%}
.f-select-secondary .dropdown-item.selected{background-color:#565e64}
.f-select-secondary .dropdown-item:active{background-color:#565e64}
.f-select-secondary .dropdown-toggle.show .filter-option{border-color:#565e64;box-shadow:0 0 0 .25rem rgba(130,138,145,0.5)}
.f-select-success .dropdown-item.selected{background-color:#146c43}
.f-select-success .dropdown-item:active{background-color:#146c43}
.f-select-success .dropdown-toggle.show .filter-option{border-color:#146c43;box-shadow:0 0 0 .25rem rgba(60,153,110,0.5)}
.f-select-info .dropdown-item.selected{background-color:#25cff2}
.f-select-info .dropdown-item:active{background-color:#25cff2}
.f-select-info .dropdown-toggle.show .filter-option{border-color:#25cff2;box-shadow:0 0 0 .25rem rgba(11,172,204,0.5)}
.f-select-warning .dropdown-item.selected{background-color:#ffc720}
.f-select-warning .dropdown-item:active{background-color:#ffc720}
.f-select-warning .dropdown-toggle.show .filter-option{border-color:#ffc720;box-shadow:0 0 0 .25rem rgba(217,164,6,0.5)}
.f-select-danger .dropdown-item.selected{background-color:#dc3545}
.f-select-danger .dropdown-item:active{background-color:#dc3545}
.f-select-danger .dropdown-toggle.show .filter-option{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,0.25)}
.f-select .dropdown-item.active,.dropdown-item:active{color:#000;text-decoration:none;background-color:#e9ecef}

.bootstrap-select.f-select-bg .icon1{transform:scale(.2);width:100px;height:100px;min-width:100px;min-height:100px;background-image:url(../image/icons1.png);margin:-38px -30px -40px -40px}
.bootstrap-select.f-select-bg .icon2{transform:scale(.2);width:100px;height:100px;min-width:100px;min-height:100px;background-image:url(../image/icons2.png);margin:-38px -30px -40px -40px;}
.bootstrap-select.f-select-bg .text{padding-right:2rem}
.bootstrap-select.f-select-bg button .icon1{transform:scale(.2);width:100px;height:100px;min-width:100px;min-height:100px;background-image:url(../image/icons1.png);margin:-38px -30px -40px -40px;}
.bootstrap-select.f-select-bg button .icon2{transform:scale(.2);width:100px;height:100px;min-width:100px;min-height:100px;background-image:url(../image/icons2.png);margin:-38px -30px -40px -40px;}
.bootstrap-select.f-select-bg span.filter-option{width:auto!important}
.bootstrap-select.f-select-bg button[class*="disabled"] .icon1{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%)}
.bootstrap-select.f-select-bg button[class*="disabled"] .icon2{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%)}
.bootstrap-select .f-select-icon{color:#7f8c8d;padding-right:.5rem}

/*================================================*/
/* override text-color                            */
/*================================================*/

.text-primary{color:#2980b9!important}
.text-success{color:#27ae60!important}
.text-info{color:#16a085!important}
.text-warning{color:#f39c12!important}
.text-danger{color:#e74c3c!important}
.text-jeans{color:#4a89dc!important}
.text-aqua{color:#3bafda!important}
.text-mint{color:#37bc9b!important}
.text-grass{color:#8cc152!important}
.text-sunflower{color:#f6bb42!important}
.text-bittersweet{color:#e9573f!important}
.text-grapefruit{color:#da4453!important}
.text-lavender{color:#967adc!important}
.text-rose{color:#d770ad!important}

/*================================================*/
/* override datepicker                            */
/*================================================*/

.datepicker-dropdown{padding:.5rem 1rem}
.datepicker thead tr:first-child th,.datepicker tfoot tr th{padding:.5rem;font-size:.9rem}
.datepicker.dropdown-menu th,.datepicker.dropdown-menu td{padding:.6rem;font-size:.9rem}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{padding:.2rem 0}
.input-group>.datepicker:not(:last-child){position:relative}
.input-group>.datepicker:not(:last-child)>.form-control{border-top-right-radius:0;border-bottom-right-radius:0;position:relative}
.input-group>.datepicker:not(:last-child)>.form-control:focus{z-index:3}

/*================================================*/
/* override form                                  */
/*================================================*/

/* title & subtitle */

.f-subtitle{border-bottom:1px solid #eee;padding:.5rem 1rem}
.f-subtitle .f-subtitle-number{background-color:#ccc;border-radius:100%;color:#fff;display:inline-block;margin:.5rem 1rem .5rem .5rem;text-align:center;font-size:25px;width:35px;line-height:35px}
.f-subtitle .f-subtitle-number-primary{background-color:#428bca}
.f-subtitle .f-subtitle-number-secondary{background-color:#6c757d}
.f-subtitle .f-subtitle-number-success{background-color:#5cb85c}
.f-subtitle .f-subtitle-number-info{background-color:#5bc0de}
.f-subtitle .f-subtitle-number-warning{background-color:#f0ad4e}
.f-subtitle .f-subtitle-number-danger{background-color:#d9534f}
.f-subtitle small{padding-left:1rem;font-size:15px;color:#888}
.f-subtitle small a{color:#888;text-decoration: none}

.f-title{border-bottom:1px solid #eee;margin-bottom: .5rem;padding:.5rem 1rem;position:relative;display:flex;flex-wrap:wrap;align-items:flex-end;width:100%}
.f-title-icon{display:inline-block;margin:0 .75rem 0 0}
.f-title-text{display:inline-block}
.f-title-text h3{margin-bottom:0}

.f-title small{padding-left:1rem;font-size:15px;color:#888}
.f-title small a{color:#888;text-decoration: none}

/* label */

.f-label{padding:.5rem .75rem;margin-bottom:0;text-align:right;width:100%}

/* fake textarea */

div.form-control.disabled{outline:none!important;box-shadow:none!important;border:1px solid #ccc!important;background-color: #e9ecef;opacity:1}

/*================================================*/
/* override table                                 */
/*================================================*/

/* keyword */

.keyword-container{position:relative;z-index:1}
.keyword-container .keyword-icon{position:absolute;top:0;left:0;z-index:2;display:block;color:#888;text-align:center;pointer-events:none;padding:.7rem .5rem .7rem 1rem}
.keyword-container .keyword-text{padding-right:1.5rem;padding-left:2.5rem}
.keyword-container .keyword-clear{position:absolute;top:0;right:0;z-index:2;pointer-events:auto;cursor:pointer;color:#888;padding:.7rem 1rem .7rem .5rem}

/* table */

.f-table{font-size:.75rem}
.f-table .form-group{margin-bottom:0}
.f-table th,.table td{vertical-align:middle!important}
.f-table th[data-sort]{cursor:pointer}
.f-table td .fa,.f-table td .fas{padding:0 0 0 5px}
.f-table th .fa,.f-table th .fas{padding:0 0 0 5px}
.f-table td .fa.fa-nodata,.f-table td .fas.fas-nodata{padding:0 10px}
.f-table td a{text-decoration:none}
.f-table .btn-group-sm>.btn,.btn-sm{padding:4px 10px;line-height:1}
.f-table a.btn{font-size:.75rem!important;margin-right:.4rem}

/* pagination */

.f-table .tooltip{font-size:.75rem}
.f-table .tooltip .tooltip-arrow{display:none}
.f-table .tooltip-inner{background-color:#444;padding:8px 11px;max-width:300px;max-width:inherit;white-space:nowrap}
.f-table .f-pagination{font-size:.75rem}
.f-table .f-pagination .page-link{color:#333;background-color:#fff;border-color:#ccc;cursor:pointer;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,background-color .15s ease-in-out,color .15s ease-in-out;padding:.5rem 0;min-width:2.5rem;text-align:center}
.f-table .f-pagination .page-link:hover{background-color:#6c757d;border-color:#6c757d;color:#fff}
.f-table .f-pagination .page-link:active{border-color:#565e64;box-shadow:0 0 0 .25rem rgba(130,138,145,0.5)}
.f-table .f-pagination .page-link.active{background-color:#6c757d;border-color:#6c757d;color:#fff;background-color:#6c757d;border-color:#6c757d;color:#fff}
.f-table .f-pagination .page-link:disabled,.f-pagination .page-link[disabled]{opacity:.65;cursor:auto}
.f-table .f-pagination .page-link:disabled:hover,.f-pagination .page-link[disabled]:hover,.f-pagination .page-link:disabled:active,.f-pagination .page-link[disabled]:active{color:#333;background-color:#fff;border-color:#ccc;box-shadow:none}
.f-table .no-record{padding:1rem}

/*================================================*/
/* custom meul                                    */
/*================================================*/

.module{padding-top:30px;padding-bottom:30px;color:inherit;background-color:#eee}
.module h1,.module .h1{color:inherit}
.module p{margin-bottom:15px;font-size:21px;font-weight:400}
.module > hr{border-top-color:#d5d5d5}
.container .module,.container-fluid .module{padding-right:15px;padding-left:15px;border-radius:6px}
.module .container{max-width:100%}

.menu1 .module{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;border:solid 5px #eee;background:#fff;transform:scale(1.0)}
.menu1 .module:hover{border:solid 5px #ccc;transform:scale(1.05)}
.menu1 .warning-number{background-color:#d9534f;color:#fff;border-radius:100%;width:30px;height:30px;position:absolute;right:0;top:0;text-align:center;line-height:30px}
@media (max-width: 767px) {
.menu1 .module{transition:none;-webkit-transition:none;-moz-transition:none}
.menu1 .module:hover{transform:none;transform:scale(1)}
}
@media screen and (min-width: 768px) {
.container .module,.container-fluid .module{padding-right:0;padding-left:0}
}
.menu1 a{color:#333;text-decoration:none}
.menu1 .icon1{width:100px;height:100px;min-width:100px;min-height:100px;background-image:url(../image/icons1.png);margin:auto auto 10px;position:relative}
.menu1 .icon2{width:100px;height:100px;min-width:100px;min-height:100px;background-image:url(../image/icons2.png);margin:auto auto 10px;position:relative}
.i0{background:none}.i1{background-position:0 0}.i2{background-position:-130px 0}.i3{background-position:-260px 0}.i4{background-position:-390px 0}.i5{background-position:-520px 0}.i6{background-position:-650px 0}.i7{background-position:0 -130px}.i8{background-position:-130px -130px}.i9{background-position:-260px -130px}.i10{background-position:-390px -130px}.i11{background-position:-520px -130px}.i12{background-position:-650px -130px}.i13{background-position:0 -260px}.i14{background-position:-130px -260px}.i15{background-position:-260px -260px}.i16{background-position:-390px -260px}.i17{background-position:-520px -260px}.i18{background-position:-650px -260px}.i19{background-position:0 -390px}.i20{background-position:-130px -390px}.i21{background-position:-260px -390px}.i22{background-position:-390px -390px}.i23{background-position:-520px -390px}.i24{background-position:-650px -390px}.i25{background-position:0 -520px}.i26{background-position:-130px -520px}.i27{background-position:-260px -520px}.i28{background-position:-390px -520px}.i29{background-position:-520px -520px}.i30{background-position:-650px -520px}.i31{background-position:0 -650px}.i32{background-position:-130px -650px}.i33{background-position:-260px -650px}.i34{background-position:-390px -650px}.i35{background-position:-520px -650px}.i36{background-position:-650px -650px}.i37{background-position:0 -780px}.i38{background-position:-130px -780px}.i39{background-position:-260px -780px}.i40{background-position:-390px -780px}.i41{background-position:-520px -780px}.i42{background-position:-650px -780px}.i43{background-position:0 -910px}.i44{background-position:-130px -910px}.i45{background-position:-260px -910px}.i46{background-position:-390px -910px}.i47{background-position:-520px -910px}.i48{background-position:-650px -910px}.i49{background-position:0 -1040px}.i50{background-position:-130px -1040px}.i51{background-position:-260px -1040px}.i52{background-position:-390px -1040px}.i53{background-position:-520px -1040px}.i54{background-position:-650px -1040px}.i55{background-position:0 -1170px}.i56{background-position:-130px -1170px}.i57{background-position:-260px -1170px}.i58{background-position:-390px -1170px}.i59{background-position:-520px -1170px}.i60{background-position:-650px -1170px}.i61{background-position:0 -1300px}.i62{background-position:-130px -1300px}.i63{background-position:-260px -1300px}.i64{background-position:-390px -1300px}.i65{background-position:-520px -1300px}.i66{background-position:-650px -1300px}.i67{background-position:0 -1430px}.i68{background-position:-130px -1430px}.i69{background-position:-260px -1430px}.i70{background-position:-390px -1430px}.i71{background-position:-520px -1430px}.i72{background-position:-650px -1430px}.i73{background-position:0 -1560px}.i74{background-position:-130px -1560px}.i75{background-position:-260px -1560px}.i76{background-position:-390px -1560px}.i77{background-position:-520px -1560px}.i78{background-position:-650px -1560px}.i79{background-position:0 -1690px}.i80{background-position:-130px -1690px}.i81{background-position:-260px -1690px}.i82{background-position:-390px -1690px}.i83{background-position:-520px -1690px}.i84{background-position:-650px -1690px}.i85{background-position:0 -1820px}.i86{background-position:-130px -1820px}.i87{background-position:-260px -1820px}.i88{background-position:-390px -1820px}.i89{background-position:-520px -1820px}.i90{background-position:-650px -1820px}.i91{background-position:0 -1950px}.i92{background-position:-130px -1950px}.i93{background-position:-260px -1950px}.i94{background-position:-390px -1950px}.i95{background-position:-520px -1950px}.i96{background-position:-650px -1950px}.i97{background-position:-130px -2080px}.i98{background-position:-260px -2080px}.i99{background-position:-390px -2080px}.i100{background-position:-520px -2080px}
.i-gray{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);cursor:auto}

.menu1 .gif:hover>div{background-size:cover;background-position:0 0}
.menu1 .gif-statistic:hover>div{background-image:url(../image/statistic_loop.gif)}
.menu1 .gif-baloons:hover>div{background-image:url(../image/baloons_loop.gif)}
.menu1 .gif-folder:hover>div{background-image:url(../image/folder_loop.gif)}
.menu1 .gif-speed:hover>div{background-image:url(../image/speed_loop.gif)}
.menu1 .gif-ufo:hover>div{background-image:url(../image/ufo_loop.gif)}
.menu1 .gif-mountain:hover>div{background-image:url(../image/mountain_loop.gif)}
.menu1 .gif-archive:hover>div{background-image:url(../image/archive_loop.gif)}
.menu1 .gif-boy:hover>div{background-image:url(../image/boy_loop.gif)}
.menu1 .gif-workspace:hover>div{background-image:url(../image/workspace_loop.gif)}

.menu2 .module{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;border:solid 5px #eee;background:#fff;transform:scale(1.0);padding:0 15px}
.menu2 .module:hover{border:solid 5px #ccc;transform:scale(1.05)}
.menu2 .module .icon1{transform:scale(.60);width:100px;height:100px;min-width:100px;min-height:100px;background-image:url(../image/icons1.png);margin-left:-10px}
.menu2 .module .icon2{transform:scale(.60);width:100px;height:100px;min-width:100px;min-height:100px;background-image:url(../image/icons2.png);margin-left:-10px}
.menu2 .module .context{padding:25px 10px}
.menu2 .module .title{margin-bottom:10px;color:#333;text-decoration:none!important}
.menu2 .module a{color:#333;text-decoration:none!important}
.menu2 .module .progress{height:10px;width:100%;margin-bottom:0}
.menu2 .module .fas{color:#999}
.menu2 .module .btn-edit{position:absolute;right:5px;top:5px;padding:6px 10px;transform:scale(1.0);border:none;opacity:0}
.menu2 .module .btn-edit:hover,.menu2 .module .btn-edit:focus{background-color:transparent;outline:none;border:none;box-shadow:none;opacity:1}
.menu2 .module.btn-new .fas{font-size:60px;padding:20px 10px;opacity:.3;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out}
.menu2 .module.btn-new:hover .fas{opacity:.9;transform:scale(1.05)}

.menu3{transform:scale(1)}
.menu3 .icon{transition:all .3s ease-in-out;border:solid 5px #eee;background:#fff;padding:1rem;margin:0;border-radius:6px}
.menu3 .icon:hover{border:solid 5px #ccc}
.menu3 .icon .icon1{width:100px;height:100px;min-width:100px;min-height:100px;background-image:url(../image/icons1.png);margin:0 auto}
.menu3 .icon .icon2{width:100px;height:100px;min-width:100px;min-height:100px;background-image:url(../image/icons2.png);margin:0 auto}
/*================================================*/
/* custom btn                                     */
/*================================================*/

.btn-warning,.btn-warning:focus,.btn-warning:hover,.btn-warning:active{color:#fff}
.btn-outline-warning:hover,.btn-outline-warning:active{color:#fff}
.btn-info,.btn-info:focus,.btn-info:hover,.btn-info:active{color:#fff}
.btn-outline-info:hover,.btn-outline-info:active{color:#fff}
.btn-jeans,.btn-jeans.active,.btn-jeans.disabled,.btn-jeans:active,.btn-jeans[disabled]{position:relative;color:#fff;background-color:#4A89DC;border-color:#4a89dc}
.btn-jeans:hover,.btn-jeans:active,.btn-jeans:focus{color:#fff;background-color:#5d9cec;border-color:#5d9cec}
.btn-jeans:focus{box-shadow:0 0 0 .25rem #a4c4ed}
.btn-aqua,.btn-aqua.active,.btn-aqua.disabled,.btn-aqua:active,.btn-aqua[disabled]{color:#fff;background-color:#3bafda;border-color:#3bafda}
.btn-aqua:hover,.btn-aqua:active,.btn-aqua:focus{color:#fff;background-color:#4fc1e9;border-color:#4fc1e9}
.btn-aqua:focus{box-shadow:0 0 0 .25rem #9dd7ec}
.btn-mint,.btn-mint.active,.btn-mint.disabled,.btn-mint:active,.btn-mint[disabled]{color:#fff;background-color:#37bc9b;border-color:#37bc9b}
.btn-mint:hover,.btn-mint:active,.btn-mint:focus{color:#fff;background-color:#48cfad;border-color:#48cfad}
.btn-mint:focus{box-shadow:0 0 0 .25rem #9bddcd}
.btn-grass,.btn-grass.active,.btn-grass.disabled,.btn-grass:active,.btn-grass[disabled]{color:#fff;background-color:#8cc152;border-color:#8cc152}
.btn-grass:hover,.btn-grass:active,.btn-grass:focus{color:#fff;background-color:#a0d468;border-color:#a0d468}
.btn-grass:focus{box-shadow:0 0 0 .25rem #c5e0a8}
.btn-sunflower,.btn-sunflower.active,.btn-sunflower.disabled,.btn-sunflower:active,.btn-sunflower[disabled]{color:#fff;background-color:#f6bb42;border-color:#f6bb42}
.btn-sunflower:hover,.btn-sunflower:active,.btn-sunflower:focus{color:#fff;background-color:#ffce54;border-color:#ffce54}
.btn-sunflower:focus{box-shadow:0 0 0 .25rem #fadda0}
.btn-bittersweet,.btn-bittersweet.active,.btn-bittersweet.disabled,.btn-bittersweet:active,.btn-bittersweet[disabled]{color:#fff;background-color:#e9573f;border-color:#e9573f}
.btn-bittersweet:hover,.btn-bittersweet:active,.btn-bittersweet:focus{color:#fff;background-color:#fc6e51;border-color:#fc6e51}
.btn-bittersweet:focus{box-shadow:0 0 0 .25rem #f4ab9f}
.btn-grapefruit,.btn-grapefruit.active,.btn-grapefruit.disabled,.btn-grapefruit:active,.btn-grapefruit[disabled]{color:#fff;background-color:#da4453;border-color:#da4453}
.btn-grapefruit:hover,.btn-grapefruit:active,.btn-grapefruit:focus{color:#fff;background-color:#ed5565;border-color:#ed5565}
.btn-grapefruit:focus{box-shadow:0 0 0 .25rem #eca1a9}
.btn-lavender,.btn-lavender.active,.btn-lavender.disabled,.btn-lavender:active,.btn-lavender[disabled]{color:#fff;background-color:#967adc;border-color:#967adc}
.btn-lavender:hover,.btn-lavender:active,.btn-lavender:focus{color:#fff;background-color:#ac92ec;border-color:#ac92ec}
.btn-lavender:focus{box-shadow:0 0 0 .25rem #cabced}
.btn-rose,.btn-rose.active,.btn-rose.disabled,.btn-rose:active,.btn-rose[disabled]{color:#fff;background-color:#d770ad;border-color:#d770ad}
.btn-rose:hover,.btn-rose:active,.btn-rose:focus{color:#fff;background-color:#ec87c0;border-color:#ec87c0}
.btn-rose:focus{box-shadow:0 0 0 .25rem #ebb7d6}
.btn-midgray,.btn-midgray.active,.btn-midgray.disabled,.btn-midgray:active,.btn-midgray[disabled]{color:#fff;background-color:#aab2bd;border-color:#aab2bd}
.btn-midgray:hover,.btn-midgray:active,.btn-midgray:focus{color:#fff;background-color:#ccd1d9;border-color:#ccd1d9}
.btn-midgray:focus{box-shadow:0 0 0 .25rem #d4d8de}
.btn-darkgray,.btn-darkgray.active,.btn-darkgray.disabled,.btn-darkgray:active,.btn-darkgray[disabled]{color:#fff;background-color:#434a54;border-color:#434a54}
.btn-darkgray:hover,.btn-darkgray:active,.btn-darkgray:focus{color:#fff;background-color:#656d78;border-color:#656d78}
.btn-darkgray:focus{box-shadow:0 0 0 .25rem #a1a4a9}

.table-jeans{background-color:#5d9cec}
.table-aqua{background-color:#4fc1e9}
.table-mint{background-color:#48cfad}
.table-bittersweet{background-color:#fc6e51}
.table-lavender{background-color:#ac92ec}
.table-rose{background-color:#ec87c0}