.bg-primary{
    background-color: #003171 !important;
    color: #ffffff;
}

.bg-lightblue{
    background-color: #eff8ff !important;
    color: #003171;
}

.inputAmount{
    
    outline: none !important;
    border: 0 !important;
    background-color: #eff8ff;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background: linear-gradient(180deg, rgba(0,21,135,1) 0%, rgba(1,116,201,1) 56%, rgba(40,179,251,1) 100%);
    border-radius: 10px;
}


a {
    color: #003171;
}

a:hover {
    color: #ff7300;
}


#notfound {
    position:relative;
    height:100vh
   }
   #notfound .notfound {
    position:absolute;
    left:50%;
    top:30%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
   }
   .notfound {
    max-width:520px;
    width:100%;
    line-height:1.4;
    text-align:center
   }
   .notfound .notfound-404 {
    position:relative;
    height:240px
   }
   .notfound .notfound-404 h1 {
    font-family:montserrat,sans-serif;
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    font-size:252px;
    font-weight:900;
    margin:0;
    color:#262626;
    text-transform:uppercase;
    letter-spacing:-40px;
    margin-left:-20px
   }
   .notfound .notfound-404 h1>span {
    text-shadow:-8px 0 0 #fff
   }
   .notfound .notfound-404 h3 {
    font-family:cabin,sans-serif;
    position:relative;
    font-size:16px;
    font-weight:700;
    text-transform:uppercase;
    color:#262626;
    margin:0;
    letter-spacing:3px;
    padding-left:6px
   }
   .notfound h2 {
    font-family:cabin,sans-serif;
    font-size:20px;
    font-weight:400;
    text-transform:uppercase;
    color:#000;
    margin-top:0;
    margin-bottom:25px
   }
   @media only screen and (max-width:767px) {
    .notfound .notfound-404 {
     height:200px
    }
    .notfound .notfound-404 h1 {
     font-size:200px
    }
   }
   @media only screen and (max-width:480px) {
    .notfound .notfound-404 {
     height:162px
    }
    .notfound .notfound-404 h1 {
     font-size:162px;
     height:150px;
     line-height:162px
    }
    .notfound h2 {
     font-size:16px
    }
   }

   .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #2c2c7b;
    border-color: #282879;
}

.checkMonth:hover {

    background-color: rgb(255, 242, 205);

}


.text-huixq1 {
    color: #003171 !important;
}

.nav-item:hover{
    background-color: #ebebeb;
}

.nav-tabs.nav-bordered li a.active {
    border-bottom: 2px solid #003171;
    background-color: #ebebeb;
}
  

.ms-container
{
  background: transparent url('../img/switch.png') no-repeat 50% 50%;
  width: 100%;
}