@import url('https://fonts.googleapis.com/css2?family=Cardo:wght@700&family=Crimson+Text&family=Josefin+Sans:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Acme&family=Jost:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora&family=Poppins:wght@300&display=swap');

body {
    background-color: #f8f9fa;
}
.display-2 {
    color: #0C07AD;
    font-size: 23px;
    font-weight: 600;
    font-family: Poppins;
}
.display-6 {
    font-size: 50px;
    font-weight: 600;
    text-align: center;
    font-family: Acme;
    color: #1D267D;
}

.display-5 {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    font-family:'Josefin Sans';
}

.display-7 {
    font-size: 16px;
    font-weight: 400;    
    font-family: 'Josefin Sans';
    padding-top:10px;
}

.display-7 a {
        display: block;
        text-decoration: none;
        font-size: 20px;
        font-weight: 400;
        font-family: 'Josefin Sans';
        padding-top:-5px;
    }
    .display-8 {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    font-family: 'Josefin Sans';
    color: #145DA0;
}

.display-9 {
    font-size: 16px;
    font-weight: 600;
    text-align: right;
    font-family: 'Jost';
    color: #c21708;
}


.footer {
    display:block;
    width:100%;
    left:0;
    height:50px;
    bottom:0;
    position:fixed;
    background-color:#e3e7ed;
}
.footer p {
    color: #000;
    font-size: 15px;
    text-align: center;
    font-family: 'Josefin Sans';
    padding:20px;
}

.footer p a {
    color: #0A6EBD;
    font-size: 15px;
    text-decoration: none;
    font-family: 'Josefin Sans';
}

.img-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.div-hg {
    height: 950px;
    padding: 50px 0px;
}
.card-footer hr {
    border-width:2px;
    border-color: #D864A9;
    padding: 0px 25px;
}
.card-body p {
    position: relative;
    float: right;
    padding: 10px 20px 3px 20px;
    border-left: 2px solid #D864A9;
    color: #458B00;
    font-family: Cardo;
    font-size: 25px;
    text-align:center;
}
.card-img {width:40px;padding-top:7px}
.card-lbl {font-size:16px}
.card-icon {
    background-color: #FF579A;
    color: #ffffff;
    font-size: 28px;
    padding: 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius:10px;
}
.card-body label {font-size:14px;}
.chart_size {
    width:680px;
}
.con-size {font-size:15px}
@media (max-width:768px) {
    .display-2 {font-size: 17px;}
    .display-6 {font-size: 20px;}
    .display-5 {font-size: 16px;}
    .display-7 {font-size: 15px;}
    .display-8 {font-size: 18px;padding-top:10px;}
    .footer p {font-size: 13px;}
    .footer p a{font-size: 13px;}
    .div-hg{height:100px;padding:20px}    
    .chart_size{width:300px}
    .card label {font-size: 12px;}
    .card-img {width: 35px;padding-top: 8px;}
    .card-lbl {font-size:15px}
    .card .form-control, .card .form-select {font-size:13px;}
    .card-icon {font-size: 20px;}
    .con-size {font-size:12px;}
}
.card {
    border-left: 3px solid #0081C9;
}

.card label {
    font-size:15px;
    font-family:Poppins;
    color:black;
    font-weight:normal;
    padding-bottom:3px;
    font-weight:bold;
    text-transform:capitalize;
}
.card .form-control, .card .form-select {
    height:50px;    
    color:#000;
    font-size:15px;
    font-family:Poppins;
}

.btn-edit {
    background:#362FD9;
    color:#fff;
    font-family:Poppins;
    font-weight:bold;
    font-size:17px;
    width:120px;
}

.btn-edit:hover {
    border: 2px solid #362FD9;
}

.btn-update {
    background: #81B622;
    color: #fff;
    font-family: Poppins;
    font-weight: bold;
    font-size: 17px;
    width: 120px;    
}

.btn-update:hover {
    border:2px solid #81B622;
}

.btn-can {
    background: #D01110;
    color: #fff;
    font-family: Poppins;
    font-weight: bold;
    font-size: 17px;
    width: 120px;
}

.btn-can:hover {
    border: 2px solid #D01110;
}

.btn-save {
    background: #66930C;
    color: #fff;
    font-family: Poppins;
    font-weight: bold;
    font-size: 17px;
    width: 150px;
    height:40px;
    letter-spacing:0.1em;
}
.btn-save:hover {    
    border:2px solid #547a06;    
    color:#ffffff;
}

.btn-search {
    background: #055C9D;
    color: #fff;
    font-family: Poppins;
    font-weight: bold;
    font-size: 17px;
    width: 100px;
    height: 40px;
    letter-spacing: 0.1em;
}

.btn-search:hover {
    color: #ffffff;        
    border: 2px solid #055C9D;
}

.btn-dash {
    background: #DC7633;
    color: #fff;
    font-family: Poppins;
    font-weight: bold;
    font-size: 15px;
    width: 120px;
}

.btn-dash:hover {
    border: 2px solid #f2b233;
    background: #f2b233;
    color:#fff;
}

.table th {
    font-family: Poppins;
    font-size: 13px;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    color: #145DA0;
}
.table td {
    font-family: Poppins;
    font-size: 14px;
    vertical-align:middle;
}

.table td a{
    display:block;
    width:100%;
}
    .table-view {
    font-size: 15px;    
    font-weight: bold;
    font-family: Poppins;    
    height:35px;
}
.lbl {font-size:16px;}
@media (max-width:768px) {
    .table th {font-size:11px;}
    .table td {font-size: 11px;}
    .form-group .label {font-size:10px;}
    .lbl {font-size: 14px;}
}