@media screen and (max-width: 1080px){
  body .main-container{width:80%;}
}
.request-key-container {display: inline-flex;width: 100%;justify-content: space-between;border-bottom: 1px solid gainsboro;margin-bottom: 8px;}
.last_requests_list .request-item {text-align: left;margin-bottom: 10px;}
.request-key {font-weight: 900;}
.time span {font-size: 35px;font-weight: 900;font-family: sans-serif;display: inline-flex;align-items: center;}
.minutesAnimate{animation-duration: 1s;animation-name: minutes;animation-iteration-count: infinite;display: inline-block;overflow: hidden;}
@keyframes minutes {
  0%, 100% {
  	color : #5f5f5f;
  }
  30%,50%,70%{
  	color : white;
  }
}
.response .response-div {margin-bottom: 3px;}
.response .response-div-name{font-size: 20px;line-height: 16px;margin-bottom: 5px;border-bottom: 1px solid white;padding-bottom: 3px;width: fit-content;}
span.info {color: #414e5b;position: absolute;left: 8px;font-size: 24px;top: 13px;font-family: monospace;background: #f9f8f8;padding: 12.5px 6px;line-height: 0;border-radius: 100px;font-weight: 900;}
body{background: url(/resources/images/login-bg.jpg);display: inline-flex;justify-content: center;align-items: center;height: 100%;width: 100%;margin: 0;background-size: cover;}
.main-container {border: 1px solid #e6e6e6;background: #ffffff;width: 40%;box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.4);}
.main-container .content {padding: 20px;text-align: center;color: #5f5f5f;}
.main-container .content img {max-width: 35%;opacity: .8;}
.main-container .content h2{margin-bottom: 0;}
.main-container .content h3{margin-top: 10px;}
input.check-input {width: 100%;/*height: 35px;border: 1px solid #bfbfbf;border-radius: 3px;*/padding: 0 5px;height: 0;border: none;}
input.check-input:focus {color: #a5a5a5;background-color: #fff;border-color: #717171;outline: 0;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.loading {width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: white;opacity: .8;display: inline-flex;justify-content: center;align-items: center;/* z-index: 10000000000000000000000000; */}
i.fa.fa-spinner.fa-spin {font-size: 7vh;color: #c7c7c7;}
.hide{display: none}
.response {position:relative;background: #2c3b49;color: white;padding: 15px;opacity: .9;border: 1px solid #d4d4d4;box-shadow: 2px 4px 10px 0px rgb(0 0 0 / 40%);font-size: 17px;padding-left: 40px;margin-bottom: 10px;}
.response i.fa.fa-info-circle {position: absolute;left: 10px;font-size: 25px;top: 11px;}
.response-container {position: absolute;right: 5%;top: 5%;width: 400px;}
.loading-container {width: 100px;/* height: 100%; *//* display: inline-flex; *//* justify-content: space-between; *//* align-items: center; */position: relative;}
.dot, .dot2, .dot3 {background: #4a4a4a;width: 7px;height: 7px;border-radius: 50%;/* margin: 0 15px; */transition: 200ms;animation-duration: 1s;animation-iteration-count: infinite;animation-direction: alternate;line-height: 0;position: absolute;}
.dot{animation-name: dot1;animation-delay:0s;left: 0;}
.dot2{animation-name: dot2;animation-delay:0.2s;left: 50%;}
.dot3{animation-name: dot3;animation-delay:0.5s;right: 0;}
@keyframes dot1 {
  0%,100% {
    width: 7px;
    height: 7px;
  }
  50% {
  	width: 12px;
  	height: 12px;
  }
}
@keyframes dot2 {
  0%,100% {
    width: 7px;
    height: 7px;
  }
  50% {
  	width: 12px;
  	height: 12px;
  }
}
@keyframes dot3 {
  0%,100% {
    width: 7px;
    height: 7px;
  }
  50% {
  	width: 12px;
  	height: 12px;
  }
}