/* ############################-CUSTOM-ALERTS-############################### */

.alert {
  z-index: 200;
  position: fixed;
  left: 50%;
  top: 50%;
  width: 80%;
  transform: translate(-50%, -50%)
}

.new-message-box {
    margin: 15px 0;
    padding-left: 20px;
    margin-bottom: 25px!important;
}

.new-message-box p{
    font-size: 1.5em;
    width: auto !important;
    margin-right: 50px;
}

.info-tab {
    width: 40px;
    height: 40px;
    position: relative;
    top: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.info-tab {
    float: left;
    margin-left: -23px;
}

.info-tab i::before {
    width: 24px;
    height: 24px;
}

.info-tab i::after {
    width: 0;
    height: 0;
}

.info-tab i::before, .info-tab i::after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -17px;
    transform: rotateX(60deg);
}

.note-box, .warning-box, .tip-box-success, .tip-box-danger, .tip-box-warning, .tip-box-info, .tip-box-error {
    padding: 3px 8px 3px 26px;
}

/***Success****/
.new-message-box-success {
    background: #8bc34a;
    padding: 3px;
    margin: 10px 0;
}

.tip-icon-success {
    background: #8BC34A;
}

.tip-box-success {
    color: #33691E;
    background: #DCEDC8;
}

.tip-icon-success::before {
    font-size: 25px;
    content:"\f00c";
    font-family: FontAwesome;
    position: absolute;
    color: white;
}

.tip-icon-success i::before {
    background: transparent;
}

.tip-icon-success i::after {
    border: 12px solid hsl(88, 56.6%, 41.57%);
    border-bottom-color: transparent;
    border-left-color: transparent;
    bottom: -18px;
}

/*******Danger*******/
.new-message-box-danger {
    background: #f44336;
    padding: 3px;
    margin: 10px 0;
}

.tip-icon-danger {
    background: #f44336;
}

.tip-box-danger {
    color: #b71c1c;
    background: #FFCCBC;
}

.tip-icon-danger::before {
    font-size: 25px;
    content:"\f00d";
    font-family: FontAwesome;
    position: absolute;
    color: white;
}

.tip-icon-danger i::before {
    background: transparent;
}

.tip-icon-danger i::after {
    border: 12px solid hsl(0.99, 71.65%, 49.8%);
    border-bottom-color: transparent;
    border-left-color: transparent;
    bottom: -18px;
}

/*******warning*******/
.new-message-box-warning {
    background: #FFEB3B;
    padding: 3px;
    margin: 10px 0;
}

.tip-icon-warning {
    background: #FFEB3B;
}

.tip-box-warning {
    color: #5e5e5e;
    background: #FFF9C4;
}

.tip-icon-warning::before {
    font-size: 25px;
    content:"\f071";
    font-family: FontAwesome;
    position: absolute;
    color: #5e5e5e;
}

.tip-icon-warning i::before {
    background: transparent;
}

.tip-icon-warning i::after {
    border: 12px solid hsl(55.26, 100%, 42.16%);
    border-bottom-color: transparent;
    border-left-color: transparent;
    bottom: -18px;
}

/*******info*******/
.new-message-box-info {
    background: #03A9F4;
    padding: 3px;
    margin: 10px 0;
}

.tip-box-info {
    color: #01579B;
    background: #B3E5FC;
}

.tip-icon-info {
    background: #03A9F4;
}

.tip-icon-info::before {
    font-size: 25px;
    content:"\f129";
    font-family: FontAwesome;
    position: absolute;
    color: white
}

.tip-icon-info i::before {
    background: transparent;
}

.tip-icon-info i::after {
    border: 12px solid hsl(200.18, 100%, 42.55%);
    border-bottom-color: transparent;
    border-left-color: transparent;
    bottom: -18px;
}

/*******error*******/
.new-message-box-error {
    background: #FF6F00;
    padding: 3px;
    margin: 10px 0;
}

.tip-box-error{
    color: #e15600;
    background: #FFF8E1;
}

.tip-icon-error {
    background: #FF6F00;
}

.tip-icon-error::before {
    font-size: 25px;
    content:"\f06a";
    font-family: FontAwesome;
    position: absolute;
    color: white
}

.tip-icon-error i::before {
    background: transparent;
}

.tip-icon-error i::after {
    border: 12px solid hsl(22.93, 100%, 44.12%);
    border-bottom-color: transparent;
    border-left-color: transparent;
    bottom: -18px;
}

@media(max-width:475px) {
  .landing-copyright {
    width:100%;
    text-align:center;
  }
  .landing-powered {
    float:none !important;
  }
}