/*! * custom Kaffy Css */ .navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini img { width: calc(4.375rem - 40px); max-width: 100%; height: 28px; margin: auto; } .sidebar .nav.sub-menu .nav-item .nav-link::before { content: "\f061"; font-family: "Font Awesome 5 Free"; display: block; position: absolute; left: 0px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #d8dff5; font-size: .75rem; font-weight:900; } .sidebar .nav .nav-item .nav-link .menu-arrow{ margin-right: 0.4rem; } .sidebar .nav .nav-item .nav-link[aria-expanded="true"] .menu-arrow:before { content: "\f078"; color: #c0cbee; } .sidebar .nav .nav-item.active .nav-link[aria-expanded="true"] .menu-arrow:before { color: #4285f4; } .sidebar .nav .nav-item .nav-link i.menu-arrow::before { content: "\f078"; font-family: "Font Awesome 5 Free"; line-height: 1; display: block; color: #4285f4; font-size: .75rem; font-weight:900; } .sidebar .nav .nav-item .nav-link.collapsed i.menu-arrow::before { content: "\f053"; font-family: "Font Awesome 5 Free"; line-height: 1; display: block; color: #c0cbee; font-size: 1rem; font-weight: 900; } .sidebar .nav .nav-item.active .nav-link.collapsed .menu-arrow:before { color: #4285f4; } .checkbox-selected-count { margin-left: 0.5rem; } .sidebar .nav .nav-item:hover { background: #1240c4; } .btn-sm, .btn-group-sm > .btn { padding: 0.5rem 0.81rem; margin: 0.2rem; } .table .thead-dark th { color: #fff; background-color: #4e73df; border-color: #4f64a1; } .table-striped tbody tr:nth-of-type(2n+1) { background-color: rgba(0,0,0,.02); } .index-table-footer { margin-top: 20px; } .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active { background: -webkit-gradient(linear, left top, right top, from(#559bd8), to(#559bd8)); background: linear-gradient(to right, #4e73df, #4e73df); color: #b4c2ec; } /* flatpickr */ .flatpickr-input[readonly] { cursor: pointer; background-color: #ffffff; } /* Would need to overwrite our purple admin template with the bellow */ /* improve style of the datetime picker */ /* Should be updated in _form.scss */ .input-group-append .input-group-text, .input-group-prepend .input-group-text { border-color: #ced4da; padding: 0.94rem 0.90rem; color: #c9c8c8; border-radius: 0.2125rem; } .input-group-prepend { margin-right: 0px; } .input-group-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: .375rem .75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 0.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: .25rem; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } /* Make the custom select height bigger */ /* Should be updated in _custom_form.scss */ .custom-select { height: calc(2em + 0.75rem + 2px); } a.kaffy-order-field { cursor:pointer; } /* Improved Alert box */ .alert{padding: 20px; transition:all .3s ease;} .alert:hover, .alert:focus{transform:scale(1.04); -webkit-box-shadow: 0 8px 20px #e8e8e8;box-shadow: 0 8px 20px #e8e8e8;} .alert .close{opacity:0; transition:opacity .3s ease;} .alert:hover .close, .alert:focus .close{opacity:.2;} .alert i{min-width:30px; text-align:center;} .alert-primary{ color: #FFFFFF; background: #4285F4; border-color: #387ae4; } .alert-secondary{ color: #5a6ca1; background: #b6c6f7; border-color: #97a8da; } .alert-success{ color: #FFFFFF; background: #00C851; border-color: #02af47; } .alert-info{ color: #FFFFFF; background: #5ABBDB; border-color: #4ba5c4; } .alert-warning{ color: #FFFFFF; background: #ffbb33; border-color: #e9a826; } .alert-danger{ color: #FFFFFF; background: #fa5e5e; border-color: #db4646; } @media (max-width: 991px) { .content-wrapper { padding: 1rem 0rem 1rem 0rem; width: 100%; } } /* Fix mobile large margin */ @media (max-width: 575.98px) { .col-lg-12 { padding-right: 0.15rem; padding-left: 0.15rem; } .card .card-body { padding: 0.25rem 0.25rem; } .table th, .table td { padding: 0.375rem; } } /* center pagination */ .index-pagination { margin:0 auto; } /* Form Help text */ .help_text { margin-top: 0.25rem; color: #9c9c9c; font-size: .75rem; font-style: italic; }