@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500;700;900&display=swap');
@import url('https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css');

* {
    margin: 0;
    padding: 0;
}

body {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    font-family: "Roboto Condensed", sans-serif, "SolaimanLipi";
    background: url(../images/bg_1.png) repeat;
    z-index: 0;
}

.home-bg {
    width: 100%;
    height: 100%;
    background: url(../images/bg_home.png) no-repeat;
    z-index: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
label,
span,
th,
td {
    margin: 0;
    color: #626262;
}

a {
    text-decoration: none !important;
}

.card {
    border: 0;
}

b,
strong {
    font-weight: 500 !important;
}

.btn,
.btn:focus,
.form-control,
.form-control:focus,
.custom-select,
.custom-select:focus {
    outline: none;
    box-shadow: none;
}

.main-content {
    min-height: 435px;
}

.table {
    margin-bottom: 0;
}

.form-control {
    font-size: 16px;
}

.user-avator a.nav-link {
    border: 1px solid #0084E8;
    border-radius: 30px;
    padding: 0 !important;
    padding-right: 12px !important;
    color: #0084E8;
}

.user-avator a .avator {
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}

.t-blue {
    background: #0084E8 !important;
}


/* width */

::-webkit-scrollbar {
    width: 5px;
}


/* Track */

::-webkit-scrollbar-track {
    background: #f1f1f1;
}


/* Handle */

::-webkit-scrollbar-thumb {
    background: #888;
}


/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.form-group label {
    font-size: 14.5px;
    margin-bottom: 5px;
}

.btn {
    font-size: 15px;
    /* min-width: 100px; */
}


/* /////////////////// LOGIN /////////////////////// */

.login-bg {
    background: url(../images/Login-bg.jpg);
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: center;
}

.login-bg .login-box {
    width: 68%;
    height: auto;
    background: #ffffff;
    border-radius: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
}

.login-bg .login-box .left-box {
    padding: 65px 40px 52px;
    /*background: #6c63ff;*/
    background: RGB(0, 37, 105);
    border-radius: 15px 0 0 15px;
    height: 100%;
    min-height: 450px;
    position: relative;
}

.login-bg .login-box .left-box h2,
.login-bg .login-box .left-box a,
.login-bg .login-box .left-box label {
    color: #ffffff;
}

.login-bg .login-box .left-box .login-title {
    margin-bottom: 15px;
    position: relative;
}

.login-bg .login-box .left-box .login-title::before {
    position: absolute;
    top: 50%;
    left: -41px;
    transform: translateY(-50%);
    width: 40px;
    height: 15px;
    content: "";
    background: #ffffff;
}

.login-bg .login-box .left-box .login-title h2 {
    font-weight: 400;
    font-size: 22px;
    padding-left: 10px;
}

.login-bg .login-box .left-box .login-title h2 span {
    font-weight: normal;
    color: #fff;
}

.login-bg .login-box .left-box input.form-control {
    background: none;
    border: 0;
    border-bottom: 1px solid #ffffff;
    border-radius: 0;
    padding-left: 0;
    color: #ffffff;
}

.login-bg .login-box .left-box input::placeholder {
    color: rgba(255, 255, 255, 0.7);
    font-weight: 300;
    /* letter-spacing: 2px; */
}

.login-bg .login-box .left-box label,
.login-bg .login-box .left-box .forget-pwd-box a {
    font-size: 13px;
    /* font-weight: 300; */
}

.login-bg .login-box .left-box .btn {
    width: 100%;
    background: #5c53e3;
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 3px;
    box-shadow: 0 8px 10px rgba(75, 66, 228, 0.2);
    padding: 8px 0px;
}

.login-bg .login-box .left-box p.copy-right {
    font-size: 13px;
    color: #ffffff;
    text-align: center;
    margin-top: 20px;
    font-weight: 300;
}

.login-bg .login-box .left-box .lock-box {
    position: absolute;
    top: 50%;
    right: -30px;
    transform: translateY(-50%);
    width: 65px;
    height: 65px;
    background: #6c63ff;
    border-radius: 50%;
    border: 3.5px solid #ffffff;
    z-index: 9;
    text-align: center;
}

.login-bg .login-box .left-box .lock-box img {
    font-size: 25px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
}


/* //////////// CECKBOX DESIGN ///////////////// */


/* Hide the browser's default checkbox */

.remember-box input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


/* Create a custom checkbox */

.checkmark {
    position: absolute;
    top: 7px;
    left: 0;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    /* background-color: #eee; */
    border: 2px solid #fff;
}

.form-check {
    padding-left: 1rem !important;
}


/* When the checkbox is checked, add a blue background */

.remember-box input:checked ~ .checkmark {
    background-color: #fff;
}


/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the checkmark when checked */

.remember-box input:checked ~ .checkmark:after {
    display: block;
}


/* //////////// CECKBOX DESIGN ///////////////// */

.right-box {
    padding: 60px 50px 10px 50px;
}

.right-box p {
    margin: 20px 0;
    /* font-size: 18px; */
}

.right-box .content-img img {
    width: 90%;
    margin-top: 10px;
    border-radius: 10px;
}

.g-play-icon {
    background: url(../images/gplay-icon.png) no-repeat;
    display: block;
    width: 70px;
    height: 23px;
    margin-left: 10px;
}


/* /////////////////// LOGIN /////////////////////// */

.header {
    background: #ffffff;
}

.header2 {
    background: #f9f9f9;
    border-top: solid 1px #e8e8e8;
    border-bottom: solid 1px #e8e8e8;
}

.home-me-bor {
    border-bottom: none;
}


.logo, .logo-adb, .logo-dphe {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Individual logo backgrounds */
.logo {
    background-image: url('../images/bd_logo.png');
}

.logo-adb {
    background-image: url('../images/adb.png');
}

.logo-dphe {
    background-image: url('../images/dphe.png');
}

/* Adjustments for smaller screens */
@media (max-width: 768px) {
    .logo, .logo-adb, .logo-dphe {
        width: 30px;
        height: 30px;
    }
}




ul.navbar-nav li a {
    font-weight: 400;
    font-size: 15px;
    padding-right: 1rem !important;
    padding-left: 1rem !important;
    color: #444;
}

ul.navbar-nav li a:hover {
    color: #ffffff;
}

.nav-item .nav-link {
    border-left: solid 1px #ececec;
}

.nav-item:last-child .nav-link {
    border-right: solid 1px #ececec;
}

ul.navbar-nav li {
    transition: all 0.7s ease;
    background: none;
}

ul.navbar-nav li:hover,
ul.navbar-nav li:focus {
    background-color: #0084E8;
    color: #ffffff;
}

.dropdown-item:hover {
    background-color: #0084E8;
    color: #ffffff;
}

ul.navbar-nav li:hover .dropdown-toggle {
    color: #fff;
}

.active a.nav-link {
    color: #ffffff;
    background: #0084E8;
}

.dropdown-menu {
    top: 98% !important;
}

.dropdown-item {
    transition: all 0.7s ease;
}

.banner {
    background: url(../images/banner.jpg) no-repeat;
    width: 100%;
    height: 132px;
    display: block;
    background-size: cover;
}

ul.tab-login li:hover,
ul.tab-login li:hover a {
    background: none;
    color: #0084E8 !important;
}

ul.tab-login li a {
    border-right: none !important;
}

.banner .container h1 {
    font-size: 32px;
    color: #fff;
    line-height: 132px;
    font-weight: 500;
}


/* ////////////////////// MAIN CONTENT ////////////////////// */

.main-content .programme .programme-title {
    margin-bottom: 30px;
}

.main-content .procurement .procurement-title {
    margin-bottom: 20px;
}

.programme-title img {
    position: relative;
    top: -2px;
}

.main-content .procurement .card-header {
    border-radius: 3px 3px 0 0;
}

.main-content .programme .programme-title span,
.main-content .procurement .procurement-title span {
    background: #ffffff;
    /* box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); */
    padding: 4px 10px;
    font-size: 14px;
    border: 2px solid #f0f0f0;
    border-left: 3px solid #a73bf3;
    border-top: 0;
}

.main-content .programme .home-box {
    min-height: 100px;
    margin-bottom: 40px;
    border: 0;
    position: relative;
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.1);
}

.main-content .programme .gradient-color .box:nth-child(1) .home-box {
    background: linear-gradient(to right, #2a83e8, #98cffa);
}

.main-content .programme .gradient-color .box:nth-child(2) .home-box {
    background: linear-gradient(to right, #ff678b, #ffc9a5);
}

.main-content .programme .gradient-color .box:nth-child(3) .home-box {
    background: linear-gradient(to right, #22bb95, #98e5d6);
}

.main-content .programme .gradient-color .box:nth-child(4) .home-box {
    background: linear-gradient(to right, #2db23f, #bdff4a);
}

.main-content .programme .gradient-color .box:nth-child(5) .home-box {
    background: linear-gradient(to right, #9e3dff, #e946ff);
}

.main-content .programme .gradient-color .box:nth-child(6) .home-box {
    background: linear-gradient(to right, #223c6f, #4b6cb7);
}

.main-content .programme .home-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    z-index: 0;
    background: url(../images/box_shadow.png) no-repeat;
}

.main-content .programme .home-box h4 {
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 11111;
}

.main-content .programme .home-box .percent {
    width: 100px;
    height: 100px;
    background: #fff;
    border-radius: 4px;
    position: absolute;
    top: -15px;
    right: 15px;
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
    /*overflow: hidden;*/
}


/*.main-content .programme .home-box .percent::before {
  position: absolute;
  content: "";
  width: 100px;
  height: 100px;
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
  background: #fbfbfb;
  z-index: 0;
}*/


/* ////////////////////////// PROCUREMENT ////////////////////////// */

.procurement-title img {
    position: relative;
    top: -2px;
    width: 25px;
}

.main-content .procurement ul {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
}

.main-content .procurement ul li {
    flex-basis: 19%;
    list-style: none;
    margin-bottom: 30px;
}

.procurement ul li a {
    outline: none;
    box-shadow: none;
}

.procurement ul li.ui-tabs-active .sub-box {
    background: #fff;
}

.procurement ul li.ui-tabs-active .sub-box::before {
    content: "";
    width: 20px;
    height: 20px;
    background: #0084E8;
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    z-index: -1;
}

.procurement ul li.ui-tabs-active .card-header {
    background: #0084E8 !important;
}

.procurement ul li.ui-tabs-active .card-header h5 {
    color: #fff !important;
}

.procurement ul li.ui-tabs-active .sub-box {
    background: #ffffff;
    border: 1px solid #0084E8;
}

.procurement .card .card-header {
    padding: 7px 15px 5px;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.07);
    border-bottom: 1px solid rgba(76, 76, 76, 0.125);
}

.procurement .card .card-header h5 {
    font-size: 20px;
}

.procurement ul li.ui-tabs-active .sub-box h5,
.procurement ul li.ui-tabs-active .sub-box h1,
.procurement ul li.ui-tabs-active .sub-box span {
    color: #666;
}

.procurement .card.sub-box {
    /* margin-bottom: 30px; */
    border: 0;
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.05);
    /* position: relative; */
}

.procurement .card.sub-box .card-body {
    width: 100%;
    /* min-height: 80px; */
    padding: 10px 20px;
}

.procurement .card.sub-box .card-body h1 {
    /* font-size: 15px; */
    font-weight: 300;
}

.procurement .card.sub-box .card-body span {
    font-size: 17px;
    margin-top: 20px;
}

.procurement .procurement-tab {
    padding: 20px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    margin-bottom: 40px;
    background: #fff;
}

.procurement .procurement-tab .table thead,
.procurement .procurement-tab .table thead span {
    background: #acacac;
    color: #ffffff;
    font-weight: normal;
}

.procurement .procurement-tab .table td {
    vertical-align: middle;
}

.procurement .procurement-tab .table thead tr td,
.procurement .procurement-tab .table thead tr td:last-child p {
    color: #ffffff;
    line-height: 16px;
}

.procurement .procurement-tab .table thead tr td:nth-child(2) {
    text-align-last: left;
}

.procurement .procurement-tab .table thead tr:nth-child(3) td,
.procurement .procurement-tab .table tbody tr td:nth-child(3),
.procurement .procurement-tab .table thead tr:nth-child(1) td,
.procurement .procurement-tab .table tbody tr td:nth-child(1) {
    text-align: center;
}

.procurement .procurement-tab .table thead tr td,
.procurement .procurement-tab .table tbody tr td {
    padding: 6px 10px;
}

.procurement .procurement-tab .table tbody tr td {
    font-size: 15px;
}

.procurement .procurement-tab .table thead tr td:last-child p:last-child {
    font-size: 12px;
}

.highcharts-figure {
    margin-bottom: 0;
}

.highcharts-figure .highcharts-container {
    height: auto;
    position: relative;
    top: -10px;
    width: 100% !important;
}

.highcharts-container.highcharts-container {
    z-index: auto !important;
    overflow: visible !important;
}

ul.highcharts-menu {
    display: inline-block !important;
}

ul.highcharts-menu hr {
    margin-top: 0.3rem !important;
    margin-bottom: 0.3rem !important;
}

ul.highcharts-menu li.highcharts-menu-item {
    margin-bottom: 0px !important;
    padding: 0.1em 1em;
}


/* ////////////////////// INNER PAGE ////////////////////// */

.main-content .package .box {
    margin-bottom: 20px;
}

.main-content .package .box .card {
    border: 0;
    border-radius: 10px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
    min-height: 388px;
}

.main-content .package .box .card-title {
    color: #0084E8;
    background: rgba(127, 122, 220, 0.1);
    line-height: 50px;
    margin-top: 15px;
    padding: 0 20px;
    position: relative;
}

.main-content .package .box .card-title::before {
    position: absolute;
    content: "";
    background: #0084E8;
    width: 10px;
    height: 20px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.main-content .package .box:nth-child(2) .card-title {
    color: #fe6c00;
    background: rgba(254, 108, 0, 0.1);
}

.main-content .package .box:nth-child(2) .card-title::before {
    background: #fe6c00;
}

.main-content .package .box .content {
    padding-top: 0;
}

.main-content .package .box:nth-child(1) .content {
    margin-top: 8px;
}

.main-content .package .box .content .icon_blue {
    background: url(../images/icon_blue.png) no-repeat;
    padding-left: 25px;
    color: #0084E8;
}

.main-content .package .box .content .icon_green {
    background: url(../images/icon_green.png) no-repeat;
    padding-left: 25px;
    color: #00b14b;
    margin-top: 15px;
}

.main-content .package .box .content p {
    margin-left: 26px;
    margin-top: 6px;
}

.main-content .package .box:nth-child(2) .content p {
    margin-left: 0;
}

.main-content .package .box .content .icon_green span {
    font-size: 16px;
}


/* /////////////////////// PACKAGE TABLE /////////////////////////// */

.package-table {
    border-radius: 10px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
}

.package-table .table tr td {
    text-align: center;
    vertical-align: middle;
}

.package-table .table thead {
    background: #0084E8;
}

.btn-group-lg > .btn,
.btn-lg {
    padding: .4rem 1rem !important;
}

.table thead {
    background: #0084E8 !important;
    color: #fff;
}

.package-table .table thead td {
    color: #fff;
}

.package-table .table tr td:first-child {
    text-align: left;
}

.report-table thead {
    background: #54c788;
}

.report-table thead td {
    color: #ffffff;
    line-height: normal;
}

.table tbody tr td {
    padding: 6px 10px;
    font-size: 15px;
    line-height: normal;
    color: #183b59;
}

.po-show tbody tr th {
    font-size: 16px;
    line-height: normal;
    color: #007bff;
    font-weight: 400;
    width: 27.9%;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.02);
}

.progress {
    border-radius: 30px;
    background: #dee3e8;
}

.progress-bar {
    color: #000000;
}


/* ///////////////////// PROGRESS BAR COLOR /////////////////////// */

.table-striped tbody tr:nth-child(1) .progress-bar {
    background: #fac08f;
}

.table-striped tbody tr:nth-child(2) .progress-bar {
    background: #92cddc;
}

.table-striped tbody tr:nth-child(3) .progress-bar {
    background: #b2a1c7;
}

.table-striped tbody tr:nth-child(4) .progress-bar {
    background: #aaa37a;
}

.table-striped tbody tr:nth-child(5) .progress-bar {
    background: #c3d69b;
}

.table-striped tbody tr:nth-child(6) .progress-bar {
    background: #cecece;
}

.table-striped tbody tr:nth-child(7) .progress-bar {
    background: #95b3d7;
}

.table-striped tbody tr:nth-child(8) .progress-bar {
    background: #a9a9a9;
}

.table-striped tbody tr:nth-child(9) .progress-bar {
    background: #d99694;
}

.table-striped tbody tr:nth-child(10) .progress-bar {
    background: #fac08f;
}

.table-striped tbody tr:nth-child(11) .progress-bar {
    background: #92cddc;
}

.table-striped tbody tr:nth-child(12) .progress-bar {
    background: #b2a1c7;
}

.table-striped tbody tr:nth-child(13) .progress-bar {
    background: #aaa37a;
}

.table-striped tbody tr:nth-child(14) .progress-bar {
    background: #c3d69b;
}

.table-striped tbody tr:nth-child(15) .progress-bar {
    background: #cecece;
}

.table-striped tbody tr:nth-child(16) .progress-bar {
    background: #95b3d7;
}

.table-striped tbody tr:nth-child(17) .progress-bar {
    background: #a9a9a9;
}

.table-striped tbody tr:nth-child(18) .progress-bar {
    background: #d99694;
}

.table-striped tbody tr:nth-child(19) .progress-bar {
    background: #fac08f;
}

.table-striped tbody tr:nth-child(20) .progress-bar {
    background: #92cddc;
}

.table-striped tbody tr:nth-child(21) .progress-bar {
    background: #b2a1c7;
}

.table-striped tbody tr:nth-child(22) .progress-bar {
    background: #aaa37a;
}

.table-striped tbody tr:nth-child(23) .progress-bar {
    background: #c3d69b;
}

.table-striped tbody tr:nth-child(24) .progress-bar {
    background: #cecece;
}

.table-striped tbody tr:nth-child(25) .progress-bar {
    background: #95b3d7;
}

.table-striped tbody tr:nth-child(26) .progress-bar {
    background: #a9a9a9;
}

.table-striped tbody tr:nth-child(27) .progress-bar {
    background: #d99694;
}

.table-striped tbody tr:nth-child(28) .progress-bar {
    background: #fac08f;
}

.table-striped tbody tr:nth-child(29) .progress-bar {
    background: #92cddc;
}

.table-striped tbody tr:nth-child(30) .progress-bar {
    background: #b2a1c7;
}

.table-striped tbody tr:nth-child(31) .progress-bar {
    background: #aaa37a;
}

.table-striped tbody tr:nth-child(32) .progress-bar {
    background: #c3d69b;
}

.table-striped tbody tr:nth-child(33) .progress-bar {
    background: #cecece;
}

.table-striped tbody tr:nth-child(34) .progress-bar {
    background: #95b3d7;
}

.table-striped tbody tr:nth-child(35) .progress-bar {
    background: #a9a9a9;
}

.table-striped tbody tr:nth-child(36) .progress-bar {
    background: #d99694;
}

.table-striped tbody tr:nth-child(37) .progress-bar {
    background: #fac08f;
}

.table-striped tbody tr:nth-child(38) .progress-bar {
    background: #92cddc;
}

.table-striped tbody tr:nth-child(39) .progress-bar {
    background: #b2a1c7;
}

.table-striped tbody tr:nth-child(40) .progress-bar {
    background: #aaa37a;
}


/* ///////////////////// PROGRESS BAR COLOR /////////////////////// */


/* ///////////////////// PROGRESS BAR COLOR /////////////////////// */

.inner-page-content .procurement .table thead tr td {
    padding: 12px !important;
}

.inner-page-content .procurement .table thead tr td:nth-child(2) {
    text-align-last: left !important;
}

.inner-page-content .procurement ul {
    margin: 0;
    padding: 0;
}

.inner-page-content .procurement ul li {
    flex-basis: 32%;
    list-style: none;
    margin-bottom: 30px;
    margin-right: 20px;
}

.inner-page-content .procurement ul li:last-child {
    margin-right: 0px;
}

.inner-page-content .procurement ul li .sub-box {
    min-height: 150px;
}

.inner-page-content .procurement ul li .sub-box h5 {
    min-height: 55px;
}

.inner-page-content .procurement ul li .sub-box p {
    min-height: 120px;
}

.inner-page-content .procurement ul li.ui-tabs-active .sub-box {
    background: #ffffff;
    border: 1px solid #00b14b;
}


/* ///////////////////////////// */

.inner-page-content .procurement ul li:nth-child(1) .sub-box .card-header {
    background: #fac08f;
}

.inner-page-content .procurement ul li:nth-child(2) .sub-box .card-header {
    background: #92cddc;
}

.inner-page-content .procurement ul li:nth-child(3) .sub-box .card-header {
    background: #b2a1c7;
}

.inner-page-content .procurement ul li:nth-child(4) .sub-box .card-header {
    background: #aaa37a;
}

.inner-page-content .procurement ul li:nth-child(5) .sub-box .card-header {
    background: #c3d69b;
}

.inner-page-content .procurement ul li:nth-child(6) .sub-box .card-header {
    background: #cecece;
}

.inner-page-content .procurement ul li:nth-child(7) .sub-box .card-header {
    background: #95b3d7;
}

.inner-page-content .procurement ul li:nth-child(8) .sub-box .card-header {
    background: #a9a9a9;
}

.inner-page-content .procurement ul li:nth-child(9) .sub-box .card-header {
    background: #d99694;
}

.inner-page-content .procurement ul li.ui-tabs-active .sub-box::before {
    content: "";
    width: 20px;
    height: 20px;
    background: #00b14b;
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    z-index: -1;
}

.inner-page-content .procurement ul li.ui-tabs-active .card-header {
    background: #00b14b !important;
}

.inner-page-content .procurement .card .card-header {
    padding: 8px 15px;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.02);
    border-bottom: 0;
    /* border-bottom: 1px solid rgba(76, 76, 76, 0.125); */
}

.inner-page-content .procurement .card .card-header h5 {
    font-size: 15px;
    color: #fff;
}

.inner-page-content .procurement .card .card-body {
    padding: 15px;
}

.inner-page-content .procurement ul li .sub-box p {
    font-size: 13px;
    line-height: 20px;
}


/* //////////////////////// SWIPER SLIDER /////////////////////////// */

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}


/* ////////////////////////////////////////////// */

.swiper-container-slider {
    overflow: hidden;
    padding: 5px;
    position: relative;
}

.swiper-container-slider .swiper-button-prev,
.swiper-container-slider .swiper-button-next {
    top: 65px;
    height: 75px;
    border-radius: 8px;
    background: #ececec;
    color: #626262;
    /* display: none; */
    visibility: hidden;
}

.swiper-container-slider:hover .swiper-button-prev,
.swiper-container-slider:hover .swiper-button-next {
    /* display: block; */
    visibility: visible;
}

.swiper-container-slider .swiper-button-prev {
    left: 20px;
}

.swiper-container-slider .swiper-button-next {
    right: 20px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 16px;
    font-weight: 900;
}

.swiper-container-slider .swiper-pagination-slider {
    text-align: center;
}


/* ///////////////////////////// PROCUREMENT PAGE ///////////////////////////////// */

.procurement-page {
    margin-bottom: 30px;
}

.procurement-page .card {
    border-radius: 10px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
    margin-bottom: 25px;
    min-height: 250px;
}

.procurement-page .content-box {
    background: #cae5f8;
    width: 100%;
    height: 100%;
    border-radius: 10px 0 0 10px;
    padding: 20px;
    position: relative;
    min-height: 250px;
}

.procurement-page .card:nth-child(1) .content-box {
    background: #cae5f8;
}

.procurement-page .card:nth-child(2) .content-box {
    background: #ffeec2;
}

.procurement-page .card:nth-child(3) .content-box {
    background: #dffed2;
}

.procurement-page .card:nth-child(4) .content-box {
    background: #ffdff7;
}

.procurement-page .card-body {
    padding: 20px 0;
}

.procurement-page .content-box .count {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-40%, -50%);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05);
}

