body, html {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  max-width: 100%;
  overflow-x: hidden;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}

.content {
  padding-top: 16px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}

.sticky + .content {
  padding-top: 45px;
}

.one-edge-shadow {
  -webkit-box-shadow: 0 8px 6px -6px #e4e4e4;
     -moz-box-shadow: 0 8px 6px -6px #e4e4e4;
          box-shadow: 0 8px 6px -6px #e4e4e4;
}

.ant-pagination-item {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  margin-right: 8px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  outline: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ant-pagination-prev .ant-pagination-item-link{
  height: 32px;
  width: 32px;
  position: relative;
  top: -5px;
}
.ant-pagination-next .ant-pagination-item-link{
  height: 32px;
  width: 32px;
  position: relative;
  top: -5px;
}
.ant-pagination-options{
  position: relative;
  top: -4px;
}
.ant-table-content thead{
  top: 0px;
  background-color: #fafafa;
  z-index: 10;
}
.body-container{
  width: 100%!important;
}
.ant-table-container table > thead > tr:first-child th:first-child {
  text-align: center;
}
.ant-table-tbody tr td:first-child{
  text-align: center;
}
.ant-table-tbody tr td{
  padding-block: 8px;
  border: 1px solid #eee;
  border-bottom: none;
  border-right: none;
}
.ant-table-tbody tr td:last-child{
  border-right: 1px solid #eee;
  
}
.ant-table-tbody tr:last-child td{
  border-bottom: 1px solid #eee;
}

.ant-collapse-header {
  padding: 5px 0px !important;
}

.ant-collapse-content-box{
  padding: 5px 0px !important;
}
body{
  margin: 0 auto;
  /* max-width: 960px; */
}

.body-container {
  width: 95%;
}

.red-background-row {
  background-color: #ffcccc;
}

.green-background-row {
  background-color: #ccffcc;
}

.spin {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100vh;
}

.viewport-height{
  height: 100vh;
}

.flex{
  display: flex;
}

.flex-wrap{
  flex-wrap: wrap;
}

.sp-bw{
  justify-content: space-between;
}

.justify-center{
  justify-content: center;
}

.align-center{
  align-items: center;
}

.half-width{
  width: 50%;
}

.one-third-width{
  width: 33.33%;
}

.two-third-width{
  width: 66.66%;
}

.common-padding{
  padding: 0 8px;
}

h2 {
  font-size: 1.5rem !important;
}

h3 {
  font-size: 1rem !important;
}



.header-user-wrapper h3{
  margin-right: 12px;
}

.modal-field-wrapper{
  margin-top: 12px;
}

.modal-label{
  font-size: 10px;
  font-weight: 700;
}

.create-user-wrapper{
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin: 20px 0;
}

.search-input{
  margin-left: 20px;
}

.search-input-wrapper .search-input:first-child{
  margin-left: 0;
}

.search-button-container button:first-child{
  margin-right: 12px;
}

.hideOnMobile {
  display: none;
}
@media only screen and (min-width: 768px) {
  .hideOnMobile {
    display: block;
  }
}

.hideOnDesktop {
  display: block;
}
@media only screen and (min-width: 768px) {
  .hideOnDesktop {
    display: none;
  }
}

.ant-select {
  width: 100%;
}

/* .ant-table table{
  margin-top: 20px;
  border: 1px solid #f0f0f0;
  border-collapse: collapse;
} */

/* .ant-table-tbody > tr > td{
  border: 1px solid #f0f0f0;
} */
.header{height:inherit}.header-links{font-size:2rem;width:100px;display:flex;justify-content:space-around;cursor:pointer}.header-links a{color:#ff5f00}.header-links a:hover{color:#ff5f00}
.active{color:blue;text-decoration:underline}ul{text-decoration:none;list-style-type:none}li{text-decoration:none;padding:5px}.menu-icon{margin-right:10px}a{text-decoration:none !important}.sider-menu .lead-menu-item a{color:#888;font-weight:800;font-size:14px}.sider-menu .lead-menu-item-selected a{color:#ff5f00}.lead-logo{width:207px;padding:22px}