Changeset 24a616f for resources/assets/css
- Timestamp:
- 10/13/21 15:44:57 (3 years ago)
- Branches:
- develop, master
- Children:
- 120759b
- Parents:
- 194a359
- Location:
- resources/assets/css
- Files:
-
- 3 edited
Legend:
- Unmodified
- Added
- Removed
-
resources/assets/css/Toast.min.css
r194a359 r24a616f 1 .toastjs-container{position:absolute;position:fixed;bottom:30px;left:30px;width:calc(100% - 60px);max-width:400px;transform:translateX(-150%);transition:transform 1s;z-index:100}.toastjs-container[aria-hidden=false]{transform:translateX(0)}.toastjs{background:#fff;padding:10px 15px 0; border-left-style:solid;border-left-width:5px;border-radius:4px;box-shadow:0 2px 5px 0 rgba(0,0,0,.2)}.toastjs.default{border-left-color:#AAA}.toastjs.success{border-left-color:#2ECC40}.toastjs.warning{border-left-color:#FF851B}.toastjs.danger{border-left-color:#FF4136}.toastjs-btn{background:#f0f0f0;padding:5px 10px;border:0;border-radius:4px;font-family:'Source Sans Pro',sans-serif;font-size:14px;display:inline-block;margin-right:10px;margin-bottom:10px;cursor:pointer}.toastjs-btn--custom{background:#323232;color:#fff}.toastjs-btn:focus,.toastjs-btn:hover{outline:0;box-shadow:0 2px 5px 0 rgba(0,0,0,.2)}1 .toastjs-container{position:absolute;position:fixed;bottom:30px;left:30px;width:calc(100% - 60px);max-width:400px;transform:translateX(-150%);transition:transform 1s;z-index:100}.toastjs-container[aria-hidden=false]{transform:translateX(0)}.toastjs{background:#fff;padding:10px 15px 0;margin-left:50px;border-left-style:solid;border-left-width:5px;border-radius:4px;box-shadow:0 2px 5px 0 rgba(0,0,0,.2)}.toastjs.default{border-left-color:#AAA}.toastjs.success{border-left-color:#2ECC40}.toastjs.warning{border-left-color:#FF851B}.toastjs.danger{border-left-color:#FF4136}.toastjs-btn{background:#f0f0f0;padding:5px 10px;border:0;border-radius:4px;font-family:'Source Sans Pro',sans-serif;font-size:14px;display:inline-block;margin-right:10px;margin-bottom:10px;cursor:pointer}.toastjs-btn--custom{background:#323232;color:#fff}.toastjs-btn:focus,.toastjs-btn:hover{outline:0;box-shadow:0 2px 5px 0 rgba(0,0,0,.2)} -
resources/assets/css/app.css
r194a359 r24a616f 3349 3349 } 3350 3350 3351 * {3351 *:not(img) { 3352 3352 min-width: 0; 3353 min-height: 0;3354 3353 } 3355 3354 … … 3407 3406 3408 3407 .preloader svg path { 3409 fill: # 0081ff;3408 fill: #2196F3; 3410 3409 } 3411 3410 … … 3434 3433 3435 3434 .icon-block.icon-block-outline-primary { 3436 border: 2px solid # 0081ff;3437 color: # 0081ff!important;3435 border: 2px solid #2196F3; 3436 color: #2196F3 !important; 3438 3437 background: none; 3439 3438 } … … 3601 3600 .custom-select:focus { 3602 3601 box-shadow: none; 3603 border-color: rgba( 0, 129, 255, 0.8);3602 border-color: rgba(33, 150, 243, 0.8); 3604 3603 } 3605 3604 … … 3631 3630 3632 3631 .custom-file-input:focus ~ .custom-file-label { 3633 border-color: # 339aff;3632 border-color: #51adf6; 3634 3633 box-shadow: none; 3635 3634 } … … 3648 3647 .custom-radio .custom-control-input:checked ~ .custom-control-label::before, 3649 3648 .custom-switch .custom-control-input:checked ~ .custom-control-label::before { 3650 border-color: # 0081ff;3651 background-color: # 0081ff;3649 border-color: #2196F3; 3650 background-color: #2196F3; 3652 3651 } 3653 3652 … … 3655 3654 .custom-radio .custom-control-input:focus ~ .custom-control-label::before, 3656 3655 .custom-switch .custom-control-input:focus ~ .custom-control-label::before { 3657 box-shadow: 0 0 0 0.2rem rgba( 0, 129, 255, 0.3);3656 box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.3); 3658 3657 } 3659 3658 … … 3661 3660 .custom-radio .custom-control-input:not(:disabled):active ~ .custom-control-label::before, 3662 3661 .custom-switch .custom-control-input:not(:disabled):active ~ .custom-control-label::before { 3663 border-color: # 5caeff;3664 background-color: # 5caeff;3662 border-color: #78bff8; 3663 background-color: #78bff8; 3665 3664 } 3666 3665 … … 3794 3793 3795 3794 .custom-range::-webkit-slider-thumb { 3796 background-color: # 0081ff;3795 background-color: #2196F3; 3797 3796 } 3798 3797 3799 3798 .custom-range::-webkit-slider-thumb:active { 3800 background-color: # 5caeff;3799 background-color: #78bff8; 3801 3800 } 3802 3801 … … 3914 3913 .wizard > .steps .current a:hover, 3915 3914 .wizard > .steps .current a:active { 3916 background: # 0081ff;3915 background: #2196F3; 3917 3916 } 3918 3917 … … 3988 3987 3989 3988 .page-header .breadcrumb li.breadcrumb-item.active { 3990 color: # 0081ff;3989 color: #2196F3; 3991 3990 font-weight: 600; 3992 3991 } … … 4176 4175 4177 4176 .bg-primary { 4178 background: # 0081ff!important;4177 background: #2196F3 !important; 4179 4178 color: white !important; 4180 4179 } 4181 4180 4182 4181 .bg-primary-bright { 4183 background: rgba( 0, 129, 255, 0.3) !important;4182 background: rgba(33, 150, 243, 0.3) !important; 4184 4183 } 4185 4184 … … 4194 4193 4195 4194 .bg-primary-gradient { 4196 background: linear-gradient(230deg, # 0081ff, #4da7ff) !important;4195 background: linear-gradient(230deg, #2196F3, #6ab8f7) !important; 4197 4196 color: white !important; 4198 4197 } … … 4435 4434 4436 4435 .text-primary { 4437 color: # 0081ff!important;4436 color: #2196F3 !important; 4438 4437 } 4439 4438 … … 4577 4576 ul.links .header form .input-group .input-group-append button.active.btn, 4578 4577 .header form .input-group .input-group-append ul.links button.active.btn { 4579 color: # 0081ff;4578 color: #2196F3; 4580 4579 font-weight: 500; 4581 4580 } … … 4665 4664 a.link-1, 4666 4665 .header form .input-group .input-group-append button.link-1.btn { 4667 color: # 0081ff;4666 color: #2196F3; 4668 4667 } 4669 4668 … … 4672 4671 a.link-1:focus, 4673 4672 .header form .input-group .input-group-append button.link-1.btn:focus { 4674 color: rgba( 0, 129, 255, 0.8);4673 color: rgba(33, 150, 243, 0.8); 4675 4674 } 4676 4675 … … 4684 4683 a.link-2:focus, 4685 4684 .header form .input-group .input-group-append button.link-2.btn:focus { 4686 color: # 0081ff;4685 color: #2196F3; 4687 4686 } 4688 4687 … … 4696 4695 a.link-3:focus, 4697 4696 .header form .input-group .input-group-append button.link-3.btn:focus { 4698 color: # 0081ff;4697 color: #2196F3; 4699 4698 } 4700 4699 … … 4722 4721 4723 4722 .page-link { 4724 color: # 0081ff;4723 color: #2196F3; 4725 4724 } 4726 4725 4727 4726 .page-link:not(:disabled):not(.disabled):focus { 4728 box-shadow: 0 0 0 0.2rem rgba( 0, 129, 255, 0.3);4727 box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.3); 4729 4728 } 4730 4729 … … 4837 4836 a.btn[href="#previous"], 4838 4837 .header form .input-group .input-group-append button.btn[href="#previous"] { 4839 background: # 0081ff;4840 border-color: # 0081ff;4838 background: #2196F3; 4839 border-color: #2196F3; 4841 4840 } 4842 4841 … … 4856 4855 a.btn[href="#previous"]:not(:disabled):not(.disabled):active, 4857 4856 .header form .input-group .input-group-append button.btn[href="#previous"]:not(:disabled):not(.disabled):active { 4858 background: #0 067cc;4859 border-color: #0 067cc;4857 background: #0c7cd5; 4858 border-color: #0c7cd5; 4860 4859 } 4861 4860 … … 4865 4864 a.btn[href="#previous"]:not(:disabled):not(.disabled):focus, 4866 4865 .header form .input-group .input-group-append button.btn[href="#previous"]:not(:disabled):not(.disabled):focus { 4867 box-shadow: 0 0 0 0.2rem rgba( 0, 129, 255, 0.4) !important;4866 box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.4) !important; 4868 4867 } 4869 4868 … … 4873 4872 a.btn.btn-pulse[href="#previous"]:not(:disabled):not(.disabled), 4874 4873 .header form .input-group .input-group-append button.btn.btn-pulse[href="#previous"]:not(:disabled):not(.disabled) { 4875 box-shadow: 0 0 0 0 rgba( 0, 129, 255, 0.9) !important;4874 box-shadow: 0 0 0 0 rgba(33, 150, 243, 0.9) !important; 4876 4875 -webkit-animation: pulse 1.5s infinite !important; 4877 4876 } … … 4886 4885 4887 4886 .btn.btn-gradient-primary { 4888 background: linear-gradient(20deg, # 4da7ff, #0067cc);4887 background: linear-gradient(20deg, #6ab8f7, #0c7cd5); 4889 4888 border-color: transparent; 4890 4889 color: white; … … 4894 4893 .btn.btn-gradient-primary:not(:disabled):not(.disabled):focus, 4895 4894 .btn.btn-gradient-primary:not(:disabled):not(.disabled):active { 4896 background: linear-gradient(20deg, # 0081ff, #0067cc);4895 background: linear-gradient(20deg, #2196F3, #0c7cd5); 4897 4896 border-color: transparent; 4898 4897 } 4899 4898 4900 4899 .btn.btn-gradient-primary:not(:disabled):not(.disabled):focus { 4901 box-shadow: 0 0 0 0.2rem rgba( 0, 129, 255, 0.5);4900 box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); 4902 4901 } 4903 4902 4904 4903 .btn.btn-gradient-primary.btn-pulse:not(:disabled):not(.disabled) { 4905 box-shadow: 0 0 0 0 rgba( 0, 129, 255, 0.9) !important;4904 box-shadow: 0 0 0 0 rgba(33, 150, 243, 0.9) !important; 4906 4905 -webkit-animation: pulse 1.5s infinite !important; 4907 4906 } … … 4912 4911 4913 4912 .btn.btn-light-primary { 4914 background: rgba( 0, 129, 255, 0.3);4913 background: rgba(33, 150, 243, 0.3); 4915 4914 border-color: transparent; 4916 color: #0 053a3;4915 color: #0966af; 4917 4916 } 4918 4917 … … 4920 4919 .btn.btn-light-primary:not(:disabled):not(.disabled):focus, 4921 4920 .btn.btn-light-primary:not(:disabled):not(.disabled):active { 4922 background: rgba( 0, 129, 255, 0.5);4921 background: rgba(33, 150, 243, 0.5); 4923 4922 border-color: transparent; 4924 4923 } 4925 4924 4926 4925 .btn.btn-light-primary:not(:disabled):not(.disabled):focus { 4927 box-shadow: 0 0 0 0.2rem rgba( 0, 129, 255, 0.2);4926 box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.2); 4928 4927 } 4929 4928 4930 4929 .btn.btn-light-primary.btn-pulse:not(:disabled):not(.disabled) { 4931 box-shadow: 0 0 0 0 rgba( 0, 129, 255, 0.9) !important;4930 box-shadow: 0 0 0 0 rgba(33, 150, 243, 0.9) !important; 4932 4931 -webkit-animation: pulse 1.5s infinite !important; 4933 4932 } … … 4939 4938 .btn.btn-outline-primary { 4940 4939 background: none; 4941 border-color: # 0081ff;4942 color: #0 074e6;4940 border-color: #2196F3; 4941 color: #0d8aee; 4943 4942 border-width: 1px; 4944 4943 } 4945 4944 4946 4945 .btn.btn-outline-primary:not(:disabled):not(.disabled):hover { 4947 background: # 0081ff;4948 border-color: # 0081ff;4946 background: #2196F3; 4947 border-color: #2196F3; 4949 4948 color: white; 4950 4949 } … … 4952 4951 .btn.btn-outline-primary:not(:disabled):not(.disabled):focus, 4953 4952 .btn.btn-outline-primary:not(:disabled):not(.disabled):active { 4954 background: #0 062c2;4955 border-color: #0 062c2;4953 background: #0b76cc; 4954 border-color: #0b76cc; 4956 4955 color: white; 4957 4956 } 4958 4957 4959 4958 .btn.btn-outline-primary:not(:disabled):not(.disabled):focus { 4960 box-shadow: 0 0 0 0.2rem rgba( 0, 129, 255, 0.4);4959 box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.4); 4961 4960 } 4962 4961 4963 4962 .btn.btn-outline-primary.btn-pulse:not(:disabled):not(.disabled) { 4964 box-shadow: 0 0 0 0 rgba( 0, 129, 255, 0.9) !important;4963 box-shadow: 0 0 0 0 rgba(33, 150, 243, 0.9) !important; 4965 4964 -webkit-animation: pulse 1.5s infinite !important; 4966 4965 } … … 6521 6520 6522 6521 .progress .progress-bar:not(.progress-bar-striped) { 6523 background: # 0081ff;6522 background: #2196F3; 6524 6523 } 6525 6524 … … 6579 6578 6580 6579 .dropdown-menu .dropdown-menu-title { 6581 background-color: # 0081ff;6580 background-color: #2196F3; 6582 6581 padding: 15px 20px; 6583 6582 color: white; … … 6606 6605 background: #f5f5f5; 6607 6606 text-decoration: none; 6608 color: # 0081ff;6607 color: #2196F3; 6609 6608 } 6610 6609 … … 6643 6642 6644 6643 .badge.badge-primary { 6645 background: # 0081ff;6644 background: #2196F3; 6646 6645 } 6647 6646 … … 6736 6735 .accordion.custom-accordion .accordion-row .header form .input-group .input-group-append button.accordion-header.btn:focus, 6737 6736 .header form .input-group .input-group-append .accordion.custom-accordion .accordion-row button.accordion-header.btn:focus { 6738 color: # 0081ff;6737 color: #2196F3; 6739 6738 } 6740 6739 … … 6778 6777 .accordion.custom-accordion.accordion-primary .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:focus, 6779 6778 .header form .input-group .input-group-append .accordion.custom-accordion.accordion-primary .accordion-row:not(.open) button.accordion-header.btn:focus { 6780 color: # 0081ff;6779 color: #2196F3; 6781 6780 } 6782 6781 … … 6784 6783 .accordion.custom-accordion.accordion-primary .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn, 6785 6784 .header form .input-group .input-group-append .accordion.custom-accordion.accordion-primary .accordion-row.open button.accordion-header.btn { 6786 background: # 0081ff;6785 background: #2196F3; 6787 6786 color: white; 6788 6787 } … … 6900 6899 } 6901 6900 6901 .nicescroll-cursors { 6902 border: none !important; 6903 } 6904 6905 body:not(.dark) .nicescroll-cursors { 6906 background-color: rgba(41, 49, 52, 0.4) !important; 6907 width: 3px !important; 6908 } 6909 6902 6910 .isotope-item { 6903 6911 z-index: 2; … … 6932 6940 6933 6941 .daterangepicker td.active { 6934 background: # 0081ff;6942 background: #2196F3; 6935 6943 } 6936 6944 6937 6945 .daterangepicker td.active:hover { 6938 background: # 0081ff;6946 background: #2196F3; 6939 6947 } 6940 6948 6941 6949 .daterangepicker .ranges li.active { 6942 background: # 0081ff;6950 background: #2196F3; 6943 6951 } 6944 6952 … … 6966 6974 6967 6975 .alert.alert-primary { 6968 background: rgba( 0, 129, 255, 0.3) !important;6976 background: rgba(33, 150, 243, 0.3) !important; 6969 6977 } 6970 6978 6971 6979 .alert.alert-primary.alert-with-border { 6972 border-left: 3px solid # 0081ff!important;6980 border-left: 3px solid #2196F3 !important; 6973 6981 } 6974 6982 … … 7042 7050 7043 7051 .breadcrumb .breadcrumb-item.active { 7044 color: # 0081ff;7052 color: #2196F3; 7045 7053 } 7046 7054 … … 7061 7069 7062 7070 .pagination .page-item.active .page-link { 7063 background: # 0081ff;7071 background: #2196F3; 7064 7072 border-color: transparent; 7065 7073 } … … 7156 7164 7157 7165 .swal-modal .swal-button.swal-button--confirm { 7158 background: # 0081ff;7166 background: #2196F3; 7159 7167 } 7160 7168 … … 7178 7186 .irs .irs-to, 7179 7187 .irs .irs-from { 7180 background: # 0081ff;7188 background: #2196F3; 7181 7189 } 7182 7190 … … 7184 7192 .irs .irs-to:before, 7185 7193 .irs .irs-from:before { 7186 border-top-color: # 0081ff;7194 border-top-color: #2196F3; 7187 7195 } 7188 7196 7189 7197 .irs .irs-handle { 7190 border-color: # 0081ff;7198 border-color: #2196F3; 7191 7199 } 7192 7200 7193 7201 .irs .irs-bar { 7194 background: # 0081ff;7202 background: #2196F3; 7195 7203 } 7196 7204 … … 7230 7238 7231 7239 .select2-container--default .select2-results__option--highlighted[aria-selected] { 7232 background-color: # 0081ff;7240 background-color: #2196F3; 7233 7241 color: white; 7234 7242 } 7235 7243 7236 7244 .select2-container--default.select2-container--focus .select2-selection--multiple { 7237 border-color: rgba( 0, 129, 255, 0.8);7245 border-color: rgba(33, 150, 243, 0.8); 7238 7246 } 7239 7247 … … 7336 7344 7337 7345 .wickedpicker .wickedpicker__controls__control .hover-state { 7338 color: # 0081ff;7346 color: #2196F3; 7339 7347 } 7340 7348 … … 7395 7403 -webkit-transition: color 0.3s; 7396 7404 transition: color 0.3s; 7397 color: # 0081ff;7405 color: #2196F3; 7398 7406 } 7399 7407 … … 7511 7519 7512 7520 .avatar.avatar-state-primary:before { 7513 background: # 0081ff;7521 background: #2196F3; 7514 7522 } 7515 7523 … … 7563 7571 .dropzone { 7564 7572 border-width: 1px; 7565 border-color: # 0081ff;7573 border-color: #2196F3; 7566 7574 } 7567 7575 … … 7690 7698 .chat-block .chat-sidebar .chat-sidebar-content .list-group .list-group-item.active { 7691 7699 color: black; 7692 border-color: # 0081ff;7700 border-color: #2196F3; 7693 7701 } 7694 7702 … … 7780 7788 left: auto; 7781 7789 right: -10px; 7782 border-left-color: # 0081ff;7790 border-left-color: #2196F3; 7783 7791 border-right-color: transparent; 7784 7792 } 7785 7793 7786 7794 .chat-block .chat-content .messages .message-item.me .message-item-content { 7787 background-color: # 0081ff;7795 background-color: #2196F3; 7788 7796 color: rgba(255, 255, 255, 0.9); 7789 7797 } … … 7918 7926 7919 7927 .fc .fc-event { 7920 background: # 0081ff;7928 background: #2196F3; 7921 7929 color: white !important; 7922 7930 border: none; … … 7981 7989 7982 7990 .fc .fc-list-table .fc-list-item.bg-primary:hover td { 7983 background: # 0081ff!important;7991 background: #2196F3 !important; 7984 7992 } 7985 7993 … … 8012 8020 8013 8021 .fc .fc-state-default.fc-state-active { 8014 background: # 0081ff;8022 background: #2196F3; 8015 8023 color: white; 8016 8024 } … … 8026 8034 8027 8035 .list-group .list-group-item.list-group-item-primary { 8028 background: # 0081ff!important;8036 background: #2196F3 !important; 8029 8037 color: white !important; 8030 8038 } 8031 8039 8032 8040 .list-group .list-group-item.list-group-item-primary-bright { 8033 background: rgba( 0, 129, 255, 0.3) !important;8034 color: # 0081ff!important;8041 background: rgba(33, 150, 243, 0.3) !important; 8042 color: #2196F3 !important; 8035 8043 } 8036 8044 … … 8101 8109 .nav-pills .nav-link.active, 8102 8110 .nav-pills .show > .nav-link { 8103 background-color: # 0081ff;8111 background-color: #2196F3; 8104 8112 } 8105 8113 … … 8335 8343 8336 8344 .dd-handle:hover { 8337 color: # 0081ff;8345 color: #2196F3; 8338 8346 } 8339 8347 … … 8438 8446 .app-block .app-sidebar .app-sidebar-menu .list-group .list-group-item.active { 8439 8447 background: none; 8440 color: # 0081ff;8448 color: #2196F3; 8441 8449 } 8442 8450 … … 8641 8649 @media (min-width: 768px) { 8642 8650 .theme-switcher { 8643 opacity: 0;8644 8651 display: -webkit-box; 8645 8652 display: flex; … … 8665 8672 8666 8673 .theme-switcher .theme-switcher-button { 8667 background-color: # 0081ff;8674 background-color: #2196F3; 8668 8675 color: white; 8669 padding: 1 2px 15px;8676 padding: 15px 20px; 8670 8677 border-top-left-radius: 5px; 8671 8678 border-bottom-left-radius: 5px; … … 8674 8681 8675 8682 .theme-switcher .theme-switcher-button i { 8676 font-size: 22px;8683 font-size: 30px; 8677 8684 -webkit-animation-name: spin; 8678 8685 animation-name: spin; 8679 -webkit-animation-duration: 3000ms;8680 animation-duration: 3000ms;8686 -webkit-animation-duration: 2000ms; 8687 animation-duration: 2000ms; 8681 8688 -webkit-animation-iteration-count: infinite; 8682 8689 animation-iteration-count: infinite; … … 8694 8701 .app-block .app-content .theme-switcher .theme-switcher-panel .app-action { 8695 8702 margin-bottom: 0; 8696 border: 1px solid # 0081ff;8703 border: 1px solid #2196F3; 8697 8704 border-right: none; 8698 8705 border-top-right-radius: 0; … … 8781 8788 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul .header form .input-group .input-group-append li:hover > button.btn .nav-link-icon, 8782 8789 .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li:hover > button.btn .nav-link-icon { 8783 stroke: # 0081ff;8790 stroke: #2196F3; 8784 8791 } 8785 8792 … … 8818 8825 .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li.open > button.btn + ul li.open > button.btn { 8819 8826 background: none; 8820 color: # 0081ff;8827 color: #2196F3; 8821 8828 } 8822 8829 … … 8873 8880 .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.active.btn { 8874 8881 border-radius: 5px; 8875 background-color: # 0081ff;8882 background-color: #2196F3; 8876 8883 position: static; 8877 8884 } … … 8884 8891 8885 8892 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover { 8886 /*width: 320px;*/8893 width: 80px; 8887 8894 } 8888 8895 … … 8949 8956 left: 0; 8950 8957 opacity: 1; 8958 width: 80px; 8951 8959 } 8952 8960 … … 8961 8969 right: 0; 8962 8970 opacity: 1; 8971 width:80px; 8963 8972 } 8964 8973 … … 9077 9086 body.horizontal-navigation .header form .input-group .input-group-append .horizontal-navigation > ul > li:hover > button.btn, 9078 9087 .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation > ul > li:hover > button.btn { 9079 color: # 0081ff!important;9088 color: #2196F3 !important; 9080 9089 } 9081 9090 … … 9110 9119 body.horizontal-navigation .horizontal-navigation ul .header form .input-group .input-group-append li.open > button.btn, 9111 9120 .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li.open > button.btn { 9112 color: # 0081ff;9121 color: #2196F3; 9113 9122 } 9114 9123 … … 9136 9145 body.horizontal-navigation .horizontal-navigation ul li ul .header form .input-group .input-group-append li:hover > button.btn, 9137 9146 .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li:hover > button.btn { 9138 color: # 0081ff;9147 color: #2196F3; 9139 9148 } 9140 9149 … … 9148 9157 body.horizontal-navigation .horizontal-navigation ul li ul li .header form .input-group .input-group-append button.active.btn, 9149 9158 .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li button.active.btn { 9150 color: # 0081ff;9159 color: #2196F3; 9151 9160 } 9152 9161 … … 9154 9163 body.horizontal-navigation .horizontal-navigation ul li ul .header form .input-group .input-group-append li.open > button.btn, 9155 9164 .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li.open > button.btn { 9156 color: # 0081ff;9165 color: #2196F3; 9157 9166 } 9158 9167 … … 9191 9200 bottom: 0; 9192 9201 height: auto; 9193 /*width: 320px;*/9202 width: 80px; 9194 9203 background-color: white; 9195 9204 z-index: 1000; … … 9218 9227 body.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.active.btn, 9219 9228 .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li button.active.btn { 9220 color: # 0081ff;9229 color: #2196F3; 9221 9230 } 9222 9231 … … 9262 9271 body.horizontal-navigation .horizontal-navigation ul .header form .input-group .input-group-append li.open > button.btn, 9263 9272 .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li.open > button.btn { 9264 color: # 0081ff;9273 color: #2196F3; 9265 9274 } 9266 9275 … … 9273 9282 } 9274 9283 } 9284 9285 body.semi-dark:not(.dark) .nicescroll-cursors { 9286 background-color: rgba(255, 255, 255, 0.3) !important; 9287 } 9288 9275 9289 body.semi-dark:not(.dark) .navigation { 9276 9290 background-color: #313852; … … 9300 9314 body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn:not(.active):focus, 9301 9315 .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li button.btn:not(.active):focus { 9302 color: # 0081ff;9316 color: #2196F3; 9303 9317 } 9304 9318 … … 9349 9363 body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.active.btn:after, 9350 9364 .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li button.active.btn:after { 9351 background-color: # 0081ff;9365 background-color: #2196F3; 9352 9366 } 9353 9367 … … 9379 9393 9380 9394 body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .dropdown-divider { 9381 color: # 0081ff;9395 color: #2196F3; 9382 9396 } 9383 9397 … … 9418 9432 body.semi-dark:not(.dark) .header form .input-group .input-group-append .horizontal-navigation > ul > li.open > button.btn, 9419 9433 .header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation > ul > li.open > button.btn { 9420 color: # 1a8eff;9434 color: #39a1f4; 9421 9435 } 9422 9436 … … 9430 9444 body.semi-dark:not(.dark) .horizontal-navigation ul li .header form .input-group .input-group-append button.active.btn, 9431 9445 .header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation ul li button.active.btn { 9432 color: # 1a8eff;9446 color: #39a1f4; 9433 9447 } 9434 9448 … … 9439 9453 body.semi-dark:not(.dark) .horizontal-navigation ul li .header form .input-group .input-group-append button.btn:not(.active):focus, 9440 9454 .header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation ul li button.btn:not(.active):focus { 9441 color: # 1a8eff;9455 color: #39a1f4; 9442 9456 } 9443 9457 … … 9709 9723 .list-group .list-group-item.active { 9710 9724 z-index: auto; 9711 background: # 0081ff;9725 background: #2196F3; 9712 9726 } 9713 9727 … … 9751 9765 .table-email-list .header form .input-group .input-group-append button.btn:focus, 9752 9766 .header form .input-group .input-group-append .table-email-list button.btn:focus { 9753 color: # 0081ff;9767 color: #2196F3; 9754 9768 } 9755 9769 … … 9785 9799 9786 9800 .list-group .list-group-item.active { 9787 background: # 0081ff;9801 background: #2196F3; 9788 9802 border-color: transparent; 9789 9803 } … … 9798 9812 9799 9813 .nav-pills .nav-link.active { 9800 background: # 0081ff;9814 background: #2196F3; 9801 9815 } 9802 9816 9803 9817 .nav-tabs .nav-link.active { 9804 color: # 0081ff;9818 color: #2196F3; 9805 9819 } 9806 9820 … … 9983 9997 9984 9998 .header .avatar.avatar-state-success:before { 9985 border-color: # 0081ff;9999 border-color: #2196F3; 9986 10000 } 9987 10001 9988 10002 .header .header-left { 9989 /*width: 320px;*/10003 width: 320px; 9990 10004 padding-left: 30px; 9991 10005 display: -webkit-box; … … 10196 10210 background-color: white; 10197 10211 z-index: 998; 10198 /*width: 320px;*/10212 width: 80px; 10199 10213 box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1); 10200 10214 position: fixed; … … 10247 10261 .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn:hover, 10248 10262 .header form .input-group .input-group-append .navigation .navigation-menu-tab ul li button.btn:hover { 10249 color: # 0081ff;10263 color: #2196F3; 10250 10264 } 10251 10265 … … 10254 10268 .header form .input-group .input-group-append .navigation .navigation-menu-tab ul li button.active.btn { 10255 10269 color: white; 10256 background-color: # 0081ff;10257 box-shadow: 0px 5px 20px -14px # 0081ff;10270 background-color: #2196F3; 10271 box-shadow: 0px 5px 20px -14px #2196F3; 10258 10272 } 10259 10273 … … 10322 10336 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn:hover, 10323 10337 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn:hover { 10324 color: # 0081ff;10338 color: #2196F3; 10325 10339 } 10326 10340 … … 10328 10342 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn:hover .nav-link-icon, 10329 10343 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn:hover .nav-link-icon { 10330 stroke: # 0081ff;10344 stroke: #2196F3; 10331 10345 } 10332 10346 … … 10335 10349 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.active.btn { 10336 10350 position: relative; 10337 color: # 0081ff;10351 color: #2196F3; 10338 10352 font-weight: 600; 10339 background: rgba( 0, 129, 255, 0.15);10353 background: rgba(33, 150, 243, 0.15); 10340 10354 border-radius: 0.5rem; 10341 10355 margin: 0 1rem; … … 10348 10362 display: block; 10349 10363 border: 6px solid transparent; 10350 border-left-color: # 0081ff;10364 border-left-color: #2196F3; 10351 10365 margin-left: -12px; 10352 10366 margin-right: 5px; … … 10419 10433 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn, 10420 10434 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li.open > button.btn { 10421 color: # 0081ff;10435 color: #2196F3; 10422 10436 font-weight: 600; 10423 10437 } … … 10426 10440 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn .nav-link-icon, 10427 10441 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li.open > button.btn .nav-link-icon { 10428 stroke: # 0081ff;10442 stroke: #2196F3; 10429 10443 } 10430 10444 … … 10705 10719 body.dark .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn:not(.active):focus, 10706 10720 .header form .input-group .input-group-append body.dark .navigation .navigation-menu-tab ul li button.btn:not(.active):focus { 10707 color: # 0081ff;10721 color: #2196F3; 10708 10722 } 10709 10723 … … 10757 10771 10758 10772 body.dark .navigation .navigation-menu-body ul li .dropdown-divider { 10759 color: # 0081ff;10773 color: #2196F3; 10760 10774 } 10761 10775 … … 10834 10848 10835 10849 body.dark .breadcrumb li.breadcrumb-item.active { 10836 color: # 339aff;10850 color: #51adf6; 10837 10851 } 10838 10852 … … 10870 10884 body.dark .swal-modal input.swal-content__input:focus, 10871 10885 .swal-modal body.dark input.swal-content__input:focus { 10872 border-color: # 0081ff!important;10886 border-color: #2196F3 !important; 10873 10887 } 10874 10888 … … 11250 11264 body.dark .daterangepicker td.end-date { 11251 11265 color: white; 11252 background-color: # 0081ff;11266 background-color: #2196F3; 11253 11267 } 11254 11268 … … 11275 11289 body.dark .daterangepicker td.available:hover, 11276 11290 body.dark .daterangepicker th.available:hover { 11277 background-color: # 0081ff;11291 background-color: #2196F3; 11278 11292 color: white; 11279 11293 } … … 11363 11377 body.dark .sidebar { 11364 11378 background: #313852; 11379 } 11380 11381 body.dark .nicescroll-cursors { 11382 background-color: rgba(255, 255, 255, 0.15) !important; 11365 11383 } 11366 11384 … … 11740 11758 .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li ul li button.btn:hover { 11741 11759 background: none; 11742 color: # 339aff;11760 color: #51adf6; 11743 11761 } 11744 11762 … … 11747 11765 .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li ul li button.active.btn { 11748 11766 background: none; 11749 color: # 339aff;11767 color: #51adf6; 11750 11768 } 11751 11769 … … 11758 11776 .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li ul li.open > button.btn { 11759 11777 background: none; 11760 color: # 339aff;11778 color: #51adf6; 11761 11779 } 11762 11780 … … 11778 11796 body.dark.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.btn:hover, 11779 11797 .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li button.btn:hover { 11780 color: # 339aff;11798 color: #51adf6; 11781 11799 } 11782 11800 … … 11784 11802 body.dark.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.active.btn, 11785 11803 .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li button.active.btn { 11786 color: # 339aff;11804 color: #51adf6; 11787 11805 } 11788 11806 … … 11790 11808 body.dark.horizontal-navigation .horizontal-navigation ul .header form .input-group .input-group-append li.open > button.btn, 11791 11809 .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li.open > button.btn { 11792 color: # 339aff;11810 color: #51adf6; 11793 11811 } 11794 11812 } … … 11964 11982 left: 0; 11965 11983 opacity: 1; 11984 width:80px; 11966 11985 } 11967 11986 … … 12258 12277 12259 12278 .navigation { 12260 width: 20%;12279 width: 75%; 12261 12280 } 12262 12281 -
resources/assets/css/app.min.css
r194a359 r24a616f 3349 3349 } 3350 3350 3351 * {3351 *:not(img) { 3352 3352 min-width: 0; 3353 min-height: 0;3354 3353 } 3355 3354 … … 3407 3406 3408 3407 .preloader svg path { 3409 fill: # 0081ff;3408 fill: #2196F3; 3410 3409 } 3411 3410 … … 3434 3433 3435 3434 .icon-block.icon-block-outline-primary { 3436 border: 2px solid # 0081ff;3437 color: # 0081ff!important;3435 border: 2px solid #2196F3; 3436 color: #2196F3 !important; 3438 3437 background: none; 3439 3438 } … … 3601 3600 .custom-select:focus { 3602 3601 box-shadow: none; 3603 border-color: rgba( 0, 129, 255, 0.8);3602 border-color: rgba(33, 150, 243, 0.8); 3604 3603 } 3605 3604 … … 3631 3630 3632 3631 .custom-file-input:focus ~ .custom-file-label { 3633 border-color: # 339aff;3632 border-color: #51adf6; 3634 3633 box-shadow: none; 3635 3634 } … … 3648 3647 .custom-radio .custom-control-input:checked ~ .custom-control-label::before, 3649 3648 .custom-switch .custom-control-input:checked ~ .custom-control-label::before { 3650 border-color: # 0081ff;3651 background-color: # 0081ff;3649 border-color: #2196F3; 3650 background-color: #2196F3; 3652 3651 } 3653 3652 … … 3655 3654 .custom-radio .custom-control-input:focus ~ .custom-control-label::before, 3656 3655 .custom-switch .custom-control-input:focus ~ .custom-control-label::before { 3657 box-shadow: 0 0 0 0.2rem rgba( 0, 129, 255, 0.3);3656 box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.3); 3658 3657 } 3659 3658 … … 3661 3660 .custom-radio .custom-control-input:not(:disabled):active ~ .custom-control-label::before, 3662 3661 .custom-switch .custom-control-input:not(:disabled):active ~ .custom-control-label::before { 3663 border-color: # 5caeff;3664 background-color: # 5caeff;3662 border-color: #78bff8; 3663 background-color: #78bff8; 3665 3664 } 3666 3665 … … 3794 3793 3795 3794 .custom-range::-webkit-slider-thumb { 3796 background-color: # 0081ff;3795 background-color: #2196F3; 3797 3796 } 3798 3797 3799 3798 .custom-range::-webkit-slider-thumb:active { 3800 background-color: # 5caeff;3799 background-color: #78bff8; 3801 3800 } 3802 3801 … … 3914 3913 .wizard > .steps .current a:hover, 3915 3914 .wizard > .steps .current a:active { 3916 background: # 0081ff;3915 background: #2196F3; 3917 3916 } 3918 3917 … … 3988 3987 3989 3988 .page-header .breadcrumb li.breadcrumb-item.active { 3990 color: # 0081ff;3989 color: #2196F3; 3991 3990 font-weight: 600; 3992 3991 } … … 4176 4175 4177 4176 .bg-primary { 4178 background: # 0081ff!important;4177 background: #2196F3 !important; 4179 4178 color: white !important; 4180 4179 } 4181 4180 4182 4181 .bg-primary-bright { 4183 background: rgba( 0, 129, 255, 0.3) !important;4182 background: rgba(33, 150, 243, 0.3) !important; 4184 4183 } 4185 4184 … … 4194 4193 4195 4194 .bg-primary-gradient { 4196 background: linear-gradient(230deg, # 0081ff, #4da7ff) !important;4195 background: linear-gradient(230deg, #2196F3, #6ab8f7) !important; 4197 4196 color: white !important; 4198 4197 } … … 4435 4434 4436 4435 .text-primary { 4437 color: # 0081ff!important;4436 color: #2196F3 !important; 4438 4437 } 4439 4438 … … 4577 4576 ul.links .header form .input-group .input-group-append button.active.btn, 4578 4577 .header form .input-group .input-group-append ul.links button.active.btn { 4579 color: # 0081ff;4578 color: #2196F3; 4580 4579 font-weight: 500; 4581 4580 } … … 4665 4664 a.link-1, 4666 4665 .header form .input-group .input-group-append button.link-1.btn { 4667 color: # 0081ff;4666 color: #2196F3; 4668 4667 } 4669 4668 … … 4672 4671 a.link-1:focus, 4673 4672 .header form .input-group .input-group-append button.link-1.btn:focus { 4674 color: rgba( 0, 129, 255, 0.8);4673 color: rgba(33, 150, 243, 0.8); 4675 4674 } 4676 4675 … … 4684 4683 a.link-2:focus, 4685 4684 .header form .input-group .input-group-append button.link-2.btn:focus { 4686 color: # 0081ff;4685 color: #2196F3; 4687 4686 } 4688 4687 … … 4696 4695 a.link-3:focus, 4697 4696 .header form .input-group .input-group-append button.link-3.btn:focus { 4698 color: # 0081ff;4697 color: #2196F3; 4699 4698 } 4700 4699 … … 4722 4721 4723 4722 .page-link { 4724 color: # 0081ff;4723 color: #2196F3; 4725 4724 } 4726 4725 4727 4726 .page-link:not(:disabled):not(.disabled):focus { 4728 box-shadow: 0 0 0 0.2rem rgba( 0, 129, 255, 0.3);4727 box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.3); 4729 4728 } 4730 4729 … … 4837 4836 a.btn[href="#previous"], 4838 4837 .header form .input-group .input-group-append button.btn[href="#previous"] { 4839 background: # 0081ff;4840 border-color: # 0081ff;4838 background: #2196F3; 4839 border-color: #2196F3; 4841 4840 } 4842 4841 … … 4856 4855 a.btn[href="#previous"]:not(:disabled):not(.disabled):active, 4857 4856 .header form .input-group .input-group-append button.btn[href="#previous"]:not(:disabled):not(.disabled):active { 4858 background: #0 067cc;4859 border-color: #0 067cc;4857 background: #0c7cd5; 4858 border-color: #0c7cd5; 4860 4859 } 4861 4860 … … 4865 4864 a.btn[href="#previous"]:not(:disabled):not(.disabled):focus, 4866 4865 .header form .input-group .input-group-append button.btn[href="#previous"]:not(:disabled):not(.disabled):focus { 4867 box-shadow: 0 0 0 0.2rem rgba( 0, 129, 255, 0.4) !important;4866 box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.4) !important; 4868 4867 } 4869 4868 … … 4873 4872 a.btn.btn-pulse[href="#previous"]:not(:disabled):not(.disabled), 4874 4873 .header form .input-group .input-group-append button.btn.btn-pulse[href="#previous"]:not(:disabled):not(.disabled) { 4875 box-shadow: 0 0 0 0 rgba( 0, 129, 255, 0.9) !important;4874 box-shadow: 0 0 0 0 rgba(33, 150, 243, 0.9) !important; 4876 4875 -webkit-animation: pulse 1.5s infinite !important; 4877 4876 } … … 4886 4885 4887 4886 .btn.btn-gradient-primary { 4888 background: linear-gradient(20deg, # 4da7ff, #0067cc);4887 background: linear-gradient(20deg, #6ab8f7, #0c7cd5); 4889 4888 border-color: transparent; 4890 4889 color: white; … … 4894 4893 .btn.btn-gradient-primary:not(:disabled):not(.disabled):focus, 4895 4894 .btn.btn-gradient-primary:not(:disabled):not(.disabled):active { 4896 background: linear-gradient(20deg, # 0081ff, #0067cc);4895 background: linear-gradient(20deg, #2196F3, #0c7cd5); 4897 4896 border-color: transparent; 4898 4897 } 4899 4898 4900 4899 .btn.btn-gradient-primary:not(:disabled):not(.disabled):focus { 4901 box-shadow: 0 0 0 0.2rem rgba( 0, 129, 255, 0.5);4900 box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); 4902 4901 } 4903 4902 4904 4903 .btn.btn-gradient-primary.btn-pulse:not(:disabled):not(.disabled) { 4905 box-shadow: 0 0 0 0 rgba( 0, 129, 255, 0.9) !important;4904 box-shadow: 0 0 0 0 rgba(33, 150, 243, 0.9) !important; 4906 4905 -webkit-animation: pulse 1.5s infinite !important; 4907 4906 } … … 4912 4911 4913 4912 .btn.btn-light-primary { 4914 background: rgba( 0, 129, 255, 0.3);4913 background: rgba(33, 150, 243, 0.3); 4915 4914 border-color: transparent; 4916 color: #0 053a3;4915 color: #0966af; 4917 4916 } 4918 4917 … … 4920 4919 .btn.btn-light-primary:not(:disabled):not(.disabled):focus, 4921 4920 .btn.btn-light-primary:not(:disabled):not(.disabled):active { 4922 background: rgba( 0, 129, 255, 0.5);4921 background: rgba(33, 150, 243, 0.5); 4923 4922 border-color: transparent; 4924 4923 } 4925 4924 4926 4925 .btn.btn-light-primary:not(:disabled):not(.disabled):focus { 4927 box-shadow: 0 0 0 0.2rem rgba( 0, 129, 255, 0.2);4926 box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.2); 4928 4927 } 4929 4928 4930 4929 .btn.btn-light-primary.btn-pulse:not(:disabled):not(.disabled) { 4931 box-shadow: 0 0 0 0 rgba( 0, 129, 255, 0.9) !important;4930 box-shadow: 0 0 0 0 rgba(33, 150, 243, 0.9) !important; 4932 4931 -webkit-animation: pulse 1.5s infinite !important; 4933 4932 } … … 4939 4938 .btn.btn-outline-primary { 4940 4939 background: none; 4941 border-color: # 0081ff;4942 color: #0 074e6;4940 border-color: #2196F3; 4941 color: #0d8aee; 4943 4942 border-width: 1px; 4944 4943 } 4945 4944 4946 4945 .btn.btn-outline-primary:not(:disabled):not(.disabled):hover { 4947 background: # 0081ff;4948 border-color: # 0081ff;4946 background: #2196F3; 4947 border-color: #2196F3; 4949 4948 color: white; 4950 4949 } … … 4952 4951 .btn.btn-outline-primary:not(:disabled):not(.disabled):focus, 4953 4952 .btn.btn-outline-primary:not(:disabled):not(.disabled):active { 4954 background: #0 062c2;4955 border-color: #0 062c2;4953 background: #0b76cc; 4954 border-color: #0b76cc; 4956 4955 color: white; 4957 4956 } 4958 4957 4959 4958 .btn.btn-outline-primary:not(:disabled):not(.disabled):focus { 4960 box-shadow: 0 0 0 0.2rem rgba( 0, 129, 255, 0.4);4959 box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.4); 4961 4960 } 4962 4961 4963 4962 .btn.btn-outline-primary.btn-pulse:not(:disabled):not(.disabled) { 4964 box-shadow: 0 0 0 0 rgba( 0, 129, 255, 0.9) !important;4963 box-shadow: 0 0 0 0 rgba(33, 150, 243, 0.9) !important; 4965 4964 -webkit-animation: pulse 1.5s infinite !important; 4966 4965 } … … 6521 6520 6522 6521 .progress .progress-bar:not(.progress-bar-striped) { 6523 background: # 0081ff;6522 background: #2196F3; 6524 6523 } 6525 6524 … … 6579 6578 6580 6579 .dropdown-menu .dropdown-menu-title { 6581 background-color: # 0081ff;6580 background-color: #2196F3; 6582 6581 padding: 15px 20px; 6583 6582 color: white; … … 6606 6605 background: #f5f5f5; 6607 6606 text-decoration: none; 6608 color: # 0081ff;6607 color: #2196F3; 6609 6608 } 6610 6609 … … 6643 6642 6644 6643 .badge.badge-primary { 6645 background: # 0081ff;6644 background: #2196F3; 6646 6645 } 6647 6646 … … 6736 6735 .accordion.custom-accordion .accordion-row .header form .input-group .input-group-append button.accordion-header.btn:focus, 6737 6736 .header form .input-group .input-group-append .accordion.custom-accordion .accordion-row button.accordion-header.btn:focus { 6738 color: # 0081ff;6737 color: #2196F3; 6739 6738 } 6740 6739 … … 6778 6777 .accordion.custom-accordion.accordion-primary .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:focus, 6779 6778 .header form .input-group .input-group-append .accordion.custom-accordion.accordion-primary .accordion-row:not(.open) button.accordion-header.btn:focus { 6780 color: # 0081ff;6779 color: #2196F3; 6781 6780 } 6782 6781 … … 6784 6783 .accordion.custom-accordion.accordion-primary .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn, 6785 6784 .header form .input-group .input-group-append .accordion.custom-accordion.accordion-primary .accordion-row.open button.accordion-header.btn { 6786 background: # 0081ff;6785 background: #2196F3; 6787 6786 color: white; 6788 6787 } … … 6900 6899 } 6901 6900 6901 .nicescroll-cursors { 6902 border: none !important; 6903 } 6904 6905 body:not(.dark) .nicescroll-cursors { 6906 background-color: rgba(41, 49, 52, 0.4) !important; 6907 width: 3px !important; 6908 } 6909 6902 6910 .isotope-item { 6903 6911 z-index: 2; … … 6932 6940 6933 6941 .daterangepicker td.active { 6934 background: # 0081ff;6942 background: #2196F3; 6935 6943 } 6936 6944 6937 6945 .daterangepicker td.active:hover { 6938 background: # 0081ff;6946 background: #2196F3; 6939 6947 } 6940 6948 6941 6949 .daterangepicker .ranges li.active { 6942 background: # 0081ff;6950 background: #2196F3; 6943 6951 } 6944 6952 … … 6966 6974 6967 6975 .alert.alert-primary { 6968 background: rgba( 0, 129, 255, 0.3) !important;6976 background: rgba(33, 150, 243, 0.3) !important; 6969 6977 } 6970 6978 6971 6979 .alert.alert-primary.alert-with-border { 6972 border-left: 3px solid # 0081ff!important;6980 border-left: 3px solid #2196F3 !important; 6973 6981 } 6974 6982 … … 7042 7050 7043 7051 .breadcrumb .breadcrumb-item.active { 7044 color: # 0081ff;7052 color: #2196F3; 7045 7053 } 7046 7054 … … 7061 7069 7062 7070 .pagination .page-item.active .page-link { 7063 background: # 0081ff;7071 background: #2196F3; 7064 7072 border-color: transparent; 7065 7073 } … … 7156 7164 7157 7165 .swal-modal .swal-button.swal-button--confirm { 7158 background: # 0081ff;7166 background: #2196F3; 7159 7167 } 7160 7168 … … 7178 7186 .irs .irs-to, 7179 7187 .irs .irs-from { 7180 background: # 0081ff;7188 background: #2196F3; 7181 7189 } 7182 7190 … … 7184 7192 .irs .irs-to:before, 7185 7193 .irs .irs-from:before { 7186 border-top-color: # 0081ff;7194 border-top-color: #2196F3; 7187 7195 } 7188 7196 7189 7197 .irs .irs-handle { 7190 border-color: # 0081ff;7198 border-color: #2196F3; 7191 7199 } 7192 7200 7193 7201 .irs .irs-bar { 7194 background: # 0081ff;7202 background: #2196F3; 7195 7203 } 7196 7204 … … 7230 7238 7231 7239 .select2-container--default .select2-results__option--highlighted[aria-selected] { 7232 background-color: # 0081ff;7240 background-color: #2196F3; 7233 7241 color: white; 7234 7242 } 7235 7243 7236 7244 .select2-container--default.select2-container--focus .select2-selection--multiple { 7237 border-color: rgba( 0, 129, 255, 0.8);7245 border-color: rgba(33, 150, 243, 0.8); 7238 7246 } 7239 7247 … … 7336 7344 7337 7345 .wickedpicker .wickedpicker__controls__control .hover-state { 7338 color: # 0081ff;7346 color: #2196F3; 7339 7347 } 7340 7348 … … 7395 7403 -webkit-transition: color 0.3s; 7396 7404 transition: color 0.3s; 7397 color: # 0081ff;7405 color: #2196F3; 7398 7406 } 7399 7407 … … 7511 7519 7512 7520 .avatar.avatar-state-primary:before { 7513 background: # 0081ff;7521 background: #2196F3; 7514 7522 } 7515 7523 … … 7563 7571 .dropzone { 7564 7572 border-width: 1px; 7565 border-color: # 0081ff;7573 border-color: #2196F3; 7566 7574 } 7567 7575 … … 7690 7698 .chat-block .chat-sidebar .chat-sidebar-content .list-group .list-group-item.active { 7691 7699 color: black; 7692 border-color: # 0081ff;7700 border-color: #2196F3; 7693 7701 } 7694 7702 … … 7780 7788 left: auto; 7781 7789 right: -10px; 7782 border-left-color: # 0081ff;7790 border-left-color: #2196F3; 7783 7791 border-right-color: transparent; 7784 7792 } 7785 7793 7786 7794 .chat-block .chat-content .messages .message-item.me .message-item-content { 7787 background-color: # 0081ff;7795 background-color: #2196F3; 7788 7796 color: rgba(255, 255, 255, 0.9); 7789 7797 } … … 7918 7926 7919 7927 .fc .fc-event { 7920 background: # 0081ff;7928 background: #2196F3; 7921 7929 color: white !important; 7922 7930 border: none; … … 7981 7989 7982 7990 .fc .fc-list-table .fc-list-item.bg-primary:hover td { 7983 background: # 0081ff!important;7991 background: #2196F3 !important; 7984 7992 } 7985 7993 … … 8012 8020 8013 8021 .fc .fc-state-default.fc-state-active { 8014 background: # 0081ff;8022 background: #2196F3; 8015 8023 color: white; 8016 8024 } … … 8026 8034 8027 8035 .list-group .list-group-item.list-group-item-primary { 8028 background: # 0081ff!important;8036 background: #2196F3 !important; 8029 8037 color: white !important; 8030 8038 } 8031 8039 8032 8040 .list-group .list-group-item.list-group-item-primary-bright { 8033 background: rgba( 0, 129, 255, 0.3) !important;8034 color: # 0081ff!important;8041 background: rgba(33, 150, 243, 0.3) !important; 8042 color: #2196F3 !important; 8035 8043 } 8036 8044 … … 8101 8109 .nav-pills .nav-link.active, 8102 8110 .nav-pills .show > .nav-link { 8103 background-color: # 0081ff;8111 background-color: #2196F3; 8104 8112 } 8105 8113 … … 8335 8343 8336 8344 .dd-handle:hover { 8337 color: # 0081ff;8345 color: #2196F3; 8338 8346 } 8339 8347 … … 8438 8446 .app-block .app-sidebar .app-sidebar-menu .list-group .list-group-item.active { 8439 8447 background: none; 8440 color: # 0081ff;8448 color: #2196F3; 8441 8449 } 8442 8450 … … 8641 8649 @media (min-width: 768px) { 8642 8650 .theme-switcher { 8643 opacity: 0;8644 8651 display: -webkit-box; 8645 8652 display: flex; … … 8665 8672 8666 8673 .theme-switcher .theme-switcher-button { 8667 background-color: # 0081ff;8674 background-color: #2196F3; 8668 8675 color: white; 8669 padding: 1 2px 15px;8676 padding: 15px 20px; 8670 8677 border-top-left-radius: 5px; 8671 8678 border-bottom-left-radius: 5px; … … 8674 8681 8675 8682 .theme-switcher .theme-switcher-button i { 8676 font-size: 22px;8683 font-size: 30px; 8677 8684 -webkit-animation-name: spin; 8678 8685 animation-name: spin; 8679 -webkit-animation-duration: 3000ms;8680 animation-duration: 3000ms;8686 -webkit-animation-duration: 2000ms; 8687 animation-duration: 2000ms; 8681 8688 -webkit-animation-iteration-count: infinite; 8682 8689 animation-iteration-count: infinite; … … 8694 8701 .app-block .app-content .theme-switcher .theme-switcher-panel .app-action { 8695 8702 margin-bottom: 0; 8696 border: 1px solid # 0081ff;8703 border: 1px solid #2196F3; 8697 8704 border-right: none; 8698 8705 border-top-right-radius: 0; … … 8781 8788 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul .header form .input-group .input-group-append li:hover > button.btn .nav-link-icon, 8782 8789 .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li:hover > button.btn .nav-link-icon { 8783 stroke: # 0081ff;8790 stroke: #2196F3; 8784 8791 } 8785 8792 … … 8818 8825 .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li.open > button.btn + ul li.open > button.btn { 8819 8826 background: none; 8820 color: # 0081ff;8827 color: #2196F3; 8821 8828 } 8822 8829 … … 8873 8880 .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.active.btn { 8874 8881 border-radius: 5px; 8875 background-color: # 0081ff;8882 background-color: #2196F3; 8876 8883 position: static; 8877 8884 } … … 8884 8891 8885 8892 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover { 8886 /*width: 320px;*/8893 width: 80px; 8887 8894 } 8888 8895 … … 8949 8956 left: 0; 8950 8957 opacity: 1; 8958 width:80px; 8951 8959 } 8952 8960 … … 8961 8969 right: 0; 8962 8970 opacity: 1; 8971 width: 80px; 8963 8972 } 8964 8973 … … 9077 9086 body.horizontal-navigation .header form .input-group .input-group-append .horizontal-navigation > ul > li:hover > button.btn, 9078 9087 .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation > ul > li:hover > button.btn { 9079 color: # 0081ff!important;9088 color: #2196F3 !important; 9080 9089 } 9081 9090 … … 9110 9119 body.horizontal-navigation .horizontal-navigation ul .header form .input-group .input-group-append li.open > button.btn, 9111 9120 .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li.open > button.btn { 9112 color: # 0081ff;9121 color: #2196F3; 9113 9122 } 9114 9123 … … 9136 9145 body.horizontal-navigation .horizontal-navigation ul li ul .header form .input-group .input-group-append li:hover > button.btn, 9137 9146 .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li:hover > button.btn { 9138 color: # 0081ff;9147 color: #2196F3; 9139 9148 } 9140 9149 … … 9148 9157 body.horizontal-navigation .horizontal-navigation ul li ul li .header form .input-group .input-group-append button.active.btn, 9149 9158 .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li button.active.btn { 9150 color: # 0081ff;9159 color: #2196F3; 9151 9160 } 9152 9161 … … 9154 9163 body.horizontal-navigation .horizontal-navigation ul li ul .header form .input-group .input-group-append li.open > button.btn, 9155 9164 .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li.open > button.btn { 9156 color: # 0081ff;9165 color: #2196F3; 9157 9166 } 9158 9167 … … 9191 9200 bottom: 0; 9192 9201 height: auto; 9193 /*width: 320px;*/9202 width: 80px; 9194 9203 background-color: white; 9195 9204 z-index: 1000; … … 9218 9227 body.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.active.btn, 9219 9228 .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li button.active.btn { 9220 color: # 0081ff;9229 color: #2196F3; 9221 9230 } 9222 9231 … … 9262 9271 body.horizontal-navigation .horizontal-navigation ul .header form .input-group .input-group-append li.open > button.btn, 9263 9272 .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li.open > button.btn { 9264 color: # 0081ff;9273 color: #2196F3; 9265 9274 } 9266 9275 … … 9272 9281 display: block; 9273 9282 } 9283 } 9284 9285 body.semi-dark:not(.dark) .nicescroll-cursors { 9286 background-color: rgba(255, 255, 255, 0.3) !important; 9274 9287 } 9275 9288 … … 9301 9314 body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn:not(.active):focus, 9302 9315 .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li button.btn:not(.active):focus { 9303 color: # 0081ff;9316 color: #2196F3; 9304 9317 } 9305 9318 … … 9350 9363 body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.active.btn:after, 9351 9364 .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li button.active.btn:after { 9352 background-color: # 0081ff;9365 background-color: #2196F3; 9353 9366 } 9354 9367 … … 9380 9393 9381 9394 body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .dropdown-divider { 9382 color: # 0081ff;9395 color: #2196F3; 9383 9396 } 9384 9397 … … 9419 9432 body.semi-dark:not(.dark) .header form .input-group .input-group-append .horizontal-navigation > ul > li.open > button.btn, 9420 9433 .header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation > ul > li.open > button.btn { 9421 color: # 1a8eff;9434 color: #39a1f4; 9422 9435 } 9423 9436 … … 9431 9444 body.semi-dark:not(.dark) .horizontal-navigation ul li .header form .input-group .input-group-append button.active.btn, 9432 9445 .header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation ul li button.active.btn { 9433 color: # 1a8eff;9446 color: #39a1f4; 9434 9447 } 9435 9448 … … 9440 9453 body.semi-dark:not(.dark) .horizontal-navigation ul li .header form .input-group .input-group-append button.btn:not(.active):focus, 9441 9454 .header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation ul li button.btn:not(.active):focus { 9442 color: # 1a8eff;9455 color: #39a1f4; 9443 9456 } 9444 9457 … … 9710 9723 .list-group .list-group-item.active { 9711 9724 z-index: auto; 9712 background: # 0081ff;9725 background: #2196F3; 9713 9726 } 9714 9727 … … 9752 9765 .table-email-list .header form .input-group .input-group-append button.btn:focus, 9753 9766 .header form .input-group .input-group-append .table-email-list button.btn:focus { 9754 color: # 0081ff;9767 color: #2196F3; 9755 9768 } 9756 9769 … … 9786 9799 9787 9800 .list-group .list-group-item.active { 9788 background: # 0081ff;9801 background: #2196F3; 9789 9802 border-color: transparent; 9790 9803 } … … 9799 9812 9800 9813 .nav-pills .nav-link.active { 9801 background: # 0081ff;9814 background: #2196F3; 9802 9815 } 9803 9816 9804 9817 .nav-tabs .nav-link.active { 9805 color: # 0081ff;9818 color: #2196F3; 9806 9819 } 9807 9820 … … 9984 9997 9985 9998 .header .avatar.avatar-state-success:before { 9986 border-color: # 0081ff;9999 border-color: #2196F3; 9987 10000 } 9988 10001 9989 10002 .header .header-left { 9990 /*width: 320px;*/10003 width: 80px; 9991 10004 padding-left: 30px; 9992 10005 display: -webkit-box; … … 10197 10210 background-color: white; 10198 10211 z-index: 998; 10199 /*width: 320px;*/10212 width: 80px; 10200 10213 box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1); 10201 10214 position: fixed; … … 10248 10261 .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn:hover, 10249 10262 .header form .input-group .input-group-append .navigation .navigation-menu-tab ul li button.btn:hover { 10250 color: # 0081ff;10263 color: #2196F3; 10251 10264 } 10252 10265 … … 10255 10268 .header form .input-group .input-group-append .navigation .navigation-menu-tab ul li button.active.btn { 10256 10269 color: white; 10257 background-color: # 0081ff;10258 box-shadow: 0px 5px 20px -14px # 0081ff;10270 background-color: #2196F3; 10271 box-shadow: 0px 5px 20px -14px #2196F3; 10259 10272 } 10260 10273 … … 10323 10336 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn:hover, 10324 10337 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn:hover { 10325 color: # 0081ff;10338 color: #2196F3; 10326 10339 } 10327 10340 … … 10329 10342 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn:hover .nav-link-icon, 10330 10343 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn:hover .nav-link-icon { 10331 stroke: # 0081ff;10344 stroke: #2196F3; 10332 10345 } 10333 10346 … … 10336 10349 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.active.btn { 10337 10350 position: relative; 10338 color: # 0081ff;10351 color: #2196F3; 10339 10352 font-weight: 600; 10340 background: rgba( 0, 129, 255, 0.15);10353 background: rgba(33, 150, 243, 0.15); 10341 10354 border-radius: 0.5rem; 10342 10355 margin: 0 1rem; … … 10349 10362 display: block; 10350 10363 border: 6px solid transparent; 10351 border-left-color: # 0081ff;10364 border-left-color: #2196F3; 10352 10365 margin-left: -12px; 10353 10366 margin-right: 5px; … … 10420 10433 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn, 10421 10434 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li.open > button.btn { 10422 color: # 0081ff;10435 color: #2196F3; 10423 10436 font-weight: 600; 10424 10437 } … … 10427 10440 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn .nav-link-icon, 10428 10441 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li.open > button.btn .nav-link-icon { 10429 stroke: # 0081ff;10442 stroke: #2196F3; 10430 10443 } 10431 10444 … … 10706 10719 body.dark .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn:not(.active):focus, 10707 10720 .header form .input-group .input-group-append body.dark .navigation .navigation-menu-tab ul li button.btn:not(.active):focus { 10708 color: # 0081ff;10721 color: #2196F3; 10709 10722 } 10710 10723 … … 10758 10771 10759 10772 body.dark .navigation .navigation-menu-body ul li .dropdown-divider { 10760 color: # 0081ff;10773 color: #2196F3; 10761 10774 } 10762 10775 … … 10835 10848 10836 10849 body.dark .breadcrumb li.breadcrumb-item.active { 10837 color: # 339aff;10850 color: #51adf6; 10838 10851 } 10839 10852 … … 10871 10884 body.dark .swal-modal input.swal-content__input:focus, 10872 10885 .swal-modal body.dark input.swal-content__input:focus { 10873 border-color: # 0081ff!important;10886 border-color: #2196F3 !important; 10874 10887 } 10875 10888 … … 11251 11264 body.dark .daterangepicker td.end-date { 11252 11265 color: white; 11253 background-color: # 0081ff;11266 background-color: #2196F3; 11254 11267 } 11255 11268 … … 11276 11289 body.dark .daterangepicker td.available:hover, 11277 11290 body.dark .daterangepicker th.available:hover { 11278 background-color: # 0081ff;11291 background-color: #2196F3; 11279 11292 color: white; 11280 11293 } … … 11364 11377 body.dark .sidebar { 11365 11378 background: #313852; 11379 } 11380 11381 body.dark .nicescroll-cursors { 11382 background-color: rgba(255, 255, 255, 0.15) !important; 11366 11383 } 11367 11384 … … 11741 11758 .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li ul li button.btn:hover { 11742 11759 background: none; 11743 color: # 339aff;11760 color: #51adf6; 11744 11761 } 11745 11762 … … 11748 11765 .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li ul li button.active.btn { 11749 11766 background: none; 11750 color: # 339aff;11767 color: #51adf6; 11751 11768 } 11752 11769 … … 11759 11776 .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li ul li.open > button.btn { 11760 11777 background: none; 11761 color: # 339aff;11778 color: #51adf6; 11762 11779 } 11763 11780 … … 11779 11796 body.dark.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.btn:hover, 11780 11797 .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li button.btn:hover { 11781 color: # 339aff;11798 color: #51adf6; 11782 11799 } 11783 11800 … … 11785 11802 body.dark.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.active.btn, 11786 11803 .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li button.active.btn { 11787 color: # 339aff;11804 color: #51adf6; 11788 11805 } 11789 11806 … … 11791 11808 body.dark.horizontal-navigation .horizontal-navigation ul .header form .input-group .input-group-append li.open > button.btn, 11792 11809 .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li.open > button.btn { 11793 color: # 339aff;11810 color: #51adf6; 11794 11811 } 11795 11812 } … … 11965 11982 left: 0; 11966 11983 opacity: 1; 11984 width:80px; 11967 11985 } 11968 11986 … … 12259 12277 12260 12278 .navigation { 12261 width: 20%;12279 width: 75%; 12262 12280 } 12263 12281 … … 12273 12291 12274 12292 .navigation { 12275 width: 20%;12293 width: 85%; 12276 12294 } 12277 12295 }
Note:
See TracChangeset
for help on using the changeset viewer.