:root {
    --primary: #0C5480;
    --background-main: #EDF1F4;
    --font-gen: "Roboto", serif;
    --font-gen-col: #595959;
    --font-header: "Poppins", serif;
    --font-header-col: #222;
    --box-radius: 12px;
    --box-radius-inner: 6px;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-header);
    color: var(--font-header-col);
}
a {
    font-family: var(--font-header);
}

h1{
    font-size:32px;
}
h2 {
    font-size: 28px;
}
h3 {
    font-size: 24px;
}
h4 {
    font-size: 20px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 16px;
}

body,
button,
li,
select,
p,
.form-control{
    font-family: var(--font-gen);
    color: var(--font-gen-col);
    font-size: 15px;
}

p{
    line-height:25px;
}


html,
body {
    position: relative;
    min-height: 100%;
    height: 100%;
}

body {
  background:var(--background-main);
}

footer{
    position:absolute;
    bottom:0;
}

.col-primary{
    color:var(--primary);
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
    background: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
    #header .logo img {
        max-height: 40px;
        height: 40px;
    }
.navbar a, .navbar a:focus {
    font-weight: 400;
}
.mobile-nav-toggle {
    color: var(--font-gen-col);
}
/*--------------------------------------------------------------
# Main
--------------------------------------------------------------*/
#main{
    padding-top:100px;
}

/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/
.btn-w100 {
    width:100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
label{
    font-size:15px;
    margin-bottom:5px;
}
.form-group{
    margin-bottom:15px;
}

/*--------------------------------------------------------------
# Card
--------------------------------------------------------------*/
.card {
    background: #fff;
    border-radius: var(--box-radius);
    border:unset;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.card-header {
    background: #F8F8F8;
    border-radius: 12px 12px 0 0 !important;
    border-bottom: 1px #D2D2D2 solid;
    padding: 20px;
    overflow: hidden;
}
.card-body{
    padding:20px;
}
.card-footer {
    background:#fff;
    border-radius:0 0 12px 12px !important;
    border-top: 1px #D2D2D2 solid;
    padding: 20px;
}
.card-ep {
    padding:25px;
}

/*-- emp search link block --*/
.emp-block-link {
    background: #D0EFFF;
    border-radius: var(--box-radius-inner);
    color: var(--primary) !important;
    display: flex;
    font-size:18px;
    padding: 25px;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease 0s;
}
    .emp-block-link:hover {
        background:var(--primary);
        border-radius: 50px;
        color:#fff !important;
        transition: all 0.3s ease 0s;
    }
.emp-block-link i{
    font-size:28px;
    margin-left:25px;
}