.procurement-page .content-box .count h1 {
    position: relative;
    top: 42%;
    transform: translateY(-40%);
    font-size: 50px;
    font-weight: bold;
    font-family: sans-serif;
}

.procurement-page .content-box p.amount {
    background: #fff;
    padding: 0 10px;
    line-height: 40px;
    text-align: left;
    padding-left: 8%;
    border-radius: 30px;
    width: 70%;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 20px;
}

.procurement-page .content-box p.lakh {
    background: #cae5f8;
    padding: 0 10px;
    line-height: 36px;
    text-align: center;
    border-radius: 30px;
    width: 25%;
    position: absolute;
    bottom: 22px;
    left: auto;
    color: #555;
    right: 9px;
    transform: translateX(-50%);
    font-size: 15px;
}

.procurement-page .box h4 {
    position: relative;
    font-size: 20px;
}

.procurement-page .table thead {
    background: #acacac;
}

.procurement-page .table thead tr td {
    padding: 5px 10px;
}

.table tr th,
.table tr td {
    vertical-align: middle !important;
}

.procurement-page .table thead tr td:first-child,
.procurement-page .table tbody tr td:first-child,
.procurement-page .table thead tr td:last-child,
.procurement-page .table tbody tr td:last-child {
    text-align: center;
}

.procurement-page .table thead tr td:last-child p:last-child {
    font-size: 12px;
}

.procurement-page .table thead tr td,
.procurement-page .table thead tr td:last-child p {
    color: #ffffff;
    line-height: 16px;
}

