LaravelTest
426 строк · 10.2 Кб
1@keyframes dtb-spinner {2100% {3transform: rotate(360deg);4}5}
6@-o-keyframes dtb-spinner {7100% {8-o-transform: rotate(360deg);9transform: rotate(360deg);10}11}
12@-ms-keyframes dtb-spinner {13100% {14-ms-transform: rotate(360deg);15transform: rotate(360deg);16}17}
18@-webkit-keyframes dtb-spinner {19100% {20-webkit-transform: rotate(360deg);21transform: rotate(360deg);22}23}
24@-moz-keyframes dtb-spinner {25100% {26-moz-transform: rotate(360deg);27transform: rotate(360deg);28}29}
30div.dataTables_wrapper {31position: relative;32}
33
34div.dt-buttons {35position: initial;36}
37
38div.dt-button-info {39position: fixed;40top: 50%;41left: 50%;42width: 400px;43margin-top: -100px;44margin-left: -200px;45background-color: white;46border: 2px solid #111;47box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.3);48border-radius: 3px;49text-align: center;50z-index: 21;51}
52div.dt-button-info h2 {53padding: 0.5em;54margin: 0;55font-weight: normal;56border-bottom: 1px solid #ddd;57background-color: #f3f3f3;58}
59div.dt-button-info > div {60padding: 1em;61}
62
63div.dtb-popover-close {64position: absolute;65top: 10px;66right: 10px;67width: 22px;68height: 22px;69border: 1px solid #eaeaea;70background-color: #f9f9f9;71text-align: center;72border-radius: 3px;73cursor: pointer;74z-index: 12;75}
76
77button.dtb-hide-drop {78display: none !important;79}
80
81div.dt-button-collection-title {82text-align: center;83padding: 0.3em 0 0.5em;84margin-left: 0.5em;85margin-right: 0.5em;86font-size: 0.9em;87}
88
89div.dt-button-collection-title:empty {90display: none;91}
92
93span.dt-button-spacer {94display: inline-block;95margin: 0.5em;96white-space: nowrap;97}
98span.dt-button-spacer.bar {99border-left: 1px solid rgba(0, 0, 0, 0.3);100vertical-align: middle;101padding-left: 0.5em;102}
103span.dt-button-spacer.bar:empty {104height: 1em;105width: 1px;106padding-left: 0;107}
108
109div.dt-button-collection span.dt-button-spacer {110width: 100%;111font-size: 0.9em;112text-align: center;113margin: 0.5em 0;114}
115div.dt-button-collection span.dt-button-spacer:empty {116height: 0;117width: 100%;118}
119div.dt-button-collection span.dt-button-spacer.bar {120border-left: none;121border-bottom: 1px solid rgba(0, 0, 0, 0.3);122padding-left: 0;123}
124
125div.dt-button-collection {126position: absolute;127z-index: 2001;128background-color: white;129border: 1px solid rgba(0, 0, 0, 0.15);130border-radius: 4px;131box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);132padding: 0.5rem 0;133width: 200px;134}
135div.dt-button-collection div.dropdown-menu {136position: relative;137display: block;138z-index: 2002;139min-width: 100%;140background-color: transparent;141border: none;142box-shadow: none;143padding: 0;144border-radius: 0;145}
146div.dt-button-collection.fixed {147position: fixed;148display: block;149top: 50%;150left: 50%;151margin-left: -75px;152border-radius: 5px;153background-color: white;154}
155div.dt-button-collection.fixed.two-column {156margin-left: -200px;157}
158div.dt-button-collection.fixed.three-column {159margin-left: -225px;160}
161div.dt-button-collection.fixed.four-column {162margin-left: -300px;163}
164div.dt-button-collection.fixed.columns {165margin-left: -409px;166}
167@media screen and (max-width: 1024px) {168div.dt-button-collection.fixed.columns {169margin-left: -308px;170}171}
172@media screen and (max-width: 640px) {173div.dt-button-collection.fixed.columns {174margin-left: -203px;175}176}
177@media screen and (max-width: 460px) {178div.dt-button-collection.fixed.columns {179margin-left: -100px;180}181}
182div.dt-button-collection.fixed > :last-child {183max-height: 100vh;184overflow: auto;185}
186div.dt-button-collection.two-column > :last-child, div.dt-button-collection.three-column > :last-child, div.dt-button-collection.four-column > :last-child {187display: block !important;188-webkit-column-gap: 8px;189-moz-column-gap: 8px;190-ms-column-gap: 8px;191-o-column-gap: 8px;192column-gap: 8px;193}
194div.dt-button-collection.two-column > :last-child > *, div.dt-button-collection.three-column > :last-child > *, div.dt-button-collection.four-column > :last-child > * {195-webkit-column-break-inside: avoid;196break-inside: avoid;197}
198div.dt-button-collection.two-column {199width: 400px;200}
201div.dt-button-collection.two-column > :last-child {202padding-bottom: 1px;203column-count: 2;204}
205div.dt-button-collection.three-column {206width: 450px;207}
208div.dt-button-collection.three-column > :last-child {209padding-bottom: 1px;210column-count: 3;211}
212div.dt-button-collection.four-column {213width: 600px;214}
215div.dt-button-collection.four-column > :last-child {216padding-bottom: 1px;217column-count: 4;218}
219div.dt-button-collection .dt-button {220border-radius: 0;221}
222div.dt-button-collection.columns {223width: auto;224}
225div.dt-button-collection.columns > :last-child {226display: flex;227flex-wrap: wrap;228justify-content: flex-start;229align-items: center;230gap: 6px;231width: 818px;232padding-bottom: 1px;233}
234div.dt-button-collection.columns > :last-child .dt-button {235min-width: 200px;236flex: 0 1;237margin: 0;238}
239div.dt-button-collection.columns.dtb-b3 > :last-child, div.dt-button-collection.columns.dtb-b2 > :last-child, div.dt-button-collection.columns.dtb-b1 > :last-child {240justify-content: space-between;241}
242div.dt-button-collection.columns.dtb-b3 .dt-button {243flex: 1 1 32%;244}
245div.dt-button-collection.columns.dtb-b2 .dt-button {246flex: 1 1 48%;247}
248div.dt-button-collection.columns.dtb-b1 .dt-button {249flex: 1 1 100%;250}
251@media screen and (max-width: 1024px) {252div.dt-button-collection.columns > :last-child {253width: 612px;254}255}
256@media screen and (max-width: 640px) {257div.dt-button-collection.columns > :last-child {258width: 406px;259}260div.dt-button-collection.columns.dtb-b3 .dt-button {261flex: 0 1 32%;262}263}
264@media screen and (max-width: 460px) {265div.dt-button-collection.columns > :last-child {266width: 200px;267}268}
269div.dt-button-collection.fixed:before, div.dt-button-collection.fixed:after {270display: none;271}
272div.dt-button-collection .btn-group {273flex: 1 1 auto;274}
275div.dt-button-collection .dt-button {276min-width: 200px;277}
278div.dt-button-collection div.dt-btn-split-wrapper {279width: 100%;280padding-left: 5px;281padding-right: 5px;282}
283div.dt-button-collection button.dt-btn-split-drop-button {284width: 100%;285color: #212529;286border: none;287background-color: white;288border-radius: 0px;289margin-left: 0px !important;290}
291div.dt-button-collection button.dt-btn-split-drop-button:focus {292border: none;293border-radius: 0px;294outline: none;295}
296div.dt-button-collection button.dt-btn-split-drop-button:hover {297background-color: #e9ecef;298}
299div.dt-button-collection button.dt-btn-split-drop-button:active {300background-color: #007bff !important;301}
302
303div.dt-button-background {304position: fixed;305top: 0;306left: 0;307width: 100%;308height: 100%;309z-index: 999;310}
311
312@media screen and (max-width: 767px) {313div.dt-buttons {314float: none;315width: 100%;316text-align: center;317margin-bottom: 0.5em;318}319div.dt-buttons a.btn {320float: none;321}322}
323div.dt-buttons button.btn.processing,
324div.dt-buttons div.btn.processing,
325div.dt-buttons a.btn.processing {326color: rgba(0, 0, 0, 0.2);327}
328div.dt-buttons button.btn.processing:after,
329div.dt-buttons div.btn.processing:after,
330div.dt-buttons a.btn.processing:after {331position: absolute;332top: 50%;333left: 50%;334width: 16px;335height: 16px;336margin: -8px 0 0 -8px;337box-sizing: border-box;338display: block;339content: " ";340border: 2px solid #282828;341border-radius: 50%;342border-left-color: transparent;343border-right-color: transparent;344animation: dtb-spinner 1500ms infinite linear;345-o-animation: dtb-spinner 1500ms infinite linear;346-ms-animation: dtb-spinner 1500ms infinite linear;347-webkit-animation: dtb-spinner 1500ms infinite linear;348-moz-animation: dtb-spinner 1500ms infinite linear;349}
350div.dt-buttons div.btn-group {351position: initial;352}
353
354div.dt-btn-split-wrapper:active:not(.disabled) button, div.dt-btn-split-wrapper.active:not(.disabled) button {355background-color: #5a6268;356border-color: #545b62;357}
358div.dt-btn-split-wrapper:active:not(.disabled) button.dt-btn-split-drop, div.dt-btn-split-wrapper.active:not(.disabled) button.dt-btn-split-drop {359box-shadow: none;360background-color: #6c757d;361border-color: #6c757d;362}
363div.dt-btn-split-wrapper:active:not(.disabled) button:hover, div.dt-btn-split-wrapper.active:not(.disabled) button:hover {364background-color: #5a6268;365border-color: #545b62;366}
367
368div.dataTables_wrapper div.dt-buttons.btn-group div.btn-group {369border-radius: 4px !important;370}
371div.dataTables_wrapper div.dt-buttons.btn-group div.btn-group:last-child {372border-top-left-radius: 0px !important;373border-bottom-left-radius: 0px !important;374}
375div.dataTables_wrapper div.dt-buttons.btn-group div.btn-group:first-child {376border-top-right-radius: 0px !important;377border-bottom-right-radius: 0px !important;378}
379div.dataTables_wrapper div.dt-buttons.btn-group div.btn-group:last-child:first-child {380border-top-left-radius: 4px !important;381border-bottom-left-radius: 4px !important;382border-top-right-radius: 4px !important;383border-bottom-right-radius: 4px !important;384}
385div.dataTables_wrapper div.dt-buttons.btn-group div.btn-group button.dt-btn-split-drop:last-child {386border: 1px solid #6c757d;387}
388div.dataTables_wrapper div.dt-buttons.btn-group div.btn-group div.dt-btn-split-wrapper {389border: none;390}
391
392div.dt-button-collection div.btn-group {393border-radius: 4px !important;394}
395div.dt-button-collection div.btn-group button {396border-radius: 4px;397}
398div.dt-button-collection div.btn-group button:last-child {399border-top-left-radius: 0px !important;400border-bottom-left-radius: 0px !important;401}
402div.dt-button-collection div.btn-group button:first-child {403border-top-right-radius: 0px !important;404border-bottom-right-radius: 0px !important;405}
406div.dt-button-collection div.btn-group button:last-child:first-child {407border-top-left-radius: 4px !important;408border-bottom-left-radius: 4px !important;409border-top-right-radius: 4px !important;410border-bottom-right-radius: 4px !important;411}
412div.dt-button-collection div.btn-group button.dt-btn-split-drop:last-child {413border: 1px solid #6c757d;414}
415div.dt-button-collection div.btn-group div.dt-btn-split-wrapper {416border: none;417}
418
419span.dt-button-spacer.bar:empty {420height: inherit;421}
422
423div.dt-button-collection span.dt-button-spacer {424padding-left: 1rem !important;425text-align: left;426}
427