/* ITEC 4750 Senior Capstone */

html {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
}

body {
    background-color: #ffffff;
    color: #333333;
}

/********************
heading style 
********************/
h1,
h2,
h3, 
h4 {
    color: #180A73;
    font-family: 'Roboto Slab', serif;
}

/********************
link style 
********************/
a,
a:link,
a:visited,
a:active,
a:hover {
    color: #F20505;
    text-decoration: none;
}

.active {
    color: #180A73 !important;
}

a:hover,
ul.nav a:hover {
    color: #F2B705 !important;
}

/********************
validation style 
********************/
.val-feedback {
    color: #dc3545;
    font-size: .875em;
    margin-bottom: 1rem;
    margin-top: .25rem;
    width: 100%;
}

.reg-success {
    color: #180A73;
}

/********************
button style 
********************/
.btn-small {
    padding: .25rem .5rem;
    font-size: .75rem;
}

/********************
footer.php style 
********************/
.ft-text {
    font-size: 0.75rem;
    margin-bottom: 5px;
}

/********************
login.php style
********************/

/* login div */
.box-shadow {
    background-color: #FFFFFF;
    border-radius: 5px;
    box-shadow: 5px 5px 10px #999999;
}

/* login button background color */
.btn-primary {
    background-color: #180A73;

}

/* login button hover color */
.btn-primary:hover {
    background-color: #42378C !important;
}

/* resize the logo */
.login-logo {
    height: 150px;
    width: 150px;
}

/* change the pointer when hovering over the eye icon */
.fa-eye,
.fa-eye-slash {
    cursor: pointer;
}

/********************
register.php
********************/
.left{
    height : 100%;
  }
  .right{
    height : 100%;
  }

  .no-pic {
    font-size: 10em;
  }