/*=========================================
    UPRTOU Degree Certificate Portal
==========================================*/

:root{

    --primary:#27326E;
    --secondary:#1F5FBF;
    --gold:#FFC107;
    --light:#F5F7FB;
    --white:#FFFFFF;
    --success:#198754;
    --danger:#DC3545;
    --footer:#1B1F3B;
    --text:#333333;

}

body{

    margin:0;
    padding:0;
    background:var(--light);
    font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;
    color:var(--text);

}

a{
    text-decoration:none;
}

img{
    max-width:100%;
}

.header{

    background:#fff;
    padding:15px 10px;

}

.header h3{

    color:#27326E;
    font-weight:700;
    margin-bottom:5px;

}

.header h4{

    color:#333;
    font-size:24px;
    font-weight:600;

}

.header h5{

    color:#1F5FBF;
    font-weight:600;

}

.header img{

    transition:.3s;

}

.header img:hover{

    transform:scale(1.05);

}

.navbar{

    background:#27326E !important;

}

.navbar-brand{

    font-weight:bold;

}

.navbar-nav .nav-link{

    color:#fff !important;

    padding:15px 18px;

    transition:.3s;

}

.navbar-nav .nav-link:hover{

    background:#1F5FBF;

    border-radius:5px;

}

.navbar-nav .nav-link i{

    margin-right:6px;

}

.notice-bar{

    background:#FFF8E1;

    padding:10px;

    border-top:1px solid #FFD54F;

    border-bottom:1px solid #FFD54F;

    font-weight:600;

    color:#C62828;

}

.card{

    border:none;

    border-radius:10px;

    transition:.3s;

}

.card:hover{

    transform:translateY(-5px);

    box-shadow:0 8px 20px rgba(0,0,0,.15);

}

.card-header{

    background:#27326E;

    color:#fff;

    font-weight:bold;

}

.btn-primary{

    background:#27326E;

    border:none;

}

.btn-primary:hover{

    background:#1F5FBF;

}

.btn-success{

    background:#198754;

}

.btn-warning{

    color:#000;

    font-weight:600;

}

.form-control{

    border-radius:8px;

    min-height:45px;

}

.form-control:focus{

    border-color:#27326E;

    box-shadow:0 0 0 .15rem rgba(39,50,110,.25);

}

label{

    font-weight:600;

    margin-bottom:5px;

}

.alert-info{

    background:#E8F4FF;

    border-left:5px solid #1F5FBF;

}

.footer{

    background:#1B1F3B;

    color:#fff;

    padding:40px 0;

    margin-top:50px;

}

.footer h5{

    color:#FFC107;

    margin-bottom:20px;

}

.footer a{

    color:#fff;

    transition:.3s;

}

.footer a:hover{

    color:#FFC107;

}

.footer p{

    color:#DDD;

}

.table{

    background:#fff;

}

.table thead{

    background:#27326E;

    color:#fff;

}

@media(max-width:768px){

.header{

    text-align:center;

}

.header img{

    margin-bottom:15px;

}

.navbar-nav{

    text-align:center;

}

.footer{

    text-align:center;

}

}

.loader{

    position:fixed;

    left:0;

    top:0;

    width:100%;

    height:100%;

    background:rgba(255,255,255,.8);

    z-index:9999;

    display:none;

}

.loader img{

    position:absolute;

    top:50%;

    left:50%;

    transform:translate(-50%,-50%);

}