/* Global */
* { outline: 0; }
img { width: 100%; }
code {
  margin: 0 3px;
  padding: 2px 5px;
  border-radius: 5px;
  word-wrap: break-word;
  background-color: #ececec;
  border: 1px lightgrey solid;
}
.white { color: white; }
.ant-row { padding: 5px 0px; }
.ant-empty-image { display: none; }

/* 404 */
#no-match {
  height: 300px;
  position: absolute;
  text-align: center;
  top: calc(50% - 150px);
  width: calc(100% - 208px);
}

#no-match span {
  font-size: 40px;
  padding: 0px 5px;
}

.fail {
  width: 150px;
  height: 150px;
  border-radius: 50%;
}

/* Loading */
#loading {
  z-index: 9999;
  height: 100vh;
  width: 100vw;
  position: fixed;
  background-color: rgba(0, 0, 0, .7);
  display: table;
}

#loading .loading-box {
  display: table-cell;
  vertical-align: middle;
}

#loading .loading-box div {
  width: 100%;
}

#loading .loading-box div span {
  width: 80px !important;
  height: 80px !important;
  font-size: 80px !important;
}

#loading .loading-box div span i {
  width: 30px !important;
  height: 30px !important;
}

/* Login */
#login {
  position: relative;
  width: 100%;
  height: 100%;
  background: url('assets/hill.gif') no-repeat bottom center;
}

.login-container {
  max-width: 300px;
  width: 100%;
  margin: 0 auto;
  height: 100vh;
  display: table;
  text-align: center;
  z-index: 999;
}

.login-box {
  display: table-cell;
  vertical-align: middle;
  perspective: 1000;
  -webkit-perspective: 1000;
}

.login-panel {
  width: 320px;
	height: 300px;
  border-radius: 10px;
  border: 1px solid #eee;
	position: relative;
  transition: 0.6s;
  transform-style: preserve-3d;
  -webkit-transition: 0.6s;
  -webkit-translogin-style: preserve-3d;
}

.login-front, .login-back {
  top: 0;
	left: 0;
  z-index: 2;
  width: 320px;
	height: 300px;
  border-radius: 10px;
	padding: 30px 30px 10px 30px;
  background-color: rgb(255, 255, 255, .85);
  position: absolute;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}

.login-back {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}

.login-box:hover .login-panel {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}

.login-button {
  width: 100%;
}

/* Home */
#home .ant-anchor {
  min-height: 480px;
}

#home ul li {
  list-style-type: circle;
}

.home-display-container {
  width: 100%;
  max-height: 480px;
  overflow-y: auto;
}

#dev.home-display-content {
  min-height: 320px;
}

.home-display-content {
  width: 100%;
  display: table;
  padding: 0px 0px 50px 0px;
}

.home-display-inner {
  display: table-cell;
  min-height: 480px;
  vertical-align: middle;
}

.home-card {
  padding: 40px 30px;
  margin: 0 auto;
  width: fit-content;
  border-radius: 10px;
  border: 1px lightgrey solid;
}

.home-hover {
  max-width: 180px;
}

.home-hover p {
  text-align: justify;
}

/* Clients */
.search-bubble {
	position: relative;
	background: #e6e6e6;
	border-radius: .4em;
  margin-top: 15px;
  padding: 10px;
  opacity: .85;
}

.search-bubble:after {
  content: '';
	position: absolute;
	top: 0;
	left: 17px;
	width: 0;
	height: 0;
  opacity: .85;
	border: 15px solid transparent;
	border-bottom-color: #e6e6e6;
	border-top: 0;
	border-left: 0;
	margin-left: -11.5px;
	margin-top: -15px;
}

/* Notice */
.mce-notification {
  display: none !important;
}