body {
    background-image: url(../images/backgroundimg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    font-family: 'Space Grotesk', sans-serif;
}

.header-part {
    background: linear-gradient(46deg, #00436f 64%, #0873b9 24%);
    padding: 5px 0px;
    margin-bottom: 10px;
}

.main-logo span {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.footer-part {
    background: linear-gradient(-90deg, #0a6ad6 0%, #0c9ea0 100%);
    border-top: 2px solid #22e4e9;
    margin-top: 10px;
}

    .footer-part p {
        margin-bottom: 0;
        /* background: blue; */
        color: #fff;
        padding: 10px 0px;
    }

        .footer-part p img {
            width: 100px;
            background: #fff;
            padding: 2px 5px;
            border-radius: 30px;
        }
/* ============ mobile view ============ */
@media(max-width: 991px) {
    .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse {
        overflow-y: auto;
        max-height: 90vh;
        margin-top: 10px;
    }
}
/* ============ mobile view .end// ============ */
.refresh {
    margin-top: 9px;
}

.f-r {
    float: right;
}

img {
    max-width: 100%;
}

.form-container {
    max-width: 500px;
    width: 140%;
    padding: 15px 25px;
    background-color: #ffffffd6;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    /* border-top: 5px solid #3c2979; */
}

    .form-container h2 {
        text-align: center;
        margin-top: 25px;
        margin-bottom: 30px;
        color: #3c2979;
        font-weight: 800;
        font-size: 20px;
        /* border: 1px solid #0865a86e; */
        padding: 6px;
        width: 90%;
        border-radius: 20px;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 30px;
        position: relative;
    }

        .form-container h2:after {
            content: '';
            width: 55px;
            height: 1px;
            /* background: #0865a8; */
            position: absolute;
            /* border-bottom: 10px solid red; */
            bottom: 17px;
            right: -56px;
            border-radius: 10px;
        }

        .form-container h2:before {
            content: '';
            width: 55px;
            height: 1px;
            /* background: #0865a8; */
            position: absolute;
            /* border-bottom: 10px solid red; */
            bottom: 17px;
            left: -56px;
            border-radius: 10px;
        }

.form-group {
    position: relative;
    margin-bottom: 20px;
    margin-left:5px;
}

.form-group-input {
    width: 80%;
    /* padding: 10px;*/
    padding: 15px 10px 10px 11px !important;
    border: 1px solid #3c297973;
    border-radius: 4px;
    font-size: 16px;
    /* margin-top: 10px; */
    transition: border-color 0.3s ease;
    border-radius: 7px;
}

.form-group label {
    position: absolute;
    left: 12px;
    top: 12px;
    font-size: 14px;
    color: #858c95;
    font-weight: bold !important;
    transition: top 0.3s ease, font-size 0.3s ease, color 0.3s ease;
}

    .form-group-input:focus {
        border-color: #080f5b;
        outline: none;
        top: 3px;
        margin-top: 3px;
    }

        .form-group-input:focus + label,
        .form-group-input:not(:placeholder-shown) + label {
            top: -6px;
            font-size: 14px;
            color: #44449f;
            background-color: #ffffff;
            padding: 0px 4px;
            border-radius: 4px;
            left: 8px;
        }

.submit-button {
    display: block;
    width: 100%;
    margin-top: 14px;
    margin-bottom: 8px;
    padding: 10px;
    background-color: #3c2979;
    color: #ffffff;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    /* background-color: #dc4c64; */
    color: #fff;
    box-shadow: 0 4px 9px -4px #49185d;
}

    .submit-button:hover {
        background-color: #49185d;
    }

.form-group label .fa {
    font-size: 15px;
    padding-right: 12px;
    margin-left: 8px;
    border-right: 1px solid #cbcbcb;
    margin-right: 10px;
    color: #3c2979;
}

.form-group-input:focus + .fa {
    font-size: 12px;
}

img {
    max-width: 100%;
}

.pad-0 {
    padding: 0;
}

.login-form {
    width: 98%;
    height: 96vh;
    background: #fff;
    position: absolute;
    margin: 0 auto;
}

.login-right {
    margin-top: 20px;
    /* position: relative; */
    width: 90%;
    float: right;
}

.captcha {
    border-radius: 8px;
    border:1px;
}

.lock {
    width: 50px;
    margin: 0 auto;
    position: absolute;
    top: -67px;
    left: 22%;
    /* border: 2px solid #ccc; */
    width: 180px;
    height: 70px;
    border-radius: 50%;
    padding: 7px 15px;
    /* background: #ffffff; */
}

.new-register p {
    margin-bottom: 0;
}

img {
    max-width: 100%;
   /* border: 1px solid #0b435d;*/
}


@media only screen and (max-width: 600px) {
    .mt-50 {
        margin-top: 10px;
    }
}



.form-control {
    border: 1px solid #5a1a1661;
    border-radius: 0;
    margin-bottom: 15px;
}

.form-control {
    padding: 8px;
    /* border-radius: 10px; */
    /* box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); */
    border-color: #0a169836;
    /* box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); */
    font-size: 14px;
    /* border-left: 0; */
    border-radius: 18px;
}

.center {
    text-align: center;
}

.main-content {
    min-height: 75vh;
}

.btn-primary {
    box-shadow: 0 4px 9px -4px #03a9f4;
    background: #00436f;
    border-color: #00436f;
    border: 1px solid #00436f;
}



label {
    display: inline-block;
    color: #312077;
    font-weight: 600;
    font-size: 15px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #0865a8;
    color: #fff !important;
    border: 0;
    border-radius: 24px;
    padding: 2px 12px;
    text-align: center;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #6750c5 !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}

table.table-bordered.dataTable th, table.table-bordered.dataTable td {
    border-bottom-width: 1px;
    border-color: #e1dfe9;
}

table.table-bordered.dataTable thead tr:first-child th, table.table-bordered.dataTable thead tr:first-child td {
    border-top-width: 1px;
    background: #03A9F4;
    color: #fff;
}

.dataTables_wrapper .dataTables_length {
    float: left;
    margin-bottom: 15px;
}

table.dataTable.no-footer {
    border-bottom: 3px solid #6750c500;
}

.code-value {
    background: #f3f2f7;
    margin-top: 10px;
    color: #4c33b7;
    border: 5px solid #1e9e95;
    /* border-left: 0; */
    /* border-right: 0; */
    padding: 10px 0px;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
}

    .code-value ul {
        list-style-type: none;
        margin-bottom: 0;
        /* padding: 15px; */
    }

#navbar_top:after {
    content: "";
    display: block;
    height: 4px;
    background: linear-gradient(to right, #f77213, #f77213 33.3333%, #ffb732 33.3334%, #ffb732 66.6666%, #19a5aa 66.6667%);
    /* position: absolute; */
    bottom: 0;
    margin-top: 2px;
}


@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px;
    }
}

.main-title {
    margin: 0;
    color: #0865a8;
}


.dropdown-menu > li:hover .navbar-dark .navbar-nav .nav-link {
    color: red;
}

.fixed-bottom {
    position: relative !important;
}

body .site-main {
    background: transparent;
}


.dashboard .card {
    /* border-radius: 35px 10px; */
    border: 0 !important;
    margin: 20px 0px;
}

.c1 {
    background: #2196F3;
    /* box-shadow: 2px 12px 26px 3px rgba(126,55,216,0.3); */
    padding: 8px;
}

.t1 {
    color: #2196f3 !important;
}

.c2 {
    background: #E91E63;
    /* box-shadow: 2px 12px 26px 3px rgba(126,55,216,0.3); */
    padding: 8px;
}

.t2 {
    color: #e91e63 !important;
}

.c3 {
    background: #673AB7;
    /* box-shadow: 2px 12px 26px 3px rgba(126,55,216,0.3); */
    padding: 8px;
}

.t3 {
    color: #5E35B1 !important;
}

.c4 {
    background: #009688;
    /* box-shadow: 2px 12px 26px 3px rgba(126,55,216,0.3); */
    padding: 8px;
}

.t4 {
    color: #009688 !important;
}

.c5 {
    background: #9C27B0;
    /* box-shadow: 2px 12px 26px 3px rgba(126,55,216,0.3); */
    padding: 8px;
}

.t5 {
    color: #9c27b0 !important;
}

.card-body {
    padding: 0;
    margin-bottom: 30px;
}

.counter-text h4 {
    color: #fff;
}

.counter-card {
    background: #fff;
    font-size: 25px;
    padding: 8px;
    border: 1px solid #f1f0f0;
    box-shadow: 2px 12px 26px 3px rgb(19 5 37 / 6%);
    border-radius: 0px 0px 14px 14px;
}

.dashboard {
    margin-top: 30px;
}

.footer p {
    margin-bottom: 0;
    color: #fff;
    padding: 10px 0px;
    font-size: 15px;
}

p.right-side {
    float: right;
}

.field-validation-error {
    display: block;
    margin-top: 3px;
    font-size: 15px;
}

.form-control {
    margin-bottom: 2px;
}