body {
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    color: #2c599d;
    background-color: #F5F8FB;
}
::selection {
    background: #f98124;
    color: white
}
/* ========== top header  ========== */


.navbar-brand {
    width: 100px;
    
}

.navbar {
  
    padding-top: 1rem;
    padding-bottom: 1rem;
    width: 950px;
    margin: 0 auto;
}


.status-page{
    text-align: center;
    width: 950px;
    margin: 0 auto;
    margin-bottom: 50px;
}





.section-1{

    background-color: #FFFFFF;
    padding: 14px 14px 8px 17px;
    margin-top: 15px;
    border-radius: 6px;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    
}




.section-1:hover{

    background-color: #FFFFFF;
    box-shadow: 0 2px 30px rgb(219 214 209 / 47%);
   
}

.section-1 p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
}

.section-1 .operational{
    color: #20AF5A;
}


.section-1 .degraded{
    color: #f98124;
}


.section-1 .problems{
    color: #F50032;
}


.section-1 .svg-inline--fa {
    height: 1.5em;
    margin-right: 10px;
}

.section-1 h5{
  font-weight: bold;
  font-size: 16px;
}


.check-icon{color: #20AF5A;}

.exclamation-icon{color: #FBB52B;}

.exclamation-icon-1{color: #F50032;}






.min-footer{
   
    background-color: #ffffff;
    padding: 20px;

}


.min-footer .footer {
    width: 950px;
    margin: 0 auto;
     
  
}

.min-footer .footer p {
   text-align: right;
   margin-top: 10px;
}

.min-footer .footer .show-notice{text-align: left;}


.min-footer .footer .btn-primary {
    color: #ffffff;
    background-color: #F98124;
    border-color: #F98124;
    font-weight: bold;
    font-size: 16px;
    border-radius: 100px;
    padding: 9px 25px;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}


.min-footer .footer .btn-primary:hover {
    color: #ffffff;
    background-color: #3d6baf;
    border-color: #3d6baf;
  }





    @media (max-width: 1440px) {
   
    }
    
    @media (max-width: 1024px) {
    
    }
    
    @media (max-width: 992px) {
    }
    
    @media (max-width: 768px) {

        .navbar {width: 100%;}
        .status-page {width: 100%;text-align: left;}
        .min-footer .footer {width: 100%;text-align: center;}
        .min-footer .footer p {
            text-align: center;
        }
    
        .min-footer .footer .show-notice {
            text-align: center;
        }
    
    
    }
    
    @media (max-width: 767px) {

        .section-1 .degraded {
            text-align: right; font-size: 14px;
        }

        .section-1 .problems {
            text-align: right; font-size: 14px;
        }

        .section-1 .operational {
            text-align: right; font-size: 14px;
        }

        .exclamation-icon-1 {
            font-size: 10px;
        }

        .check-icon {
            font-size: 10px;
        }

        .exclamation-icon {
            font-size: 10px;
        }

        .section-1 p {

            font-size: 14px;
        }

        .min-footer .footer .btn-primary {
         
            font-size: 14px;
           
        }
    
    }
    
    @media (max-width: 540px) {
    
    }