.procurement-page .card:nth-child(1) .count h1 {
    color: #0084E8;
}

.procurement-page .card:nth-child(2) .count h1 {
    color: #ffb900;
}

.procurement-page .card:nth-child(3) .count h1 {
    color: #7bf700;
}

.procurement-page .card:nth-child(4) .count h1 {
    color: #e350c5;
}

.procurement-page .card .content-box h4::before {
    background: #0084E8;
    content: "";
    width: 7px;
    height: 17px;
    position: absolute;
    top: 3px;
    left: -20px;
}

.procurement-page .card:nth-child(1) .content-box h4::before {
    background: #0084E8;
}

.procurement-page .card:nth-child(2) .content-box h4::before {
    background: #ffb900;
}

.procurement-page .card:nth-child(3) .content-box h4::before {
    background: #7bf700;
}

.procurement-page .card:nth-child(4) .content-box h4::before {
    background: #e350c5;
}

.procurement-page .highcharts-figure,
.procurement-page .highcharts-container {
    width: 100%;
    height: 100%;
    top: 0;
    border-radius: 10px;
}

.procurement-page ul.p-tab {
    margin: 0;
    padding: 0 10px;
    background: #fff;
    display: flex;
    justify-content: start;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    min-height: 48px;
    margin-bottom: 20px;
}

.procurement-page ul.p-tab li {
    margin: 0 !important;
    float: left;
    line-height: 45px;
    flex-basis: 15%;
    text-align: center;
    transition: all 400ms ease-in-out 0s;
}

.procurement-page ul.p-tab li:hover {
    background: #007bff;
}

.procurement-page ul.p-tab li:hover a {
    color: #fff !important;
}

.procurement-page ul.p-tab li.ui-tabs-active,
.procurement-page ul.p-tab li.active {
    border-bottom: 3px solid #007bff;
}

.procurement-page ul.p-tab li a {
    display: block;
    text-transform: uppercase;
    position: relative;
    top: 2px;
}


/* .procurement-page ul.p-tab li.active a,
.procurement-page ul.p-tab li.ui-tabs-active a {
  color: #007bff;
  font-weight: bold;
} */

.procurement-page .card .table tbody tr td {
    cursor: pointer;
    /* transition: all 0.2s ease-in-out 0s; */
}

.procurement-page .card .table tbody tr td:hover {
    color: #007bff;
    /* padding-left: 16px; */
}

fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 0 19px 19px 19px !important;
    margin: 0 0 1.5em 0 !important;
    border: 1px dashed #e2e2e2 !important;
    border-radius: 5px;
    margin-bottom: 0 !important;
}

legend.scheduler-border {
    font-size: 16px !important;
    /* font-weight: bold !important; */
    text-align: left !important;
    color: #007bff;
    font-size: 16px;
    margin: 0;
    width: auto;
    /* padding: 0 10px; */
}

.package_modal ul {
    margin: 0;
    padding: 20px;
    border-radius: 5px;
    border: 1px dashed #e2e2e2;
}

.package_modal ul li {
    list-style: none;
    color: #626262;
    line-height: 30px;
    font-size: 16px;
}

.package_modal ul li span {
    /* font-weight: bold; */
    color: #007bff;
}

.package_modal ul li span i {
    font-size: 12px;
    position: relative;
    top: -1px;
    color: #ff7907;
    margin-right: 5px;
}

.package_modal ul li fieldset p {
    font-size: 15px;
    font-weight: 300;
}

.package_modal ul li fieldset p span {
    color: #626262;
    font-weight: normal;
}

.modal .modal-content {
    border: 0 !important;
}

.modal .modal-header {
    padding: 10px 20px;
    background: #007bff;
    color: #fff;
}

.modal .modal-header h5 {
    color: #fff;
}

.modal .modal-header button {
    opacity: 1;
}

.modal .modal-header i {
    color: white;
    font-size: 16px;
}


/* ///////////////////////////// PROCUREMENT PAGE ///////////////////////////////// */


/* ///////////////////////////// GALLERY ///////////////////////////////// */

.gallery-cap {
    background: #ececec;
    padding: 8px 10px;
    width: 100%;
    display: inline-block;
}

.gallery-cap p {
    font-weight: 300;
    font-size: 15px;
    color: #003;
    clear: both;
}

.gl-box {
    margin-bottom: 20px;
    /* position: relative; */
}

a.gl-box img {
    padding: 3px;
    border: solid 1px #ececec;
}

a.gl-box img {
    -webkit-border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
}

.gallery-cap {
    -webkit-border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
}

a.gl-box:hover .overlay {
    opacity: 0.8;
    cursor: pointer;
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5%;
    right: 0;
    height: 79%;
    width: 90%;
    opacity: 0;
    transition: .5s ease;
    background-color: #0E4A77;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.zoom {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.gallery .dropdown .btn {
    background: #fff;
    color: #007bff;
    border: 1px solid #dedede;
    width: 100%;
    border-radius: 0;
    font-size: 15px;
    text-align: left;
}

#cboxTitle,
#cboxCurrent {
    bottom: 1px !important;
}

#cboxLoadedContent {
    margin-bottom: 30px !important;
}

#cboxTitle {
    color: #0084E8 !important;
}

#cboxOverlay {
    background: #0E4A77 !important;
    opacity: 0.85 !important;
}

.report .btn i.fa-calendar {
    top: 0 !important;
}

.report .btn i.fa-angle-down,
.gallery .dropdown .btn i.fa-angle-down {
    float: right;
    position: relative;
    top: 3px;
}

.gallery .dropdown-menu {
    width: 100%;
}

.report .dropdown .btn {
    background: #fff;
    color: #007bff;
    border: 1px solid #dedede;
    /* width: 100%; */
    border-radius: 0;
    font-size: 15px;
    text-align: left;
}

.table tr td {
    vertical-align: middle !important;
    line-height: normal !important;
}

.gallery .datepicker,
.report .datepicker {
    border: 1px solid #dedede;
}

.show-report {
    border-radius: 0;
}


/* ///////////////////////////// GALLERY ///////////////////////////////// */

.datepicker-box input,
.datepicker-box .btn {
    border-radius: .2rem;
}

table.report_1 thead tr td {
    width: 200px;
}

.report-2 tr td:first-child,
.report-2 tr td:last-child {
    text-align: center;
}


/* //////////////////////////////////////////////////////////// */

.card-design {
    border-radius: 6px;
    box-shadow: 0 0px 8px rgba(0, 0, 0, 0.05);
    position: relative;
    margin-top: 50px;
    padding-top: 20px;
}

.card-design .card-body .card-title {
    padding: 10px 15px;
    border-radius: 5px;
    position: absolute;
    top: -22px;
    width: 96.5%;
    box-shadow: 0 2px 8px rgba(0, 52, 197, 0.2);
}

.card-design .card-body .card-title h5 {
    color: #ffffff;
}


/* //////////////////////////////////////////////////////////// */

.new-sec-1 .box {
    /* padding: 20px; */
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.07);
    min-height: 80px;
    margin-bottom: 20px;
    position: relative;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
    border-right: solid 1px rgba(0, 0, 0, 0.1);
}

.new-sec-1 .box::after {
    content: '';
    background: url(../images/white_shadow.png) no-repeat;
    width: 100%;
    height: 80px;
    overflow: hidden;
    opacity: 0.5;
}


/* //////////////////////// BACKGROUND COLOR ///////////////////////// */

