.btn-pse{
    margin-top:30%;
    border: 2px solid #FFCC00;
    background-color: #fff;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: center;
    font-size: 16px;
    border-radius: 4px;
    color: #003366;
}

.btn-pse:hover {
    background-color: #FFCC00;
    color: white;
}

.btn-pse:before {
  content: "";
  position: absolute;
  background: #FFCC88;
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
  z-index: -1;
  -webkit-transition: top 0.09s ease-in;
  transition: 0.5s;
}

.btn-login{
    border: 2px solid #FFCC00;
    background-color: #fff;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: center;
    font-size: 16px;
    border-radius: 4px;
    color: #003366;
}

.btn-login:hover {
    background-color: #FFCC00;
    color: white;
}

.btn-login:before {
  content: "";
  position: absolute;
  background: #FFCC88;
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
  z-index: -1;
  -webkit-transition: top 0.09s ease-in;
}

.btn-login1 {
    border: 2px solid #FFCC00;
    background-color: #fff;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
    color: #003366;
}

    .btn-login1:hover {
        background-color: #FFCC00;
        color: white;
    }

    .btn-login1:before {
        content: "";
        position: absolute;
        background: #FFCC88;
        bottom: 0;
        left: 0;
        right: 0;
        top: 100%;
        z-index: -1;
        -webkit-transition: top 0.09s ease-in;
    }
.btn-login2 {
    font-family: Arial, Helvetica, sans-serif;
    border: 2px solid #365899;
    background-color: #365899;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
    font-size: 16px;    
    color: #eef2f5;
    height: 48px;
    line-height: 48px;
    width: 310px;
}

    .btn-login2:hover {
        background-color: #365899;
        color: white;
    }

    .btn-login2:before {
        content: "";
        position: absolute;
        background: #FFCC00;
        bottom: 0;
        left: 0;
        right: 0;
        top: 100%;
        z-index: -1;
        -webkit-transition: top 0.09s ease-in;
    }
.btn-UsrM {
    border: 2px solid #003366;
    background-color: #fff;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: center;
    font-size: 14px;
    border-radius: 16px;
    color: #003366;
}

    .btn-UsrM:hover {
        background-color: #003366;
        color: white;
    }

    .btn-UsrM:before {
        content: "";
        position: absolute;
        background: #FFCC88;
        bottom: 0;
        left: 0;
        right: 0;
        top: 100%;
        z-index: -1;
        -webkit-transition: top 0.09s ease-in;
    }

    .btn-UsrM.btn-xl {
        width: 50px;
        height: 50px;
        padding: 10px 10px;
        border-radius: 35px;
        font-size: 24px;
        line-height: 1.33;
    }
.btn-estadop {
    border: 2px solid #0578be;
    background-color: #0578be;
    display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: center;
    font-size: 16px;
    border-radius: 4px;
    color: white;
}

    .btn-estadop:hover {
        background-color: #0578be;
        color: #003366;
    }

    .btn-estadop:before {
        content: "";
        position: absolute;
        background: #0578be;
        bottom: 0;
        left: 0;
        right: 0;
        top: 100%;
        z-index: -1;
        -webkit-transition: top 0.09s ease-in;
    }
.btn-estados {
    border: 2px solid #66CCFF;
    background-color: #66CCFF;
    display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: center;
    font-size: 16px;
    border-radius: 4px;
    color: white;
}

    .btn-estados:hover {
        background-color: #66CCFF;
        color: #003366;
    }

    .btn-estados:before {
        content: "";
        position: absolute;
        background: #66CCFF;
        bottom: 0;
        left: 0;
        right: 0;
        top: 100%;
        z-index: -1;
        -webkit-transition: top 0.09s ease-in;
    }

.btn-estadoa {
    border: 2px solid #FFCC00;
    background-color: #FFCC00;
    display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: center;
    font-size: 16px;
    border-radius: 4px;
    color: white;
}

    .btn-estadoa:hover {
        background-color: #FFCC00;
        color: #003366;
    }

    .btn-estadoa:before {
        content: "";
        position: absolute;
        background: #FFCC00;
        bottom: 0;
        left: 0;
        right: 0;
        top: 100%;
        z-index: -1;
        -webkit-transition: top 0.09s ease-in;
    }

.btn-estadopl {
    border: 2px solid #95c11f;
    background-color: #95c11f;
    display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: center;
    font-size: 16px;
    border-radius: 4px;
    color: white;
}

    .btn-estadopl:hover {
        background-color: #95c11f;
        color: #003366;
    }

    .btn-estadopl:before {
        content: "";
        position: absolute;
        background: #95c11f;
        bottom: 0;
        left: 0;
        right: 0;
        top: 100%;
        z-index: -1;
        -webkit-transition: top 0.09s ease-in;
    }

.btn-estadot {
    border: 2px solid #e2e6e8;
    background-color: #e2e6e8;
    display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: center;
    font-size: 16px;
    border-radius: 4px;
    color: white;
}

    .btn-estadot:hover {
        background-color: #e2e6e8;
        color: #003366;
    }

    .btn-estadot:before {
        content: "";
        position: absolute;
        background: #e2e6e8;
        bottom: 0;
        left: 0;
        right: 0;
        top: 100%;
        z-index: -1;
        -webkit-transition: top 0.09s ease-in;
    }
@media screen and (max-width: 768px) {
    .btn-pse{
        margin:0;
        position:relative;

    }
    .col-md-3{text-align:center;}
}

.modal-header {
    background-color: #003366;
    color: white;
    font-size: 22px;
    font-weight: bold;
}

.modal-header1 {
    background-color: #348be2;
    color: white;
    font-size: 22px;
    font-weight: bold;
}

/*checkbox*/
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

    hr.style1 {
        border-top: 1px solid #003366;
    }