9 font-family: "Microsoft yahei", Segoe UI, Arial !important;
14 background-color: transparent;
23 .container-fluid:after,
25 .form-horizontal .form-group:after,
27 .btn-group-vertical > .btn-group:after,
31 .navbar-collapse:after,
41 .container-fluid:before,
42 .container-fluid:after,
45 .form-horizontal .form-group:before,
46 .form-horizontal .form-group:after,
49 .btn-group-vertical > .btn-group:before,
50 .btn-group-vertical > .btn-group:after,
55 .navbar-header:before,
57 .navbar-collapse:before,
58 .navbar-collapse:after,
77 text-decoration: none ;
82 text-decoration: underline;
85 border: 1px solid #ddd;
94 background-color: #ff5b55;
98 background-color: #f55651;
102 background-color: #5fcc4a;
106 background-color: #329d96;
110 background-color: #c0af69;
114 background-color: #ad9a4d;
118 background-color: transparent;
123 background-color: #f8f8f8;
125 .over-grey:focus:active {
126 background-color: #f2f2f2;
129 background-color: #fff;
131 border: 1px solid #eee;
134 background-color: #fcfcfc;
137 .grey-disabled:hover {
138 border: 1px solid #c6c6c6;
140 background-color: #fff;
143 background-color: #333;
147 background-color: #101010;
154 background-color: #ff5b55 !important;
157 background-color: #ff5b55;
161 background-color: #f55651;
165 background-color: #eb534d;
172 background-color: #73cf22;
175 .oes-green-bg:hover {
176 background-color: #6cc41f;
179 .oes-green-bg:active {
180 background-color: #67ba1e;
187 background-color: #f7c515;
190 .oes-yellow-bg:hover {
191 background-color: #edbe13;
194 .oes-yellow-bg:active {
195 background-color: #e3b612;
202 background-color: #a5a5a5;
206 background-color: #949393;
209 .oes-grey-bg:active {
210 background-color: #848383;
214 background-color: #fff;
218 background-color: #e8f3fd;
223 background-color: #00abff;
226 .blue.selected:hover {
228 background-color: #00abff;
232 background-color: #00abff;
234 border: 1px solid #00abff;
237 background-color: #00a3f5;
239 border: 1px solid #00a3f5;
242 background-color: #009ceb;
245 background-color: #00abff;
247 border: 1px solid #00abff;
250 background-color: #00a3f5;
252 border: 1px solid #00a3f5;
254 .blue1:focus:active {
255 background-color: #009ceb;
258 background-color: #00abff !important;
259 color: #fff !important;
260 border: 1px solid #00abff !important;
262 .blue1-active:hover {
263 background-color: #00a3f5 !important;
264 color: #fff !important;
265 border: 1px solid #00a3f5 !important;
267 .blue1-active:focus {
268 background-color: #00abff !important;
269 color: #fff !important;
270 border: 1px solid #00abff !important;
272 .blue1-active:focus:hover {
273 background-color: #00a3f5 !important;
274 color: #fff !important;
275 border: 1px solid #00a3f5 !important;
278 background-color: #fff;
279 border: 1px solid #eee;
283 background-color: #fcfcfc;
286 background-color: #f8f8f8;
289 background-color: #00abff;
291 border-color: #00abff;
294 background-color: #fff;
295 border: 1px solid #eee;
300 background-color: #fcfcfc;
302 .white:focus:hover:active {
303 background-color: #f8f8f8;
305 .white:focus.active {
306 background-color: #00abff;
308 border-color: #00abff;
337 Responsive & Scrollable Tables
343 border: 1px solid #ddd;
345 .table-scrollable > .table {
346 width: 100% !important;
347 margin: 0 !important;
349 background-color: #fff;
351 .table-scrollable > .table-bordered {
354 .table-scrollable > .table-bordered > thead > tr > th:first-child,
355 .table-scrollable > .table-bordered > tbody > tr > th:first-child,
356 .table-scrollable > .table-bordered > tfoot > tr > th:first-child,
357 .table-scrollable > .table-bordered > thead > tr > td:first-child,
358 .table-scrollable > .table-bordered > tbody > tr > td:first-child,
359 .table-scrollable > .table-bordered > tfoot > tr > td:first-child {
362 .table-scrollable > .table-bordered > thead > tr > th:last-child,
363 .table-scrollable > .table-bordered > tbody > tr > th:last-child,
364 .table-scrollable > .table-bordered > tfoot > tr > th:last-child,
365 .table-scrollable > .table-bordered > thead > tr > td:last-child,
366 .table-scrollable > .table-bordered > tbody > tr > td:last-child,
367 .table-scrollable > .table-bordered > tfoot > tr > td:last-child {
370 .table-scrollable > .table-bordered > thead > tr:last-child > th,
371 .table-scrollable > .table-bordered > tbody > tr:last-child > th,
372 .table-scrollable > .table-bordered > tfoot > tr:last-child > th,
373 .table-scrollable > .table-bordered > thead > tr:last-child > td,
374 .table-scrollable > .table-bordered > tbody > tr:last-child > td,
375 .table-scrollable > .table-bordered > tfoot > tr:last-child > td {
382 .table-hover > tbody > tr:hover > td,
383 .table-hover > tbody > tr:hover > th {
388 .dataTables_paginate {
391 display: inline-block;
400 .dataTables_length select {
408 .dataTables_paginate {
411 .dataTables_paginate input {
412 border-color: #ddd !important;
413 width: 42px !important;
414 height: 30px !important;
415 margin-left: 6px!important;
416 margin-right: 6px!important;
419 .dataTables_paginate .pagination-panel a {
420 border: 1px solid #ddd;
429 .dataTables_wrapper > div > div {
447 background: #fff !important;
450 table tr:nth-of-type(odd) {
453 table tr:nth-of-type(even) {
463 .table-bordered > thead > tr > th,
464 .table-bordered > thead > tr > td {
465 border-bottom-width: 1px;
467 table tr td .btn-xs {
472 .oes-table.light .oes-th {
473 padding-bottom: 15px !important;
476 padding-bottom: 10px !important;
478 /*.oes-table.card tr:nth-of-type(odd){
479 background-color:#fff !important;
481 .oes-table.card tr:nth-of-type(odd):hover {
482 background-color: #ebf6fd !important;
484 .oes-table.card tr td:first-child,
485 .oes-table.card tr th:first-child {
488 .oes-table.card .title {
491 .oes-table .filter span.filterToggle {
492 width: 30px !important;
493 height: 30px !important;
495 .oes-table input[type="checkbox"] {
498 .oes-page-item .oes-page-link {
499 height: 28px !important;
501 .oes-filters .oes-th {
502 padding-bottom: 2px !important;
505 margin-top: 0 !important;
507 .oes-table .filter span.filterToggle {
508 height: 30px !important;
511 .oes-table input[type="checkbox"] {
514 .oes-table .innerTable tr:nth-of-type(odd) {
515 background-color: #fff !important;
518 .ng2-smart-table.light .ng2-smart-th,
519 .ng2-smart-table .ng2-smart-th {
520 padding-bottom: 10px !important;
522 .ng2-smart-table .card tr:nth-of-type(odd) {
523 background-color: #fff !important;
525 .ng2-smart-table .card tr:nth-of-type(odd):hover {
526 background-color: #ebf6fd !important;
528 .ng2-smart-table .card tr td:first-child,
529 .ng2-smart-table .card tr th:first-child {
532 .ng2-smart-table .card .title {
535 .ng2-smart-table .filter span.filterToggle {
536 width: 30px !important;
537 height: 30px !important;
539 .ng2-smart-table input[type="checkbox"] {
542 .ng2-smart-page-item .ng2-smart-page-link {
543 height: 28px !important;
545 .ng2-smart-filters .ng2-smart-th {
546 padding-bottom: 2px !important;
548 .ng2-smart-pagination {
549 margin-top: 0 !important;
551 .ng2-smart-table .filter span.filterToggle {
552 height: 30px !important;
554 .ng2-smart-table label,
555 .ng2-smart-table input[type="checkbox"] {
558 .ng2-smart-table .innerTable tr:nth-of-type(odd) {
559 background-color: #fff !important;
563 padding: 0 !important;
565 .form-group .multiRow {
568 .form-group .multiRow:last-child {
580 .form-group .ict-helpTip {
584 vertical-align: text-bottom;
586 .form-group .ict-helpTip:hover {
589 .form-group.equal-group .form-control {
592 .form-group.equal-group .form-control:first-child {
602 background-color: transparent;
608 border-bottom: 1px solid #e5e5e5;
612 display: inline-block;
614 .form-actions .btnGroup {
617 .form-actions.fluid > [class^="col-"] {
620 .form-actions:before,
621 .form-actions:after {
626 .form-actions:after {
630 margin: 30px 0px 25px 0px;
632 border-bottom: 1px solid #eee;
634 .form .form-section:first-child {
640 display: inline-block;
644 /*text-align: center;*/
652 .form-actions.right {
665 color: #a94442 !important;
668 margin-bottom: 0px !important;
670 .form-horizontal .control-label {
673 .form-group .control-label {
676 .form-control-static {
680 .control-label .required {
685 .form-control:focus {
686 -webkit-box-shadow: none;
697 select.form-control:not([size]):not([multiple]) {
700 /***checkbox&radio***/
702 .form-group .checkbox {
705 .checkbox-list > label {
708 .checkbox-list > label.checkbox-inline {
709 display: inline-block;
711 .checkbox-list > label.checkbox-inline:first-child {
715 input[type="radio"] {
718 .radio-list > label {
721 .radio-list > label.radio-inline {
722 display: inline-block;
724 .radio-list > label.radio-inline:first-child {
727 .form-horizontal .radio-list .radio {
730 .form-horizontal .radio-list > label {
733 .form-horizontal .radio > span {
736 input[type="checkbox"]:focus,
737 input[type="radio"]:focus {
739 -webkit-box-shadow: none;
747 .raw-container input[type="checkbox"],
748 .raw-container input[type="radio"] {
753 .raw-container input[type="checkbox"] + .checkbox-substitute + span,
754 .raw-container input[type="radio"] + .radio-substitute + span {
759 vertical-align: middle;
761 .raw-container input[type="checkbox"] + .checkbox-substitute {
763 display: inline-block;
767 border: 1px solid #ccc;
769 vertical-align: middle;
772 .raw-container input[type="checkbox"] + .checkbox-substitute:hover {
773 border-color: #00abff;
775 .raw-container input[type="checkbox"]:checked + .checkbox-substitute {
776 border-color: #00abff;
777 background-color: #00abff;
779 .raw-container input[type="checkbox"]:checked + .checkbox-substitute::after {
786 border-width: 0 2px 2px 0;
787 transform: rotate(45deg);
791 .raw-container input[type="checkbox"][disabled] + .checkbox-substitute {
792 background-color: #efefef;
796 .raw-container input[type="checkbox"]:checked[disabled] + .checkbox-substitute {
797 background-color: #efefef;
801 .raw-container input[type="checkbox"]:checked[disabled] + .checkbox-substitute::after {
802 border: 1px solid #ccc;
803 border-width: 0 2px 2px 0;
805 .raw-container input[type="checkbox"]:checked.portion + .checkbox-substitute {
806 background-color: #97dbfc;
807 border-color: #97dbfc;
809 .raw-container input[type="radio"] + .radio-substitute {
811 display: inline-block;
815 border: 1px solid #ccc;
817 vertical-align: middle;
820 .raw-container input[type="radio"] + .radio-substitute:hover {
821 border-color: #00abff;
823 .raw-container input[type="radio"]:checked + .radio-substitute {
824 border-color: #00abff;
827 .raw-container input[type="radio"][disabled] + .radio-substitute {
829 background-color: #efefef;
832 .raw-container input[type="radio"]:checked [disabled] + .radio-substitute {
837 ::-webkit-input-placeholder {
838 color: #bcbcbc !important;
841 /* Mozilla Firefox 4 to 18 */
842 color: #bcbcbc !important;
845 /* Mozilla Firefox 19+ */
846 color: #bcbcbc !important;
848 input:-ms-input-placeholder {
849 color: #bcbcbc !important;
851 input::-webkit-input-placeholder {
852 color: #bcbcbc !important;
855 .input-group-btn-vertical.fa {
858 .input-group.spinner .btn {
859 min-width: 20px !important;
863 width: 60px !important;
870 .input-group-btn-vertical {
874 vertical-align: middle;
877 .input-group-btn-vertical > .btn {
887 .input-group-btn-vertical > .btn {
890 .input-group-btn-vertical > .btn:first-child {
891 border-top-right-radius: 4px;
893 .input-group-btn-vertical > .btn:last-child {
895 border-bottom-right-radius: 4px;
897 .input-group-btn-vertical i {
902 /*.input-group .form-control {
903 height: 26px !important;
909 .input-group .form-control {
910 display: inline-block;
912 .input-group .form-control:hover,
913 .input-group .form-control:focus:hover {
916 .input-group .input-group-btn {
920 input[type="range"] {
922 background-color: #f0f3f9;
923 border: 1px solid #ccd6e8;
926 -webkit-appearance: none;
929 input[type="range"]::-webkit-slider-thumb {
930 -webkit-appearance: none;
935 transform: translateY(-4px);
936 background: none repeat scroll 0 0 #f0f3f9;
937 background-color: #9cc2cb;
940 input[type="range"]:focus {
953 .nav-tabs > li.active > a,
954 .nav-tabs > li.active > a:hover,
955 .nav-tabs > li.active > a:focus {
965 .nav > li > a:focus {
966 background-color: transparent;
968 .nav-tabs.boder-tab > li.active > a,
969 .nav-tabs.boder-tab > div > li.active > a {
970 border: 1px solid #ddd;
974 border: 1px solid #ddd;
977 .nav-tabs.tabset > li.active,
978 .nav-tabs.tabset > li.active:hover,
979 .nav-tabs.tabset > li.active:focus {
981 border-top: 2px solid #00abff;
983 .nav-tabs > div > li.active,
984 .nav-tabs > div > li.active:hover,
985 .nav-tabs > div > li.active:focus {
987 background-color: #fcfcfc;
988 border-top: 2px solid #00abff;
991 background-color: transparent;
993 .nav-tabs > div > li > a:hover {
994 background-color: transparent;
995 border-bottom: 1px transparent;
997 .nav-tabs .nav-link {
998 border-top-right-radius: 0;
999 border-top-left-radius: 0;
1002 .nav-tabs .nav-link:hover {
1003 background-color: transparent;
1004 border-color: transparent;
1007 .nav-tabs .nav-link:focus {
1008 border-left-color: transparent;
1009 border-right-color: transparent;
1011 .boder-tab ul.nav.nav-tabs {
1012 background-color: #fff;
1014 .boder-tab ul.nav.nav-tabs .nav-link:hover {
1015 border-bottom: 1px solid #ddd ;
1016 background-color: #fcfcfc;
1018 .boder-tab ul.nav.nav-tabs .nav-link.active:hover {
1023 font-weight: normal;
1025 .nav-tabs > li > a {
1027 font-weight: normal;
1031 .nav-tabs > li > a:hover,
1032 .nav-tabs > li > a:focus {
1033 background-color: transparent;
1035 .nav-tabs .nav-link.active {
1037 border-top: 2px solid #00abff;
1038 background-color: #fff;
1040 .nav-tabs .nav-link.active:hover {
1041 background-color: #fff;
1042 border-top: 2px solid #00abff;
1044 .nav-tabs .nav-link.disabled {
1048 .nav-tabs .nav-link.disabled:hover,
1049 .nav-tabs .nav-link.disabled:focus {
1050 background-color: transparent;
1053 .boder-tab > .nav-tabs > .nav-item > .nav-link.active,
1054 .less-border > .nav-tabs > .nav-item > .nav-link.active {
1055 border: 1px solid #ddd;
1056 border-top: 2px solid #00abff;
1059 .boder-tab .tab-pane.active {
1060 border: 1px solid #ddd;
1065 .nav-pills .nav-link.active,
1066 .nav-pills .nav-item.show .nav-link {
1069 background-color: #00abff;
1071 .less-border .tab-pane.active {
1072 border-top: 1px solid #ddd;
1083 letter-spacing: 1px;
1084 padding-top: 4px !important;
1085 padding-bottom: 4px !important;
1089 line-height: 1.42857143;
1095 .btnGroup a:last-child,
1096 .btnGroup .btn:last-child {
1099 .btnGroup .sub-btn {
1102 /*text-align: right;*/
1104 .pagination-panel .btn {
1107 .btn.dropdown-toggle,
1108 .btn-group .btn.dropdown-toggle,
1115 outline: none !important;
1116 background-image: none !important;
1118 -webkit-box-shadow: none;
1119 -moz-box-shadow: none;
1130 text-decoration: none ;
1138 padding-bottom: 3px;
1143 text-decoration: none ;
1149 .btn-group .blue1-active {
1150 border-left: #a4d7f7 1px solid !important;
1152 .btn-group .blue1-active:hover {
1153 border-left: #1289d6 1px solid !important;
1155 .btn-group .white.btn.active,
1156 .btn-group .white.btn-s.active {
1157 border-left: #6ac7f5 1px solid !important;
1159 /***toolbar & icons ***/
1165 border: 1px solid transparent;
1167 .toolbar span:hover {
1169 border: 1px solid #cbdfec;
1171 .toolbar i.seperate-vertical {
1173 border-right: 1px solid #ddd;
1186 border-radius: 20px;
1201 background-image: none !important;
1202 filter: none !important;
1203 -webkit-box-shadow: none !important;
1204 -moz-box-shadow: none !important;
1205 box-shadow: none !important;
1210 display: inline-block;
1215 .progress > .progress-bar-success {
1216 background-color: #00abff;
1221 .progress > .bg-success {
1222 background-color: #00abff !important;
1224 .oes-progressbar .progress {
1225 display: inline-block;
1228 vertical-align: sub;
1232 display: inline-block;
1235 border-radius: 16px;
1236 border: 1px solid #ff5b55;
1243 .progress-error::before {
1246 .progressbar-s .progress {
1249 /***separator & title***/
1255 margin-bottom: 15px;
1264 .separator-line-dashed {
1267 border-bottom: 1px dashed #ddd;
1268 margin-bottom: 15px;
1278 .form-title-foldable {
1279 border-left: 3px solid #00abff;
1282 padding: 1px 2px 1px 5px;
1283 margin-bottom: 15px;
1287 .form-title-foldable {
1288 padding: 1px 2px 1px 5px;
1289 margin-bottom: 15px;
1292 .form-title-foldable span {
1296 .form-title-foldable span[class^="ict-"] {
1302 padding: 15px 30px 0 5px;
1305 font-family: "microsoft yahei";
1312 border: 1px solid #fff;
1316 border: 1px solid #ddd !important;
1319 margin-top: 5px !important;
1321 .ztree li span.button.chk {
1327 .ztree li span.button.add {
1330 background-position: -144px 0;
1331 vertical-align: top;
1332 *vertical-align: middle;
1335 .ztree li span.button.edit {
1337 background-position: -110px -48px;
1338 vertical-align: top;
1339 *vertical-align: middle;
1342 .ztree li span.button.remove {
1344 background-position: -110px -64px;
1345 vertical-align: top;
1346 *vertical-align: middle;
1349 .ztree li a.curSelectedNode {
1351 border: 1px #accbdd solid !important;
1353 .ztree-select .ztree li a {
1354 border: 1px solid #fff !important;
1356 .ztree-select .ztree li a:hover {
1357 border: 1px #ddd solid !important;
1362 border-bottom: 1px #468ECE dotted;
1367 background-color: #fff;
1368 border: 1px #5b9bd1 solid;
1369 padding-bottom: 5px;
1371 border-radius: 20px;
1380 .General-tip:hover {
1381 border: 1px #2a6496 solid;
1384 .General-tip:hover span {
1388 .frmTipBoxTransition {
1389 -webkit-transition: -webkit-transform 0.3s ease-out;
1390 -o-transition: -o-transform 0.3s ease-out;
1391 transition: transform 0.3s ease-out;
1392 -webkit-transform: translate(0, 50%);
1393 -ms-transform: translate(0, 50%);
1394 -o-transform: translate(0, 50%);
1395 transform: translate(0, 50%);
1410 -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
1411 -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
1412 box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
1417 background-color: #73cf22;
1418 border-color:#73cf22;
1423 background-color: #00abff;
1424 border-color:#00abff;
1429 background-color: #f7c515;
1430 border-color:#f7c515;
1435 background-color: #ff5b55;
1436 border-color:#ff5b55;
1449 background-color: #edfbe8;
1450 border-color: #d5eccc;
1455 background-color: #ecf7fd;
1456 border-color: #bce1f1;
1461 background-color: #fff8e9;
1462 border-color: #f5e1b8;
1467 background-color: #fbf0f1;
1468 border-color: #f3d9da;
1480 .tooltip.show .tooltip-inner {
1481 background-color: #4d5761;
1485 .tooltip.tooltip-top .tooltip-inner::before,
1486 .tooltip.bs-tether-element-attached-bottom .tooltip-inner::before {
1487 border-top-color: #4d5761;
1489 .tooltip.tooltip-right .tooltip-inner::before,
1490 .tooltip.bs-tether-element-attached-left .tooltip-inner::before {
1491 border-right-color: #4d5761;
1493 .tooltip.tooltip-bottom .tooltip-inner::before,
1494 .tooltip.bs-tether-element-attached-top .tooltip-inner::before {
1495 border-bottom-color: #4d5761;
1497 .tooltip.tooltip-left .tooltip-inner::before,
1498 .tooltip.bs-tether-element-attached-right .tooltip-inner::before {
1499 border-left-color: #4d5761;
1508 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
1516 .modal .modal-dialog {
1526 border-radius: 20px;
1527 padding-bottom: 2px;
1529 .modal .close:hover {
1530 background: #f2f2f2;
1532 .modal .modal-header {
1535 .modal .alert-modal.row {
1537 margin-bottom: 30px;
1540 .modal .alert-modal.row .tip-img {
1541 display: inline-block;
1544 border-radius: 50px;
1550 .modal .alert-modal.row .tip-img::before {
1553 .modal .alert-modal.row .warning {
1554 border: 3px solid #ffbb51;
1557 .modal .alert-modal.row .error {
1558 border: 3px solid #ff5b55;
1561 .modal .alert-modal.row .tip-info {
1564 .modal .alert-modal.row .tip-info .alert-title {
1568 .modal .alert-modal.row .tip-info .alert-result {
1576 .oes-modal .modal-footer {
1582 .modal-body .form-group:last-child,
1583 .modal-body form:last-child {
1587 .page-item.active .page-link {
1588 background-color: #1798eb;
1589 border-color: #1798eb;
1592 .form-wizard .nav > li > a {
1595 .wizard-body .button-next.disabled,
1596 .wizard-body .button-previous.disabled {
1599 .wizard-body .nav .step {
1600 background: none !important;
1602 .form-wizard .progress {
1603 margin-bottom: 30px;
1608 .form-wizard .steps {
1609 background-color: #fff ;
1610 background-image: none ;
1615 .form-wizard .steps li a {
1616 background-color: #fff ;
1617 background-image: none ;
1623 .form-wizard .steps:hover {
1626 .form-wizard .step:hover {
1627 text-decoration: none;
1629 .form-wizard .step .number {
1630 background-color: #ddd;
1632 display: inline-block;
1633 text-align: center !important;
1640 -webkit-border-radius: 50% !important;
1641 -moz-border-radius: 50% !important;
1642 border-radius: 50% !important;
1644 .form-wizard .step .desc {
1645 display: inline-block;
1650 .form-wizard .step i {
1653 .form-wizard .active .step .number {
1654 background-color: #35aa47;
1657 .form-wizard .active .step .desc {
1661 .form-wizard .done .step .number {
1662 background-color: #73cf22 ;
1665 .form-wizard .done .step .desc {
1668 .form-wizard .done .step .form-wizard .done .step i {
1670 font-weight: normal;
1672 display: inline-block;
1674 .form-wizard .steps > li.active > a.step .number {
1675 background-color: #00abff;
1677 @media (min-width: 600px) and (max-width: 1280px) {
1678 .form-wizard .step .desc {
1683 @media (max-width: 600px) {
1684 .form-wizard .steps > li > a {
1688 @media (min-width: 600px) {
1689 .nav-justified > li {
1690 display: table-cell;
1694 .oes-wizard .nav.nav-pills.steps li {
1697 .oes-wizard .nav.nav-pills.steps li .desc {
1700 .oes-wizard .nav.nav-pills.steps li .oes-wizard .form-wizard .step .number {
1704 ngb-popover-window.popover.show {
1706 border: 1px solid #ddd;
1708 .popover.popover-top::after,
1709 .popover.bs-tether-element-attached-bottom::after {
1710 border-top-color: #fff;
1712 .popover.popover-top::before,
1713 .popover.bs-tether-element-attached-bottom::before {
1714 border-top-color: #ddd;
1716 .popover.popover-left::after,
1717 .popover.bs-tether-element-attached-right::after {
1718 border-left-color: #fff;
1720 .popover.popover-left::before,
1721 .popover.bs-tether-element-attached-right::before {
1722 border-left-color: #ddd;
1724 .popover.popover-right::after,
1725 .popover.bs-tether-element-attached-left::after {
1726 border-right-color: #fff;
1728 .popover.popover-right::before,
1729 .popover.bs-tether-element-attached-left::before {
1730 border-right-color: #ddd;
1732 .popover.popover-bottom::after,
1733 .popover.bs-tether-element-attached-top::after {
1734 border-bottom-color: #fff;
1736 .popover.popover-bottom::before,
1737 .popover.bs-tether-element-attached-top::before {
1738 border-bottom-color: #ddd;
1741 background-color: #fff;
1742 font-family: "Microsoft yahei", Segoe UI, Arial !important;
1745 -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
1746 -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
1747 box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
1749 .popover .popover-title {
1750 background-color: #fff;
1751 border-bottom: 1px solid #ddd;
1753 .popover .popover-content {
1754 background-color: #fff;
1757 #collapseExample .card {
1762 /*.collapse-bottom .card span.pop-trgl {
1768 border-style: solid;
1769 border-width: 0 10px 10px 10px;
1770 border-color: transparent transparent #cbc5c5 transparent;
1772 .collapse-bottom .card span.pop-trgl i {
1778 border-style: solid;
1779 border-width: 0 9px 9px 9px;
1780 border-color: transparent transparent #fff transparent;
1783 .collapse-top .card span.pop-trgl {
1789 border-style: solid;
1790 border-width: 0 10px 10px 10px;
1791 border-color: transparent transparent #cbc5c5 transparent;
1792 transform:rotate(180deg);
1794 .collapse-top .card span.pop-trgl i {
1800 border-style: solid;
1801 border-width: 0 9px 9px 9px;
1802 border-color: transparent transparent #fff transparent;
1804 .collapse-top .card-block {
1807 .collapse-top .card {
1811 .collapse-bottom .card {
1815 /***select-box with icon***/
1816 .iconselect-box .col-xs-1 {
1818 padding: 110px 0 0 0;
1820 .iconPosition > div {
1821 margin: 20px 0px 0px 0px;
1823 /***.dropdown-item***/
1827 .dropdown-item:focus,
1828 .dropdown-item:hover,
1829 .dropdown-item:active {
1830 background-color: #f8f8f8;
1836 -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
1837 -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
1838 box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
1840 .btn-xs + .dropdown-menu .dropdown-item {
1845 border-bottom: 0 !important;
1847 .oes-dp-header select.custom-select {
1854 .oes-date-range-picker .ngb-dp-weekday {
1857 .oes-date-range-picker .ngb-dp-header {
1858 border-bottom: 0 !important;
1860 .oes-dp-months.pb-1 {
1861 padding-left: 15px !important;
1862 padding-right: 15px !important;
1864 .oes-dp-months.pb-1 .oes-dp-day,
1865 .oes-dp-months.pb-1 .oes-dp-weekday,
1866 .oes-dp-months.pb-1 .oes-dp-week-number {
1870 .oes-dp-week.d-flex {
1876 .oes-dp-weekday.text-info {
1877 color: #777 !important;
1879 .oes-dp-day .btn-secondary {
1880 border-radius: 20px !important;
1882 .oes-dp-day .bg-primary {
1883 background-color: #00abff !important;
1884 border-radius: 20px !important;
1886 .dropdown-menu .oes-dp-day {
1889 .dropdown-menu .oes-dp-weekday.small {
1892 .oes-dp-month-name.text-center {
1894 font-size: 14px !important;
1896 .custom-day.weekend {
1897 background-color: #00abff !important;
1900 border-radius: 20px !important;
1902 .custom-day.weekend:hover {
1903 background-color: #00a3f5 !important;
1906 .oes-uploder .progress {