.new-sec-1 .row .new-sec-box:nth-child(1) .box {
    background: linear-gradient(to right, #ba00ff, #f262ff);
}

.new-sec-1 .row .new-sec-box:nth-child(2) .box {
    background: linear-gradient(to right, #ed6061, #fea5a5);
}

.new-sec-1 .row .new-sec-box:nth-child(3) .box {
    background: linear-gradient(to right, #2cb190, #45dfe0);
}

.new-sec-1 .row .new-sec-box:nth-child(4) .box {
    background: linear-gradient(to right, #759596, #c4d4d4);
}

.new-sec-1 .row .new-sec-box:nth-child(5) .box {
    background: linear-gradient(to right, #3b556f, #619ad4);
}

.new-sec-1 .row .new-sec-box:nth-child(6) .box {
    background: linear-gradient(to right, #a34de6, #deb7fd);
}

.new-sec-1 .row .new-sec-box:nth-child(7) .box {
    background: linear-gradient(to right, #1ba970, #57eaaf);
}

.new-sec-1 .row .new-sec-box:nth-child(8) .box {
    background: linear-gradient(to right, #a75ba6, #e37be1);
}

.new-sec-1 .row .new-sec-box:nth-child(9) .box {
    background: linear-gradient(to right, #6d61aa, #9787e5);
}

.new-sec-1 .row .new-sec-box:nth-child(10) .box {
    background: linear-gradient(to right, #6a65d0, #a7a3f4);
}

.new-sec-1 .row .new-sec-box:nth-child(11) .box {
    background: linear-gradient(to right, #37827d, #5bc8c1);
}

.new-sec-1 .row .new-sec-box:nth-child(12) .box {
    background: linear-gradient(to right, #fc7a26, #ffdf6d);
}

.new-sec-1 .row .new-sec-box:nth-child(13) .box {
    background: linear-gradient(to right, #785e8a, #c490e6);
}

.new-sec-1 .row .new-sec-box:nth-child(14) .box {
    background: linear-gradient(to right, #d5ab3a, #ffdf6c);
}

.new-sec-1 .row .new-sec-box:nth-child(15) .box {
    background: linear-gradient(to right, #3576ce, #4f99fe);
}


/* //////////////////////// BACKGROUND COLOR ///////////////////////// */

.new-sec-1 .box h4 {
    width: 80%;
    font-size: 18px;
    font-weight: normal !important;
    color: #fff;
    padding-left: 20px;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 5px;
    line-height: normal;
}

.new-sec-1 .box .icons {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    /* border: 3px solid;
  border-color: rgba(0, 0, 0, 0.1); */
    box-shadow: 0 0 8px rgba(0, 78, 179, 0.1);
}

.new-sec-1 .box .icons img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    /* opacity: 0.8; */
    width: 30px;
}

.new-sec-1 .box .icons.db img {
    width: 20px;
}

.new-sec-1 .box .icons.monitoring img {
    /* width: 25px; */
    top: 45%;
}

.new-sec-1 .box .icons.social img {
    width: 34px;
    /* top: 45%; */
}

.new-sec-1 .box .icons.gallery img {
    width: 25px;
    top: 45%;
}

.new-sec-1 .box .icons.finance img {
    width: 20px;
    top: 43%;
}

.new-sec-2 {
    /*background: url(../images/map_bg.jpg);*/
    width: 100%;
    /* height: 420px; */
    padding: 20px 0;
    position: relative;
    margin-bottom: 20px;
}

.new-sec-2::before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    /*background: rgba(0, 86, 179, 0.4);*/
    background: #FFFFFF;

}

.new-sec-2 .box-height .new-sec-slider {
    height: 400px;
    /*height: 380px;*/
    border-radius: 5px;
    border: 3px solid #fff;
    overflow: hidden;
}

.new-sec-2 .box-height .new-sec-slider .swiper-slide {
    position: relative;
}

.new-sec-2 .box-height .new-sec-slider .swiper-slide h4 {
    position: absolute;
    left: 0;
    bottom: 10px;
    font-size: 15px;
    color: white;
    background: rgba(0, 0, 0, 0.5);
    line-height: 35px;
    padding: 0 20px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

.new-sec-2 .box-height .new-sec-slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.new-sec-2 .new-sec-slider .swiper-button-next,
.new-sec-2 .new-sec-slider .swiper-button-prev {
    width: 40px;
    height: 40px;
    color: #626262;
    background: #fff;
    visibility: hidden;
}

.new-sec-2 .new-sec-slider:hover .swiper-button-next,
.new-sec-2 .new-sec-slider:hover .swiper-button-prev {
    visibility: visible;
}

.new-sec-2 .new-sec-slider .swiper-button-next {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    right: 0;
}

.new-sec-2 .new-sec-slider .swiper-button-prev {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    left: 0;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 10px !important;
    font-weight: bold;
}

.swiper-button-next:after {
    margin-left: 6px;
}

.swiper-button-prev:after {
    margin-right: 6px;
}

.new-sec-2 .box-height .new-sec-box {
    height: 380px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}

.new-sec-2 .box-height .new-sec-box::before {
    content: '';
    background: url(../images/box_style_left.png) no-repeat;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 155px;
    z-index: 0;
}

.new-sec-2 .box-height .new-sec-box::after {
    content: '';
    background: url(../images/box_style_right.png) no-repeat;
    position: absolute;
    right: 0;
    top: 60px;
    width: 120px;
    height: 155px;
    z-index: 0;
}

.new-sec-2 .box-height .new-sec-box h4 {
    line-height: 45px;
    width: 100%;
    padding: 0 20px;
    color: white;
    background: linear-gradient(to right, #fc7a26, #ffc24f);
    font-size: 19px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 20px;
    z-index: 9;
}

.new-sec-2 .box-height .new-sec-box p {
    padding: 12px 20px;
    font-size: 15px;
    text-align: justify;
    z-index: 9;
    line-height: 20px;
    font-weight: 400;
    color: #333333;
}


/* //////////////////////////////////////////////////////////// */


/*==========Progress Circles==========*/

.progress-circle {
    background-color: #ddd;
    border-radius: 50%;
    display: inline-block;
    height: 80%;
    margin: 10%;
    position: relative;
    width: 80%;
}

.progress-circle:before {
    -webkit-box-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    content: attr(data-progress) "%";
    display: -webkit-box;
    display: flex;
    font-size: 1.3rem;
    -webkit-box-pack: center;
    justify-content: center;
    position: absolute;
    left: 0.7rem;
    right: 0.7rem;
    top: 0.7rem;
    bottom: 0.7rem;
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.progress-circle:after {
    background-color: #0083ff;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 100%;
    width: 100%;
}

.progress-circle:hover:before,
.progress-circle:focus:before {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}


/**
* $step is set to 5 by default, meaning you can only use percentage classes in increments of five (e.g. 25, 30, 45, 50, and so on). This helps to reduce the size of the final CSS file. If you need a number that doesn't end in 0 or 5, you can change the text percentage while rounding the class up/down to the nearest 5.
*/

.progress-circle[data-progress="0"]:after {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #ddd), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, left top, right top, color-stop(50%, #0083ff), color-stop(50%, #ddd), to(#ddd));
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(90deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="1"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(93.6deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="2"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(97.2deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="3"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(100.8deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="4"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(104.4deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="5"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(108deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="6"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(111.6deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="7"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(115.2deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="8"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(118.8deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="9"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(122.4deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="10"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(126deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="11"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(129.6deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="12"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(133.2deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="13"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(136.8deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="14"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(140.4deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="15"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(144deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="16"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(147.6deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="17"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(151.2deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="18"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(154.8deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="19"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(158.4deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="20"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(162deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="21"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(165.60000000000002deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="22"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(169.2deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="23"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(172.8deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="24"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(176.4deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="25"]:after {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #ddd), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, left top, left bottom, color-stop(50%, #0083ff), color-stop(50%, #ddd), to(#ddd));
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(180deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="26"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(183.60000000000002deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="27"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(187.2deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="28"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(190.8deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="29"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(194.4deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="30"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(198deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="31"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(201.60000000000002deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="32"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(205.2deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="33"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(208.8deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="34"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(212.4deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="35"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(216deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="36"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(219.6deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="37"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(223.20000000000002deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="38"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(226.8deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="39"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(230.4deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="40"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(234deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="41"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(237.6deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="42"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(241.20000000000002deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="43"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(244.8deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="44"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(248.4deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="45"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(252deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="46"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(255.6deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="47"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(259.20000000000005deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="48"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(262.8deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="49"]:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(266.4deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="50"]:after {
    background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, #0083ff), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, right top, left top, color-stop(50%, #0083ff), color-stop(50%, #ddd), to(#ddd));
    background-image: linear-gradient(-90deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="51"]:after {
    background-image: linear-gradient(-86.4deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="52"]:after {
    background-image: linear-gradient(-82.8deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="53"]:after {
    background-image: linear-gradient(-79.2deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="54"]:after {
    background-image: linear-gradient(-75.6deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="55"]:after {
    background-image: linear-gradient(-72deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="56"]:after {
    background-image: linear-gradient(-68.4deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="57"]:after {
    background-image: linear-gradient(-64.8deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="58"]:after {
    background-image: linear-gradient(-61.2deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="59"]:after {
    background-image: linear-gradient(-57.6deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="60"]:after {
    background-image: linear-gradient(-54deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="61"]:after {
    background-image: linear-gradient(-50.4deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="62"]:after {
    background-image: linear-gradient(-46.8deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="63"]:after {
    background-image: linear-gradient(-43.199999999999996deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="64"]:after {
    background-image: linear-gradient(-39.6deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="65"]:after {
    background-image: linear-gradient(-36deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="66"]:after {
    background-image: linear-gradient(-32.4deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="67"]:after {
    background-image: linear-gradient(-28.799999999999997deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="68"]:after {
    background-image: linear-gradient(-25.200000000000003deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="69"]:after {
    background-image: linear-gradient(-21.599999999999994deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="70"]:after {
    background-image: linear-gradient(-18deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="71"]:after {
    background-image: linear-gradient(-14.399999999999991deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="72"]:after {
    background-image: linear-gradient(-10.799999999999997deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="73"]:after {
    background-image: linear-gradient(-7.200000000000003deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="74"]:after {
    background-image: linear-gradient(-3.599999999999994deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="75"]:after {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #0083ff), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, right top, left top, color-stop(50%, #0083ff), color-stop(50%, #ddd), to(#ddd));
    background-image: linear-gradient(0deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="76"]:after {
    background-image: linear-gradient(3.600000000000009deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="77"]:after {
    background-image: linear-gradient(7.200000000000003deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="78"]:after {
    background-image: linear-gradient(10.799999999999997deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="79"]:after {
    background-image: linear-gradient(14.400000000000006deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="80"]:after {
    background-image: linear-gradient(18deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="81"]:after {
    background-image: linear-gradient(21.60000000000001deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="82"]:after {
    background-image: linear-gradient(25.200000000000003deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="83"]:after {
    background-image: linear-gradient(28.799999999999997deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="84"]:after {
    background-image: linear-gradient(32.400000000000006deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="85"]:after {
    background-image: linear-gradient(36deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="86"]:after {
    background-image: linear-gradient(39.599999999999994deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="87"]:after {
    background-image: linear-gradient(43.20000000000002deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="88"]:after {
    background-image: linear-gradient(46.80000000000001deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="89"]:after {
    background-image: linear-gradient(50.400000000000006deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="90"]:after {
    background-image: linear-gradient(54deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="91"]:after {
    background-image: linear-gradient(57.599999999999994deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="92"]:after {
    background-image: linear-gradient(61.20000000000002deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="93"]:after {
    background-image: linear-gradient(64.80000000000001deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="94"]:after {
    background-image: linear-gradient(68.4deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="95"]:after {
    background-image: linear-gradient(72deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="96"]:after {
    background-image: linear-gradient(75.6deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="97"]:after {
    background-image: linear-gradient(79.20000000000002deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="98"]:after {
    background-image: linear-gradient(82.80000000000001deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="99"]:after {
    background-image: linear-gradient(86.4deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="100"]:after {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #0083ff), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, right top, left top, color-stop(50%, #0083ff), color-stop(50%, #ddd), to(#ddd));
    background-image: linear-gradient(90deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}


/*==========Progress Circles==========*/


/* ////////////////////// MAIN CONTENT ////////////////////// */

.footer {
    background: url(../images/footer-bg.jpg) no-repeat;
    width: 100%;
    /* height: 240px; */
    display: block;
    background-size: cover;
    border-top: solid 2px #e8e8e8;
    padding: 15px 0 15px 0;
    /* padding-bottom: 0px; */
}

.footer h5 {
    font-weight: 400;
    font-size: 18px;
    color: #183b59;
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: solid 2px #a73bf3;
}

.footer p {
    font-weight: 400;
    font-size: 16px;
    color: #183b59;
    padding-top: 10px;
    padding-bottom: 10px;
}

.footer p i.fa-envelope-o {
    background: #1B92EA;
    font-size: 12px;
    border-radius: 2px;
    padding: 3px 5px;
    color: white;
    font-weight: 600;
    margin-left: 5px;
}

.footer p i.fa-map-marker {
    background: #1B92EA;
    font-size: 14px;
    border-radius: 2px;
    padding: 2px 7px;
    color: white;
    font-weight: 500;
    margin-left: 5px;
}

.cst {
    font-weight: 300;
    font-size: 15px;
    line-height: 36px;
}

.cst a {
    font-weight: 400;
    color: #a73bf3;
}

.copyright {
    border-top: solid 1px #e8e8e8;
    margin-top: 15px;
    padding-top: 10px;
}

.dropdown-menu {
    padding: 0.2rem 0 !important;
}

.dropdown-item {
    padding: 0.3rem 1rem !important;
    border-bottom: solid 1px #ddd;
    font-size: 14.3px !important;
}

.dropdown-item:last-child {
    border-bottom: none;
}

.seperate {
    background: #ececec;
    width: 101%;
    clear: both;
    padding: 0.5rem 1.3rem !important;
    margin-bottom: 13px;
    margin-left: -5px;
    margin-right: -5px;
}

.seperate2 {
    background: #ececec;
    width: 104%;
    clear: both;
    margin-bottom: 13px;
    margin-left: -21px;
    margin-right: 0px;
}

.seperate2 .row div {
    padding: 0.5rem 2.5rem !important;
}


/* /////////////////==NEW==////////////////////// */

.home-bg {
    width: 100%;
    height: 100%;
    background: url(../images/home-bg.png) no-repeat;
    z-index: 0;
}

.new-sec-2 .box-height .new-sec-slider .swiper-slide h3 {
    position: absolute;
    left: 0;
    top: 20px;
    color: white;
    padding: 0 25px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    font-size: 25px;
    font-weight: 600;
    text-shadow: -1px -1px 10px #333, 1px -1px 10px #333, -1px 1px 10px #333, 1px 1px 10px #333;
    text-align: left;
}

.new-sec-2 .box-height .new-sec-slider .swiper-slide h3 i {
    font-style: normal;
    font-size: 16px;
}

.hom-ic {
    left: 15px !important;
}

.hom-sec-box h4 {
    padding-right: 20px !important;
    right: 0;
    color: #397BD5 !important;
    width: 100% !important;
}

.hom-sec-box a {
    border-left: solid 3px;
    transition: all 0.7s ease;
}

.hom-sec-box:nth-child(1) a {
    border-left-color: #397BD5;
}

.hom-sec-box:nth-child(2) a {
    border-left-color: #ffa200;
}

.hom-sec-box:nth-child(3) a {
    border-left-color: #777777;
}

.hom-sec-box:nth-child(4) a {
    border-left-color: #8F4099;
}

.hom-sec-box:nth-child(5) a {
    border-left-color: #f85708;
}

.hom-sec-box:nth-child(6) a {
    border-left-color: #006780;
}

.hom-sec-box:nth-child(7) a {
    border-left-color: #D2B500;
}

.hom-sec-box:nth-child(8) a {
    border-left-color: #009514;
}

.hom-sec-box:nth-child(9) a {
    border-left-color: #397BD5;
}

.hom-sec-box:nth-child(10) a {
    border-left-color: #ffa200;
}

.hom-sec-box:nth-child(11) a {
    border-left-color: #777777;
}

.hom-sec-box:nth-child(12) a {
    border-left-color: #8F4099;
}

.hom-sec-box:nth-child(13) a {
    border-left-color: #f85708;
}

.hom-sec-box:nth-child(14) a {
    border-left-color: #006780;
}

.hom-sec-box:nth-child(15) a {
    border-left-color: #D2B500;
}

.hom-sec-box:nth-child(16) a {
    border-left-color: #009514;
}

.hom-sec-box:nth-child(17) a {
    border-left-color: #397BD5;
}

.hom-sec-box:nth-child(18) a {
    border-left-color: #ffa200;
}

.hom-sec-box:nth-child(19) a {
    border-left-color: #777777;
}

.hom-sec-box:nth-child(20) a {
    border-left-color: #8F4099;
}

.hom-sec-box:nth-child(1) a:hover {
    background: #397BD5;
}

.hom-sec-box:nth-child(2) a:hover {
    background: #ffa200;
}

.hom-sec-box:nth-child(3) a:hover {
    background: #777777;
}

.hom-sec-box:nth-child(4) a:hover {
    background: #8F4099;
}

.hom-sec-box:nth-child(5) a:hover {
    background: #f85708;
}

.hom-sec-box:nth-child(6) a:hover {
    background: #006780;
}

.hom-sec-box:nth-child(7) a:hover {
    background: #D2B500;
}

.hom-sec-box:nth-child(8) a:hover {
    background: #009514;
}

.hom-sec-box:nth-child(9) a:hover {
    background: #397BD5;
}

.hom-sec-box:nth-child(10) a:hover {
    background: #ffa200;
}

.hom-sec-box:nth-child(11) a:hover {
    background: #777777;
}

.hom-sec-box:nth-child(12) a:hover {
    background: #8F4099;
}

.hom-sec-box:nth-child(13) a:hover {
    background: #f85708;
}

.hom-sec-box:nth-child(14) a:hover {
    background: #006780;
}

.hom-sec-box:nth-child(15) a:hover {
    background: #D2B500;
}

.hom-sec-box:nth-child(16) a:hover {
    background: #009514;
}

.hom-sec-box:nth-child(17) a:hover {
    background: #397BD5;
}

.hom-sec-box:nth-child(18) a:hover {
    background: #ffa200;
}

.hom-sec-box:nth-child(19) a:hover {
    background: #777777;
}

.hom-sec-box:nth-child(20) a:hover {
    background: #8F4099;
}

.hom-sec-box:nth-child(1) a.active,
.hom-sec-box:nth-child(1) a.active h4 {
    background: #397BD5;
    color: #fff !important;
}

.hom-sec-box:nth-child(2) a.active,
.hom-sec-box:nth-child(2) a.active h4 {
    background: #ffa200;
    color: #fff !important;
}

.hom-sec-box:nth-child(3) a.active,
.hom-sec-box:nth-child(3) a.active h4 {
    background: #777777;
    color: #fff !important;
}

.hom-sec-box:nth-child(4) a.active,
.hom-sec-box:nth-child(4) a.active h4 {
    background: #8F4099;
    color: #fff !important;
}

.hom-sec-box:nth-child(5) a.active,
.hom-sec-box:nth-child(5) a.active h4 {
    background: #f85708;
    color: #fff !important;
}

.hom-sec-box:nth-child(6) a.active,
.hom-sec-box:nth-child(6) a.active h4 {
    background: #006780;
    color: #fff !important;
}

.hom-sec-box:nth-child(7) a.active,
.hom-sec-box:nth-child(7) a.active h4 {
    background: #D2B500;
    color: #fff !important;
}

.hom-sec-box:nth-child(8) a.active,
.hom-sec-box:nth-child(8) a.active h4 {
    background: #009514;
    color: #fff !important;
}

.hom-sec-box:nth-child(9) a.active,
.hom-sec-box:nth-child(9) a.active h4 {
    background: #397BD5;
    color: #fff !important;
}

.hom-sec-box:nth-child(10) a.active,
.hom-sec-box:nth-child(10) a.active h4 {
    background: #ffa200;
    color: #fff !important;
}

.hom-sec-box:nth-child(11) a.active,
.hom-sec-box:nth-child(11) a.active h4 {
    background: #777777;
    color: #fff !important;
}

.hom-sec-box:nth-child(12) a.active,
.hom-sec-box:nth-child(12) a.active h4 {
    background: #8F4099;
    color: #fff !important;
}

.hom-sec-box:nth-child(13) a.active,
.hom-sec-box:nth-child(13) a.active h4 {
    background: #f85708;
    color: #fff !important;
}

.hom-sec-box:nth-child(14) a.active,
.hom-sec-box:nth-child(14) a.active h4 {
    background: #006780;
    color: #fff !important;
}

.hom-sec-box:nth-child(15) a.active,
.hom-sec-box:nth-child(15) a.active h4 {
    background: #D2B500;
    color: #fff !important;
}

.hom-sec-box:nth-child(16) a.active,
.hom-sec-box:nth-child(16) a.active h4 {
    background: #009514;
    color: #fff !important;
}

.hom-sec-box:nth-child(17) a.active,
.hom-sec-box:nth-child(17) a.active h4 {
    background: #397BD5;
    color: #fff !important;
}

.hom-sec-box:nth-child(18) a.active,
.hom-sec-box:nth-child(18) a.active h4 {
    background: #ffa200;
    color: #fff !important;
}

.hom-sec-box:nth-child(19) a.active,
.hom-sec-box:nth-child(19) a.active h4 {
    background: #777777;
    color: #fff !important;
}

.hom-sec-box:nth-child(20) a.active,
.hom-sec-box:nth-child(20) a.active h4 {
    background: #8F4099;
    color: #fff !important;
}

.hom-sec-box:nth-child(1) a h4 {
    color: #397BD5 !important;
}

.hom-sec-box:nth-child(2) a h4 {
    color: #ffa200 !important;
}

.hom-sec-box:nth-child(3) a h4 {
    color: #777777 !important;
}

.hom-sec-box:nth-child(4) a h4 {
    color: #8F4099 !important;
}

.hom-sec-box:nth-child(5) a h4 {
    color: #f85708 !important;
}

.hom-sec-box:nth-child(6) a h4 {
    color: #006780 !important;
}

.hom-sec-box:nth-child(7) a h4 {
    color: #D2B500 !important;
}

.hom-sec-box:nth-child(8) a h4 {
    color: #009514 !important;
}

.hom-sec-box:nth-child(9) a h4 {
    color: #397BD5 !important;
}

.hom-sec-box:nth-child(10) a h4 {
    color: #ffa200 !important;
}

.hom-sec-box:nth-child(11) a h4 {
    color: #777777 !important;
}

.hom-sec-box:nth-child(12) a h4 {
    color: #8F4099 !important;
}

.hom-sec-box:nth-child(13) a h4 {
    color: #f85708 !important;
}

.hom-sec-box:nth-child(14) a h4 {
    color: #006780 !important;
}

.hom-sec-box:nth-child(15) a h4 {
    color: #D2B500 !important;
}

.hom-sec-box:nth-child(16) a h4 {
    color: #009514 !important;
}

.hom-sec-box:nth-child(17) a h4 {
    color: #397BD5 !important;
}

.hom-sec-box:nth-child(18) a h4 {
    color: #ffa200 !important;
}

.hom-sec-box:nth-child(19) a h4 {
    color: #777777 !important;
}

.hom-sec-box:nth-child(20) a h4 {
    color: #8F4099 !important;
}

.hom-sec-box:nth-child(1) a:hover h4 {
    color: #fff !important;
}

.hom-sec-box:nth-child(2) a:hover h4 {
    color: #fff !important;
}

.hom-sec-box:nth-child(3) a:hover h4 {
    color: #fff !important;
}

.hom-sec-box:nth-child(4) a:hover h4 {
    color: #fff !important;
}

.hom-sec-box:nth-child(5) a:hover h4 {
    color: #fff !important;
}

.hom-sec-box:nth-child(6) a:hover h4 {
    color: #fff !important;
}

.hom-sec-box:nth-child(7) a:hover h4 {
    color: #fff !important;
}

.hom-sec-box:nth-child(8) a:hover h4 {
    color: #fff !important;
}

.hom-sec-box:nth-child(9) a:hover h4 {
    color: #fff !important;
}

.hom-sec-box:nth-child(10) a:hover h4 {
    color: #fff !important;
}

.hom-sec-box:nth-child(11) a:hover h4 {
    color: #fff !important;
}

.hom-sec-box:nth-child(12) a:hover h4 {
    color: #fff !important;
}

.hom-sec-box:nth-child(13) a:hover h4 {
    color: #fff !important;
}

.hom-sec-box:nth-child(14) a:hover h4 {
    color: #fff !important;
}

.hom-sec-box:nth-child(15) a:hover h4 {
    color: #fff !important;
}

.hom-sec-box:nth-child(16) a:hover h4 {
    color: #fff !important;
}

.hom-sec-box:nth-child(17) a:hover h4 {
    color: #fff !important;
}

.hom-sec-box:nth-child(18) a:hover h4 {
    color: #fff !important;
}

.hom-sec-box:nth-child(19) a:hover h4 {
    color: #fff !important;
}

.hom-sec-box:nth-child(20) a:hover h4 {
    color: #fff !important;
}

.report-sec a {
    min-height: 60px !important;
    height: 60px !important;
}

.home-graph {
    padding: 20px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    margin-bottom: 40px;
    background: #fff;
}

.home-graph .table thead tr td,
.home-graph .table thead tr td:last-child p {
    color: #ffffff;
    line-height: 16px;
}

.home-graph .table thead tr td:last-child p:last-child {
    font-size: 12px;
}

.home-graph .table thead tr td,
.home-graph .table tbody tr td {
    padding: 6px 10px;
}

.home-graph .table thead tr:nth-child(3) td,
.home-graph .table tbody tr td:nth-child(3),
.home-graph .table thead tr:nth-child(1) td,
.home-graph .table tbody tr td:nth-child(1) {
    text-align: center;
}

.home-graph .table thead tr td:nth-child(2) {
    text-align-last: left;
}


/* /////////////////==NEW==////////////////////// */

.back-btn {
    font-size: 14px !important;
    background-color: white;
    border: solid 1px #e8e8e8;
    height: 30px;
    display: inline-block;
    padding: 5px 5px;
    margin-top: 0px;
    border-radius: 30px;
    line-height: 19px;
    color: #626262 !important;
}

.back-btn:hover {
    background-color: #0084E8;
    color: #fff !important;
    border: solid 1px #0084E8;
}

.main-content .ho-tab ul li {
    flex-basis: 23% !important;
}

.sub-btn {
    font-size: 14px !important;
    background-color: white;
    border: solid 1px #e8e8e8;
    height: 30px;
    display: inline-block;
    padding: 5px 15px;
    margin-top: 0px;
    margin-left: 5px;
    border-radius: 30px;
    line-height: 19px;
    color: #626262 !important;
}

.sub-btn:hover {
    background-color: #3b556f;
    color: #fff !important;
    border: solid 1px #3b556f;
}

.sub-head .active {
    background-color: #3b556f;
    color: #fff !important;
    border: solid 1px #3b556f;
}

.sub-head {
    background: #ffffff;
    border-bottom: solid 1px #e8e8e8;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: none;
}

.sub-head h5 {
    font-weight: 300;
    color: #444444;
}

.finance-das-box {
    height: 100%;
    max-height: 90px;
}

.finance-das-box::after {
    background: none !important;
}

.finance-das-box h4 {
    top: 45px !important;
}

.finance-das-box div:nth-child(2) h4 {
    font-size: 30px;
    border: solid 1px #f2f2f2;
    margin-right: 15px;
    padding: 0 .4em 0 .5em;
    text-align: center;
}

a.finance-das-box:hover div:nth-child(2) h4 {
    border: solid 1px #fff;
}

ul.pagination {
    margin-bottom: 0px;
    margin-top: 1rem !important;
    display: inline-flex;
}

ul.pagination li {
    margin-bottom: 0px !important;
}

.payment-details-box div:first-child .row h5 {
    border-top: solid 1px #f2f2f2 !important;
}

.payment-details-box div:last-child .row {
    border-bottom: solid 1px #f2f2f2;
}

.payment-details-box .row h5 {
    border: solid 1px #fff;
    border-bottom: none;
    border-right: solid 1px #f2f2f2;
    border-left: solid 1px #f2f2f2;
    width: 18%;
    line-height: 20px;
    padding: 8px 15px;
    font-size: 17px;
    background: linear-gradient(to right, #fc7a26, #ffc24f);
    color: #fff;
    font-weight: 500;
}

.payment-details-box .row p {
    border: solid 1px #f2f2f2;
    width: 82%;
    border-left: none;
    border-bottom: none;
    padding: 8px 15px;
    line-height: 20px;
    font-size: 17px;
    color: #444;
}

.payment-details-box div:nth-child(odd) .row p {
    background: #fffdfa;
}

ul.tran_box li a div div p {
    font-size: 13.5px;
    font-weight: 300;
    color: #333;
    line-height: 20px;
}

ul.tran_box li a div .card-body {
    padding: 12px 15px !important;
    min-height: 140px;
}

legend.tra-img-gal {
    font-size: 18px !important;
    text-transform: uppercase;
    color: #ff8536;
    background: #fff;
    padding: 4px 10px;
    border: dashed #ffc39c 1px;
    margin-bottom: 13px;
    font-weight: 400;
}

fieldset.tra-img-gal {
    border: dashed #ffc39c 1px !important;
    padding-bottom: 0px !important;
}

legend.tra-file-gal {
    font-size: 18px !important;
    text-transform: uppercase;
    color: #009514;
    background: #fff;
    padding: 4px 10px;
    border: dashed #8dee9a 1px;
    margin-bottom: 13px;
    font-weight: 400;
}

fieldset.tra-file-gal {
    border: dashed #8dee9a 1px !important;
}

.btn-outline-popo {
    border: solid #e3e3e3 1px !important;
    color: #3b556f !important;
}

.btn-outline-popo:hover {
    border: solid #3b556f 1px !important;
    color: #fff !important;
    background: #3b556f !important;
}

.show_package_box .form-group {
    margin-bottom: 13px;
    background: #F9F9FA;
    display: flex;
    border-radius: 3px;
    border-bottom: solid 1px #e1e1e1;
    border-right: solid 1px #e1e1e1;
    border-left: solid 3px;
}

.show_package_box .form-group label {
    width: 60%;
    color: #444;
    margin-bottom: 0px;
    float: left;
    line-height: normal;
    padding: 10px 8px;
    border-right: solid 1px #e1e1e1;
}

.show_package_box .form-group h4 {
    width: 40%;
    background: #fff;
    margin-bottom: 0px;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    float: right;
    padding: 10px 8px;
    color: #397BD5;
}

.show_package_box .col-4:nth-child(1) .form-group {
    border-left-color: #397BD5;
}

.show_package_box .col-4:nth-child(2) .form-group {
    border-left-color: #ffa200;
}

.show_package_box .col-4:nth-child(3) .form-group {
    border-left-color: #777777;
}

.show_package_box .col-4:nth-child(4) .form-group {
    border-left-color: #8F4099;
}

.show_package_box .col-4:nth-child(5) .form-group {
    border-left-color: #f85708;
}

.show_package_box .col-4:nth-child(6) .form-group {
    border-left-color: #006780;
}

.show_package_box .col-4:nth-child(7) .form-group {
    border-left-color: #D2B500;
}

.show_package_box .col-4:nth-child(8) .form-group {
    border-left-color: #009514;
}

.show_package_box .col-4:nth-child(9) .form-group {
    border-left-color: #397BD5;
}

.show_package_box .col-4:nth-child(10) .form-group {
    border-left-color: #ffa200;
}

.show_package_box .col-4:nth-child(11) .form-group {
    border-left-color: #777777;
}

.show_package_box .col-4:nth-child(12) .form-group {
    border-left-color: #8F4099;
}

.show_package_box .col-4:nth-child(13) .form-group {
    border-left-color: #f85708;
}

.show_package_box .col-4:nth-child(14) .form-group {
    border-left-color: #006780;
}

.show_package_box .col-4:nth-child(15) .form-group {
    border-left-color: #D2B500;
}

.show_package_box .col-4:nth-child(16) .form-group {
    border-left-color: #009514;
}

.show_package_box .col-4:nth-child(17) .form-group {
    border-left-color: #397BD5;
}

.show_package_box .col-4:nth-child(18) .form-group {
    border-left-color: #ffa200;
}

.show_package_box .col-4:nth-child(19) .form-group {
    border-left-color: #777777;
}

.show_package_box .col-4:nth-child(20) .form-group {
    border-left-color: #8F4099;
}

.show_package_box .col-4:nth-child(21) .form-group {
    border-left-color: #397BD5;
}

.show_package_box .col-4:nth-child(22) .form-group {
    border-left-color: #ffa200;
}

.show_package_box .col-4:nth-child(23) .form-group {
    border-left-color: #777777;
}

.show_package_box .col-4:nth-child(24) .form-group {
    border-left-color: #8F4099;
}

.show_package_box .col-4:nth-child(25) .form-group {
    border-left-color: #f85708;
}

.show_package_box .col-4:nth-child(26) .form-group {
    border-left-color: #006780;
}

.show_package_box .col-4:nth-child(27) .form-group {
    border-left-color: #D2B500;
}

.show_package_box .col-4:nth-child(28) .form-group {
    border-left-color: #009514;
}

.show_package_box .col-4:nth-child(29) .form-group {
    border-left-color: #397BD5;
}

.show_package_box .col-4:nth-child(30) .form-group {
    border-left-color: #ffa200;
}

.show_package_box .col-4:nth-child(31) .form-group {
    border-left-color: #777777;
}

.show_package_box .col-4:nth-child(32) .form-group {
    border-left-color: #8F4099;
}

.show_package_box .col-4:nth-child(33) .form-group {
    border-left-color: #f85708;
}

.show_package_box .col-4:nth-child(34) .form-group {
    border-left-color: #006780;
}

.show_package_box .col-4:nth-child(35) .form-group {
    border-left-color: #D2B500;
}

.show_package_box .col-4:nth-child(36) .form-group {
    border-left-color: #009514;
}

.show_package_box .col-4:nth-child(37) .form-group {
    border-left-color: #397BD5;
}

.show_package_box .col-4:nth-child(38) .form-group {
    border-left-color: #ffa200;
}

.show_package_box .col-4:nth-child(39) .form-group {
    border-left-color: #777777;
}

.show_package_box .col-4:nth-child(40) .form-group {
    border-left-color: #8F4099;
}

.show_package_box .col-4:nth-child(1) .form-group h4 {
    color: #397BD5;
}

.show_package_box .col-4:nth-child(2) .form-group h4 {
    color: #ffa200;
}

.show_package_box .col-4:nth-child(3) .form-group h4 {
    color: #777777;
}

.show_package_box .col-4:nth-child(4) .form-group h4 {
    color: #8F4099;
}

.show_package_box .col-4:nth-child(5) .form-group h4 {
    color: #f85708;
}

.show_package_box .col-4:nth-child(6) .form-group h4 {
    color: #006780;
}

.show_package_box .col-4:nth-child(7) .form-group h4 {
    color: #D2B500;
}

.show_package_box .col-4:nth-child(8) .form-group h4 {
    color: #009514;
}

.show_package_box .col-4:nth-child(9) .form-group h4 {
    color: #397BD5;
}

.show_package_box .col-4:nth-child(10) .form-group h4 {
    color: #ffa200;
}

.show_package_box .col-4:nth-child(11) .form-group h4 {
    color: #777777;
}

.show_package_box .col-4:nth-child(12) .form-group h4 {
    color: #8F4099;
}

.show_package_box .col-4:nth-child(13) .form-group h4 {
    color: #f85708;
}

.show_package_box .col-4:nth-child(14) .form-group h4 {
    color: #006780;
}

.show_package_box .col-4:nth-child(15) .form-group h4 {
    color: #D2B500;
}

.show_package_box .col-4:nth-child(16) .form-group h4 {
    color: #009514;
}

.show_package_box .col-4:nth-child(17) .form-group h4 {
    color: #397BD5;
}

.show_package_box .col-4:nth-child(18) .form-group h4 {
    color: #ffa200;
}

.show_package_box .col-4:nth-child(19) .form-group h4 {
    color: #777777;
}

.show_package_box .col-4:nth-child(20) .form-group h4 {
    color: #8F4099;
}

.show_package_box .col-4:nth-child(21) .form-group h4 {
    color: #397BD5;
}

.show_package_box .col-4:nth-child(22) .form-group h4 {
    color: #ffa200;
}

.show_package_box .col-4:nth-child(23) .form-group h4 {
    color: #777777;
}

.show_package_box .col-4:nth-child(24) .form-group h4 {
    color: #8F4099;
}

.show_package_box .col-4:nth-child(25) .form-group h4 {
    color: #f85708;
}

.show_package_box .col-4:nth-child(26) .form-group h4 {
    color: #006780;
}

.show_package_box .col-4:nth-child(27) .form-group h4 {
    color: #D2B500;
}

.show_package_box .col-4:nth-child(28) .form-group h4 {
    color: #009514;
}

.show_package_box .col-4:nth-child(29) .form-group h4 {
    color: #397BD5;
}

.show_package_box .col-4:nth-child(30) .form-group h4 {
    color: #ffa200;
}

.show_package_box .col-4:nth-child(31) .form-group h4 {
    color: #777777;
}

.show_package_box .col-4:nth-child(32) .form-group h4 {
    color: #8F4099;
}

.show_package_box .col-4:nth-child(33) .form-group h4 {
    color: #f85708;
}

.show_package_box .col-4:nth-child(34) .form-group h4 {
    color: #006780;
}

.show_package_box .col-4:nth-child(35) .form-group h4 {
    color: #D2B500;
}

.show_package_box .col-4:nth-child(36) .form-group h4 {
    color: #009514;
}

.show_package_box .col-4:nth-child(37) .form-group h4 {
    color: #397BD5;
}

.show_package_box .col-4:nth-child(38) .form-group h4 {
    color: #ffa200;
}

.show_package_box .col-4:nth-child(39) .form-group h4 {
    color: #777777;
}

.show_package_box .col-4:nth-child(40) .form-group h4 {
    color: #8F4099;
}

fieldset {
    display: block;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: .35em;
    padding-bottom: .625em;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 5px
}

legend {
    background: #fff;
    width: auto;
    font-size: 16px;
    border: 0;
    padding: 4px 13px;
    border-radius: 4px;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    color: #007bff;
    border: solid 1px #ececec;
}

legend.custom-legend {
    margin-bottom: 7px;
}

fieldset.custom-fieldset {
    border-color: #ececec !important;
    margin-bottom: 15px;
}

fieldset.custom-fieldset .row {
    padding: 0px 10px;
}

fieldset.custom-fieldset .row .po-bor {
    border: solid 1px #ececec;
    padding: 3px 10px;
    margin-bottom: 6px;
    margin-right: 5px;
    flex: 0 0 24.6%;
    max-width: 25%;
}

fieldset.custom-fieldset .row .po-bor:nth-child(4) {
    margin-right: 0px;
}

fieldset.custom-fieldset .row .po-bor:nth-child(8) {
    margin-right: 0px;
}

fieldset.custom-fieldset .row .po-bor:nth-child(12) {
    margin-right: 0px;
}

fieldset.custom-fieldset .row .po-bor:nth-child(16) {
    margin-right: 0px;
}

fieldset.custom-fieldset .row .po-bor:nth-child(20) {
    margin-right: 0px;
}

fieldset.custom-fieldset .row .po-bor:nth-child(24) {
    margin-right: 0px;
}

fieldset.custom-fieldset .row .po-bor:nth-child(28) {
    margin-right: 0px;
}

fieldset.custom-fieldset .row .po-bor:nth-child(32) {
    margin-right: 0px;
}

fieldset.custom-fieldset .row .po-bor:nth-child(36) {
    margin-right: 0px;
}

fieldset.custom-fieldset .row .po-bor:nth-child(40) {
    margin-right: 0px;
}

.coustom-tbl {
    padding: 0.35rem 0.75rem !important;
    color: #007bff;
    background: #fff;
}

a.us-drop {
    padding: 0.55rem 0.99rem !important;
}

.us-drop:last-child {
    border-bottom: none !important;
}

a.us-drop:hover {
    color: #f85708 !important;
}


/*--- Notifications CSS ---*/

.red {
    background-color: #f44336 !important;
}

.z-depth-1,
.chip:active {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}

.badge {
    color: #fff !important;
    border-radius: .125rem;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.double-nav .nav-link .badge {
    height: 15px;
    padding-top: 2px;
}

.waves-effect {
    white-space: normal;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.waves-effect .waves-ripple {
    position: absolute;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.2);
    background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    border-radius: 50%;
    opacity: 0;
    -webkit-transition-property: -webkit-transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    -webkit-transform: scale(0) translate(0, 0);
    transform: scale(0) translate(0, 0)
}

.waves-effect.waves-light .waves-ripple {
    background: rgba(255, 255, 255, 0.4);
    background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.waves-effect.waves-classic .waves-ripple {
    background: rgba(0, 0, 0, 0.2)
}

.waves-effect.waves-classic.waves-light .waves-ripple {
    background: rgba(255, 255, 255, 0.4)
}

.waves-notransition {
    -webkit-transition: none !important;
    transition: none !important
}

.waves-button,
.waves-circle {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%)
}

.waves-button,
.waves-button:hover,
.waves-button:visited,
.waves-button-input {
    z-index: 1;
    font-size: 1em;
    line-height: 1em;
    color: inherit;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    outline: 0
}

.waves-button {
    padding: .85em 1.1em;
    border-radius: .2em
}

.waves-button-input {
    padding: .85em 1.1em;
    margin: 0
}

.waves-input-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border-radius: .2em
}

.waves-input-wrapper.waves-button {
    padding: 0
}

.waves-input-wrapper .waves-button-input {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1
}

.waves-circle {
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    text-align: center;
    border-radius: 50%
}

.waves-float {
    -webkit-mask-image: none;
    -webkit-box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, 0.12);
    -webkit-transition: all 300ms;
    transition: all 300ms
}

.waves-float:active {
    -webkit-box-shadow: 0 8px 20px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 8px 20px 1px rgba(0, 0, 0, 0.3)
}

.waves-block {
    display: block
}

a.waves-effect,
a.waves-light {
    display: inline-block
}

.noti-act {
    background-color: #f44336 !important;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
    color: #fff !important;
    border-radius: .125rem;
    text-align: center;
    white-space: nowrap;
}

.noti-sup {
    background-color: #fff !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: .125rem;
    text-align: center;
    white-space: nowrap;
    color: #000 !important;
}

.noti-act i {
    margin-right: 0px !important;
}

.noti-sup i {
    margin-right: -4px;
}


/*.noti-toggle::after {margin-left:0px!important;}*/

.noti {
    line-height: normal !important;
}

.noti-toggle {
    border-left: none !important;
    border-right: solid 1px #ececec !important;
}

.no-da {
    color: #007bff !important;
}

.noti-drop-menu {
    padding: 0.7rem 0 !important;
    position: absolute !important;
}

.noti-drop-menu a:first-child {
    padding-top: 0px !important;
}

.noti-drop-menu a:last-child {
    padding-bottom: 0px !important;
}

.noti-drop-menu a {
    padding: 0.5rem 1rem !important;
    min-width: 300px;
}

.noti-drop-menu a button {
    padding: 0.15rem 1rem !important;
}

.noti-drop-menu a p i {
    margin-right: 3px !important;
}

.noti-text {
    color: #555;
}

.noti-drop-menu a .noti-text:hover {
    color: #4285f4;
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
}


/*--- Notifications CSS ---*/


/*--- ajax sent before   ---*/

.ajax {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, .8) url(../images/before-ajax.gif) 50% 50% no-repeat;
}

body.loading {
    overflow: hidden;
}

body.loading .ajax {
    display: block;
}


/*---  end sent before  ---*/

.procur_tab_auto {
    margin-top: 0.5rem !important;
    margin-bottom: 20px !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: space-between !important;
}

.procur_tab_auto li {
    flex-basis: 25% !important;
    border-right: solid 1px #e8e8e8 !important;
}

.procur_tab_auto li:hover {
    border-color: #007bff !important;
}

.procur_tab_auto li:last-child {
    border-right: none !important;
}

.procur_tab_auto li:first-child a:hover {
    border-top-left-radius: 5px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 5px;
}

.procur_tab_auto li:first-child .active {
    border-bottom: 3px solid #007bff;
    border-top-left-radius: 5px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 5px;
}

#four_colour_0 {
    background: #ffeec2;
}

#four_colour_0 h4::before {
    background: #ffb900;
}

#four_colour_0 .count h1 {
    color: #ffb900;
}

#four_colour_0 p.lakh {
    background: #ffeec2;
}

#four_colour_1 {
    background: #dffed2;
}

#four_colour_1 h4::before {
    background: #7bf700;
}

#four_colour_1 .count h1 {
    color: #68cc05;
}

#four_colour_1 p.lakh {
    background: #dffed2;
}

#four_colour_2 {
    background: #ffdff7;
}

#four_colour_2 h4::before {
    background: #e350c5;
}

#four_colour_2 .count h1 {
    color: #e350c5;
}

#four_colour_2 p.lakh {
    background: #ffdff7;
}

#four_colour_3 {
    background: #cae5f8;
}

#four_colour_3 h4::before {
    background: #68b9f0;
}

#four_colour_3 .count h1 {
    color: #0084E8;
    top: 45%;
}

#four_colour_3 p.lakh {
    background: #cae5f8;
}

.top-part {
    background: #fff;
    display: flex;
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

.top-part p:nth-child(1) {
    text-align: left;
    padding: 15px 0 12px;
    width: 68%;
    padding-left: 3%;
    color: #397BD5;
    font-size: 17px;
}

.top-part p:nth-child(2) {
    text-align: center;
    padding: 15px 0 12px;
    width: 11%;
    border-left: solid 1px #e8e8e8;
    font-size: 14px;
}

.top-part p:nth-child(3) {
    text-align: center;
    padding: 15px 0 12px;
    width: 11%;
    border-left: solid 1px #e8e8e8;
    font-size: 14px;
}

.top-part p:nth-child(4) {
    text-align: center;
    padding: 15px 0 12px;
    width: 13%;
    border-left: solid 1px #e8e8e8;
    font-size: 14px;
}

.bot-part {
    background: #fff;
    display: flex;
    width: 100%;
    border-radius: 0px 0px 6px 6px;
}

.bot-part p:nth-child(1) {
    text-align: right;
    padding: 12px 0;
    width: 68%;
    padding-right: 3%;
}

.bot-part p:nth-child(2) {
    text-align: center;
    padding: 12px 0;
    width: 11%;
    border-left: solid 1px #e8e8e8;
    font-size: 14px;
}

.bot-part p:nth-child(3) {
    text-align: center;
    padding: 12px 0;
    width: 11%;
    border-left: solid 1px #e8e8e8;
    font-size: 14px;
}

.bot-part p:nth-child(4) {
    text-align: center;
    padding: 12px 0;
    width: 13%;
    border-left: solid 1px #e8e8e8;
    font-size: 14px;
}

.mid-part {
    border: solid 1px #e8e8e8;
    background: #f9f9f9;
    width: 98%;
    padding: 0 1% 1% 1%;
    margin: 0 1%;
    display: inline-block;
}

.mid-part a {
    display: inline-flex;
    background: #cae5f8;
    border: none;
    padding: 0px;
    margin-top: 1%;
}

.mid-part a:hover {
    background: #cae5f8;
}

.mid-part a:focus {
    background: #cae5f8;
    color: #fff;
}

.mid-part2 {
    display: inline-flex;
    background: #ffeec2 !important;
    border: none;
    padding: 0px;
    margin-top: 1%;
}

.mid-part p:nth-child(1) {
    text-align: left;
    padding: 10px 0 8px;
    width: 65.6%;
    padding-left: 2%;
    color: #444;
    font-size: 17px;
    display: inline-block;
}

.mid-part p:nth-child(2) {
    text-align: center;
    padding: 10px 0 8px;
    width: 11.2%;
    border-left: solid 1px #fff;
    color: #444;
    font-size: 14px;
    display: inline-block;
}

.mid-part p:nth-child(3) {
    text-align: center;
    padding: 10px 0 8px;
    width: 11.2%;
    border-left: solid 1px #fff;
    color: #444;
    font-size: 14px;
    display: inline-block;
}

.mid-part p:nth-child(4) {
    text-align: center;
    padding: 10px 0 8px;
    width: 11%;
    border-left: solid 1px #fff;
    color: #444;
    font-size: 14px;
    display: inline-block;
}

.beni-tbl thead {
    background: #6FBBF2 !important;
}

.beni-tbl thead tr th {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}

.beni-tbl tbody tr td {
    font-size: 15px;
}

.beni-tbl2 thead {
    background: #d7b55d !important;
}

.beni-tbl2 thead tr th {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}

.beni-tbl2 tbody tr td {
    font-size: 15px;
}

.accordion a:before {
    font-family: 'FontAwesome';
    content: "\f068";
    float: left;
    position: relative;
    top: 9px;
    left: 15px;
    font-size: 17px;
    color: #666;
    font-weight: 300;
}

.accordion a.collapsed:before {
    content: "\f067";
}


/*Dashboard Chart css by Hafizul*/

#container_2 {
    height: 250px;
}

#container_1 {
    height: 250px;
}

#container {
    height: 210px;
}


/*water and sanitation*/

ul.aware-hover li {
    /*-webkit-perspective: 540px;*/
    /*perspective: 540px;*/

    -webkit-perspective: inherit;
    perspective: inherit;
}

.info {
    -webkit-transform: rotate3d(1, 0, 0, 90deg);
    transform: rotate3d(1, 0, 0, 90deg);
    width: 100%;
    height: 100%;
    padding: 20px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
    pointer-events: none;
}

.in-top .info {
    -webkit-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-animation: in-top 300ms ease 0ms 1 forwards;
    animation: in-top 300ms ease 0ms 1 forwards;
}

.in-right .info {
    -webkit-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-animation: in-right 300ms ease 0ms 1 forwards;
    animation: in-right 300ms ease 0ms 1 forwards;
}

.in-bottom .info {
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: in-bottom 300ms ease 0ms 1 forwards;
    animation: in-bottom 300ms ease 0ms 1 forwards;
}

.in-left .info {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-animation: in-left 300ms ease 0ms 1 forwards;
    animation: in-left 300ms ease 0ms 1 forwards;
}

.out-top .info {
    -webkit-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-animation: out-top 300ms ease 0ms 1 forwards;
    animation: out-top 300ms ease 0ms 1 forwards;
}

.out-right .info {
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: out-right 300ms ease 0ms 1 forwards;
    animation: out-right 300ms ease 0ms 1 forwards;
}

.out-bottom .info {
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: out-bottom 300ms ease 0ms 1 forwards;
    animation: out-bottom 300ms ease 0ms 1 forwards;
}

.out-left .info {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-animation: out-left 300ms ease 0ms 1 forwards;
    animation: out-left 300ms ease 0ms 1 forwards;
}

@-webkit-keyframes in-top {
    from {
        -webkit-transform: rotate3d(-1, 0, 0, 90deg);
        transform: rotate3d(-1, 0, 0, 90deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
}

@keyframes in-top {
    from {
        -webkit-transform: rotate3d(-1, 0, 0, 90deg);
        transform: rotate3d(-1, 0, 0, 90deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
}

@-webkit-keyframes in-right {
    from {
        -webkit-transform: rotate3d(0, -1, 0, 90deg);
        transform: rotate3d(0, -1, 0, 90deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
}

@keyframes in-right {
    from {
        -webkit-transform: rotate3d(0, -1, 0, 90deg);
        transform: rotate3d(0, -1, 0, 90deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
}

@-webkit-keyframes in-bottom {
    from {
        -webkit-transform: rotate3d(1, 0, 0, 90deg);
        transform: rotate3d(1, 0, 0, 90deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
}

@keyframes in-bottom {
    from {
        -webkit-transform: rotate3d(1, 0, 0, 90deg);
        transform: rotate3d(1, 0, 0, 90deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
}

@-webkit-keyframes in-left {
    from {
        -webkit-transform: rotate3d(0, 1, 0, 90deg);
        transform: rotate3d(0, 1, 0, 90deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
}

@keyframes in-left {
    from {
        -webkit-transform: rotate3d(0, 1, 0, 90deg);
        transform: rotate3d(0, 1, 0, 90deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
}

@-webkit-keyframes out-top {
    from {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
        -webkit-transform: rotate3d(-1, 0, 0, 104deg);
        transform: rotate3d(-1, 0, 0, 104deg);
    }
}

@keyframes out-top {
    from {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
        -webkit-transform: rotate3d(-1, 0, 0, 104deg);
        transform: rotate3d(-1, 0, 0, 104deg);
    }
}

@-webkit-keyframes out-right {
    from {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
        -webkit-transform: rotate3d(0, -1, 0, 104deg);
        transform: rotate3d(0, -1, 0, 104deg);
    }
}

@keyframes out-right {
    from {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
        -webkit-transform: rotate3d(0, -1, 0, 104deg);
        transform: rotate3d(0, -1, 0, 104deg);
    }
}

@-webkit-keyframes out-bottom {
    from {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
        -webkit-transform: rotate3d(1, 0, 0, 104deg);
        transform: rotate3d(1, 0, 0, 104deg);
    }
}

@keyframes out-bottom {
    from {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
        -webkit-transform: rotate3d(1, 0, 0, 104deg);
        transform: rotate3d(1, 0, 0, 104deg);
    }
}

@-webkit-keyframes out-left {
    from {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
        -webkit-transform: rotate3d(0, 1, 0, 104deg);
        transform: rotate3d(0, 1, 0, 104deg);
    }
}

@keyframes out-left {
    from {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
        -webkit-transform: rotate3d(0, 1, 0, 104deg);
        transform: rotate3d(0, 1, 0, 104deg);
    }
}


/* you can ignore this ones */

ul.aware-hover {
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

ul.aware-hover li {
    position: relative;
    float: left;
    width: 270px;
    height: 100px;
    margin: 5px;
    padding: 0;
    list-style: none;
    overflow: hidden;
    background: #fff;
}

ul.aware-hover li a {
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
}

ul.aware-hover li h4 {
    font-size: 18px;
    font-weight: normal !important;
    padding: 27px 20px 28px !important;
    right: 0;
    width: 100% !important;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    line-height: normal;
    text-align: left;
    margin: 0px;
}

.info h4 {
    color: #fff !important;
    z-index: 100;
}

ul.aware-hover li .normal {
    width: 100%;
    height: 100%;
    text-align: left;
    font-size: 50px;
    line-height: 100px;
}

ul.aware-hover li {
    border-left: solid 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.07);
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
    border-right: solid 1px rgba(0, 0, 0, 0.1);
    border-radius: 0.25rem;
}

ul.aware-hover li:nth-child(1) {
    border-left: solid 3px;
    border-left-color: #397BD5;
    margin-left: 0px;
}

ul.aware-hover li:nth-child(2) {
    border-left: solid 3px;
    border-left-color: #ffa200;
}

ul.aware-hover li:nth-child(3) {
    border-left: solid 3px;
    border-left-color: #777777;
}

ul.aware-hover li:nth-child(4) {
    border-left: solid 3px;
    border-left-color: #8F4099;
    margin-right: 0px;
}

ul.aware-hover li:nth-child(5) {
    border-left: solid 3px;
    border-left-color: #f85708;
    margin-left: 0px;
}

ul.aware-hover li:nth-child(6) {
    border-left: solid 3px;
    border-left-color: #006780;
}

ul.aware-hover li:nth-child(7) {
    border-left: solid 3px;
    border-left-color: #D2B500;
}

ul.aware-hover li:nth-child(8) {
    border-left: solid 3px;
    border-left-color: #009514;
    margin-right: 0px;
}

ul.aware-hover li:nth-child(1) h4 {
    color: #397BD5;
    font-weight: 700 !important;
}

ul.aware-hover li:nth-child(2) h4 {
    color: #ffa200;
    font-weight: 700 !important;
}

ul.aware-hover li:nth-child(3) h4 {
    color: #777777;
    font-weight: 700 !important;
}

ul.aware-hover li:nth-child(4) h4 {
    color: #8F4099;
}

ul.aware-hover li:nth-child(5) h4 {
    color: #f85708;
}

ul.aware-hover li:nth-child(6) h4 {
    color: #006780;
}

ul.aware-hover li:nth-child(7) h4 {
    color: #D2B500;
}

ul.aware-hover li:nth-child(8) h4 {
    color: #009514;
}

.in-bottom:nth-child(1) .info {
    background: #397BD5;
}

.in-top:nth-child(1) .info {
    background: #397BD5;
}

.in-left:nth-child(1) .info {
    background: #397BD5;
}

.in-right:nth-child(1) .info {
    background: #397BD5;
}

.in-bottom:nth-child(2) .info {
    background: #ffa200;
}

.in-top:nth-child(2) .info {
    background: #ffa200;
}

.in-left:nth-child(2) .info {
    background: #ffa200;
}

.in-right:nth-child(2) .info {
    background: #ffa200;
}

.in-bottom:nth-child(3) .info {
    background: #777777;
}

.in-top:nth-child(3) .info {
    background: #777777;
}

.in-left:nth-child(3) .info {
    background: #777777;
}

.in-right:nth-child(3) .info {
    background: #777777;
}

.in-bottom:nth-child(4) .info {
    background: #8F4099;
}

.in-top:nth-child(4) .info {
    background: #8F4099;
}

.in-left:nth-child(4) .info {
    background: #8F4099;
}

.in-right:nth-child(4) .info {
    background: #8F4099;
}

.in-bottom:nth-child(5) .info {
    background: #f85708;
}

.in-top:nth-child(5) .info {
    background: #f85708;
}

.in-left:nth-child(5) .info {
    background: #f85708;
}

.in-right:nth-child(5) .info {
    background: #f85708;
}

.in-bottom:nth-child(6) .info {
    background: #006780;
}

.in-top:nth-child(6) .info {
    background: #006780;
}

.in-left:nth-child(6) .info {
    background: #006780;
}

.in-right:nth-child(6) .info {
    background: #006780;
}

.in-bottom:nth-child(7) .info {
    background: #D2B500;
}

.in-top:nth-child(7) .info {
    background: #D2B500;
}

.in-left:nth-child(7) .info {
    background: #D2B500;
}

.in-right:nth-child(7) .info {
    background: #D2B500;
}

.in-bottom:nth-child(8) .info {
    background: #009514;
}

.in-top:nth-child(8) .info {
    background: #009514;
}

.in-left:nth-child(8) .info {
    background: #009514;
}

.in-right:nth-child(8) .info {
    background: #009514;
}

* {
    margin: 0;
    padding: 0;
}

ul li {
    list-style: none;
}

a:hover {
    text-decoration: none;
}

.budget-box {
    min-height: 200px;
    border-radius: 22px;
    background: rgb(109, 72, 250);
    background: -moz-linear-gradient(101deg, rgba(109, 72, 250, 1) 1%, rgba(158, 22, 254, 1) 90%);
    background: -webkit-linear-gradient(101deg, rgba(109, 72, 250, 1) 1%, rgba(158, 22, 254, 1) 90%);
    background: linear-gradient(101deg, rgba(109, 72, 250, 1) 1%, rgba(158, 22, 254, 1) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6d48fa", endColorstr="#9e16fe", GradientType=1);
}

.budget-box h3 {
    background: #fff;
    padding: 10px;
    border-radius: 21px;
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
    /* box-shadow: 0 0 3px rgba(0, 0, 0, .15); */
    box-shadow: 0px 2px 6px rgba(81, 79, 79, 0.18);
    font-size: 20px;
}

.budget-loop:nth-child(2) .budget-box {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1a6dfb+0,12cbde+100 */
    background: rgb(26, 109, 251);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(26, 109, 251, 1) 0%, rgba(18, 203, 222, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(26, 109, 251, 1) 0%, rgba(18, 203, 222, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(26, 109, 251, 1) 0%, rgba(18, 203, 222, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a6dfb', endColorstr='#12cbde', GradientType=1);
    /* IE6-9 */
}

.budget-loop:nth-child(3) .budget-box {
    background: #ff9966;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #ff742a, #e73a89);
    background: linear-gradient(to left, #ff742a, #e73a89);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    opacity: .9;
}

.budget-loop:nth-child(4) .budget-box {
    background: #1D976C;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #93F9B9, #1D976C);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #93F9B9, #1D976C);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.dollar-sectio {
    text-align: center;
    color: #fff;
    font-size: 90px;
    font-weight: 800;
    padding: 15px 0px;
}

.dollar-sectio i {
    color: #fff;
    font-size: 50px;
    font-weight: 800;
}

.budget-description p {
    color: #fff;
    margin-bottom: 0;
    font-size: 17px;
    text-align: center;
    text-transform: uppercase;
}

.custom_class_for_color {
    background: #cae5f8;
    color: red !important;
}

.hr_class {
    border-top: 1px solid #000 !important;
}

.row_c {
    margin-right: 0px;
    margin-left: 0px;
}

.comment {
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 3px;
}

.head {
    margin-bottom: 10px;
}

.user {
    margin-right: 10px;
    font-size: 22px;
}

.p_new_tbl_wrap {
    margin-top: 50%;
}

.procur_new_tbl_box {
    margin-bottom: 5px;
    background: #F9F9FA;
    display: flex;
    border-radius: 3px;
    border-bottom: solid 1px #e1e1e1;
    border-right: solid 1px #e1e1e1;
    border-left: solid 3px;
}

.procur_new_tbl_box label {
    width: 55%;
    color: #444;
    margin-bottom: 0px;
    float: left;
    line-height: normal;
    padding: 10px 8px;
    border-right: solid 1px #e1e1e1;
}

.procur_new_tbl_box h6 {
    width: 45%;
    background: #fff;
    margin-bottom: 0px;
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
    float: right;
    padding: 10px 8px;
    color: #397BD5;
    text-align: right;
}

#four_colour_1 .p_new_tbl_wrap .procur_new_tbl_box {
    background: #f8fff5;
    border-left-color: #4c9206
}

#four_colour_1 .p_new_tbl_wrap .procur_new_tbl_box:nth-child(1) h6 {
    color: #4c9206;
}

#four_colour_1 .p_new_tbl_wrap .procur_new_tbl_box:nth-child(2) h6 {
    color: #4c9206;
}

#four_colour_1 .p_new_tbl_wrap .procur_new_tbl_box:nth-child(3) h6 {
    color: #4c9206;
}

#four_colour_1 .p_new_tbl_wrap .procur_new_tbl_box:last-child {
    margin-bottom: 0px;
}

#four_colour_1 .consul-btn,
#four_colour_2 .consul-btn {
    display: none;
}

#four_colour_2 .p_new_tbl_wrap .procur_new_tbl_box {
    background: #fff4fc;
    border-left-color: #e350c5
}

#four_colour_2 .p_new_tbl_wrap .procur_new_tbl_box:nth-child(1) h6 {
    color: #e350c5;
}

#four_colour_2 .p_new_tbl_wrap .procur_new_tbl_box:nth-child(2) h6 {
    color: #e350c5;
}

#four_colour_2 .p_new_tbl_wrap .procur_new_tbl_box:nth-child(3) h6 {
    color: #e350c5;
}

#four_colour_2 .p_new_tbl_wrap .procur_new_tbl_box:last-child {
    margin-bottom: 0px;
}

#four_colour_3 .p_new_tbl_wrap {
    margin-top: 50%;
}

#four_colour_3 .count {
    top: 27%;
}

#four_colour_3 .p_new_tbl_wrap .procur_new_tbl_box {
    background: #f1f9ff;
    border-left-color: #0084E8
}

#four_colour_3 .p_new_tbl_wrap .procur_new_tbl_box:nth-child(1) h6 {
    color: #0084E8;
    text-align: center;
}

#four_colour_3 .p_new_tbl_wrap .procur_new_tbl_box:nth-child(2) h6 {
    color: #0084E8;
    text-align: center;
}

#four_colour_3 .p_new_tbl_wrap .procur_new_tbl_box:nth-child(3) h6 {
    color: #0084E8;
    text-align: center;
}

#four_colour_3 .p_new_tbl_wrap .procur_new_tbl_box:last-child {
    margin-bottom: 0px;
}

.consul-btn {
    display: flex;
}

.consul-btn a {
    width: 50%;
    border: solid 1px #0084e86b;
}

#four_colour_1 .p_new_tbl_wrap .procur_new_tbl_box h5,
#four_colour_2 .p_new_tbl_wrap .procur_new_tbl_box h5 {
    display: none;
}


/*
#four_colour_3 .p_new_tbl_wrap .procur_new_tbl_box h5,
#four_colour_3 .p_new_tbl_wrap .procur_new_tbl_box h6 {
    width: 33.33%;
    background: #fff;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    float: right;
    padding: 10px 8px;
    color: #397BD5;
    text-align: center;
}

#four_colour_3 .p_new_tbl_wrap .procur_new_tbl_box h5 {
    border-left: solid 1px #e1e1e1;
}

#four_colour_3 .p_new_tbl_wrap .procur_new_tbl_box label {
    width: 33.33%;
    font-size: 14px;
} */

.to-packbox {
    border-radius: 10px;
    padding-top: 15px;
}

.to-packbox h3 {
    border-radius: 9px 9px 0 0;
    margin: 0 1px;
}

.to-pack-no h4 {
    text-align: center;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 40px;
    line-height: 50px;
}

.to-pack-no b {
    font-size: 100px;
    font-weight: 800 !important;
    line-height: normal;
}

.p_box_wrap {
    margin-top: 4%;
}

.p_box_wrap .procur_new_tbl_box {
    background: #8035fcb5;
    border-left-color: #5938ce;
    border-bottom: solid 1px #5938ce;
    border-right: solid 1px #5938ce;
    border-top: solid 1px #ffffff3d;
}

.p_box_wrap .procur_new_tbl_box:nth-child(1) h6 {
    color: #fff;
    background: #5938ce8f;
}

.p_box_wrap .procur_new_tbl_box:nth-child(2) h6 {
    color: #fff;
    background: #5938ce8f;
}

.p_box_wrap .procur_new_tbl_box:nth-child(3) h6 {
    color: #fff;
    background: #5938ce8f;
}

.p_box_wrap .procur_new_tbl_box:nth-child(4) h6 {
    color: #fff;
    background: #5938ce8f;
}

.p_box_wrap .procur_new_tbl_box:nth-child(5) h6 {
    color: #fff;
    background: #5938ce8f;
}

.p_box_wrap .procur_new_tbl_box:last-child {
    margin-bottom: 0px;
}

.p_box_wrap .procur_new_tbl_box label {
    color: #fff;
    border-right: solid 1px #5938ce;
}

.st-text {
    display: block;
    color: #000;
    text-align: left;
    margin-top: -15px;
    margin-left: 20px;
    font-size: 80.9%;
    font-weight: 300;
    width: 100%;
}

#four_colour_1 .p_new_tbl_wrap .procur_new_tbl_box:nth-child(1),
#four_colour_2 .p_new_tbl_wrap .procur_new_tbl_box:nth-child(1) {
    display: none;
}

#modal_body small {
    font-size: 13px;
}

.payment-sm-text {
    text-align: right;
    font-weight: 600;
}

/*///////////////////////////////////////*/
ul.navbar-nav li:hover ul li a {
    color: #444 !important;
}

ul.navbar-nav li:hover ul li a:hover {
    color: #fff !important;
}

/*ul.m-sub li{border-bottom: solid 1px #ddd;}*/
ul.m-sub li:last-child {
    border-bottom: none;
}

ul.m-sub li:first-child {
    border-bottom: none;
}

ul.m-sub li ul li {
    border-bottom: solid 1px #ddd !important;
}

ul.m-sub li ul li:last-child {
    border-bottom: none !important;
}

.dropdown-menu .dropdown .dropdown-menu {
    top: 0% !important;
}

.dropdown-menu {
    margin-top: 0;
}

.dropdown-menu .dropdown-toggle::after {
    vertical-align: middle;
    border-left: 4px solid;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
}

.dropdown-menu .dropdown .dropdown-menu {
    left: 100%;
    top: 0%;
    margin: 0 20px;
    border-width: 0;
}

.dropdown-menu > li a:hover,
.dropdown-menu > li.show {
    background: #007bff;
    color: #fff !important;
}

.dropdown-menu > li.show > a {
    color: white;
}

@media (min-width: 768px) {
    .dropdown-menu .dropdown .dropdown-menu {
        margin: 0;
        border-width: 1px;
    }
}

/*//////////////////////////////////////////*/

ul.lolo-nav {
    max-height: 350px !important;
    overflow-y: scroll;

}

.adb_load_no {
    text-align: right !important;
    color: #225298 !important;
}


.mendatory {
    color: red;
}


.app-img-downlaod {
    margin-top: 15px;
    margin-bottom: 15px;
    text-transform: capitalize;
    color: #fff !important;
}