@charset "UTF-8";
.navbar-nav span, .main .tab-content .btn-icon a, .main .tab-content .btn-icon button, .navbar, .navbar-collapse .dropdown, .searchbar ul, .searchbar ul li ol li input[type="text"], .searchbar ul li ol li select, .main .tab-content, .main .table-wrapper.over .table.special tr td > ul li .custom-control-label::before, .main input[type="text"], .main select, .main .left > div, .main .left > div .title, .main .right .title, .main .right .form li .custom-control-label::before, .add-btn, .custom-control-label::before { border-style: solid; }

.main .tab-content.detail-list .text ul li, .main .left > div ul li, .main .right .form li, .admin-list li { border-style: dotted; }

.navbar, .navbar-collapse .dropdown .dropdown-menu, .searchbar ul li ol li button, .main .tab-content.detail-list .text ul li, .main .table-wrapper.over .table.no-footer, .main .left > div .title, .main .left > div ul li, .main .right .title, .main .right .form li, .admin-list li, .admin-list li:last-child { border-width: 0; }

.navbar-collapse .dropdown, .searchbar ul, .searchbar ul li ol li input[type="text"], .searchbar ul li ol li select, .main .tab-content, .main .table-wrapper.over .table.special tr td > ul li .custom-control-label::before, .main input[type="text"], .main select, .main .left > div, .main .right .form li .custom-control-label::before, .custom-control-label::before { border-width: 1px; }

.navbar-nav span { border-width: 2px; }

.main .tab-content .btn-icon a, .main .tab-content .btn-icon button, .add-btn { border-width: 3px; }

.navbar { border-top-width: 5px; }

.navbar-collapse .dropdown .dropdown-menu ul li:nth-child(1) > div:last-child p:last-child { border-radius: 3px; }

.search-m, .searchbar ul, .searchbar ul li ol li input[type="text"], .searchbar ul li ol li select, .searchbar ul li ol li button, .searchbar ul li ol li button:hover:before, .main .tab-content, .main .table-wrapper.over .table.curriculum tr td p span, .main input[type="text"], .main select, .main .left > div, .main .right .form li .form-control:not(:last-child), .add-btn, .form-control:not(:last-child) { border-radius: 5px; }

.navbar-nav span { width: 40px; height: 40px; border-radius: 100%; display: inline-block; text-align: center; }

.navbar-nav span i { font-size: 26px; line-height: 38px; }

