tiaw.css

label {
    font-weight: bolder;
}
::placeholder {
    color: rgb(101, 86, 222);
    opacity: 3;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: rgb(101, 86, 222);
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: rgb(101, 86, 222);
    opacity:  3;
 }
 h1 {
     text-align: center;
     font-family: Helvetica,Arial,sans-serif !important;
 }
 h2{
    font-family: Helvetica,Arial,sans-serif !important;
 }

 h3{
    font-family: Helvetica,Arial,sans-serif !important;
 }

 #msg {
     height: 60px;
 }
 #grid-contatos tbody {
     cursor: pointer;
 }


 /*NAV*/
 .navbar {
    border: 0;
    border-radius: 3px;
    padding: .625rem 0;
    margin-bottom: 20px;
    color: rgb(251, 248, 248);
    background-color: rgb(101, 86, 222)!important; /*header*/
    z-index: 1000 !important;
    transition: all 150ms ease 0s;
      
    
}

.nav-link{
    color: rgb(253, 253, 253);
}

.nav-link active{
    color: #000000; /*item ativo*/

}

 
.navbar.navbar-transparent {
    z-index: 1030;
    background-color: transparent!important;
    box-shadow: none !important;
    padding-top: 25px;
    color: rgb(247, 244, 244);
}

.navbar .navbar-brand {
    position: relative;
    color: inherit;
    height: 50px;
    font-size: 1.125rem;
    line-height: 30px;
    padding: .625rem 0;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
}

.navbar .navbar-nav .nav-item .nav-link:not(.btn) .material-icons {
    margin-top: -7px;
    top: 3px;
    position: relative;
    margin-right: 3px;
}

.navbar .navbar-nav .nav-item .nav-link .material-icons {
    font-size: 1.25rem;
    max-width: 24px;
    margin-top: -1.1em;
}

.navbar .navbar-nav .nav-item .nav-link .fa, .navbar .navbar-nav .nav-item .nav-link .material-icons {
    font-size: 1.25rem;
    max-width: 24px;
    margin-top: 0px;
}

.navbar .navbar-nav .nav-item .nav-link {
    position: relative;
    color: inherit;
    padding: .9375rem;
    font-weight: 400;
    font-size: 12px;
    border-radius: 3px;
    line-height: 20px;
}

/*AQUI*/


.profile-page .page-header {
    height: 120px; /*380px*/
    background-position:center;
}

.page-header {
    height: 100vh; /*100*/
    background-size: cover;
    margin: 0;
    padding: 0;
    border: 0;
    display: flex;
    align-items: center;
    background-color: rgb(240, 245, 245); 
    /*muda um pedaço da header*/
    
}

.header-filter:after, .header-filter:before {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    content: "";
    background-color: rgb(248, 251, 250) !important; /*MUDA A PARTE DE TRAS*/
}

.header-filter::before {
    background: rgba(251, 250, 250, 0.5);
}

/*BUTTON*/

.button{
    border-style: none;
    height: 40px;
    padding: 6px 12px;
    background-color: black;
    color: white;
    font-size: 1rem;
    cursor: pointer;
    transition: box-shadow .6s ease;
    font-family:Helvetica,Arial,sans-serif !important;
}

#btnInsert {
 background-color: rgb(101, 86, 222)!important;
 color: white;
 font-family:Helvetica,Arial,sans-serif !important;
}

#btnUpdate {
    background-color: rgb(101, 86, 222)!important;
    color: white;
    font-family:Helvetica,Arial,sans-serif !important;
}

#btnDelete {
    background-color: rgb(101, 86, 222)!important;
    color: white;
    font-family:Helvetica,Arial,sans-serif !important;
}

#btnClear {
    background-color: rgb(101, 86, 222)!important;
    color: white;
    font-family:Helvetica,Arial,sans-serif !important;
}

.button:hover{
    box-shadow: inset 200px 0 0 #765dda55;
}

.btn btn-success{
    background-color: rgb(155, 143, 245)!important;
}

.btn btn-warning{
    background-color: rgb(155, 143, 245)!important;
}

.btn btn-danger{
    background-color: rgb(155, 143, 245)!important;
}

.btn btn-secondary{
    background-color: rgb(155, 143, 245)!important;
}