%PDF- %PDF-
Direktori : /home/silvzytp/ccd-ind.silveroak.website/assets/css/ |
Current File : /home/silvzytp/ccd-ind.silveroak.website/assets/css/custom.css |
:root{ --primary-color: #23b7e5; } .cursor-pointer{ cursor: pointer; } .ui-checkbox .input-span, .ui-radio .input-span { height: 17px !important; width: 17px !important; margin-top: 2px; } .compact-menu:not(.horizontal-menu) #header-fix .logo-bar { width: 250px !important; } .ui-checkbox .input-span::after, .ui-radio .input-span::after { left: 6px; top: 1px; border-color: var(--primary-color); } /* breadcrumb */ .breadcrumb-nav li{ display: inline-block; } .breadcrumb-nav li:first-child::before{ padding: 0; content: ''; } .breadcrumb-nav li::before{ padding-right: .5rem; padding-left: .5rem; color: #868e96; content: "/"; } .breadcrumb-nav li a{ color: var(--primary-color); } /* btn style */ .action-btn .btn-style{ margin-left: 4px; } .btn-style { text-align: center; width: 30px; height: 30px; line-height: 30px; border: 0; border-radius: 50%; font-size: 12px; display: inline-block; transition: .5s ease-in-out; } .btn-style-danger{ background: rgba(239,72,106,.15); color: #ff5370; } .btn-style-danger:hover { background: #ff5370; color: #fff; } .btn-style-edit{ background: rgba(55,125,255,.15); color: #377dff; } .btn-style-edit:hover { background: #377dff; color: #fff; } .btn-style-view{ background: rgba(23, 162, 184, .15); color: #17a2b8; } .btn-style-view:hover { background: #17a2b8; color: #fff; } .btn-style-clone{ background: rgba(255, 193, 7, .25); color: #ffc107; } .btn-style-clone:hover { background: #ffc107; color: #fff; } label{ font-weight: 600; font-size: 13px !important; } .required::after{ content: '*'; font-size: 14px; color: #ff5370; } input::placeholder{ font-size: 12px; } button,a{ transition: .5s all; } .btn, button{ cursor: pointer; } .table td, .table th { vertical-align: middle; text-align: center; } .table thead th { font-weight: 600; text-transform: capitalize; font-size: 13px; border-bottom: 0 !important; } .table thead th:first-child { padding-left: 15px; } .table thead th:last-child { padding-right: 15px; } table td:first-child{ padding-left: 15px; } table td:last-child{ padding-right: 15px; } .bg-danger-color{ background: #ff5370; } .modal-header .close{ opacity: 1; } .modal-header .close::before { font-size: 10px; color: #fff; } .fw-800{ font-weight: 800; } .fs-ism{ font-size: 9px; } /* sidebar */ .page-sidebar{ width: 230px; } .header .page-brand{ width: 230px; } .content-wrapper{ margin-left: 230px; } .error{ font-size: 12px; font-weight: 600; } /* datatable */ .dataTables_length{ padding-left: 15px; } .pr-15{ padding-right: 15px; } .dataTables_info{ padding-left: 15px; font-size: 13px; } .dataTables_paginate ul.pagination li a { padding: 4px 10px; font-size: 13px; } img.avatar-img { width: 45px; height: 45px; border-radius: 50%; } #dropdown-menu-action { color: #000; padding: 2px 8px; } .overflow-hidden{ overflow: hidden; } .dropdown-menu .dropdown-item, .dropdown-menu>li>a { padding: 5px 15px !important; font-size: 13px; } .dropdown-menu a.dropdown-item i, .dropdown-menu button.dropdown-item i { width: 15px; max-width: 15px; } .dtr-details{ width: 100%; } .dtr-details li:last-child{ display: flex; align-items: center; } td.child{ text-align: left !important; } .opacity-0{ opacity: 0; } .header .dropdown-user a.dropdown-toggle img{ height: 30px; } .input-group-text{ border-right: 1px solid rgba(72, 94, 144, 0.16) !important; } table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before { height: 1.5em !important; width: 1.5em !important; line-height: 1.5em !important; }