body{
    /*background-color: #01005d;*/
}

.bg-primary{
    background-color: #01005d !important;
}

.btn-primary{
    background-color: #01005d !important;
    border: solid 1px #01005d !important;
}

.btn-outline-primary{
    border: solid 1px #01005d !important;
    color:#01005d !important;
}

.text-primary{
    color:#01005d !important;
}

.base{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgb(219,236,255);
    background: linear-gradient(0deg, rgba(219,236,255,1) 0%, rgba(255,255,255,1) 100%);
    z-index: -1;
}

.toggle > input {
    display: none;
}

.toggle > label {
    position: relative;
    display: block;
    height: 20px;
    width: 44px;
    background: #898989;
    border-radius: 100px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.toggle > label:after {
    position: absolute;
    left: -2px;
    top: -3px;
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 100px;
    background: #fff;
    box-shadow: 0px 3px 3px rgba(0,0,0,0.05);
    content: '';
    transition: all 0.3s ease;
}
.toggle{
  margin-top: 5px;
}
.toggle > label:active:after {
    transform: scale(1.15, 0.85);
}
.toggle > input:checked ~ label {
    background: #6fbeb5;
}
.toggle > input:checked ~ label:after {
    left: 20px;
    background: #179588;
}
.toggle > input:disabled ~ label {
    background: #d5d5d5;
    pointer-events: none;
}
.toggle > input:disabled ~ label:after {
    background: #bcbdbc;
}