/*
Project Name:
Version: 1.1
Author Name: Parimal Bhanderi
Date: 07 January 2020
*/
/*
Chapter:01 Bootstrap Customization
Chapter:02 HTML Customization
Chapter:03 Supplementary Style
Chapter:04 Header Style
Chapter:05 Footer Style
Chapter:06 Gijgo Date Picker Customization
Chapter:07 Offcanvas Style
Chapter:08 DataTables Style
Chapter:09 Child Pages Style
Chapter:10 Progress Bar Style
Chapter:11 Admin Card Style
Chapter:12 Index - Startup Policy
Chapter:13 Registration - Startup Policy
*/
:root {
    --alpha-color: #17252a;
    --beta-color: #13504f;
    --gamma-color: #3aafa9;
    --delta-color: #def2f1;
    --light-gray-color: #dee2e6;
    --dim-gray-color: rgba(0, 0, 0, .125);
    --alpha-shade-color: #2d4852;
    --beta-shade-color: #359794;

    --success-lite-color: #adebbb;
    --info-lite-color: #a4e9f4;
    --smoke-lite-color: #d9d9d9;
    /* card-back-i */

    --success-color: #28a745;
    --info-color: #17a2b8;
    --smoke-color: #333333;
    /* card-border-i */
    --bg-menu-color: #35858b;

    --startup-hand-color: #f2672d;
    /* orange */
}

/* Chapter:01 Bootstrap Customization Starts */
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
}

hr.hr-one {
    margin-top: 2px;
    margin-bottom: 2px;
}

hr.hr-two {
    margin-top: 8px;
    margin-bottom: 2px;
}

hr.hr-three {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(58, 175, 169, 0), rgba(58, 175, 169, 0.75), rgba(58, 175, 169, 0));
}

/* BEGIN: changes for UI improvements */
.btn,
.form-control,
.custom-file-input {
    font-size: 14px;
    padding: 5px 15px;
    font-weight: 500;
}

.form-control {
    height: calc(1.2em + 0.75rem + 2px);
}

/* END: changes for UI improvements */
.custom-select {
    font-size: 14px;
    font-weight: 500;
}

.btn {
    border-radius: 1.5rem;
}

