@charset "UTF-8";
/*----------------------------------------------------
@File: Custom CSS
@Author: Maikel Philippi
@URL: https://maikelphilippi.com/

---------------------------------------------------- */
/*=====================================================================
This document is to Overwrite the Theme CSS, which can be overwritten when updating.

Table of Content:
01/ System Status Page
02/ Custom Alert

=====================================================================*/
/*====================================================*/


/*========== 01/ System Status Page ==========*/

.stat_pad{
  padding: 60px 0px;
  }
 
 .status_area {
  background: #f4f6fa;
 }
 
.status_item {
  background: #fff;
  box-shadow: 0px 30px 40px 0px rgba(3, 115, 156, 0.1);
  padding: 47px 40px 0px;
  height: 100%;
  position: relative;
  border: 2px solid transparent;
  transition: border 0.2s linear;
  cursor: pointer;
  overflow: hidden;
}
.status_item p {
  line-height: 28px;
}
.status_item .icon {
  width: 54px;
  height: 54px;
  line-height: 54px;
  font-size: 20px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  background-image: -moz-linear-gradient(40deg, #5e2ced 0%, #a485fd 100%);
  background-image: -webkit-linear-gradient(40deg, #5e2ced 0%, #a485fd 100%);
  background-image: -ms-linear-gradient(40deg, #5e2ced 0%, #a485fd 100%);
  box-shadow: 0px 14px 30px 0px rgba(94, 44, 237, 0.4);
  position: absolute;
  right: 30px;
  top: 30px;
}
/*Below items are based on .service_item .icon.s_icon_one in Style.css*/
.status_item .icon.status_available {
  background-image: -moz-linear-gradient(40deg, #008000 0%, #3CB371 100%);
  background-image: -webkit-linear-gradient(40deg, #008000 0%, #3CB371 100%);
  background-image: -ms-linear-gradient(40deg, #008000 0%, #3CB371 100%);
  box-shadow: 0px 14px 30px 0px rgba(25, 149, 32, 0.4);
}

.status_item .icon.status_alert {
  background-image: -moz-linear-gradient(40deg, #e09520 0%, #fae926 100%);
  background-image: -webkit-linear-gradient(40deg, #e09520 0%, #fae926 100%);
  background-image: -ms-linear-gradient(40deg, #e09520 0%, #fae926 100%);
  box-shadow: 0px 14px 30px 0px rgba(224, 149, 32, 0.4);
}

.status_item .icon.status_unavailable {
  background-image: -moz-linear-gradient(40deg, #e03827 0%, #f9a47a 100%);
  background-image: -webkit-linear-gradient(40deg, #e03827 0%, #f9a47a 100%);
  background-image: -ms-linear-gradient(40deg, #e03827 0%, #f9a47a 100%);
  box-shadow: 0px 14px 30px 0px rgba(224, 56, 39, 0.4);
}

.status_item img {
  margin-right: -25px;
  width: auto;
}
.status_item:hover {
  border-color: #c4e7f7;
}


/*========== 02/ Custom Alert ==========*/

.box_alert.box_available .icon {
  background: #ecffeb;
  border-color: #b0efac;
  color: #4acc43;
}
.box_alert.box_error .icon {
  background: #fffaeb;
  border-color: #edd796;
  color: #e7b931;
}
.box_alert.box_unavailable .icon {
  background: #ffebeb;
  border-color: #f4bdbd;
  color: #eb4a4a;
}