/* component */
.project-primary-color{
    background: rgba(46, 117, 181, 1.00);
    color: #fff;
}
.project-input::placeholder{
    color: rgba(46, 117, 181, 1.00);
}
.project-input{
    box-shadow: 0 0 3px rgba(46, 117, 181, 1.00);
}
.project-input-100{
    padding: 0 20% 0 20%
}
.project-form .form-group{
    padding-bottom: 1%;
}
.project-head{
    padding: 5%
}
.project-head p{
    text-align: left;
}
.project-btn{
    background: #2f5496;
    color: #fff;
}
.project-btn:hover{
    color: rgba(46, 117, 181, 1.00);
    background: #fff;
    border: 1px solid rgba(46, 117, 181, 1.00);
}
.project-btn-success{
    background: rgba(112, 173, 71, 1);
    color: #fff;
}
.project-btn-success:hover{
    color: rgba(112, 173, 71, 1);
    background: #fff;
    border: 1px solid rgba(112, 173, 71, 1);
}
.project-btn-danger{
    background: rgba(255, 51, 153, 1);
    color: #fff;
}
.project-btn-danger:hover{
    color: rgba(255, 51, 153, 1);
    background: #fff;
    border: 1px solid rgba(255, 51, 153, 1);
}
.project-btn-cancel{
    background: rgba(166, 166, 166, 1);
    color: #fff;
}
.project-btn-cancel:hover{
    color: rgba(166, 166, 166, 1);
    background: #fff;
    border: 1px solid rgba(166, 166, 166, 1);
}
.project-btn-choose{
    background: rgba(157, 195, 230, 1) !important;
    color: #fff;
}
.project-btn-choose:hover{
    color: rgba(157, 195, 230, 1);
    background: #fff;
    border: 1px solid rgba(157, 195, 230, 1);
}
/* navbar */
.navbar-expand-md{
    position: relative;
}
.project-brand{
    font-weight: bold;
    padding: 1.3rem;
    font-size: 1.3rem;
}
.project-brand a:hover{
    text-decoration: none;
}
.project-nav {
    padding-left: 10%;
}
.project-nav .active{
    background: #fff !important;
    color: rgba(46, 117, 181, 1.00) !important;
}

.project-nav .nav-item:not(.active){
    background: rgba(46, 117, 181, 1.00);
    color: #fff;
    font-weight: bold;
    padding-left: 30px !important;
    padding-right: 30px !important;
    border-bottom: none !important;
    border-radius: 20px 20px 0 0;
}
.project-nav .active{
    background: rgba(46, 117, 181, 1.00);
    color: #fff;
    font-weight: bold;
    padding-left: 30px !important;
    padding-right: 30px !important;
    border-bottom: none !important;
    border-top: 1px solid rgba(46, 117, 181, 1.00) !important;
    border-left: 1px solid rgba(46, 117, 181, 1.00) !important;
    border-right: 1px solid rgba(46, 117, 181, 1.00) !important;
    border-radius: 20px 20px 0 0;
}
.project-logout{
    position: absolute;
    padding: 1rem;
    right: 0;
    top: 0;
}

/* table */
.project-table{
    background-color: rgba(156, 194, 229, 1);
}
.project-table tbody tr:nth-of-type(odd) {
    background-color: rgba(221, 234, 246, 1);
}
.project-table td{
    vertical-align: middle;
}
.project-table th{
    vertical-align: middle;
}

/* card */
.project-card .head{
    background-color: rgba(156, 194, 229, 1);
}
.project-card .label{
    background-color: rgba(221, 234, 246, 1);
}
.project-card input{
    width: 100%;
}

/* status symbol */
.project-status-active{
    font-weight: bolder;
    font-size: 2rem;
    color: rgba(112, 173, 71, 1);
}
.project-status-unactive{
    font-weight: bolder;
    font-size: 2rem;
    color: rgba(255, 51, 153, 1);
}
.device-status .text{
    font-size: 1.3rem
}