* {
 margin: 0;
 padding: 0;
}

body {
 background: #f5f6f7;
}

table {
width: 100%;
border-collapse: collapse;
border: 1px solid #ddd;
}

table tr, table th, table td {

border-collapse: collapse;
border: 1px solid #ddd;
}

table th, table td {
padding: 3px 10px;
}
table th{text-align: center;}
table th.center, table td.center {
   text-align: center;
}


.container{
    width:100%;
    height:calc(100vh - 100px);
    overflow:auto;
}


.main {
 margin: 0 auto;
 padding: 15px;
 width:100%;
 background: #fff;
}


.datagrip-body{
    width:100%;
    height:calc(100vh - 80px);
    overflow:auto;
}

.datagrip-body table th, .datagrip-body table td {
    font-size:15px;
}


.datagrip-footer{
    width:100%;
    height:65px;
    border:1px solid red;
    display:flex;
    align-items: center;
    justify-content: center;
    position:fixed;
    left:0;bottom:0;
}
.datagrip-footer .pre-btn,
.datagrip-footer .next-btn{
    padding:5px 10px;
    border-radius:5px;
}
.datagrip-footer .pre-btn{margin-right:30px;}
.datagrip-footer .next-btn{margin-left:30px;}





button[type="button"]{margin:0 5px;padding:5px 10px;font-size:15px;}

/**
 * Minified by jsDelivr using clean-css v5.3.3.
 * Original file: /npm/toastify-js@1.12.0/src/toastify.css
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
/*!
 * Toastify js 1.12.0
 * https://github.com/apvarun/toastify-js
 * @license MIT licensed
 *
 * Copyright (C) 2018 Varun A P
 */
.toastify {
 padding: 12px 20px;
 color: #fff;
 display: inline-block;
 box-shadow: 0 3px 6px -1px rgba(0, 0, 0, .12), 0 10px 36px -4px rgba(77, 96, 232, .3);
 background: -webkit-linear-gradient(315deg, #73a5ff, #5477f5);
 background: linear-gradient(135deg, #73a5ff, #5477f5);
 position: fixed;
 opacity: 0;
 transition: all .4s cubic-bezier(.215, .61, .355, 1);
 border-radius: 5px;
 cursor: pointer;
 font-family: 'microsoft yahei';
 font-size: 15px;
 text-decoration: none;
 max-width: calc(50% - 20px);
 z-index: 2147483647
}

.toastify.on {
 opacity: 1
}

.toast-close {
 background: 0 0;
 border: 0;
 color: #fff;
 cursor: pointer;
 font-family: inherit;
 font-size: 1em;
 opacity: .4;
 padding: 0 5px
}

.toastify-right {
 right: 15px
}

.toastify-left {
 left: 15px
}

.toastify-top {
 top: -150px
}

.toastify-bottom {
 bottom: -150px
}

.toastify-rounded {
 border-radius: 25px
}

.toastify-avatar {
 width: 1.5em;
 height: 1.5em;
 margin: -7px 5px;
 border-radius: 2px
}

.toastify-center {
 margin-left: auto;
 margin-right: auto;
 left: 0;
 right: 0;
 max-width: fit-content;
 max-width: -moz-fit-content
}

@media only screen and (max-width:360px) {
 .toastify-left, .toastify-right {
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  max-width: fit-content
 }
}

/*# sourceMappingURL=/sm/cb4335d1b03e933ed85cb59fffa60cf51f07567ed09831438c60f59afd166464.map */