.navbar-nav li:first-child span { border-color: #2c94ff; color: #2c94ff; }

.navbar-nav li:first-child.active > .nav-link, .navbar-nav li:first-child:hover > .nav-link { color: #2c94ff; }

.navbar-nav li:nth-child(2) span { border-color: #9662ba; color: #9662ba; }

.navbar-nav li:nth-child(2).active > .nav-link, .navbar-nav li:nth-child(2):hover > .nav-link { color: #9662ba; }

.navbar-nav li:nth-child(3) span { border-color: #f07878; color: #f07878; }

.navbar-nav li:nth-child(3).active > .nav-link, .navbar-nav li:nth-child(3):hover > .nav-link { color: #f07878; }

.navbar-nav li:nth-child(4) span { border-color: #fda32b; color: #fda32b; }

.navbar-nav li:nth-child(4).active > .nav-link, .navbar-nav li:nth-child(4):hover > .nav-link { color: #fda32b; }

.navbar-nav li:nth-child(5) span { border-color: #359c57; color: #359c57; }

.navbar-nav li:nth-child(5).active > .nav-link, .navbar-nav li:nth-child(5):hover > .nav-link { color: #359c57; }

.navbar-nav li:nth-child(6) span { border-color: #3f7686; color: #3f7686; }

.navbar-nav li:nth-child(6).active > .nav-link, .navbar-nav li:nth-child(6):hover > .nav-link { color: #3f7686; }

.navbar-nav li:nth-child(7) span { border-color: #73863f; color: #73863f; }

.navbar-nav li:nth-child(7).active > .nav-link, .navbar-nav li:nth-child(7):hover > .nav-link { color: #73863f; }

.navbar-nav p { display: block; width: 100%; text-align: center; margin: 0; padding: 5px 0 0 0; }

.head > div:last-child p, .head > div:last-child h1, .searchbar ul, .searchbar ul li, .searchbar ul li ol { width: 100%; display: block; }

.head > div:last-child p, .searchbar ul, .searchbar ul li, .searchbar ul li ol, .searchbar ul li ol li label, .searchbar ul li ol li input, .main .list-group-table, .main .tab-content.detail-list .text ul, .main .table-wrapper.over .table.curriculum tr td p, .main .table-wrapper.over .table.special tr td > ul, .main .left > div ul, .main .right .form, .modal-body.change ul { padding: 0; margin: 0; }

.main .tab-content .btn-icon a, .main .tab-content .btn-icon button { width: 60px; height: 60px; border-radius: 100%; display: inline-block; font-size: 14px; text-align: center; }

.main .tab-content .btn-icon a i, .main .tab-content .btn-icon button i { font-size: 20px; display: block; line-height: 20px; }

body { font-family: Arial, sans-serif, "Microsoft JhengHei", "Microsoft YaHei", "LiHei Pro Medium", "SimHei"; background: url(../img/bg.png) left top repeat #eee; }

a, input { text-decoration: none; -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; -moz-transition: 0.3s all; -ms-transition: 0.3s all; }

.navbar { padding: 0 3rem; border-color: #eee; background: #fff; }

@media (max-width: 1000px) { .navbar { padding: 0 1rem; } }

.navbar-nav { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media (max-width: 1379px) { .navbar-nav.col-md-10 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } }

@media (max-width: 1379px) { .navbar-nav li a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } }

@media (max-width: 1379px) { .navbar-nav li a p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 10px; line-height: 30px; } }

.navbar-nav li.active { background: #eee; }

.navbar-expand-md .navbar-nav .nav-link { padding: .5rem 1rem; }

.nav-item:last-child .nav-link { border-right: 1px solid #eee; }

@media (max-width: 1379px) { .nav-item:last-child .nav-link { border-right: 0; } }

.navbar-dark .navbar-nav .nav-link { color: #666; text-align: center; border-left: 1px solid #eee; }

@media (max-width: 1379px) { .navbar-dark .navbar-nav .nav-link { border-left: 0; } }

.navbar-collapse .dropdown { border-color: #ccc; border-radius: 50px; font-size: 14px; padding: 0 15px; line-height: 30px; }

@media (max-width: 1379px) { .navbar-collapse .dropdown { margin: 15px 15px 15px 0; } }

.navbar-collapse .dropdown > a { color: #444; display: block; text-decoration: none; }

@media (max-width: 1379px) { .navbar-collapse .dropdown > a { text-align: center; } }

.navbar-collapse .dropdown > a:hover { color: #aaa; }

.navbar-collapse .dropdown > a i:first-child { font-size: 22px; padding-right: 5px; }

.navbar-collapse .dropdown > a i:nth-child(2) { padding-left: 5px; }

.navbar-collapse .dropdown .dropdown-menu { left: auto; right: 0; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); margin: .5rem 0 0; padding: 0; min-width: 200px; background: rgba(255, 255, 255, 0.8); }

@media (max-width: 1379px) { .navbar-collapse .dropdown .dropdown-menu { width: 100%; } }

.navbar-collapse .dropdown .dropdown-menu ul { margin: 0; padding: 0; }

.navbar-collapse .dropdown .dropdown-menu ul li { padding: 0 15px; list-style: none; }

.navbar-collapse .dropdown .dropdown-menu ul li a { color: #444; display: block; }

.navbar-collapse .dropdown .dropdown-menu ul li a:hover { text-decoration: none; opacity: .6; }

.navbar-collapse .dropdown .dropdown-menu ul li a i { padding-right: 10px; }

.navbar-collapse .dropdown .dropdown-menu ul li:nth-child(1) { background: rgba(0, 0, 0, 0.4); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px; margin-bottom: 5px; border-radius: .25rem .25rem 0 0; }

.navbar-collapse .dropdown .dropdown-menu ul li:nth-child(1) > div:first-child { width: 50px; height: 50px; line-height: 50px; font-size: 45px; text-align: center; border-radius: 100%; color: #666; background: #fff; }

.navbar-collapse .dropdown .dropdown-menu ul li:nth-child(1) > div:last-child { padding-left: 10px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.navbar-collapse .dropdown .dropdown-menu ul li:nth-child(1) > div:last-child p { width: 100%; display: block; margin: 0; }

.navbar-collapse .dropdown .dropdown-menu ul li:nth-child(1) > div:last-child p:first-child { font-size: 18px; color: #fff; }

.navbar-collapse .dropdown .dropdown-menu ul li:nth-child(1) > div:last-child p:last-child { font-size: 12px; color: #fffac0; background: #444; line-height: 20px; text-align: center; }

.navbar-collapse .dropdown .dropdown-menu ul li:nth-child(2) a i { color: #e1371b; }

.navbar-collapse .dropdown .dropdown-menu ul li:nth-child(3) a i { color: #9662ba; }

.dropdown-menu ul { width: 100%; }

.dropdown-menu ul li { width: 100%; }

.navbar-dark .navbar-toggler { color: #666; font-size: 2rem; }

.head { position: relative; padding: 0 3rem 1rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }

@media (max-width: 1000px) { .head { padding: 0 1rem 1rem; } }

.head:after { background: #ddd; width: 100%; height: 30px; display: block; content: ""; position: absolute; top: 0; left: 0; }

.head > div { position: relative; z-index: 2; }

.head > div:first-child { width: 60px; height: 60px; border-radius: 100%; background: #ddd; text-align: center; line-height: 58px; font-size: 40px; color: #2c94ff; }

.head > div:last-child { -webkit-box-flex: 0; -ms-flex: 1; flex: 1; }

.head > div:last-child p { font-size: 12px; color: #888; padding-left: 5px; line-height: 30px; }

.head > div:last-child p a { color: #888; }

.head > div:last-child p a:hover { text-decoration: none; opacity: .6; }

.head > div:last-child p span { display: inline-block; color: #f07878; }

.head > div:last-child h1 { margin: 0; padding: 5px; font-size: 24px; line-height: 28px; color: #2c94ff; }

@media (max-width: 767px) { .head > div:last-child h1 { font-size: 20px; line-height: 24px; } }

.search-m { width: auto; display: inline-block; font-size: 16px; background: #2c94ff; color: #fff; padding: 5px 15px; margin: 0 1rem; }

.search-m:hover { opacity: .8; text-decoration: none; color: #fff; }

@media (min-width: 768px) { .search-m { display: none; } }

.searchbar { padding: 0 3rem 0 calc(3rem + 65px); }

@media (max-width: 1000px) { .searchbar { padding: 0 1rem; } }

@media (min-width: 768px) { .searchbar.collapse { display: block; } }

.searchbar ul { border-color: #ddd; border-left: 4px solid #2c94ff; background: rgba(0, 0, 0, 0.06); }

@media (max-width: 767px) { .searchbar ul { border-left: 1px solid #ddd; margin: 10px 0; } }

.searchbar ul li { list-style: none; }

.searchbar ul li ol { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

@media (max-width: 767px) { .searchbar ul li ol { display: block; } }

.searchbar ul li ol li { width: 20%; padding: 0 15px; display: -webkit-box; display: -ms-flexbox; display: flex; }

@media (max-width: 1280px) { .searchbar ul li ol li { padding: 0 10px; } }

@media (max-width: 1180px) { .searchbar ul li ol li { padding: 0 5px; } }

@media (max-width: 767px) { .searchbar ul li ol li { width: 100%; padding: 5px 0; } }

.searchbar ul li ol li.w40 { width: 40%; }

@media (max-width: 767px) { .searchbar ul li ol li.w40 { width: 100%; } }

.searchbar ul li ol li.w40 .input-group0 { width: 100%; }

@media (min-width: 768px) { .searchbar ul li ol li.w40 .input-group0 { display: -webkit-box; display: -ms-flexbox; display: flex; } }

.searchbar ul li ol li.w40 .input-group { width: 100%; }

@media (max-width: 767px) { .searchbar ul li ol li.w40 .input-group:last-child { padding-top: 10px; } }

.searchbar ul li ol li.w40 .input-group input[type="text"] { max-width: 70%; }

@media (max-width: 1280px) { .searchbar ul li ol li.w40 .input-group input[type="text"] { max-width: 60%; } }

@media (max-width: 860px) { .searchbar ul li ol li.w40 .input-group input[type="text"] { max-width: 50%; } }

@media (max-width: 767px) { .searchbar ul li ol li.w40 .input-group input[type="text"] { max-width: 85%; } }

@media (max-width: 500px) { .searchbar ul li ol li.w40 .input-group input[type="text"] { max-width: 80%; } }

@media (max-width: 400px) { .searchbar ul li ol li.w40 .input-group input[type="text"] { max-width: 75%; } }

@media (max-width: 350px) { .searchbar ul li ol li.w40 .input-group input[type="text"] { max-width: 70%; } }

.searchbar ul li ol li.w40 .input-group i { font-size: 20px; padding: 0 10px; }

.searchbar ul li ol li.w40 .input-group .form-control:not(:last-child) { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; }

.searchbar ul li ol li label { width: 120px; font-size: 16px; line-height: 30px; color: #666; }

@media (max-width: 1280px) { .searchbar ul li ol li label { font-size: 14px; } }

@media (max-width: 900px) { .searchbar ul li ol li label { font-size: 12px; } }

@media (max-width: 767px) { .searchbar ul li ol li label { font-size: 14px; } }

.searchbar ul li ol li input[type="text"], .searchbar ul li ol li select { width: 100%; font-size: 16px; border-color: #ccc; background: rgba(255, 255, 255, 0.7); color: #666; -moz-appearance: none; -webkit-appearance: none; appearance: none; padding: 0 5px; }

@media (max-width: 1280px) { .searchbar ul li ol li input[type="text"], .searchbar ul li ol li select { font-size: 14px; } }

@media (max-width: 900px) { .searchbar ul li ol li input[type="text"], .searchbar ul li ol li select { font-size: 12px; } }

@media (max-width: 767px) { .searchbar ul li ol li input[type="text"], .searchbar ul li ol li select { font-size: 14px; } }

.searchbar ul li ol li select { background-image: url(../img/arrow.png); background-position: right 10px center; background-repeat: no-repeat; padding-right: 30px; }

.searchbar ul li ol li button { -moz-appearance: none; -webkit-appearance: none; appearance: none; font-size: 16px; background: #2c94ff; color: #fff; position: relative; padding: 0 10px 0 35px; cursor: pointer; -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; -moz-transition: 0.3s all; -ms-transition: 0.3s all; }

@media (max-width: 1280px) { .searchbar ul li ol li button { font-size: 14px; } }

@media (max-width: 900px) { .searchbar ul li ol li button { font-size: 12px; } }

@media (max-width: 767px) { .searchbar ul li ol li button { height: 36px; font-size: 14px; padding: 0 10px 0 40px; margin-bottom: 10px; } }

.searchbar ul li ol li button:before { display: inline-block; content: "\f21f"; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 30px; height: 30px; line-height: 30px; font-size: 20px; position: absolute; border-radius: 10px 100% 100% 10px; top: 0; left: 0; background: #5bb4ff; -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; -moz-transition: 0.3s all; -ms-transition: 0.3s all; }

@media (max-width: 767px) { .searchbar ul li ol li button:before { width: 35px; height: 35px; line-height: 35px; } }

.searchbar ul li ol li button:hover { opacity: .8; }

.searchbar ul li ol li button:hover:before { width: 100%; }

.searchbar ul > li { padding: 10px 15px; border-top: 1px dotted #ccc; }

.searchbar ul > li:first-child { border-top: 0; }

@media (max-width: 767px) { .searchbar ul > li:last-child { padding-top: 0; } }

@media (max-width: 1280px) { .searchbar ul > li { padding: 10px 10px; } }

@media (max-width: 767px) { .searchbar ul > li { border-top: 0; padding-bottom: 0; } }

.main { padding: 3rem 1rem; position: relative; margin: 0; }

@media (min-width: 1000px) { .main { padding: 3rem 3rem 3rem calc(3rem + 65px); } }

.main .list-group-table { position: absolute; top: 28px; left: 0; width: 100%; padding-left: 65px; text-align: center; display: block; z-index: 4; }

@media (max-width: 1000px) { .main .list-group-table { padding-left: 0px; } }

.main .right .list-group-table { top: -20px; }

.main .list-group { padding: 0; margin: auto; width: 500px; display: block; }

@media (max-width: 550px) { .main .list-group { width: 100%; } }

.main .list-group li { list-style: none; display: inline-block; }

.main .list-group li:first-child a { border-radius: 5px 0 0 5px; }

.main .list-group li:first-child a.active { border-radius: 5px 0 0 5px; }

.main .list-group li:last-child a { border-radius: 0 5px 5px 0; border-right: 1px solid #2c94ff; }

.main .list-group li:last-child a.active { border-radius: 0 5px 5px 0; }

.main .list-group li:nth-child(2) { margin: 0 -4.5px; }

.main .list-group li:nth-child(3) { margin: 0 -4.5px 0 0; }

.main .list-group li:nth-child(5) { margin: 0 0 0 -4.5px; }

.main .list-group li a { display: inline-block; width: auto; color: #2c94ff; border-right: 0; border-radius: 0; border-color: #2c94ff; padding: .5rem 1.25rem; }

@media (max-width: 500px) { .main .list-group li a { font-size: 14px; padding: .5rem; } }

@media (max-width: 350px) { .main .list-group li a { font-size: 12px; } }

.main .list-group li a.active { background: #2c94ff; border-color: #2c94ff; color: #fff; }

.main .tab-pane { position: relative; }

.main .tab-content { border-color: #ddd; background: #fff; padding: 40px 20px; }

@media (min-width: 768px) { .main .tab-content { padding: 40px; } }

@media (min-width: 768px) { .main .tab-content.minheight { min-height: 350px; } }

@media (min-width: 1581px) { .main .tab-content.minheight { min-height: 550px; } }

.main .tab-content .btn-icon { width: 100%; text-align: center; padding-bottom: 20px; }

.main .tab-content .btn-icon.bottom { position: absolute; bottom: -90px; left: 0; }

.main .tab-content .btn-icon.bottom.a { bottom: -105px; }

.main .tab-content .btn-icon.bottom.p { bottom: -50px; }

.main .tab-content .btn-icon.top { position: absolute; top: -80px; left: 0; }

.main .tab-content .btn-icon.top.a { bottom: -105px; }

.main .tab-content .btn-icon a, .main .tab-content .btn-icon button { margin: 0 5px; padding-top: 5px; color: #fff; vertical-align: top; cursor: pointer; white-space: nowrap; }

.main .tab-content .btn-icon a:hover, .main .tab-content .btn-icon button:hover { text-decoration: none; opacity: .8; }

.main .tab-content .btn-icon a.r, .main .tab-content .btn-icon button.r { border-color: #f07d93; background: #e62449; }

.main .tab-content .btn-icon a.p, .main .tab-content .btn-icon button.p { border-color: #bb8ddc; background: #9662ba; }

.main .tab-content .btn-icon a.g, .main .tab-content .btn-icon button.g { border-color: #bcfec3; background: #14c625; }

.main .tab-content .btn-icon a.bk, .main .tab-content .btn-icon button.bk { border-color: #ccc; background: #aaa; }

.main .tab-content .btn-icon a.b, .main .tab-content .btn-icon button.b { border-color: #5bb4ff; background: #2c94ff; }

.main .tab-content .btn-icon a.b i, .main .tab-content .btn-icon button.b i { position: relative; }

.main .tab-content .btn-icon a.b i:after, .main .tab-content .btn-icon button.b i:after { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f10c"; position: absolute; top: 1px; left: 40%; font-size: 12px; width: 10px; background: #2c94ff; }

.main .tab-content .btn-icon a.y, .main .tab-content .btn-icon button.y { border-color: #fcc884; background: #fda32b; }

.main .tab-content .btn-icon button.o { background: #e7a53e; border-color: #f6d39d; color: #fff; position: relative; padding: 0 25px 0 65px; cursor: pointer; width: auto; border-radius: 50px; }

@media (max-width: 767px) { .main .tab-content .btn-icon button.o { padding: 0 10px 0 65px; } }

.main .tab-content .btn-icon button.o:before { display: inline-block; content: "\f220"; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 55px; height: 100%; line-height: 50px; font-size: 26px; position: absolute; border-radius: 100%; top: 0; left: 0; background: #da901d; }

.main .tab-content.detail-list { padding: 0 0 40px; }

@media (min-width: 768px) { .main .tab-content.detail-list { padding: 0 0 40px; } }

.main .tab-content.detail-list .btn-icon.bottom { bottom: -49px; }

.main .tab-content.detail-list .text { padding: 20px 20px 30px; border-bottom: 1px solid #ddd; }

.main .tab-content.detail-list .text textarea { width: 100%; height: 100px; padding: 15px; background: none; }

.main .tab-content.detail-list .text ul { margin-left: 20px; }

.main .tab-content.detail-list .text ul li { width: 100%; padding: 10px 0; border-bottom-width: 1px; border-bottom-color: #bbb; }

.main .tab-content.detail-list .text ul li input { width: 30%; margin: 0 10px; }

@media (max-width: 500px) { .main .tab-content.detail-list .text ul li input { width: 50%; } }

.main .tab-content.detail-list .text ul li:last-child { border: 0; }

.main .tab-content.detail { position: relative; margin: 0 0 40px; }

.main .tab-content.detail .btn-icon.top { top: -32px; }

.main .tab-content.detail-p { position: relative; margin: 60px 0 40px; }

.main .tab-content.detail-p .btn-icon.top { top: -32px; }

.main .tab-content.detail-p .table-wrapper.over .table thead th { border-top-color: #bb8ddc; border-bottom-color: #bb8ddc; border-left-color: rgba(187, 141, 220, 0.4); background: rgba(173, 87, 233, 0.1); color: #8c51b6; }

.main .tab-content.detail-p .table-wrapper.over .table tbody td { border-bottom-color: rgba(187, 141, 220, 0.4); border-left-color: rgba(187, 141, 220, 0.4); }

.main .tab-content.detail-p .table-wrapper.over .table tr:hover { background: rgba(187, 141, 220, 0.2); }

.main .tab-content.detail-p .table-wrapper.over .table tr:nth-child(even) { background: rgba(173, 87, 233, 0.1); }

.main .tab-content.detail-p .table-wrapper.over .table tr:nth-child(even):hover { background: rgba(187, 141, 220, 0.2); }

@media (max-width: 1280px) { .main .table-wrapper.over { overflow-x: auto; padding-bottom: 40px; } }

.main .table-wrapper.over .table { width: 1000px !important; max-width: 1000px; font-size: 14px; }

@media (min-width: 1280px) { .main .table-wrapper.over .table { width: 100% !important; max-width: 100%; font-size: 16px; } }

.main .table-wrapper.over .table thead th { border-top: 3px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ddd; background: #eee; padding: 5px; white-space: nowrap; }

.main .table-wrapper.over .table thead th:first-child { border-left: 0; }

.main .table-wrapper.over .table tbody td { border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-top: 0; padding-left: 5px; padding-right: 5px; font-size: 14px; vertical-align: middle; }

@media (min-width: 1000px) { .main .table-wrapper.over .table tbody td { font-size: 16px; } }

.main .table-wrapper.over .table tbody td i { font-size: 24px; }

.main .table-wrapper.over .table tbody td a { color: #e1371b; text-decoration: underline; padding-left: 5px; padding-right: 5px; }

.main .table-wrapper.over .table tbody td a:hover { opacity: .6; }

.main .table-wrapper.over .table tbody tr td:first-child { border-left: 0; }

.main .table-wrapper.over .table tbody tr:hover { background: rgba(238, 238, 238, 0.6); }

.main .table-wrapper.over .table tbody tr.even, .main .table-wrapper.over .table tbody tr:nth-child(even) { background: #eee; }

.main .table-wrapper.over .table tbody tr.even:hover, .main .table-wrapper.over .table tbody tr:nth-child(even):hover { background: rgba(238, 238, 238, 0.6); }

.main .table-wrapper.over .table.curriculum th, .main .table-wrapper.over .table.curriculum tr td { text-align: center; width: 11.5%; }

.main .table-wrapper.over .table.curriculum th:first-child, .main .table-wrapper.over .table.curriculum tr td:first-child { width: 8%; background: #eee; }

.main .table-wrapper.over .table.curriculum th { white-space: nowrap; }

.main .table-wrapper.over .table.curriculum tr:nth-child(even) { background: none; }

.main .table-wrapper.over .table.curriculum tr td:nth-child(2) { background: #f9f9e3; }

.main .table-wrapper.over .table.curriculum tr td p { width: 100%; display: block; font-size: 14px; line-height: 20px; }

.main .table-wrapper.over .table.curriculum tr td p span { padding: 0 10px; line-height: 24px; display: inline-block; }

.main .table-wrapper.over .table.records th, .main .table-wrapper.over .table.records tr td { text-align: center; }

.main .table-wrapper.over .table.score th { text-align: center; white-space: nowrap; }

.main .table-wrapper.over .table.score tr td { text-align: center; }

.main .table-wrapper.over .table.score tr td:first-child { text-align: left; width: 30%; }

.main .table-wrapper.over .table.score tr td:first-child div { width: 100%; }

.main .table-wrapper.over .table.score tr td:first-child div:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; margin: -8px 0 0 -5px; }

.main .table-wrapper.over .table.score tr td:first-child div:last-child { font-size: 16px; padding-top: 5px; }

.main .table-wrapper.over .table.score tr td:first-child p { margin: 0; text-align: center; font-size: 12px; padding: 0 25px; color: #f9f9e3; }

.main .table-wrapper.over .table.score tr td:first-child p:first-child { background: #359c57; }

.main .table-wrapper.over .table.score tr td:first-child p:last-child { background: rgba(44, 148, 255, 0.7); }

.main .table-wrapper.over .table.info i { font-size: 20px; }

.main .table-wrapper.over .table.info i.ion-android-checkbox-outline-blank { position: relative; }

.main .table-wrapper.over .table.info i.ion-android-checkbox-outline-blank:after { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: 600; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 8px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f2f4"; font-size: 14px; position: absolute; right: -1px; top: 38%; background: #fff; width: auto; height: 8px; }

.main .table-wrapper.over .table.info tbody tr:nth-child(even) i.ion-android-checkbox-outline-blank:after { background: #eee; }

.main .table-wrapper.over .table.isp i.ion-android-checkbox-outline-blank { position: relative; }

.main .table-wrapper.over .table.isp i.ion-android-checkbox-outline-blank:after { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: 600; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 12px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f2c7"; font-size: 14px; position: absolute; right: -3px; top: 38%; background: #fff; width: auto; height: 12px; }

.main .table-wrapper.over .table.isp tbody tr:nth-child(even) i.ion-android-checkbox-outline-blank:after { background: #eee; }

.main .table-wrapper.over .table.special tr td { padding: 0; width: 40%; }

.main .table-wrapper.over .table.special tr td:first-child { text-align: center; padding: 5px; width: 20%; }

.main .table-wrapper.over .table.special tr td .h5 { color: #4a2962; min-height: 35px; margin: 0; padding: 5px; background: rgba(150, 98, 186, 0.2); }

@media (min-width: 767px) { .main .table-wrapper.over .table.special tr td > span { display: none; } }

.main .table-wrapper.over .table.special tr td > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.main .table-wrapper.over .table.special tr td > ul li { list-style: none; padding: 5px 10px; border-bottom: 1px dotted #ddd; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 40px; }

.main .table-wrapper.over .table.special tr td > ul li input[type="text"] { width: auto; }

@media (max-width: 850px) { .main .table-wrapper.over .table.special tr td > ul li input[type="text"] { width: 60%; } }

.main .table-wrapper.over .table.special tr td > ul li .custom-control-label::before { background-color: #fff; border-color: #888; }

.main .table-wrapper.over .table.special tr td > ul li .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #888; }

.main .table-wrapper.over .table.special tr td > ul li .custom-radio .custom-control-input:checked ~ .custom-control-label::before { background-color: #888; }

.main .table-wrapper.over .table.special tr td > ul li:last-child { border: 0; }

.main .table-wrapper.over .dataTables_info { font-size: 12px; }

@media (min-width: 900px) { .main .table-wrapper.over .dataTables_info { font-size: 14px; } }

@media screen and (max-width: 1280px) { .main .table-wrapper.over .dataTables_info { text-align: left; float: none; } }

.main .table-wrapper.over .dataTables_wrapper .dataTables_paginate { padding-top: 0.5em; }

@media screen and (max-width: 1280px) { .main .table-wrapper.over .dataTables_wrapper .dataTables_paginate { text-align: left; float: none; } }

.main .table-wrapper.over .dataTables_wrapper .dataTables_paginate .paginate_button { font-size: 12px; padding: 0 0.5em; }

@media (min-width: 900px) { .main .table-wrapper.over .dataTables_wrapper .dataTables_paginate .paginate_button { font-size: 14px; } }

.main .table-wrapper.over .dataTables_wrapper .dataTables_paginate .paginate_button.current { color: #fff !important; border: 0; background: #ccc; }

@media (max-width: 1280px) { .main .table-wrapper.over.p { overflow: hidden; padding-bottom: 0; } }

.main .table-wrapper.over.p .table.special { width: 100% !important; max-width: 100%; }

@media (max-width: 767px) { .main .table-wrapper.over.p .table.special th { display: none; }
  .main .table-wrapper.over.p .table.special tr:first-child td:first-child { border-top: 1px solid rgba(187, 141, 220, 0.4); border-left: 1px solid rgba(187, 141, 220, 0.4); }
  .main .table-wrapper.over.p .table.special tr td:first-child { border-left: 1px solid rgba(187, 141, 220, 0.4); font-size: 18px; }
  .main .table-wrapper.over.p .table.special tr td { display: block; width: 100%; border-right: 1px solid rgba(187, 141, 220, 0.4); }
  .main .table-wrapper.over.p .table.special tr td:first-child { text-align: left; }
  .main .table-wrapper.over.p .table.special tr td li input[type="text"] { width: 80%; }
  .main .table-wrapper.over.p .table.special .mobile-no { display: none; } }

.main table.dataTable thead .sorting_asc { background-image: none; cursor: default; }

.main input[type="text"], .main select { width: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 14px; border-color: #aaa; background: rgba(255, 255, 255, 0.7); color: #666; -moz-appearance: none; -webkit-appearance: none; appearance: none; padding: 0 5px; min-height: 30px; }

@media (min-width: 767px) { .main input[type="text"], .main select { font-size: 16px; } }

.main select { background-image: url(../img/arrow.png); background-position: right 5px center; background-repeat: no-repeat; padding-right: 20px; }

.main .left { padding-left: 0; }

@media (max-width: 1379px) { .main .left { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 50px; padding-right: 0; } }

.main .left > div { border-color: #ddd; background: #fff; }

.main .left > div .title { border-bottom-width: 1px; border-bottom-color: #2c94ff; padding: 0 5px 10px; line-height: 25px; color: #2c94ff; font-size: 20px; }

.main .left > div .title i { font-size: 34px; color: #fff; position: relative; z-index: 1; text-align: center; margin-left: 15px; margin-right: 10px; }

.main .left > div .title i:after { display: block; content: ""; background: #2c94ff; position: absolute; top: 0; left: 0; width: 50px; height: 52px; }

.main .left > div .title i:before { z-index: 2; position: relative; text-align: center; width: 50px; }

.main .left > div ul { width: 100%; padding: 15px; }

@media (min-width: 768px) { .main .left > div ul { padding: 20px; } }

@media (max-width: 1379px) { .main .left > div ul:after { clear: both; font-size: 0; content: ""; display: block; } }

.main .left > div ul li { list-style: none; width: 100%; margin: 0; padding: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom-width: 1px; border-color: #ddd; }

.main .left > div ul li:last-child { border: 0; }

@media (max-width: 1379px) { .main .left > div ul li { width: 50%; float: left; padding-right: 20px; }
  .main .left > div ul li:nth-child(7) { border: 0; }
  .main .left > div ul li:after { clear: both; font-size: 0; content: ""; display: block; } }

@media (max-width: 767px) { .main .left > div ul li { width: 100%; }
  .main .left > div ul li:nth-child(7) { border-bottom: 1px dotted; border-color: #ddd; } }

.main .left > div ul li span { color: #2c94ff; width: 100px; font-size: 14px; }

@media (min-width: 767px) { .main .left > div ul li span { font-size: 16px; } }

.main .left > div ul li .btn-dark { margin-left: 5px; font-size: 14px; }

.main .left > div ul li.select select { margin: 0 5px; }

.main .left > div ul li.select select:nth-child(2) { margin-left: 0; }

.main .right { position: relative; padding-right: 0; }

@media (max-width: 1379px) { .main .right { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left: 0; } }

@media (min-width: 420px) { .main .right:before { content: " "; width: 0px; height: 0px; border-right: 35px solid transparent; border-bottom: 35px solid #eee; position: absolute; right: 0; top: 0; z-index: 2; }
  .main .right:after { content: " "; width: 35px; height: 35px; background: url(../img/bg.png) #eee; position: absolute; right: 0; top: 0; } }

.main .right .title { padding: 5px; line-height: 25px; color: #2c94ff; font-size: 20px; }

.main .right .title i { font-size: 32px; color: #fff; position: relative; z-index: 1; text-align: center; margin-left: 15px; margin-right: 10px; }

.main .right .title i:after { display: block; content: ""; background: #2c94ff; position: absolute; top: -5px; left: 0; width: 50px; height: 46px; }

.main .right .title i:before { z-index: 2; position: relative; text-align: center; width: 50px; }

@media (max-width: 1000px) { .main .right .form .col-md-4, .main .right .form .col-md-5, .main .right .form .col-md-6, .main .right .form .col-md-7, .main .right .form .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 5px 0; }
  .main .right .form .row.bg-e { padding: 5px 10px; }
  .main .right .form .bg-e .col-md-4, .main .right .form .bg-e .col-md-5, .main .right .form .bg-e .col-md-6, .main .right .form .bg-e .col-md-7, .main .right .form .bg-e .col-md-8 { padding: 5px 15px; } }

.main .right .form .fileupload-buttonbar span { color: #fff; }

.main .right .form .fileupload-buttonbar > span { padding: .375rem .75rem; margin-right: 10px; }

@media (min-width: 1001px) { .main .right .form .fileupload-buttonbar { width: 550px; } }

.main .right .form .name, .main .right .form .size { font-size: 14px; }

.main .right .form .start span, .main .right .form .cancel span { color: #fff; }

.main .right .form .files tr td:first-child { display: none; }

@media (min-width: 501px) { .main .right .form .files tr td:nth-child(2) { width: 40%; } }

.main .right .form .files td p { margin: 0; }

@media (max-width: 500px) { .main .right .form .files td { display: block; } }

@media (max-width: 767px) { .main .right .form .files .name { width: auto; } }

.main .right .form .files .btn-warning i { color: #fff; }

.main .right .form .files .progress { background-color: #ccc; }

.main .right .form li { list-style: none; width: 100%; margin: 0; padding: 10px 0; border-bottom-width: 1px; border-color: #ddd; }

.main .right .form li:last-child { border: 0; }

.main .right .form li > div { padding-top: 10px; padding-bottom: 10px; padding-left: 0; }

.main .right .form li > div.custom-checkbox { padding-left: 20px; }

.main .right .form li span { color: #2c94ff; font-size: 16px; padding: 0 0 10px 0; }

.main .right .form li span.input-group-addon { font-size: 18px; padding: 0 20px 0 10px; }

@media (max-width: 1000px) { .main .right .form li span.input-group-addon { display: none; } }

.main .right .form li span.input-group-addon i { color: #666; }

.main .right .form li div { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; }

@media (max-width: 1000px) { .main .right .form li div { display: block; } }

.main .right .form li div.row > div:first-child { padding-left: 0; }

.main .right .form li div.row.bg-e > div:first-child { padding-left: 15px; }

.main .right .form li div.col-md-8 .custom-checkbox label { width: 80px; }

.main .right .form li label { width: 120px; white-space: nowrap; margin: 0; line-height: 30px; font-size: 16px; }

.main .right .form li label.no { width: 200px; }

.main .right .form li label.no::before { top: 1rem; }

.main .right .form li label.no::after { top: 1rem; }

.main .right .form li label.no1 { width: auto; }

.main .right .form li label.no.mt { margin-top: 10px; }

.main .right .form li .custom-control-label::before { top: .32rem; background-color: #fff; border-color: #888; }

.main .right .form li .custom-control-label::after { top: .32rem; }

.main .right .form li .custom-control-label.top::before { top: .62rem; }

.main .right .form li .custom-control-label.top::after { top: .62rem; }

.main .right .form li .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, .main .right .form li .custom-radio .custom-control-input:checked ~ .custom-control-label::before { background-color: #888; }

.main .right .form li .input-group { width: auto; }

.main .right .form li .custom-file { width: 30%; }

@media (max-width: 1000px) { .main .right .form li .custom-file { width: 100%; } }

.main .right .form li .custom-file-input { font-size: 14px; height: calc(2rem + 2px); }

.main .right .form li .custom-file-label { height: calc(2rem + 2px); border-color: #aaa; }

.main .right .form li .custom-file-label::after { content: "檔案上傳"; background: #000; color: #fff; font-size: 14px; height: calc(calc(2rem + 2px) - 1px * 2); }

.main .right .form li .input-group > .custom-file:not(:last-child) .custom-file-label { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; }

.main .right .form.p .custom-file { width: 70%; }

@media (max-width: 1000px) { .main .right .form.p .custom-file { width: 100%; } }

.main .right .form.p li span { color: #9662ba; padding: 0 5px; }

.main .right .form.p li label span { padding: 0; }

.main .right .form.p li textarea { width: 100%; height: 100px; }

.main .right .form.p li .padd { margin-left: 10px; }

@media (max-width: 1000px) { .main .right .form.p li .padd { margin-left: 0; margin-top: 10px; } }

.main .right .form.p li #fileupload { padding-left: 10px; }

.main .right .form.p li .fileupload-buttonbar span { color: #fff; }

.main .right .form.p li .fileupload-buttonbar > span { padding: .375rem .75rem; margin-right: 10px; }

@media (min-width: 1001px) { .main .right .form.p li .fileupload-buttonbar { width: 550px; } }

.main .right .form.p li .name, .main .right .form.p li .size { font-size: 14px; }

.main .right .form.p li .start span, .main .right .form.p li .cancel span { color: #fff; }

.main .right .form.detail li { line-height: 30px; }

.main .right .form.detail li > div { padding: 0; }

.main .right .form.detail li > div.bg-e { padding: 5px 0; margin: 5px 0; }

.main .right .form.detail label { width: auto; }

.list01 .head > div:last-child h1, .list01 .head > div:first-child { color: #8c51b6; }

.list01 .search-m { background: #9662ba; }

.list01 .searchbar ul { border-left-color: #ad57e9; }

.list01 .searchbar ul li ol li button { background: #9662ba; }

.list01 .searchbar ul li ol li button:before { background: #bb8ddc; }

@media (max-width: 767px) { .list01 .searchbar ul { border-left: 1px solid #ddd; } }

.list01 .main .left > div .title, .list01 .main .right > div .title { border-bottom-color: #9662ba; color: #9662ba; }

.list01 .main .left > div .title i:after, .list01 .main .right > div .title i:after { background: #9662ba; }

.list01 .main .left > div ul li span { color: #9662ba; }

.list02 .head > div:last-child h1, .list02 .head > div:first-child { color: #e74d4d; }

.list02 .search-m { background: #e62449; }

.list02 .searchbar ul { border-left-color: #f07d93; }

.list02 .searchbar ul li ol li button { background: #e62449; }

.list02 .searchbar ul li ol li button:before { background: #f07878; }

@media (max-width: 767px) { .list02 .searchbar ul { border-left: 1px solid #ddd; } }

.list02 .main .tab-content { padding-top: 50px; }

.align-center { text-align: center; }

.space-nowrap { white-space: nowrap; }

.bg-e { background: #eee; }

.modal .custom-file-input { font-size: 14px; height: calc(2rem + 2px); }

.modal .custom-file-label { height: calc(2rem + 2px); }

.modal .custom-file-label::after { content: "檔案上傳"; background: #000; color: #fff; font-size: 14px; height: calc(calc(2rem + 2px) - 1px * 2); }

.modal .input-group > .custom-file:not(:last-child) .custom-file-label { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; }

.modal .input-btn { padding-right: 5px; }

.modal .input-btn input { font-size: 14px; color: #fff; height: calc(2rem + 2px); }

.modal .input-btn input:hover { color: #fff; }

.modal .modal-body button.close { padding-bottom: 10px; position: relative; z-index: 999; }

footer { text-align: center; font-size: 12px; color: #aaa; padding: 20px 0; }

.add-btn { border-color: #f07d93; background: #e62449; color: #fff; padding: 5px 10px; margin-left: 10px; display: inline-block; }

@media (max-width: 767px) { .add-btn { font-size: 14px; } }

@media (max-width: 360px) { .add-btn { margin-left: 0; margin-top: 10px; width: 100%; } }

.add-btn i { padding-right: 10px; }

.add-btn:hover { text-decoration: none; color: #fff; opacity: .8; }

@media (max-width: 1000px) { .dataTables_wrapper { width: 1000px; } }

.col-md-12.row-no { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.w100 { width: 100%; }

input[type="text"].w-sm { width: 60px !important; }

.record { margin: 40px -20px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }

@media (min-width: 768px) { .record { margin: 40px -40px 0; } }

.record .text { padding: 20px 20px 30px; }

.record .text textarea { width: 100%; height: 100px; padding: 15px; background: none; }

.modal-body.change ul li { list-style: none; font-size: 16px; padding: 5px 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; }

.modal-body.change ul li label { width: 120px; text-align: left; margin: 0; font-size: 14px; white-space: nowrap; padding-right: 5px; }

@media (min-width: 768px) { .modal-body.change ul li label { width: 150px; font-size: 16px; } }

.modal-body.change ul li input { border-radius: 5px; border: 1px solid #bbb; width: 80%; }

.modal-body.change ul li:last-child { padding-top: 15px; text-align: center; display: block; }

.modal-body.change ul li:last-child input { border: 0; font-size: 16px; padding: 5px 15px; margin: 0 5px; width: auto; }

.input-group form { width: 100%; }

.input-group .fileupload-buttonbar span { color: #fff; font-size: 14px; }

.input-group .fileupload-buttonbar > span { padding: .375rem .75rem; height: calc(2rem + 2px); }

.input-group .fileupload-buttonbar button { height: calc(2rem + 2px); }

.input-group .name, .input-group .size { font-size: 14px; }

.input-group .start span, .input-group .cancel span { color: #fff; }

.input-group .files tr td:first-child { display: none; }

@media (min-width: 501px) { .input-group .files tr td:nth-child(2) { width: 40%; } }

.input-group .files td p { margin: 0; }

@media (max-width: 500px) { .input-group .files td { display: block; } }

@media (max-width: 767px) { .input-group .files .name { width: auto; } }

.input-group .files .btn-warning i { color: #fff; }

.input-group .files .progress { background-color: #ccc; }

@media (min-width: 1380px) { .navbar { position: relative; }
  .navbar-dark .navbar-brand { position: absolute; z-index: 10; top: 10px; left: 1rem; }
  .navbar-expand-md .navbar-collapse { position: relative; padding-left: 45px; }
  .navbar-collapse .dropdown { position: absolute; top: 25px; right: 0; z-index: 10; }
  .navbar-expand-md .navbar-nav { width: 100%; }
  .navbar-expand-md .navbar-nav.col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0; padding: 0; }
  .navbar-expand-md .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; }
  .navbar-expand-md .navbar-toggler { display: none; }
  .navbar-expand-md { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; }
  .navbar-expand-md .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }

@media (min-width: 1000px) { .navbar-dark .navbar-brand { left: 3rem; }
  .navbar-expand-md .navbar-collapse { padding-left: 0; } }

.col-md-12.i i { font-size: 32px; }

.fileupload-buttonbar span { color: #fff; }

.fileupload-buttonbar > span { padding: .375rem .75rem; margin-right: 10px; }

@media (min-width: 1001px) { .fileupload-buttonbar { width: 550px; } }

.custom-control-label::before { top: .32rem; background-color: #fff; border-color: #888; }

.custom-control-label::after { top: .32rem; }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, .custom-radio .custom-control-input:checked ~ .custom-control-label::before { background-color: #888; }

.input-group { width: auto; }

.custom-file { width: 30%; }

@media (max-width: 1000px) { .custom-file { width: 100%; } }

.custom-file-input { font-size: 14px; height: calc(2rem + 2px); }

.custom-file-label { height: calc(2rem + 2px); border-color: #aaa; }

.custom-file-label::after { content: "檔案上傳"; background: #000; color: #fff; font-size: 14px; height: calc(calc(2rem + 2px) - 1px * 2); }

.input-group > .custom-file:not(:last-child) .custom-file-label { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; }

td.checkbox .custom-control { width: 20px; margin: auto; padding: 0; }

.main .right .form li > div.custom-control { padding: 0 0 0 1.5rem; }

.toggle-wrapper { width: 60px; position: relative; }

.main .right .form li div.toggle-wrapper { display: inline-block; margin-right: 5px; }

.main .right .form li div.toggle-wrapper div { display: block; }

.modal-title button.close { padding-bottom: 10px; z-index: 99; position: absolute; top: 15px; right: 15px; }

.modal-title { padding: 10px; background-color: rgba(91, 180, 255, 0.2); }

.modal-title h4 { margin: 0; }

@media (max-width: 500px) { .modal.fade.admin .modal-body.change ul li { -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.modal.fade.admin .modal-body.change ul li label { width: 100px; }

@media (max-width: 500px) { .modal.fade.admin .modal-body.change ul li label { width: 100%; } }

.modal.fade.admin .modal-body.change ul li input { width: 70%; }

@media (max-width: 500px) { .modal.fade.admin .modal-body.change ul li input { width: 100%; margin-top: 5px; } }

.modal.fade.admin .modal-body.change ul li p { font-size: 14px; padding-left: 100px; padding-top: 5px; width: 100%; }

@media (max-width: 500px) { .modal.fade.admin .modal-body.change ul li p { padding-left: 0; } }

.w-auto { width: auto !important; }

.fileupload-processing table { margin: 0; }

.admin-list { list-style: none; margin: 0; padding: 0; }

.admin-list li { padding: 10px 0; border-bottom-width: 1px; border-color: #ddd; }

.admin-list li span { width: 120px; display: inline-block; }

@media (max-width: 369px) { .admin-list li span { display: block; } }

.admin-list li a { margin-right: 10px; display: inline-block; }

@media (max-width: 369px) { .admin-list li a { width: 100%; margin-top: 10px; } }

.no-people { list-style: none; margin: 0; padding: 0 0 10px; display: -webkit-box; display: -ms-flexbox; display: flex; }

@media (max-width: 1000px) { .no-people { -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.no-people li { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }

@media (max-width: 1000px) { .no-people li { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } }

.no-people li i { display: inline-block; font-size: 22px; padding-right: 5px; }

.bd-callout { padding: 1.25rem; margin-top: 1.25rem; margin-bottom: 1.25rem; border: 1px solid #eee; border-left-width: .25rem; border-radius: .25rem; }

.bd-callout-p { border-left-color: #ad57e9; }

.bg-callout-p { background-color: rgba(173, 87, 233, 0.1); }

.custom-control-label { line-height: 30px; }

@media (max-width: 1580px) { .form-control.width { width: 130px !important; } }

@media (max-width: 1179px) { .form-control.width { width: 100px !important; } }

@media (max-width: 1087px) { .form-control.width { width: 70px !important; } }

@media (max-width: 1000px) { .form-control.width { width: 100% !important; } }

.uiswitch { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 31px; width: 51px; position: relative; border-radius: 16px; cursor: pointer; outline: 0; z-index: 0; margin: 0; padding: 0; border: none; background-color: #e5e5e5; -webkit-transition-duration: 600ms; -moz-transition-duration: 600ms; -o-transition-duration: 600ms; transition-duration: 600ms; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-touch-callout: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; }

.uiswitch::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 27px; width: 47px; content: ' '; position: absolute; left: 2px; top: 2px; background-color: #ffffff; border-radius: 16px; z-index: 1; -webkit-transition-duration: 300ms; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; transition-duration: 300ms; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.uiswitch::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 27px; width: 27px; content: ' '; position: absolute; border-radius: 27px; background: #ffffff; z-index: 2; top: 2px; left: 2px; -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.25), 0px 4px 11px 0px rgba(0, 0, 0, 0.08), -1px 3px 3px 0px rgba(0, 0, 0, 0.14); box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.25), 0px 4px 11px 0px rgba(0, 0, 0, 0.08), -1px 3px 3px 0px rgba(0, 0, 0, 0.14); -webkit-transition: -webkit-transform 300ms, width 280ms; -moz-transition: -moz-transform 300ms, width 280ms; -webkit-transition: width 280ms, -webkit-transform 300ms; transition: width 280ms, -webkit-transform 300ms; -o-transition: transform 300ms, width 280ms; transition: transform 300ms, width 280ms; transition: transform 300ms, width 280ms, -webkit-transform 300ms; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-timing-function: cubic-bezier(0.42, 0.8, 0.58, 1.2); -moz-transition-timing-function: cubic-bezier(0.42, 0.8, 0.58, 1.2); -o-transition-timing-function: cubic-bezier(0.42, 0.8, 0.58, 1.2); transition-timing-function: cubic-bezier(0.42, 0.8, 0.58, 1.2); }

.uiswitch:checked { background-color: #4CD964; background-image: -webkit-linear-gradient(-90deg, #4CD964 0%, #4dd865 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#4CD964), to(#4dd865)); background-image: -webkit-linear-gradient(top, #4CD964 0%, #4dd865 100%); background-image: -o-linear-gradient(top, #4CD964 0%, #4dd865 100%); background-image: linear-gradient(-180deg, #4CD964 0%, #4dd865 100%); }

.uiswitch:checked::after { -webkit-transform: translate3d(16px, 0, 0); -moz-transform: translate3d(16px, 0, 0); -ms-transform: translate3d(16px, 0, 0); -o-transform: translate3d(16px, 0, 0); transform: translate3d(16px, 0, 0); right: 18px; left: inherit; }

.uiswitch:active::after { width: 35px; }

.uiswitch:checked::before, .uiswitch:active::before { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }

.uiswitch:disabled { opacity: 0.5; cursor: default; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }

.uiswitch:disabled:active::before, .uiswitch:disabled:active::after, .uiswitch:disabled:checked:active::before, .uiswitch:disabled:checked::before { width: 27px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }

.uiswitch:disabled:active::before { height: 27px; width: 41px; -webkit-transform: translate3d(6px, 0, 0); -moz-transform: translate3d(6px, 0, 0); -ms-transform: translate3d(6px, 0, 0); -o-transform: translate3d(6px, 0, 0); transform: translate3d(6px, 0, 0); }

.uiswitch:disabled:checked:active::before { height: 27px; width: 27px; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }

.uiswitch { background-color: #e5e5e5; }

.uiswitch::before { background-color: #ffffff; }

.uiswitch::after { background: #ffffff; }

.uiswitch:checked { background-color: #4CD964; background-image: -webkit-linear-gradient(-90deg, #4CD964 0%, #4dd865 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#4CD964), to(#4dd865)); background-image: -webkit-linear-gradient(top, #4CD964 0%, #4dd865 100%); background-image: -o-linear-gradient(top, #4CD964 0%, #4dd865 100%); background-image: linear-gradient(-180deg, #4CD964 0%, #4dd865 100%); }

.fields__item { display: inline-block; margin-right: 1.875em; text-align: center; }

.custom::before { background-color: #f7f2e5; }

.custom::after { background: #fff3a6; }

.custom:checked { background-color: #ffca3f; background-image: -webkit-linear-gradient(-90deg, #ffca3f 0%, #feca40 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#ffca3f), to(#feca40)); background-image: -webkit-linear-gradient(top, #ffca3f 0%, #feca40 100%); background-image: -o-linear-gradient(top, #ffca3f 0%, #feca40 100%); background-image: linear-gradient(-180deg, #ffca3f 0%, #feca40 100%); }

.my-switch { border-radius: 4px; }

.my-switch::before { border-radius: 2px; }

.my-switch::after { border-radius: 1px; }

.my-switch:checked { background: hotpink; }

.my-switch:checked::after { background-color: #333; }