.form-control,
.custom-file-label,
.custom-select {
    color: var(--alpha-color, #17252a);
    /* alpha */
    border: 1px solid var(--gamma-color, #3aafa9);
    /*gamma*/
}

.custom-file-label::after {
    background-color: var(--delta-color, #def2f1);
    /* delta */
}

.btn-primary {
    color: #fff;
    background-color: var(--alpha-color, #17252a);
    /* alpha */
    border-color: var(--alpha-color, #17252a);
    /* alpha */
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--alpha-shade-color, #2d4852);
    /* alpha shade */
    border-color: var(--alpha-shade-color, #2d4852);
    /* alpha shade */
}

.btn-outline-primary {
    color: var(--alpha-color, #17252a);
    /* alpha */
    border-color: var(--alpha-color, #17252a);
    /* alpha */
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--alpha-shade-color, #2d4852);
    /* alpha shade */
    border-color: var(--alpha-shade-color, #2d4852);
    /* alpha shade */
}

.btn-secondary {
    color: #fff;
    background-color: var(--beta-color, #2b7a78);
    /* beta */
    border-color: var(--beta-color, #2b7a78);
    /* beta */
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: var(--beta-shade-color, #359794);
    /* beta shade */
    border-color: var(--beta-shade-color, #359794);
    /* beta shade */
}

.btn-outline-secondary {
    color: var(--beta-color, #2b7a78);
    /* beta */
    border-color: var(--beta-color, #2b7a78);
    /* beta */
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: var(--beta-shade-color, #359794);
    /* beta shade */
    border-color: var(--beta-shade-color, #359794);
    /* beta shade */
}

.btn-action {
    background-color: #fff;
    padding: 4px 8px !important;
    font-size: 11px !important;
    min-width: 60px;
    /*width: 75px;*/
    margin-top: 3px;
}

.btn-action i,
.btn-action svg,
.btn-action2 i,
.btn-action2 svg {
    margin-right: 3px;
}

.btn-action2 {
    background-color: #fff;
    padding: 3px 0px !important;
    font-size: 11px !important;
    min-width: 60px;
    width: 70px;
    margin-top: 3px;
}

.btn-130 {
    width: 130px;
}

.btn-70 {
    width: 70px;
}

.list-group-item.active {
    z-index: 2;
    color: var(--beta-color, #2b7a78);
    /* beta */
    background-color: var(--delta-color, #def2f1);
    /* delta */
    border-color: var(--delta-color, #def2f1);
    /* delta */
}

.list-group-item {
    padding: 0.45rem 0.95rem;
}

.input-group-text {
    background-color: #fff;
    border-color: var(--gamma-color, #3aafa9);
    /*gamma*/
}

.table {
    margin-bottom: 0rem;
}

.table td,
.table th {
    padding: 0.2rem 0.2rem;
    /*border-color: var(--light-gray-color, #c5ccd3); /* light gray */
}

.table th {
    /* color: var(--beta-color, #2b7a78); */
    color: #1a6a69;
    background-color: #e2e6e9;
    /* #F5F5F5 rgb(245,245,245) */
}

.table thead th {
    border-bottom-width: 0px;
    border-top-width: 0px;
    vertical-align: middle;
}

.table tbody td {
    vertical-align: middle;
}

.table-bordered td {
    /*border: solid 1px var(--light-gray-color, #c5ccd3); /* light gray */
}

.table-bordered th {
    /*border: solid 1px var(--light-gray-color, #c5ccd3); /* light gray */
}

.progress {
    height: 22px;
}

.progress-bar {
    background-color: var(--beta-color, #2b7a78);
    /* beta */
    font-weight: 600;
}

.card:hover,
.card:focus {
    background-color: var(--delta-color, #def2f1);
    /* delta */
    border-color: var(--delta-color, #def2f1);
    /* delta */
}

.card-body {
    padding: 1rem;
}

.nav-tabs {
    border-bottom: none;
}

.nav-link {
    padding: 0.5rem 0.8rem;
}

.nav-tabs .nav-item {
    text-align: center;
    word-break: break-word;
    margin: 0px 3px 3px 0px;
}

.nav-tabs .nav-link {
    border: solid 1px var(--dim-gray-color, rgba(0, 0, 0, .125));
    /* dim gray color */
    ;
    border-radius: 22px;
    background-color: white;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background-color: var(--delta-color, #def2f1);
    /* delta */
    border-color: var(--gamma-color, #3aafa9);
    /*gamma*/
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    background-color: var(--delta-color, #def2f1);
    /* delta */
    border-color: var(--gamma-color, #3aafa9);
    /*gamma*/
}

.modal-content {
    border: solid 1px var(--gamma-color, #3aafa9);
    /* gamma */
    border-radius: 22px;
    overflow: hidden;
}

@media (min-width: 576px) {
    .list-group-item {
        padding: 0.55rem 1.05rem;
    }
}

@media (min-width: 768px) {
    .list-group-item {
        padding: 0.65rem 1.15rem;
    }
}

@media (min-width: 992px) {

    .btn,
    .form-control,
    .custom-file-input {
        font-size: 14px;
        padding: 5px 15px;
    }

    .custom-select {
        font-size: 16px;
    }
}

@media (min-width: 1200px) {}

@media (min-width: 1280px) {
    .container {
        max-width: 1200px;
    }
}

@media (min-width: 1440px) {
    .container {
        max-width: 1340px;
    }
}

/* Chapter:01 Bootstrap Customization Ends */
/* Chapter:02 HTML Customization Starts */
body {
    font-family: 'Quicksand', sans-serif !important;
    background-image: url('../images/background.png');
    background-color: #fff;
    color: var(--alpha-color, #17252a);
    /* alpha */
    font-weight: 400;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

a {
    color: var(--beta-color, #2b7a78);
    /* beta */
    font-weight: 600;
}

a:hover,
a:focus {
    color: var(--alpha-color, #17252a);
    /* alpha */
    text-decoration: none;
}

label,
.custom-form-label {
    margin-bottom: 0.25rem;
    font-size: 14px;
    font-weight: 500;
    /*	text-transform: capitalize;*/
}

ul li {
    text-align: justify;
}

ol li {
    margin-bottom: 1rem;
}

/* Chapter:02 HTML Customization Ends */
/* Chapter:03 Supplementary Style Starts */
.clear {
    display: block;
    clear: both;
}

.text-alpha {
    color: var(--alpha-color, #17252a);
    /* alpha */
}

.text-beta {
    color: var(--beta-color, #13504f);
    /* beta */
}

.text-gamma {
    color: var(--gamma-color, #3aafa9);
    /* gamma */
}

.text-delta {
    color: var(--delta-color, #def2f1);
    /* delta */
}

.text-startup-hand {
    color: var(--startup-hand-color, #f2672d);
    /* orange */
}

.bg-alpha {
    background-color: var(--alpha-color, #17252a);
    /* alpha */
}

.bg-menu {
    background-color: #0f575d;
    /* bgcolor */
}

.bg-beta {
    background-color: var(--beta-color, #2b7a78);
    /* beta */
}

.bg-gamma {
    background-color: var(--gamma-color, #3aafa9);
    /* gamma */
}

.bg-delta {
    background-color: var(--delta-color, #def2f1);
    /* delta */
}

.bg-success-lite {
    background-color: var(--success-lite-color, #adebbb);
    /* success lite */
}

.bg-info-lite {
    background-color: var(--info-lite-color, #a4e9f4);
    /* info lite */
}

.bg-smoke-lite {
    background-color: var(--smoke-lite-color, #d9d9d9);
}

/* smoke-lite-color */
/* card-back-i */
.border-alpha {
    border: solid 1px var(--alpha-color, #17252a);
    /* alpha */
}

.border-beta {
    border: solid 1px var(--beta-color, #2b7a78);
    /* beta */
}

.border-gamma {
    border: solid 1px var(--gamma-color, #3aafa9);
    /* gamma */
}

.border-delta {
    border: solid 1px var(--delta-color, #def2f1);
    /* delta */
}

.border-danger {
    border: solid 1px red;
}

.border-white {
    border: solid 1px #fff;
}

.border-success {
    border: solid 1px var(--success-color, #28a745);
    /* success */
}

.border-info {
    border: solid 1px var(--info-color, #17a2b8);
    /* info */
}

.border-smoke {
    border: solid 1px var(--smoke-color, #333333);
}

/* --smoke-color */
/* card-border-i */
.border-transparent {
    border: solid 1px transparent;
}

.border-dim-gray {
    border: solid 1px var(--dim-gray-color, rgba(0, 0, 0, .125));
    /* dim-gray-color */
}

.border-light-gray {
    border: solid 1px var(--light-gray-color, #dee2e6);
}

/* light-gray-color */
.border-b-grey {
    border-bottom: solid 1px var(--dim-gray-color, rgba(0, 0, 0, .125));
    /* dim-gray-color */
}

.border-radius {
    border-radius: 4px;
}

.weight-light {
    font-weight: 300;
}

.weight-normal {
    font-weight: 400;
}

.weight-medium {
    font-weight: 500;
}

.weight-semi-bold {
    font-weight: 600;
}

.weight-bold {
    font-weight: 700;
}

.text-xs {
    font-size: 12px;
}

.text-sm {
    font-size: 13px;
}

.text-md {
    font-size: 15px;
}

.text-lg {
    font-size: 17px;
}

.text-xl {
    font-size: 28px;
}

.text-fix-xxs {
    font-size: 14px;
}

.font-size-11px {
    font-size: 11px;
}

.font-size-12px {
    font-size: 12px;
}

.font-size-13px {
    font-size: 13px;
}

@media (min-width: 576px) {
    .text-xs {
        font-size: 13px;
    }

    .text-sm {
        font-size: 14px;
    }

    .text-md {
        font-size: 16px;
    }

    .text-lg {
        font-size: 18px;
    }

    .text-xl {
        font-size: 29px;
    }
}

@media (min-width: 768px) {
    .text-xs {
        font-size: 14px;
    }

    .text-sm {
        font-size: 15px;
    }

    .text-md {
        font-size: 17px;
    }

    .text-lg {
        font-size: 19px;
    }

    .text-xl {
        font-size: 30px;
    }
}

@media (min-width: 992px) {
    .text-xs {
        font-size: 15px;
    }

    .text-sm {
        font-size: 16px;
    }

    .text-md {
        font-size: 18px;
    }

    .text-lg {
        font-size: 20px;
    }

    .text-xl {
        font-size: 31px;
    }
}

@media (min-width: 1200px) {
    .text-xs {
        font-size: 16px;
    }

    .text-sm {
        font-size: 17px;
    }

    .text-md {
        font-size: 19px;
    }

    .text-lg {
        font-size: 21px;
    }

    .text-xl {
        font-size: 32px;
    }
}

/* Chapter:03 Supplementary Style Ends */
/* Chapter:04 Header Style Starts */
header {
    position: relative;
    padding: 0.5rem 0px;
    margin-bottom: 0.5rem;
}

header .container-fluid {
    padding: 0px 0.25rem;
}

.logo {
    position: absolute;
    z-index: 1;
    left: 7px;
    top: 11px;
    width: 100px;
    height: 100px;
    border-radius: 70px;
    background-color: transparent;
    border: solid 1px var(--alpha-color, #17252a);
    /* alpha */
    transition: all 0.5s 0s ease;
}

.logo:hover {
    background-color: #fff;
}

.logo img {
    width: 80px;
    height: 80px;
    margin: 10px 0px 0px 10px;
}

.website-name {
    width: 100%;
    height: 106px;
    background-color: var(--delta-color, #def2f1);
    /* delta */
    border-radius: 100px 0px 0px 100px;
    float: left;
    padding: 1.2rem 0rem 1.2rem 4rem;
}

.menu-container {
    width: 100%;
    height: auto;
    background-color: var(--delta-color, #def2f1);
    /* delta */
    border-radius: 0px 100px 100px 0px;
    float: right;
    padding: 1rem 1rem 1rem 1rem;
    margin-top: 0.5rem;
}

.branch-name,
.department-name,
.government-name {
    font-family: 'Open Sans', sans-serif;
    text-align: right;
    padding-right: 5px;
    color: var(--alpha-color, #17252a);
    /* alpha */
}

.branch-name {
    font-weight: 600;
    font-size: 15px;
}

.department-name,
.government-name {
    font-weight: 400;
    font-size: 13px;
}

.menu-container ul {
    margin: 0px;
    padding: 0px;
    text-align: right;
    padding: 0rem 0px;
}

.menu-container ul li {
    display: inline-block;
    margin-right: 10px;
    padding: 0px;
}

.menu-container ul li:last-child {
    margin-right: 0px;
}

.menu-container ul li a {
    text-decoration: none;
    font-size: 15px;
}

.menu-container ul li a span {
    padding-left: 5px;
}

@media (min-width: 768px) {
    header {
        margin-bottom: 0.5rem;
    }

    .website-name {
        padding: 1.2rem 1rem 1.2rem 4rem;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .branch-name {
        font-size: 16px;
    }

    .department-name,
    .government-name {
        font-size: 14px;
    }

    .menu-container ul li a {
        font-size: 16px;
    }
}

@media (min-width: 992px) {
    header {
        padding: 1rem 0px;
        margin-bottom: 0.75rem;
    }

    header .container-fluid {
        padding: 0px 0.5rem;
    }

    .logo {
        left: calc(50% - 60px);
        top: 9px;
        width: 120px;
        height: 120px;
        background-color: var(--delta-color, #def2f1);
        /* delta */
    }

    .logo img {
        width: 100px;
        height: 100px;
    }

    .website-name {
        width: calc(50%);
        float: left;
        padding: 0.2rem 1rem 0.2rem 1rem;
        justify-content: flex-start;
        align-items: center;
        display: flex;
    }

    .menu-container {
        width: calc(50%);
        height: 106px;
        padding: 1.2rem 4rem 1.2rem 0rem;
        margin-top: 0rem;
    }

    .branch-name,
    .department-name,
    .government-name {
        text-align: left;
        padding-right: 0px;
    }

    .branch-name {
        font-size: 16px;
    }

    .department-name,
    .government-name {
        font-size: 14px;
    }

    .menu-container ul {
        padding: 1.3rem 0px;
    }

    .menu-container ul li a {
        font-size: 16px;
    }
}

@media (min-width: 1200px) {
    header .container-fluid {
        padding: 0px 1rem;
    }

}

/* Chapter:04 Header Style Ends */
/* Chapter:05 Footer Style Starts */
footer {
    padding: 0.5rem 0px;
    margin-top: 0.25rem;
}

@media (min-width: 576px) {}

@media (min-width: 768px) {
    footer {
        margin-top: 0.5rem;
    }
}

@media (min-width: 992px) {
    footer {
        margin-top: 0.75rem;

    }

}

@media (min-width: 1200px) {}

/* Chapter:05 Footer Style Ends */
/* Chapter:06 Gijgo Date Picker Customization Starts */
.gj-picker-bootstrap {
    border: 1px solid var(--gamma-color, #3aafa9) !important;
    /* gamma */
    border-radius: 4px;
    padding: 4px;
}

.gj-picker-bootstrap [role="header"] {
    background: var(--delta-color, #def2f1) !important;
    /* delta */
    color: var(--beta-color, #2b7a78) !important;
    /* beta */
}

.gj-picker-bootstrap .selected {
    color: var(--beta-color, #2b7a78) !important;
    /* beta */
}

.gj-picker-bootstrap div[role="navigator"] {
    margin: 5px 0px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.gj-picker-bootstrap table tr td.today div {
    background: var(--delta-color, #def2f1) !important;
    /* delta */
    color: var(--beta-color, #2b7a78) !important;
    /* beta */
    border-radius: 4px;
    font-weight: 700;
}

.gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div {
    color: var(--delta-color, #def2f1) !important;
    /* delta */
    background-color: var(--beta-color, #2b7a78) !important;
    /* beta */
    border-color: var(--beta-color, #2b7a78) !important;
    /* beta */
    border-radius: 4px;
    font-weight: 700;
}

/* Chapter:06 Gijgo Date Picker Customization Ends */
/* Chapter:07 Offcanvas Style Starts */
html,
body {
    overflow-x: hidden;
    /* Prevent scroll on narrow devices */
}

@media screen and (max-width: 767px) {
    .website-name {
        width: 100%;
        height: 106px;
        background-color: var(--delta-color, #def2f1);
        border-radius: 100px 0px 0px 100px;
        float: left;
        padding: 0.2rem 0rem 1.2rem 4rem;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .logo1 img {
        width: 246px;
        align-items: center;
    }

    .row-offcanvas {
        position: relative;
        -webkit-transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        transition: all .25s ease-out;
    }

    .row-offcanvas-right {
        right: 0;
    }

    .row-offcanvas-left {
        left: 0;
    }

    .row-offcanvas-right .sidebar-offcanvas {
        right: -50%;
        /* 6 columns */
    }

    .row-offcanvas-left .sidebar-offcanvas {
        left: -50.5%;
        /* 6 columns */
        /* -50% */
    }

    .row-offcanvas-right.active {
        right: 50%;
        /* 6 columns */
    }

    .row-offcanvas-left.active {
        left: 50.5%;
        /* 6 columns */
    }

    .sidebar-offcanvas {
        position: absolute;
        top: 0;
        width: 50%;
        /* 50% */
        /* 6 columns */
    }
}

/* Chapter:07 Offcanvas Style Ends */
/* Chapter:08 DataTables Style Starts */
table.dataTable {
    clear: both;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    max-width: none !important;
    border-collapse: separate !important;
    border-spacing: 0;
}

table.dataTable td,
table.dataTable th {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

table.dataTable td.dataTables_empty,
table.dataTable th.dataTables_empty {
    text-align: center;
}

table.dataTable.nowrap th,
table.dataTable.nowrap td {
    white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_length label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
}

.dataTables_length .custom-select {
    padding: 0px 20px 0px 10px;
}

div.dataTables_wrapper div.dataTables_length select {
    width: auto;
    display: inline-block;
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
}

div.dataTables_wrapper div.dataTables_filter label {
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
}

div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: auto;
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: 0.5em;
    /* 0.85em */
    white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
    justify-content: center;
}

@media (min-width: 768px) {
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        justify-content: flex-start;
    }
}

@media (min-width: 992px) {
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        justify-content: flex-end;
    }
}

div.dataTables_wrapper div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 1em 0;
}

table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc,
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>td.sorting {
    padding-right: 30px;
}

table.dataTable thead>tr>th:active,
table.dataTable thead>tr>td:active {
    outline: none;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    position: relative;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
    position: absolute;
    bottom: 0.9em;
    display: block;
    opacity: 0.3;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
    right: 1em;
    content: "\2191";
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    right: 0.5em;
    content: "\2193";
}

table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:after {
    opacity: 1;
}

table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
    opacity: 0;
}

div.dataTables_scrollHead table.dataTable {
    margin-bottom: 0 !important;
}

div.dataTables_scrollBody table {
    border-top: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

div.dataTables_scrollBody table thead .sorting:before,
div.dataTables_scrollBody table thead .sorting_asc:before,
div.dataTables_scrollBody table thead .sorting_desc:before,
div.dataTables_scrollBody table thead .sorting:after,
div.dataTables_scrollBody table thead .sorting_asc:after,
div.dataTables_scrollBody table thead .sorting_desc:after {
    display: none;
}

div.dataTables_scrollBody table tbody tr:first-child th,
div.dataTables_scrollBody table tbody tr:first-child td {
    border-top: none;
}

div.dataTables_scrollFoot>.dataTables_scrollFootInner {
    box-sizing: content-box;
}

div.dataTables_scrollFoot>.dataTables_scrollFootInner>table {
    margin-top: 0 !important;
    border-top: none;
}

@media screen and (max-width: 767px) {

    div.dataTables_wrapper div.dataTables_length,
    div.dataTables_wrapper div.dataTables_filter,
    div.dataTables_wrapper div.dataTables_info,
    div.dataTables_wrapper div.dataTables_paginate {
        text-align: center;
    }
}

table.dataTable.table-sm>thead>tr>th {
    padding-right: 20px;
}

table.dataTable.table-sm .sorting:before,
table.dataTable.table-sm .sorting_asc:before,
table.dataTable.table-sm .sorting_desc:before {
    top: 5px;
    right: 0.85em;
}

table.dataTable.table-sm .sorting:after,
table.dataTable.table-sm .sorting_asc:after,
table.dataTable.table-sm .sorting_desc:after {
    top: 5px;
}

table.table-bordered.dataTable th,
table.table-bordered.dataTable td {
    border-left-width: 0;
}

table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable td:last-child,
table.table-bordered.dataTable td:last-child {
    border-right-width: 0;
}

table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {
    border-bottom-width: 0;
}

div.dataTables_scrollHead table.table-bordered {
    border-bottom-width: 0;
}

div.table-responsive>div.dataTables_wrapper>div.row {
    margin: 0;
}

div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child {
    padding-left: 0;
}

div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child {
    padding-right: 0;
}

.page-item.active .page-link {
    background-color: var(--delta-color, #def2f1);
    /* delta */
    color: var(--beta-color, #2b7a78);
    /* beta */
    border-color: var(--delta-color, #def2f1);
    /* delta */
}

.page-link {
    color: var(--beta-color, #2b7a78);
    /* beta */
    background-color: #fff;
    border: 1px solid var(--light-gray-color, #c5ccd3);
    /* light gray */
}

.page-link:hover {
    color: var(--gamma-color, #3aafa9);
    /* gamma */
}

/* Chapter:08 DataTables Style Ends */
/* Chapter:09 Child Pages Style Starts */
.canvas,
.canvas2 {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.canvas section {
    /*padding: 0.5rem;*/
}

.canvas2 section {
    padding: 5px 5px 15px 5px;
}

.sequence-indicator {
    height: 30px;
    line-height: 27px;
    border-radius: 17px;
    margin: 3px 0px;
    font-size: 16px;
    background-color: #fff;
    color: #000;
}

.sequence-page-name {
    border-radius: 11px;
    height: 22px;
}

.bg-seq-prev {
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 40%, rgba(40, 167, 69, 1) 100%);
    /*margin-right: 10px;*/
}

.bg-seq-next {
    background: rgb(40, 167, 69);
    background: linear-gradient(90deg, rgba(40, 167, 69, 1) 0%, rgba(255, 255, 255, 1) 60%);
}

.sequence-page-name i,
.sequence-page-name svg {
    font-size: 22px;
    top: -1px;
}

.sequence-page-name i.page-arrow-prev,
.sequence-page-name svg.page-arrow-prev {
    left: -1px;
}

.sequence-page-name i.page-arrow-next,
.sequence-page-name svg.page-arrow-next {
    right: -1px;
}

.sequence-page-name span {
    /*text-transform: capitalize;*/
    font-weight: 600;
    font-size: 14px;
    top: -1px;
}

.sequence-page-name span.page-name-prev {
    left: 30px;
}

.sequence-page-name span.page-name-next {
    right: 30px;
}

.page-header,
.page-header-o {
    border-radius: 22px;
    padding: 5px 0px;
    margin: 1.5rem 0rem;
}

.page-header-2 {
    border-radius: 22px;
    padding: 5px 0px;
    margin: 1.5rem 0rem;
    /* 1.5rem 0rem */
}

.page-header-icon,
.form-title-icon,
.zero-app-icon {
    top: -20px;
    left: -15px;
    width: 36px;
    height: 36px;
    text-align: center;
    border-radius: 18px;
}

.page-header-icon,
.form-title-icon {
    line-height: 34px;
}

.page-header-icon-2 {
    top: 3px;
    left: 3px;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 18px;
    line-height: 26px;
}

.page-header-icon svg,
.page-header-icon i,
.page-header-icon span,
.form-title-icon svg,
.form-title-icon i,
.form-title-icon span {
    font-size: 19px;
}

.page-header-icon-2 svg,
.page-header-icon-2 i,
.page-header-icon-2 span {
    font-size: 15px;
}

.page-header-icon span,
.page-header-icon-2 span {
    font-weight: 500;
}

.zero-app-icon {
    line-height: 39px;
}

.zero-app-icon svg,
.zero-app-icon i,
.zero-app-icon span {
    font-size: 22px;
}

.page-header-text {
    margin-left: 20px;
}

.page-header-text-2 {
    margin-left: 42px;
}

.form-container,
.myapps-container {
    border-radius: 22px;
    padding: 2rem 1rem 1rem;
    margin: 1.5rem 0rem;
}

.zero-app-container {
    border-radius: 22px;
    padding: 1rem;
    margin: 1.5rem 0rem;
}

.table-container {
    border-radius: 22px;
    padding: 1.8rem 1rem 1rem;
    margin: 1.5rem 0rem;
}

.table-container .table td,
.myapps-container .table td {
    padding: 0.2rem 0.5rem;
}

.table-container .table-responsive {
    border: solid 1px var(--light-gray-color, #c5ccd3);
    /* light gray */
    border-radius: 6px;
}

.table-container .table td:first-child,
.table-container .table th:first-child {
    border-left: none;
}

.table-container .table td:last-child,
.table-container .table th:last-child {
    border-right: none
}

.table-container .table tr:first-child td,
.table-container .table tr:first-child th {
    border-top: none;
}

.table-container .table tr:last-child td {
    border-bottom: none;
}

.myapps-container .table td:first-child {
    width: auto;
}

.form-header-text {
    top: -18px;
    left: 30px;
    padding: 2.8px 20px;
    border-radius: 22px;
}

.form-header-right {
    /*border:solid 1px red;*/
    top: 10px;
    right: 10px;
}

.table-data-label {
    width: 45%;
}

.form-container-child {
    width: 100%;
    padding: 5px 15px 0px 15px;
    border-radius: 0.5rem;
}

.assi-sought-table th:nth-child(2),
.assi-sought-table td:nth-child(2),
.assi-sought-table th:nth-child(3),
.assi-sought-table td:nth-child(3),
.assi-sought-table th:nth-child(4),
.assi-sought-table td:nth-child(4) {
    text-align: center;
}

.assi-sought-table th:nth-child(2) {
    font-size: 12px;
}

.assi-sought-table th:nth-child(1),
.assi-sought-table td:nth-child(1) {
    width: 35%;
}

.assi-sought-table th:nth-child(2),
.assi-sought-table td:nth-child(2) {
    width: 15%;
    /* 96px */
}

.annex-1-dir-table thead th,
.annex-1-dir-table th {
    font-size: 12px;

}

.annex-1-dir-table tbody td,
.annex-1-dir-table td {
    font-size: 14px;
}

.annex-1-dir-table thead th:last-child,
.annex-1-dir-table th:last-child,
.annex-1-dir-table tbody td:last-child,
.annex-1-dir-table td:last-child,
.annex-3b-compo-table thead th:last-child,
.annex-3b-compo-table th:last-child,
.annex-3b-compo-table tbody td:last-child,
.annex-3b-compo-table td:last-child {
    text-align: left;
}

.annex-2-table th:nth-child(1),
.annex-2-table td:nth-child(1),
.annex-4-table th:nth-child(1),
.annex-4-table td:nth-child(1) {
    text-align: left;
    width: 40px;
}

.annex-2-table th:nth-child(2),
.annex-2-table td:nth-child(2),
.annex-4-table th:nth-child(2),
.annex-4-table td:nth-child(2) {
    width: 40%;
}

.annex-5-table tbody td,
.annex-2-draft-table tbody td {
    vertical-align: top;
}

.annex-5-table textarea {
    width: calc(100%);
}

.annex-2-dir-table thead th,
.annex-2-dir-table th {
    font-size: 15px;
}

.annex-2-dir-table tbody td,
.annex-2-dir-table td {
    vertical-align: top;
}

.annex-2-dir-table tbody td:last-child,
.annex-2-dir-table td:last-child {
    /*font-size: 13px;*/
}

.req-doc-list {
    margin: 0px;
    padding-left: 15px;
}

.req-doc-list li {
    list-style-type: decimal-leading-zero;
    list-style-position: inside;
    margin-bottom: 0.5rem;
    /*	text-transform: capitalize;*/
    font-weight: 500;
}

.error-box span table tbody tr td {
    font-weight: 600;
    display: list-item;
    list-style-position: inside;
    list-style-type: disc;
}

.director-listing-table {
    /*border: solid 1px transparent;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;*/
}

.director-listing-table thead th,
.director-listing-table th {
    font-size: 13px;
    font-weight: 600;
    border: solid 1px var(--smoke-lite-color);
}

.director-listing-table tbody td,
.director-listing-table td {
    font-size: 14px;
    word-wrap: break-word;
}

@media (min-width: 576px) {
    .page-header-icon-2 {
        top: 3px;
        line-height: 27px;
    }

    .page-header-icon-2 svg,
    .page-header-icon-2 i,
    .page-header-icon-2 span {
        font-size: 16px;
    }

    .page-header-text-2 {
        margin-left: 44px;
    }

    .form-container,
    .myapps-container {
        padding: 2rem 2rem 1rem;
    }

    .zero-app-container {
        padding: 1rem 2rem;
    }

    .form-header-text {
        top: -19px;
        left: 33px;
    }
}

@media (min-width: 768px) {
    .page-header-icon-2 {
        left: 3px;
        width: 32px;
        height: 32px;
        line-height: 30px;
    }

    .page-header-icon-2 svg,
    .page-header-icon-2 i,
    .page-header-icon-2 span {
        font-size: 17px;
    }

    .page-header-text-2 {
        margin-left: 46px;
    }

    .form-container,
    .myapps-container {
        padding: 2.25rem 2.25rem 1.25rem;
    }

    .zero-app-container {
        padding: 1.25rem 2.25rem;
    }

    .form-header-text {
        top: -20px;
        left: 36px;
    }
}

@media (min-width: 992px) {
    .page-header-icon-2 {
        width: 34px;
        height: 34px;
        line-height: 32px;
    }

    .page-header-icon-2 svg,
    .page-header-icon-2 i,
    .page-header-icon-2 span {
        font-size: 18px;
    }

    .page-header-text-2 {
        margin-left: 48px;
    }

    .sequence-indicator {
        margin: 0px 3px;
        background-color: var(--success-color, #28a745);
        color: #fff;
    }

    .form-container,
    .myapps-container {
        padding: 2.5rem 2.5rem 1.5rem;
    }

    .zero-app-container {
        padding: 1.5rem 2.5rem;
    }

    .myapps-container .table td:first-child {
        width: 180px;
    }

    .form-header-text {
        top: -21px;
        left: 39px;
    }

    .annex-5-table textarea {
        width: calc(100% - 1%);
    }
}

@media (min-width: 1200px) {
    .page-header-icon-2 {
        width: 36px;
        height: 36px;
        line-height: 34px;
    }

    .page-header-icon-2 svg,
    .page-header-icon-2 i,
    .page-header-icon-2 span {
        font-size: 19px;
    }

    .page-header-text-2 {
        margin-left: 50px;
    }

    .sequence-indicator {
        height: 34px;
        line-height: 30px;
        margin: 0px 5px;
        font-size: 18px;
    }

    .sequence-page-name span {
        font-size: 15px;
    }

    .form-container,
    .myapps-container {
        padding: 3rem 3rem 2rem;
    }

    .zero-app-container {
        padding: 2rem 3rem;
    }

    .form-header-text {
        top: -22px;
        left: 42px;
    }
}

/* Chapter:09 Child Pages Style Ends */
/* Chapter:10 Progress Bar Style Starts */
.progress-box ul {
    padding: 0px;
    display: flex;
    justify-content: center;
}

.progress-box ul li {
    list-style: none;
    text-align: center;
}

.progress-box ul li a {
    text-decoration: none;
}

.pro-circle {
    display: inline-block;
    height: 35px;
    width: 35px;
    line-height: 33px;
    font-size: 18px;
    border-radius: 28px;
}

.pro-arrow {
    display: inline-block;
    line-height: 35px;
    font-size: 28px;
    padding: 0px 2px;
}

@media (min-width: 576px) {
    .pro-circle {
        height: 40px;
        width: 40px;
        line-height: 37px;
        font-size: 20px;
    }

    .pro-arrow {
        line-height: 40px;
        font-size: 30px;
        padding: 0px 4px;
    }
}

@media (min-width: 768px) {
    .pro-circle {
        height: 45px;
        width: 45px;
        line-height: 42px;
        font-size: 22px;
    }

    .pro-arrow {
        line-height: 45px;
        font-size: 32px;
        padding: 0px 6px;
    }
}

@media (min-width: 992px) {
    .pro-circle {
        height: 50px;
        width: 50px;
        line-height: 48px;
        font-size: 24px;
    }

    .pro-arrow {
        line-height: 50px;
        font-size: 34px;
        padding: 0px 8px;
    }
}

@media (min-width: 1200px) {
    .pro-circle {
        height: 55px;
        width: 55px;
        line-height: 53px;
        font-size: 26px;
    }

    .pro-arrow {
        line-height: 55px;
        font-size: 36px;
        padding: 0px 10px;
    }
}

/* Chapter:10 Progress Bar Style Ends */
/* Chapter:11 Admin Card Style Starts */
.card-back-a {
    background-color: #ffcce6;
}

.card-border-a {
    border: solid 1px #b30059;
}

.card-text-a {
    color: #b30059;
}

.card-back-b {
    background-color: #ffebcc;
}

.card-border-b {
    border: solid 1px #b36b00;
}

.card-text-b {
    color: #b36b00;
}

.card-back-c {
    background-color: #ecffb3;
}

.card-border-c {
    border: solid 1px #739900;
}

.card-text-c {
    color: #739900;
}

.card-back-d {
    background-color: #ccfff2;
}

.card-border-d {
    border: solid 1px #009973;
}

.card-text-d {
    color: #009973;
}

.card-back-e {
    background-color: #ccf5ff;
}

.card-border-e {
    border: solid 1px #008fb3;
}

.card-text-e {
    color: #008fb3;
}

.card-back-f {
    background-color: #ccccff;
}

.card-border-f {
    border: solid 1px #000099;
}

.card-text-f {
    color: #000099;
}

.card-back-g {
    background-color: #ffb3ff;
}

.card-border-g {
    border: solid 1px #800080;
}

.card-text-g {
    color: #800080;
}

.card-back-h {
    background-color: #ffc2b3;
}

.card-border-h {
    border: solid 1px #cc2900;
}

.card-text-h {
    color: #cc2900;
}

.card-back-i {
    background-color: #d9d9d9;
}

.card-border-i {
    border: solid 1px #333333;
}

.card-text-i {
    color: #333333;
}

.card-back-j {
    background-color: #ccffcc;
}

.card-border-j {
    border: solid 1px #003300;
}

.card-text-j {
    color: #003300;
}

/* Chapter:11 Admin Card Style Ends */
/* Chapter:12 Index - Startup Policy Starts */
.navbar-container {
    position: absolute;
    /* fixed */
    top: 0px;
    /* 0px 20px 25px 30px*/
    left: 0%;
    /* 7% */
    width: calc(100%);
    /* calc(100% - 14%) */
    z-index: 999;
    border-radius: 0px;
    /* 12px */
    /*padding: 10px;*/
    background-color: rgba(255, 255, 255, 0.9);
}

.navbar-container .navbar {
    padding: 5px 10px;
}

.navbar-container .navbar-brand img {
    /*border: solid 1px red;*/
    height: 30px;
}

.navbar-container .navbar-toggler {
    color: red;
    border-color: blue;
    padding: 0.25rem 0.5rem;
}

.navbar-container .navbarStartup ul li a span {
    margin-left: 5px;
}

.slider-container,
.child-header-container {
    /*border:solid 2px red;*/
    position: relative;
    margin-top: 52px;
}

.child-header-container {
    height: 300px;
    background-image: url(../images/child-page-header-1.jpg);
    background-position: center;
}

.carousel-indicators li {
    height: 18px;
    width: 18px;
    border-radius: 50%;
}

.carousel-indicators {
    display: none;
}

.carousel-control-prev,
.carousel-control-next {
    display: flex;
}

.auth-container,
.about-container,
.policy-detail-container,
.footer-container {
    position: relative;
    padding: 50px 0px;
    /* 50-60-70 */
}

.cm-box {
    margin-bottom: 30px;
}

.section-seperator {
    position: absolute;
    top: -16px;
    left: calc(50% - 5px);
}

.auth-container {
    background-color: #f8f0ed;
}

.about-container {
    background-color: #f7f1e5;
}

.policy-detail-container {
    background-color: #f5f5f5;
}

.footer-container {
    background-color: #e9e9e9;
}

.auth-photo-box {
    height: 120px;
    /* 120-140-160-180-200 */
    width: 120px;
    border-radius: 50%;
    margin: 0 auto;
    background: rgb(255, 124, 0);
    background: radial-gradient(circle, rgba(255, 124, 0, 0.7427171552214635) 0%, rgba(255, 255, 255, 1) 100%);
}

.policy-box {
    position: relative;
    border-radius: 12px;
    height: 300px;
    overflow: hidden;
    background-color: white;
}

.it-policy-back,
.si-policy-back,
.bt-policy-back,
.ssip-policy-back {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all 0.7s ease;
}

.it-policy-back {
    background-image: url(../images/christopher-gower-m_HRfLhgABo-unsplash.jpg);
}

.si-policy-back {
    background-image: url(../images/daria-nepriakhina-xY55bL5mZAM-unsplash.jpg);
}

.bt-policy-back {
    background-image: url(../images/bill-oxford-tR0PPLuN6Pw-unsplash.jpg);
}

.ssip-policy-back {
    background-image: url(../images/med-badr-chemmaoui-ZSPBhokqDMc-unsplash.jpg);
}

.policy-box:hover .it-policy-back,
.policy-box:focus .it-policy-back,
.policy-box:hover .si-policy-back,
.policy-box:focus .si-policy-back,
.policy-box:hover .bt-policy-back,
.policy-box:focus .bt-policy-back,
.policy-box:hover .ssip-policy-back,
.policy-box:focus .ssip-policy-back {
    transform: scale(1.2) rotate(2deg);
    filter: grayscale(80%);
}

.policy-name {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    padding: 5px;
    text-align: center;
}

.policy-apply-btn {
    position: absolute;
    bottom: 20px;
    left: 0px;
    width: 100%;
    text-align: center;
}

.si-policy-parent {
    margin-bottom: 15px;
}

.it-policy-parent {
    margin-bottom: 15px;
}

.bt-policy-parent {
    margin-bottom: 15px;
}

.ssip-policy-parent {
    margin-bottom: 0px;
}

.emblem-footer {
    width: 100px;
}

@media (min-width: 576px) {
    .auth-photo-box {
        height: 140px;
        /* 120-140-160-180-200 */
        width: 140px;
    }

    .si-policy-parent {
        margin-bottom: 35px;
    }

    .it-policy-parent {
        margin-bottom: 35px;
    }

    .bt-policy-parent {
        margin-bottom: 35px;
    }

    .ssip-policy-parent {
        margin-bottom: 0px;
    }
}

@media (min-width: 768px) {
    .navbar-container .navbar-brand img {
        height: 30px;
    }

    .slider-container,
    .child-header-container {
        margin-top: 52px;
    }

    .auth-container,
    .about-container,
    .policy-detail-container,
    .footer-container {
        padding: 60px 0px;
        /* 50-60-70 */
    }

    .cm-box {
        margin-bottom: 00px;
    }

    .auth-photo-box {
        height: 160px;
        /* 120-140-160-180-200 */
        width: 160px;
    }

    .emblem-footer {
        width: 120px;
    }
}

@media (min-width: 992px) {
    .navbar-container {
        position: fixed;
        /* absolute fixed */
        top: 20px;
        /* 0px 20px 25px 30px*/
        left: 2%;
        /* 0% 2% */
        width: calc(100% - 4%);
        /* calc(100%) calc(100% - 4%) */
        border-radius: 12px;
        /* 0px 12px */
    }

    .navbar-container .navbar-brand img {
        height: 40px;
    }

    .slider-container,
    .child-header-container {
        margin-top: 0px;
    }

    .carousel-indicators {
        display: flex;
    }

    .auth-container,
    .about-container,
    .policy-detail-container,
    .footer-container {
        padding: 70px 0px;
        /* 50-60-70 */
    }

    .carousel-control-prev,
    .carousel-control-next {
        display: none;
    }

    .auth-photo-box {
        height: 180px;
        /* 120-140-160-180-200 */
        width: 180px;
    }

    .si-policy-parent {
        margin-bottom: 35px;
    }

    .it-policy-parent {
        margin-bottom: 35px;
    }

    .bt-policy-parent {
        margin-bottom: 0px;
    }

    .ssip-policy-parent {
        margin-bottom: 0px;
    }

    .emblem-footer {
        width: 140px;
    }
}

@media (min-width: 1200px) {
    .navbar-container {
        top: 25px;
        /* 0px 20px 25px 30px*/
    }

    .navbar-container .navbar-brand img {
        height: 50px;
    }

    .auth-photo-box {
        height: 200px;
        /* 120-140-160-180-200 */
        width: 200px;
    }
}

@media (min-width: 1440px) {
    .navbar-container {
        top: 30px;
        /* 0px 20px 25px 30px*/
    }
}

/* Chapter:12 Index - Startup Policy Ends */
/* Chapter:13 Registration - Startup Policy Starts */
.emblem-logo {
    position: relative;
    z-index: 1;
    border: solid 1px var(--gamma-color);
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: #fff;
    margin: 0 auto;
    margin-top: 20px;
}

.emblem-logo img {
    width: 100px;
    height: 100px;
    margin: 9px 0px 0px 9px;
}

.login-container {
    margin-top: -15px;
}

.bg-header-pad {
    padding: 17px 0px;
    border-radius: 4px 4px 0px 0px;
}

.header-title,
.header-title-2 {}

.header-title {
    font-size: 28px;
    line-height: 35px;
}

.sign-in-badge {
    border: solid 1px #fff;
    background-color: #fff;
    width: 120px;
    height: 120px;
    border-radius: 62px;
    margin: 0 auto;
    margin-top: -15px;
    padding-top: 15px;
    font-size: 20px;
}

.l-form-box {
    background-color: #fff;
    border: solid 1px var(--gamma-color);
    border-radius: 0px 0px 4px 4px;
}

.l-form-container {
    margin-top: -75px;
}

.l-form-container .form-group {
    margin-bottom: 0.5rem;
}

.form-check-label {
    text-transform: unset;
}

/* Chapter:13 Registration - Startup Policy Ends */

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

footer.bg-menu {
    /* position: fixed;
    bottom: 0;
    width: 100%; */
    margin-top: auto;
}

.sidebar-offcanvas ul.list-group li {
    list-style: none;
}

.sidebar-offcanvas ul.list-group li span {
    float: right;
    margin-top: 5px;
    color: #35858b;
}



blink {
    -webkit-animation: 3s linear infinite condemned_blink_effect;
    /* for Safari 4.0 - 8.0 */
    animation: 3s linear infinite condemned_blink_effect;
}

.app-animation-duration-1s {
    animation-duration: 1s !important;
}

/* for Safari 4.0 - 8.0 */
@-webkit-keyframes condemned_blink_effect {
    0% {
        visibility: hidden;
    }

    50% {
        visibility: hidden;
    }

    100% {
        visibility: visible;
    }
}

@keyframes condemned_blink_effect {
    0% {
        visibility: hidden;
    }

    50% {
        visibility: hidden;
    }

    100% {
        visibility: visible;
    }
}


.swal-button--danger {
    background-color: #2b7a78;
}

.breakspace {
    white-space: break-spaces;
}

/*BEGIN : custom spacing */
.app-pad-20px {
    padding: 20px;
}

.app-mr-12px {
    margin-right: 12px;
}

.app-mb-12px {
    margin-bottom: 12px;
}

.app-mr-15px {
    margin-right: 15px;
}

.app-mb-15px {
    margin-bottom: 15px;
}

.app-mt-50px {
    margin-top: 50px;
}

@media(min-width: 576px) {
    .app-mr-sm-12px {
        margin-right: 12px;
    }
}

.app-card-spacing-1 {
    padding: 2.5rem 1.6rem 1rem;
    margin: 1.5rem 0rem;
}

/*END : custom spacing */
/*BEGIN : error page */
.error-page-1 .error-icon {
    font-size: 70px;
}

.error-page-1 .sign-in-badge {
    height: 100px;
    width: 100px;
}

.error-page-1 ul {
    padding-left: 18px;
    font-size: 14px;
}

/*END : error page */
/*BEGIN : new admin form */
/* BEGIN: menu style */
/* .app-site-content {
	min-height: calc(100vh - 179.5px);
}

.app-menu {
	position: relative;
	width: 80px;
	min-width: 80px;
	transition: 150ms;
}

.app-menu .inner-wrapper {
	min-height: calc(100vh - 179.5px);
	background-color: #fff;
	position: absolute;
	left: 0px;
	width: 80px;
	padding: 15px 20px;
	box-shadow: 4px 0px 14px rgba(0, 0, 0, 0.15);
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
	z-index: 1;
	height: 100%;
}

.app-menu .list-group-item i,
.app-menu .list-group-item svg {
	height: 16px;
	width: 16px;
	min-height: 16px;
	min-width: 16px;
	text-align: center;
}

.app-menu .list-group-item span {
	transition: all 150ms ease-in-out;
	flex: 1;
	transform: scale(0);
	display: none;
}

.app-menu .list-group-item {
	border: none;
	padding: 11px 0px !important;
	font-weight: 600;
	font-size: 14px;
	line-height: 18px;
	color: #17252A;
	cursor: pointer;
	border-radius: 5px !important;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
}

.app-menu .list-group-item:hover {
	background-color: rgba(53, 133, 139, 0.11);
}

.app-menu .list-group-item.active {
	color: #fff !important;
	background: linear-gradient(90deg, #36858A 0%, rgba(54, 133, 138, 0.81) 100%);
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.app-menu .list-group-item.active::before {
	border-color: #fff !important;
}

.app-menu .list-group-item.as-toggle-btn {
	position: relative;
	padding-right: 25px;
}

.app-menu .list-group-item.as-toggle-btn:before {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 10px;
	height: 16px;
	width: 16px;
	background-image: url("data:image/svg+xml,%3Csvg width='8' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.06.727 4 3.78.94.727l-.94.94 4 4 4-4-.94-.94Z' fill='%2317252A'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
	display: none;
}

.app-menu .list-group-item.as-toggle-btn.item-expanded {
	background-color: #F3F3F3;
}

.app-menu .list-group-item.as-toggle-btn.item-expanded:before {
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.app-menu .list-group-item.child-item {
	padding-left: 32px;
	position: relative;
	color: #666767;
	text-indent: -1000px;
}

.app-menu .list-group-item.child-item:before {
	content: "";
	position: absolute;
	left: 15px;
	top: 50%;
	margin-top: -5.5px;
	height: 11px;
	width: 11px;
	border: 1px solid #666767;
	border-radius: 50%;
}

.app-menu .collapsible-content {
	display: none;
}

.app-menu .collapsible-content.item-expanded {
	display: block;
}

.app-menu .app-menu-close {
	font-size: 15px;
	position: absolute;
	right: 9px;
	top: 9px;
	color: #505050;
	border-radius: 50%;
	background-color: #d7d7d7;
	padding: 0px 6px;
	text-align: center;
}

.app-toggle-menu-btn {
	position: absolute;
	right: 0;
	top: 0;
	background-color: #def2f1;
	border-radius: 0;
	color: #000;
	border-radius: 0 0 0 9px;
}

@media(min-width: 768px) {
	.app-menu:hover .inner-wrapper {
		width: 275px;
		min-width: 275px;
	}

	.app-menu:hover .list-group-item {
		padding: 11px 10px !important;
		min-height: 40px;
		justify-content: center;
	}

	.app-menu:hover .list-group-item span {
		transform: scale(1);
		display: block;
	}

	.app-menu.hover .list-group-item.child-item:before {
		left: 10px;
	}

	.app-menu:hover .list-group-item.child-item {
		text-indent: 0px;
	}

	.app-menu:hover .list-group-item.as-toggle-btn:before {
		display: inline-block;
	}

	.app-menu:hover .list-group-item i,
	.app-menu:hover .list-group-item svg {
		margin-right: 10px;

	}

	.app-menu:hover .list-group-item.child-item {
		padding-left: 35px !important;
	}


}

@media(max-width: 768px) {
	.main-nav-overflow-hidden {
		overflow: hidden;
	}

	.app-menu {
		background-color: #fff;
	}

	.app-menu .list-group-item i,
	.app-menu .list-group-item svg {
		margin-right: 10px;

	}

	.app-site-content .app-menu.main-nav-menu {
		position: fixed;
		top: 0;
		right: -100%;
		z-index: 1;
		height: 100%;
		width: 100%;
		overflow: auto;
	}

	.app-site-content .app-menu.main-nav-menu .inner-wrapper {
		padding-top: 45px;
		height: auto;
		min-height: 100%;
	}

	.app-site-content .app-menu.main-nav-menu.menu-active {
		right: 0px;
	}

	.app-menu .inner-wrapper {
		position: relative;
		width: 100%;
	}

	.app-menu .list-group-item {
		padding: 11px 10px !important;
		min-height: 40px;
		justify-content: center;
	}

	.app-menu .list-group-item span {
		transform: scale(1);
		display: block;
	}

	.app-menu .list-group-item.child-item:before {
		left: 10px;
	}

	.app-menu .list-group-item.child-item {
		text-indent: 0px;
		padding-left: 35px !important;
	}

	.app-menu .list-group-item.as-toggle-btn:before {
		display: inline-block;
	}

	.app-menu.list-group-item i,
	.app-menu.list-group-item svg {
		margin-right: 10px;

	}

	.app-menu.list-group-item.child-item {
		padding-left: 35px !important;
	}
}


.app-content {
	padding: 30px;
}

@media (max-width: 768px) {
    .app-content {
		padding: 20px;
		max-width: 100%;
	}
}

@media (min-width: 769px) {
    .app-content {
        max-width: calc(100vw - 80px);
	}
} */
/* END: menu style */
/* -----BEGIN : App side menu ----------- */
.app-content {
    padding: 30px;
}

@media (max-width: 768px) {
    .app-content {
        padding: 20px;
        max-width: 100%;
    }
}

@media (min-width: 769px) {
    .app-content {
        max-width: calc(100vw - 80px);
    }
}

.app-site-content {
    min-height: calc(100vh - 179.5px);
}

.app-menu {
    position: relative;
    width: 80px;
    min-width: 80px;
    transition: 150ms;
}

.app-menu .inner-wrapper {
    min-height: calc(100vh - 179.5px);
    background-color: #fff;
    position: absolute;
    left: 0px;
    width: 80px;
    padding: 15px 12px;
    box-shadow: 4px 0px 14px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    z-index: 1;
    height: 100%;
    overflow: auto;
}

.app-menu .inner-wrapper::-webkit-scrollbar {
    width: 3px;
}

.app-menu .inner-wrapper::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}


.app-menu .inner-wrapper::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}

.app-menu .list-group-item i,
.app-menu .list-group-item svg {
    height: 16px;
    width: 16px;
    min-height: 16px;
    min-width: 16px;
    text-align: center;
}

.app-menu .list-group-item span {
    transition: all 150ms ease-in-out;
    flex: 1;
    transform: scale(0);
    display: none;
}

.app-menu .list-group-item {
    border: none;
    padding: 11px 0px !important;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #17252A;
    cursor: pointer;
    border-radius: 5px !important;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
}

.app-menu .list-group-item:hover {
    background-color: rgba(53, 133, 139, 0.11);
}

.app-menu .list-group-item.active {
    color: #fff !important;
    background: linear-gradient(90deg, #36858A 0%, rgba(54, 133, 138, 0.81) 100%);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.app-menu .list-group-item.active::before {
    border-color: #fff !important;
}

.app-menu .list-group-item.as-toggle-btn,
.app-menu .list-group-item.as-toggle-btn-child {
    position: relative;
    padding-right: 25px;
}

.app-menu .list-group-item.as-toggle-btn:before,
.app-menu .list-group-item.as-toggle-btn-child:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 10px;
    height: 16px;
    width: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.06.727 4 3.78.94.727l-.94.94 4 4 4-4-.94-.94Z' fill='%2317252A'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    display: none;
}

.app-menu .list-group-item.as-toggle-btn.item-expanded,
.app-menu .list-group-item.as-toggle-btn-child.item-expanded {
    background-color: #F3F3F3;
}

.app-menu .global.list-group-item.as-toggle-btn.item-expanded {
    background-color: #35858b;
    color: #fff;
}

.app-menu .global.list-group-item.as-toggle-btn-child.item-expanded {
    background-color: #F3F3F3;
}

.app-menu .list-group-item.as-toggle-btn.item-expanded:before,
.app-menu .list-group-item.as-toggle-btn-child.item-expanded:before {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.app-menu .list-group-item.child-item {
    padding-left: 32px;
    position: relative;
    color: #666767;
    text-indent: -1000px;
}

.app-menu .list-group-item.child-item:before {
    content: "";
    position: absolute;
    left: 24px;
    top: 50%;
    margin-top: -5.5px;
    height: 11px;
    width: 11px;
    border: 1px solid #666767;
    border-radius: 50%;
}

.app-menu .list-group-item.child-item.child-item-lv3:before {
    height: 7px;
    width: 7px;
    background-color: #cecece;
    border-color: #cecece;
    margin-top: -3px;
}

.app-menu .collapsible-content,
.app-menu .collapsible-content-child {
    display: none;
}

.app-menu .collapsible-content.item-expanded,
.app-menu .collapsible-content-child.item-expanded {
    display: block;
}

.app-menu .app-menu-close {
    font-size: 15px;
    position: absolute;
    right: 9px;
    top: 9px;
    color: #505050;
    border-radius: 50%;
    background-color: #d7d7d7;
    padding: 0px 6px;
    text-align: center;
}

.app-toggle-menu-btn {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #def2f1;
    border-radius: 0;
    color: #000;
    border-radius: 0 0 0 9px;
}

.app-menu:hover .collapsible-content,
.app-menu:hover .collapsible-content-child {
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 4px;
}

.app-menu:hover .list-group-item.child-item:before {
    left: 13px;
}

@media(min-width: 768px) {
    .app-menu:hover .inner-wrapper {
        width: 275px;
        min-width: 275px;
    }

    .app-menu:hover .list-group-item {
        padding: 11px 10px !important;
        min-height: 40px;
        justify-content: center;
    }

    .app-menu:hover .list-group-item span {
        transform: scale(1);
        display: block;
        padding-right: 1vw;
    }

    .app-menu.hover .list-group-item.child-item:before {
        left: 10px;
    }

    .app-menu:hover .list-group-item.child-item {
        text-indent: 0px;
    }

    .app-menu:hover .list-group-item.as-toggle-btn:before,
    .app-menu:hover .list-group-item.as-toggle-btn-child:before {
        display: inline-block;
    }

    .app-menu:hover .list-group-item i,
    .app-menu:hover .list-group-item svg {
        margin-right: 10px;
    }

    .app-menu:hover .list-group-item.child-item {
        padding-left: 35px !important;
    }
}

@media(max-width: 768px) {
    .main-nav-overflow-hidden {
        overflow: hidden;
    }

    .app-menu {
        background-color: #fff;
    }

    .app-menu .list-group-item i,
    .app-menu .list-group-item svg {
        margin-right: 10px;
    }

    .app-site-content .app-menu.main-nav-menu {
        position: fixed;
        top: 0;
        right: -100%;
        z-index: 1;
        height: 100%;
        width: 100%;
        overflow: auto;
    }

    .app-site-content .app-menu.main-nav-menu .inner-wrapper {
        padding-top: 45px;
        height: auto;
        min-height: 100%;
    }

    .app-site-content .app-menu.main-nav-menu.menu-active {
        right: 0px;
    }

    .app-menu .inner-wrapper {
        position: relative;
        width: 100%;
    }

    .app-menu .list-group-item {
        padding: 11px 10px !important;
        min-height: 40px;
        justify-content: center;
    }

    .app-menu .list-group-item span {
        transform: scale(1);
        display: block;
    }

    .app-menu .list-group-item.child-item:before {
        left: 10px;
    }

    .app-menu .list-group-item.child-item {
        text-indent: 0px;
        padding-left: 35px !important;
    }

    .app-menu .list-group-item.as-toggle-btn:before,
    .app-menu .list-group-item.as-toggle-btn-child:before {
        display: inline-block;
    }

    .app-menu.list-group-item i,
    .app-menu.list-group-item svg {
        margin-right: 10px;
    }

    .app-menu.list-group-item.child-item {
        padding-left: 35px !important;
    }
}

/* -----END : App side menu ----------- */
/* BEGIN : Dashboard Cards  */
.app-card {
    background: #ffffff;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
}

.app-card-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    color: #272727;
}

.statistics-card-row {
    margin-left: -6px;
    margin-right: -6px;
}

.statistics-card-col {
    padding-left: 6px;
    padding-right: 6px;
}

.statistics-card {
    padding: 10px 15px;
    background: #eee;
    border-radius: 10px;
}

.statistics-card .icon-box {
    height: 50px;
    width: 50px;
    min-height: 50px;
    min-width: 50px;
    background-color: rgba(255, 255, 255, 0.82);
    font-size: 25px;
    color: currentColor;
    border-radius: 50%;
    margin-right: 12px;
}

.statistics-card .text-content {
    color: #fff;
}

.statistics-card .text-content h2 {
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 0px;
}

.statistics-card .text-content p {
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    color: #ffffff;
    margin-bottom: 0px;
}

.statistics-card.with-warning-light-bg {
    background: #ffd965;
}

.statistics-card.with-warning-light-bg .icon-box {
    color: #ffd965;
}

.statistics-card.with-success-light-bg {
    background: #88c997;
}

.statistics-card.with-success-light-bg .icon-box {
    color: #88c997;
}

.statistics-card.with-danger-light-bg {
    background: #eda6ad;
}

.statistics-card.with-danger-light-bg .icon-box {
    color: #eda6ad;
}

/* END : Dashboard Cards */
/* BEGIN: Dashboard card light colors */
.statistics-card.with-red-bg {
    color: #c0392b;
    background: currentColor;
}

.statistics-card.with-yellow-bg {
    color: #f39c12;
    background: currentColor;
}

.statistics-card.with-green-bg {
    color: #16a085;
    background: currentColor;
}

.statistics-card.with-blue-bg {
    color: #2980b9;
    background: currentColor;
}

.statistics-card.with-orange-bg {
    color: #d35400;
    background: currentColor;
}

.statistics-card.with-purple-bg {
    color: #6751c1;
    background: currentColor;
}

.statistics-card.with-pink-bg {
    color: #D36D88;
    background: currentColor;
}

.statistics-card.with-green-dusty-bg {
    color: #787D46;
    background: currentColor;
}

/* END: Dashboard card light colors */
/* BEGIN: Dashboard card dark colors */
.statistics-card.with-red-dark-bg {
    color: #7a0c00;
    background: currentColor;
}

.statistics-card.with-blue-dark-bg {
    color: #02315E;
    background: currentColor;
}

.statistics-card.with-purple-dark-bg {
    color: #482058;
    background: currentColor;
}

.statistics-card.with-coffee-bg {
    color: #4a331e;
    background: currentColor;
}

.statistics-card.with-green-dark-bg {
    color: #344C11;
    background: currentColor;
}

.statistics-card.with-pink-dark-bg {
    color: #BC2041;
    background: currentColor;
}


/* Group 1 */
.statistics-card.bg-color-1,
.statistics-card.bg-color-11,
.statistics-card.bg-color-21,
.statistics-card.bg-color-31,
.statistics-card.bg-color-41 {
    color: #00008B;
    background: currentColor;
    /* Dark Blue */
}

/* Group 2 */
.statistics-card.bg-color-2,
.statistics-card.bg-color-12,
.statistics-card.bg-color-22,
.statistics-card.bg-color-32,
.statistics-card.bg-color-42 {
    color: #A0522D;
    background: currentColor;
    /* Sienna */
}

/* Group 3 */
.statistics-card.bg-color-3,
.statistics-card.bg-color-13,
.statistics-card.bg-color-23,
.statistics-card.bg-color-33,
.statistics-card.bg-color-43 {
    color: #E60026;
    background: currentColor;
    /* Crimson Red */
}

/* Group 4 */
.statistics-card.bg-color-4,
.statistics-card.bg-color-14,
.statistics-card.bg-color-24,
.statistics-card.bg-color-34,
.statistics-card.bg-color-44 {
    color: #FF7518;
    background: currentColor;
    /* Pumpkin Orange */
}

/* Group 5 */
.statistics-card.bg-color-5,
.statistics-card.bg-color-15,
.statistics-card.bg-color-25,
.statistics-card.bg-color-35,
.statistics-card.bg-color-45 {
    color: #228B22;
    background: currentColor;
    /* Forest Green */
}

/* Group 6 */
.statistics-card.bg-color-6,
.statistics-card.bg-color-16,
.statistics-card.bg-color-26,
.statistics-card.bg-color-36,
.statistics-card.bg-color-46 {
    color: #1E90FF;
    background: currentColor;
    /* Dodger Blue */
}

/* Group 7 */
.statistics-card.bg-color-7,
.statistics-card.bg-color-17,
.statistics-card.bg-color-27,
.statistics-card.bg-color-37,
.statistics-card.bg-color-47 {
    color: #4682B4;
    background: currentColor;
    /* Steel Blue */
}

/* Group 8 */
.statistics-card.bg-color-8,
.statistics-card.bg-color-18,
.statistics-card.bg-color-28,
.statistics-card.bg-color-38,
.statistics-card.bg-color-48 {
    color: #FF1493;
    background: currentColor;
    /* Deep Pink */
}

/* Group 9 */
.statistics-card.bg-color-9,
.statistics-card.bg-color-19,
.statistics-card.bg-color-29,
.statistics-card.bg-color-39,
.statistics-card.bg-color-49 {
    color: #E75480;
    background: currentColor;
    /* Dark Pink */
}

/* Group 10 */
.statistics-card.bg-color-10,
.statistics-card.bg-color-20,
.statistics-card.bg-color-30,
.statistics-card.bg-color-40,
.statistics-card.bg-color-50 {
    color: #8A2BE2;
    background: currentColor;
    /* Blue Violet */
}




/* END: Dashboard card dark colors */
.dt-buttons {
    margin-bottom: 15px;
}

.dataTables_filter {
    float: right !important;
}

/*END : new admin form */

/* BEGIN: tabs links (28/07/22) */
.app-tabs-links .nav-link {
    position: relative;
    background: rgba(222, 242, 241, 0.529);
    border: 1px solid #36858A;
    font-weight: 800;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #000;
    border-radius: 5px;
    padding: 10px 15px;
    margin-right: 10px;
    margin-bottom: 8px;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    overflow: hidden;
}

.app-tabs-links .nav-item.active .nav-link {
    color: #fff;
    background: linear-gradient(90deg, #36858A 0%, rgba(54, 133, 138, 0.81) 100%);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
}

.app-shadow-box {
    box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.21);
}

/* END: tabs links */
/* BEGIN: app table (29/07/22) */
.app-table .dataTables_wrapper thead th {
    font-size: 11px;
    font-weight: 800;
}

.app-table .dataTables_wrapper tbody td {
    font-size: 13px;
    font-weight: 500;
    word-wrap: break-word;
}

.app-table .dataTables_wrapper div.dataTables_info {
    font-size: 12px;
    font-weight: 500;
}

.app-table .dataTables_paginate .page-link {
    font-size: 12px;
    font-weight: 500;
}

.app-table-scroll-container {
    max-width: 100%;
    overflow: auto;
    border-right: 1px solid #dee2e6;
}

.app-table table.dataTable {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

/* END: app table (29/07/22) */
/* BEGIN: datepicker ui improvements (29/07/22) */
.datepicker td,
.datepicker th {
    width: 24px;
    height: 24px;
}

.datepicker.datepicker-dropdown {
    font-size: 0.8rem;
    box-shadow: 0px -1px 9px 2px rgba(0, 0, 0, 0.149);
}

/* END: datepicker ui improvements (29/07/22) */
/* BEGIN: admin UI improvements(30/07/22) */
.text-collapsed .inner-wrapper {
    max-height: 60px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-collapsed .btn-readmore {
    display: inline-block;
}

.btn-readmore {
    padding: 0;
    color: #17b6c1;
    display: none;
}

.btn-readmore:hover,
.btn-readmore:focus {
    color: #12555a;
    outline: none !important;
    box-shadow: none !important;
}

.date-tbl-col {
    min-width: 70px;
}

.srno-tbl-col {
    min-width: 20px;
    max-width: 20px;
}

.action-tbl-col {
    min-width: 70px;
    max-width: 70px;
}

.large-decs-tbl-col {
    min-width: 300px;
    max-width: 400px;
}

/* END: admin admin UI improvements(30/07/22) */


/* Page Steps Functionality CSS */
.wizard-nav-tab {
    display: flex;
    align-items: center;
    pointer-events: none;
}

.wizard-nav-tab li {
    flex: 1;
    display: flex;
    justify-content: center;
    position: relative;
}

.wizard-nav-tab li:before,
.wizard-nav-tab li:after {
    content: "";
    display: inline-block;
    height: 3px;
    background-color: #E3E3E3;
    position: absolute;
    width: 50%;
    top: 50%;
    transform: translateY(-50%);
}

.wizard-nav-tab li:before {
    left: 0;
}

.wizard-nav-tab li:after {
    right: 0;
}

.wizard-nav-tab li:first-child {
    justify-content: flex-start;
}

.wizard-nav-tab li:first-child::before {
    display: none;
}

.wizard-nav-tab li:first-child::after,
.wizard-nav-tab li:last-child::before {
    width: 100%;
}

.wizard-nav-tab li:last-child {
    justify-content: flex-end;
}

.wizard-nav-tab li:last-child:after {
    display: none;
}

.wizard-nav-tab li.step-reached a .round-tab {
    color: #fff;
    background-color: rgba(53, 133, 139, 1);
}

.wizard-nav-tab li.step-reached:before,
.wizard-nav-tab li.step-reached:after {
    background-color: rgba(53, 133, 139, 1);
}

.wizard-nav-tab li.step-reached.active:after {
    background-color: #E3E3E3;
}

.wizard-nav-tab li a i {
    display: none;
}

.wizard-nav-tab li a .round-tab {
    display: inline-block;
    height: 45px;
    width: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #2B2B2B;
    background-color: rgba(222, 242, 241, 1);
    border-radius: 50%;
    font-weight: 600;
    position: relative;
    z-index: 1;
}

.wizard-nav-tab li.active a .round-tab {}

/* ------ BEGIN : laptop responsive (1366) & scrunity changes: 10/06/2024*/
@media (max-width: 1366px) {
    .app-content {
        padding: 20px !important;
    }

    .app-page-section {
        padding-inline: 0.7rem;
    }

    .app-header-badge {
        font-size: 12px !important;
    }
}

.app-fieldset {
    border: 1px solid #eee;
}

.app-fieldset legend {
    width: auto;
    font-size: 14px;
    margin-bottom: 0px;
}

.app-header-chk-wrapper {
    display: flex;
    align-items: center;
    gap: 7px;
}

.app-header-chk-wrapper label {
    margin-bottom: 0px;
}

/* ------ END : laptop responsive (1366) & scrunity changes: 10/06/2024*/



/* BEGIN : chatbot changes*/
#chatbot {
    left: auto !important;
    right: 100px !important;
}

#chatbot-icon {
    height: 70px;
    width: 70px;
    border-radius: 50%;
    left: auto !important;
    bottom: 175px !important;
    right: 20px;
    z-index: 99 !important;
    background-color: #064f55;
    border: 1px solid #36a4ad;
    box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.13);
}

#uw-widget-custom-trigger {
    bottom: 97px;
}

#chatbot-icon,
#chat-header {
    background-color: #064f55 !important;
}

#voice-btn,
#send-btn {
    color: #064f55 !important;
}

/* END : chatbot changes*/

#feedback-form-btn {
    position: fixed;
    height: 70px;
    width: 70px;
    left: auto !important;
    bottom: 255px !important;
    right: 20px;
    z-index: 99 !important;
    background-color: #064f55 !important;
    border: 1px solid #36a4ad;
    color: white;
    padding: 15px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    font-size: 24px;
    text-align: center;
    transition: transform 0.3s ease;
    z-index: 10000;
}

@media print {
    #uw-main {
        display: none;
    }
}

.chat-loader-sec {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99999;
    background: rgba(255, 255, 255, 0.38);
}

.chat-loader-sec .chat-loader {
    height: 50px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    margin: -25px auto 0;
}

body #uw-widget-custom-trigger {
    z-index: 99;
    background-color: #064f55;
    border: 1px solid #36a4ad;
    box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.13);
}

body .uwaw {
    --color-dark-blue-1: #005056;
}

.important-links ul {
    background-color: #fff;
    box-shadow: 1px 0px 1px 1px #dfdfdf inset;
}

.important-links ul li {
    border-left-width: 1px !important;
    font-size: 14px;
}

.language-btn.active {
    background-color: #064f55 !important;
}

.progress-wrap {
    position: fixed;
    bottom: 20px;
    right: 20px;
    height: 70px;
    width: 70px;
    z-index: 9999;
    cursor: pointer;
    background-color: #064f55 !important;
    /* border: none; */
     border: 1px solid #36a4ad;
    border-radius: 50%;
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.progress-wrap.active {
    opacity: 1;
    visibility: visible;
}

.progress-circle {
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-90deg);
    /* start from top */
}

.progress-circle circle {
    fill: none;
    stroke: #36a4ad;
    stroke-width: 5;
    stroke-dasharray: 283;
    /* 2 * π * r where r = 45 */
    stroke-dashoffset: 283;
    transition: stroke-dashoffset 0.3s ease;
}

/* Chevron icon styling */
.scroll-icon {
    position: relative;
    color: white;
    font-size: 24px;
    z-index: 1;
    pointer-events: none;
}