.login-box, .register-box { width: 100%; max-width: 540px; margin: 7% auto; } .login-logo{ background: orange; } .sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active { color: #000 !important; background-color: rgba(255,255,255,1); } .sidebar-dark-primary .nav-treeview>.nav-item>.nav-link.active, .sidebar-dark-primary .nav-treeview>.nav-item>.nav-link.active:hover { color: #343a40; background-color: rgba(255,255,255,.3); } .breadcrumb-item+.breadcrumb-item::before { display: inline-block; padding-right: .5rem; color: #6c757d; content: ">"; } .text-secondary { color: #666 !important; } .text-success { color: rgba(29,140,105,1)!important; } .btn-outline-secondary { color: #666; background-color: transparent; background-image: none; border-color: #666; } .btn-outline-secondary:hover { color: #fff; background-color: #666; background-image: none; border-color: #666; } .btn-success { color: #fff; background-color: rgba(29,140,105,1); border-color: rgba(29,140,105,1); } .btn-outline-success { color: rgba(29,140,105,1); background-color: transparent; background-image: none; border-color: rgba(29,140,105,1); } .btn-outline-success:hover { background-color: rgba(29,140,105,1); border-color: rgba(29,140,105,1); } .bg-success { background-color: rgba(29,140,105,1)!important; } .sample-table { width: auto; table-layout: fixed; border-collapse: collapse; font-size: 1.2rem; white-space: nowrap; background-color: #fff; } .sample03-wrapper thead th { padding: 0.5em 1.2em; background-color: #efefef; border: 1px solid #dcdcdc; } .sample03-wrapper tbody th { height: 28px; padding: 0.6em 2.252em; background-color: #fff0dc; border: 1px solid #dcdcdc; } .sample03-wrapper td { height: 28px; padding: 0.6em 1.2em; background-color: #fffffe; border: 1px solid #dcdcdc; } .sample03-wrapper { position: relative; } .sample03-scroll { padding-bottom: 5px; overflow-x: auto; } .sample03-scroll .-scroll th:nth-child(1) { width: 0; padding: 0; font-size: 0; overflow: hidden; border: 0; } .sample03-wrapper .-copy { position: absolute; top: 0; left: 0; } [role="tooltip"] { display: none; } @media (min-width: 568px) and (max-width: 800px) { .sample-table { font-size: 1.2rem; } .sample-table thead th { padding: 0.5em 0.8em; } .sample-table tbody th { padding: 0.5em 1.079em; } .sample-table td { padding: 0.5em 0.8em; } } @media (max-width: 567px) { .sample-table { font-size: 1.2rem; } .sample-table thead th { padding: 0.5em 0.8em; } .sample-table tbody th { padding: 0.5em 1.079em; } .sample-table td { padding: 0.5em 0.8em; } } table.dataTable { border-collapse: collapse !important; } .sample03-wrapper .col-sm-12 { padding-right: 0; padding-left: 0; } #example1 thead tr th:first-child, #example1 tbody tr th:first-child { display: none !important; } /* レスポンシブ強制クラス ==============================*/ @media(max-width: 992px){ .pc { display: none; } } @media(min-width: 993px){ .sp { display: none; } } /* 強制マージン ==============================*/ .mt10{ margin-top: 10px; }.mt15{ margin-top: 15px; }.mt20{ margin-top: 20px; }.mt30{ margin-top: 30px; }.mt40{ margin-top: 40px; }.mt50{ margin-top: 50px; } .mb10{ margin-bottom: 10px; }.mb15{ margin-bottom: 15px; }.mb20{ margin-bottom: 20px; }.mb30{ margin-bottom: 30px; }.mb40{ margin-bottom: 40px; }.mb50{ margin-bottom: 50px; } .ml10{ margin-left: 10px; }.ml15{ margin-left: 15px; }.ml20{ margin-left: 20px; }.ml30{ margin-left: 30px; }.ml40{ margin-left: 40px; }.ml50{ margin-left: 50px; } .mr10{ margin-right: 10px; }.mr15{ margin-right: 15px; }.mr20{ margin-right: 20px; }.mr30{ margin-right: 30px; }.mr40{ margin-right: 40px; }.mr50{ margin-right: 50px; } .pt10{ padding-top: 10px; }.pt20{ padding-top: 20px; }.pt30{ padding-top: 30px; }.pt40{ padding-top: 40px; }.pt50{ padding-top: 50px; } .pb10{ padding-bottom: 10px; }.pb20{ padding-bottom: 20px; }.pb30{ padding-bottom: 30px; }.pb40{ padding-bottom: 40px; }.pb50{ padding-bottom: 50px; } .pl10{ padding-left: 10px; }.pl20{ padding-left: 20px; }.pl30{ padding-left: 30px; }.pl40{ padding-left: 40px; }.pl50{ padding-left: 50px; } .pr10{ padding-right: 10px; }.pr20{ padding-right: 20px; }.pr30{ padding-right: 30px; }.pr40{ padding-right: 40px; }.pr50{ padding-right: 50px; } .error_input{ border: 1px solid #dc3545; border-radius: 5px; } .login-box .input-group{ margin-bottom: 6px !important; } .login-box .error_login{ margin-bottom: 10px; color: #dc3545; } .form-control::-webkit-input-placeholder{ color: #c4c9cc; } .form-control::-moz-placeholder{ color: #c4c9cc; } .form-control:-moz-placeholder{ color: #c4c9cc; } .form-control:-ms-input-placeholder{ color: #c4c9cc; }