/*
Theme Name: ZRP admin
Version: 1.0.0
Requires at least: 6.5.3
Requires PHP: 7.0.0
Description: Admin panel as theme
Author: Mih
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

html, body {
  padding: 0;
  margin: 0;
  height: 100%;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

body {
  background: #2a4c39;
}

#react-app {
  min-height: 100vh;
}

.zrp-admin__login-panel {
  padding: 8% 0;
  margin: 0 auto;
  width: 320px;
  font-size: 14px;
  color: #333;
  font-family: 'Roboto', sans-serif;
}
.zrp-admin__login-panel h1{
  text-align: center;
  margin-bottom: 25px;
}
.zrp-admin__loginform {
  background: #2a4c39;
  border-radius: 4px;
  padding: 26px 24px 46px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
}
.zrp-admin__login-username,
.zrp-admin__login-password,
.zrp-admin__login-submit {
  margin: 0 0 1.2em;
  font-size: 16px;
}
.zrp-admin__login-username label,
.zrp-admin__login-password label {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
  color: #fff;
}
.zrp-admin__login-username input,
.zrp-admin__login-password input {
  width: 100%;
  height: 40px;
  padding: 5px;
  box-sizing: border-box;
  font-size: 16px;
  background: #fff;
  border-radius: 4px;
  border: 0;
}
.zrp-admin__login-submit {
  margin: 0;
  
}
.zrp-admin__login-submit::after{
  content: '';
  display: block;
  clear: both;
}
.zrp-admin__login-submit input[type=submit]{
  float: right;
  padding: 0 12px;
  height: 32px;
  border: 0;
  border-radius: 4px;
  color: #fff;
  background: #000;
  cursor: pointer;
}
.zrp-admin__login-submit input[type=submit]:hover{
  background: #333;
}
.zrp-admin__login-submit input[type=submit]:focus{
  outline: none;
  background: #333;
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #333;
}
.zrp-admin__login-error {
  padding: 12px;
  font-size: 12px;
  border-left: 4px solid #dc3232;
  background: #fff;
  margin-bottom: 20px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.zrp-admin__login-msg {
  margin: 0;
}

.grecaptcha-badge {
  visibility: hidden;
}

.zrp-recaptcha-info {
  color: #fff;
  line-height: 14px;
  font-size: 11px;
  margin-top: 20px;
  text-align: center;
}

.zrp-recaptcha-info a {
  color: inherit;
}

/* Ant */
.ant-table-wrapper {
  height: 100%;

  .ant-spin-nested-loading {
    height: 100%;

    .ant-spin-container {
      height: 100%;
      display: flex;
      flex-flow: column nowrap;

      .ant-table {
        flex: auto;
        overflow: hidden;

        .ant-table-container {
          height: 100%;
          display: flex;
          flex-flow: column nowrap;

          .ant-table-header {
            flex: none;
          }

          .ant-table-body {
            flex: auto;
            overflow: scroll;
          }
        }
      }

      .ant-table-pagination {
        flex: none;
      }
    }
  }
}