@font-face {
    font-family: 'poppinsregular, sans-serif';
    src: url('poppins-regular-webfont.woff2') format('woff2'),
         url('poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

* {
    /* font-family: 'poppinsregular'; */
    /* font-family: 'Sans-serif'; */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

a:hover {
    text-decoration: none;
}

html,
body {
    height: 100%;
}

input[type=text]:focus,
input[type=password]:focus,
.form-control:focus {
    outline: none;
    box-shadow: none;
}

h3,
.h3 {
    font-size: 1.25rem;
    color: #000000;
    font-weight: 600;
}

h4,
.h4 {
    font-size: 1rem;
}

h6,
.h6 {
    font-size: 0.813rem;
}

ul li,
ol li,
dl li {
    line-height: 1.8;
    list-style: none;
}

p {
    font-size: 0.813rem;
    margin-bottom: .4rem;
    line-height: 1.3rem;
}

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

.btn {
    font-size: 0.813rem;
    line-height: 1rem;
    font-weight: 400;
    background: none;
}

.btn i {
    font-size: 13px;
    margin-left: 5px;
}

a {
    font-size: 0.813rem;
    cursor: pointer;
}

a:hover {
    color: #07457a !important;
}

.text-green {
    color: #01a594 !important;
}

.btn:hover {
    background: #1abead;
    background: linear-gradient(to right, #07457a, #0575e7);
    background: -webkit-linear-gradient(to right, #07457a, #0575e7);
}

.btn-secondary:hover {
    background: #f5ab16;
}

.btnOutlined:hover {
    color: #FFF;
}

.flex-grow {
    flex-grow: 1;
}

.loginPage,
.registerPage {
    padding: 0;
    min-height: 100vh;
    background: #f7f8fa;
    background-image: url(../images/reg_bg.svg);
}

.loginLeft {
    background: url(../images/admin_loginbg.jpg) no-repeat;
    background-size: cover;
    justify-content: center;
    padding-left: 15px;
    align-items: center;
}

.loginLeft h1 {
    color: #FFFFFF;
    font-size: 1.8rem;
}

.loginLeft p {
    color: #FFFFFF95;
}

.loginCnt .form-row {
    padding-top: 80px;
}

label {
    font-size: 0.900rem;
    line-height: 1.4rem;
    margin-bottom: .5rem;
    color: #000000;
    font-weight: 400;
}

.form-control {
    font-size: 0.813rem;
    border: 1px solid #959595;
    /*padding: .675rem .75rem;*/
    background: transparent;
}

.form-control:focus {
    background: transparent;
    border: 1px solid #07457a;
}

.btn.btn-primary,
.btn.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn.btn-secondary,
.btn.btn-secondary:hover,
.btn.btn-secondary:focus,
.btn.btn-secondary:not(:disabled):not(.disabled):active,
.btn.btn-outlined,
.btn.btn-outlined:focus,
.btn.btn-outlined:not(:disabled):not(.disabled):active {
    border-color: #07457a;
    font-size: 0.813rem;
    padding: 0.425rem 0.935rem;
    border-radius: 20px;
    background: #07457a;
    /* background: -webkit-linear-gradient(to right, #07457a, #003B35); */
    background: linear-gradient(to right, #07457a, #0575e7)
    text-transform: uppercase;
}

.registerLink {
    color: #06457a;
    font-weight: 600;
    font-size: 0.813rem;
}

.registerLink a {
    font-weight: 600;
    padding-left: 5px;
}

.form-check {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 0;
}

.form-check .form-check-label {
    min-height: 18px;
    display: block;
    margin-left: 1.75rem;
    font-size: 0.813rem;
    line-height: 1.5;
}

.form-check .form-check-label input {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 0;
    margin-top: 0;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.form-check .form-check-label input[type="checkbox"]+.input-helper:before,
.form-check .form-check-label input[type="checkbox"]+.input-helper:after {
    position: absolute;
    top: 0;
    left: 0;
}

.form-check .form-check-label input[type="checkbox"]+.input-helper:before {
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: solid #e1e6fa;
    border-width: 2px;
    background: #e1e6fa;
    -webkit-transition: all;
    -moz-transition: all;
    -ms-transition: all;
    -o-transition: all;
    transition: all;
    transition-duration: 0s;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
}

.form-check-primary.form-check label input[type="checkbox"]+.input-helper:before,
.form-check-primary.form-check label input[type="radio"]+.input-helper:before {
    border-color: #25378b;
}

.form-check .form-check-label input[type="checkbox"]+.input-helper:after {
    -webkit-transition: all;
    -moz-transition: all;
    -ms-transition: all;
    -o-transition: all;
    transition: all;
    transition-duration: 0s;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    font-family: FontAwesome;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    content: '\f00c';
    font-size: .9375rem;
    /*font-weight: bold;*/
    color: #ffffff;
}

.form-check .form-check-label input[type="checkbox"]:checked+.input-helper:before {
    border-width: 0;
    background: #07457a;
}

.form-check-primary.form-check label input[type="checkbox"]:checked+.input-helper:before,
.form-check-primary.form-check label input[type="radio"]:checked+.input-helper:before {
    background: #04a897;
}

.form-check .form-check-label input[type="checkbox"]:checked+.input-helper:after {
    width: 18px;
    opacity: 1;
    line-height: 18px;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.forgotPass {
    font-size: .813rem;
}

.formIcons img {
    width: 14px;
}

.loginLeft img {
    width: 80%;
    margin-top: 30px;
    position: relative;
    z-index: 1;
}

.loginCnt .userName,
.registerForm .userName {
    padding-right: 20px;
}

.loginCnt .password,
.registerForm .password {
    padding-left: 20px;
}

.loginCnt .form-row.ptNone {
    padding-top: 10px;
}

.loginCnt form {
    width: 70%;
    display: flex;
    flex-direction: column;
    padding: 15px 0;
}

.btn.btnPaddingAuto,
.btn.btnPaddingAuto:focus {
    padding: 0.425rem 25px;
    line-height: 1.84615385;
}

.btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
}

.input-group>.input-group-append:not(:last-child)>.btn {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.btn.btn-primary:focus {
    box-shadow: none;
}


/*select.form-control:not([size]):not([multiple]) {
    height: auto;
}*/

a {
    font-size: 0.813rem;
    cursor: pointer;
    transition: all ease-in-out 0.2s!important;
}

a.side-menu__item:hover {
    color: #fff !important;
    font-weight: 600;
    transform: translateX(5px);
}

img {
    max-width: 100%;
}

.text-green {
    color: #01a594 !important;
}

.btn:hover {
    background: #07457a;
    background: -webkit-linear-gradient(to right, #0575e7, #07457a);
    background: linear-gradient(to right, #0575e7, #07457a);
}

.btn-primary:hover {
    color: #fff !important;
}

.btn-secondary:hover {
    background: #f5ab16;
}

.btnOutlined:hover {
    color: #FFF;
}

.headPanel {
    display: flex;
    justify-content: space-between;
    background: #FFF;
    box-shadow: 0px 3px 21px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 3px 21px 0px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0px 3px 21px 0px rgb(0 0 0 / 10%);
    padding: 10px 30px;
    background: #18bcab;
    background: -webkit-linear-gradient(to right, #29ffc6, #20e3b2, #0cebeb);
    background: linear-gradient(to right, #05a998, #0fb3a2, #18bcab);
    padding: 10px 30px;
}

.navbar .navbar-brand-wrapper {
    background: #04a897;
    padding: 0.625rem 1.25rem 0.625rem 1.25rem;
    transition: width 0.25s ease, background 0.25s ease;
    -webkit-transition: width 0.25s ease, background 0.25s ease;
    -moz-transition: width 0.25s ease, background 0.25s ease;
    -ms-transition: width 0.25s ease, background 0.25s ease;
    width: 210px;
    height: 70px;
}

.navbar-brand {
    margin-right: 5px;
}

.navbar .navbar-menu-wrapper {
    background: #18bcab;
    background: -webkit-linear-gradient(to right, #29ffc6, #20e3b2, #0cebeb);
    background: linear-gradient(to right, #05a998, #0fb3a2, #18bcab);
    transition: width 0.25s ease;
    -webkit-transition: width 0.25s ease;
    -moz-transition: width 0.25s ease;
    -ms-transition: width 0.25s ease;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    width: calc(100% - 210px);
    height: 70px;
    -webkit-box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.1);
    justify-content: space-between;
}

.headRight .navbar-nav {
    align-items: center;
}

.headRight .navbar-nav .nav-item {
    margin-left: .50rem;
    margin-right: .50rem;
}

.headRight .navbar-nav .nav-item.dropdown .count-indicator {
    position: relative;
    padding: 0;
    text-align: center;
}

.headRight .navbar-nav .nav-item .nav-link {
    color: #FFF;
    font-size: 1rem;
}

.headRight .navbar-nav .nav-item.dropdown .count-indicator i {
    font-size: 1.25rem;
    margin-right: 0;
    vertical-align: middle;
}

.dropdown .dropdown-menu .dropdown-item {
    font-size: .875rem;
    padding: .65rem 1.5rem;
}

.nav-user-icon img {
    width: 30px;
    border-radius: 100%;
}

table.dataTable thead th {
    color: #07457a;
    font-weight: 600 !important;
    font-size: 14px;
    border-top: none;
}

table.dataTable td,
table.dataTable th {
    padding: .75rem !important;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

table.dataTable td {
    color: #222;
    font-size: 13px;
}

label.badge {
    padding: 5px 10px;
    color: #FFF;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
}

.card .card-title {
    color: #000000;
    margin-bottom: 1rem;
    text-transform: capitalize;
    font-size: 1rem;
}

.dataTables_length select {
    padding: 3px 10px;
    text-align: center;
}

div.dataTables_wrapper div.dataTables_info,
div.dataTables_wrapper div.dataTables_length label {
    color: #07457a;
    font-size: 13px;
}

h5.card-title.text-dark {
    margin-bottom: 0;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    align-items: center;
}

.page-item.previous .page-link:after,
.page-item.next .page-link:before {
    content: none; /*'\f053'*/
    font-family: FontAwesome;
    color: #000000;
}

.page-item.next .page-link:before {
    content: none;  /* '\f054' */
}

.page-item.previous .page-link,
.page-item.next .page-link {
    /* color: transparent; */
    border: none;
}

.page-item.next:hover {
    transform: translate(0, 0);
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: none;
}

.page-item.active .page-link:hover {
    color: #FFF !important;
}

.formTab .table-responsive {
    /*background: #f7f7f7;
    padding: 10px;
    border-radius: 10px;*/
}

.formTab .table-responsive .table th,
.formTab .table-responsive .table td {
    border-bottom: 1px solid #f4f4f4;
    padding: 10px;
    vertical-align: middle;
}

table td {
    font-size: 13px;
    color: #000000;
    border-bottom: 1px solid #f4f4f4;
}

.table {
    border: 1px solid #f4f4f4;
}

.table thead th {
    background: #D3F5ED;
    font-weight: 600;
    font-size: 14px;
    border-top: none;
    border-bottom: 1px solid #f4f4f4;
    color: #000;
}

.formTab .table-responsive .form-control {
    padding-top: 7px;
    padding-bottom: 7px;
    border: 1px solid #dadada;
}

.tabs-menu1 ul li .active {
    border-radius: 20px;
    background: #07457a30;
    border-color: #eaebec;
    color: #000000;
}

tfoot {
    border-top: 2px solid #ececec;
}

.custom-radio.redCheck .custom-control-input:checked~.custom-control-label::before {
    background-color: red;
    border-color: red;
}

.custom-radio.orangeCheck .custom-control-input:checked~.custom-control-label::before {
    background-color: orange;
    border-color: orange;
}
.custom-radio.greenCheck .custom-control-input:checked~.custom-control-label::before {
    background-color: #00cc66;
    border-color: green;
}

.btnOutlined {
    border: 1px solid #07457a;
    color: #07457a;
    background: none;
    text-transform: uppercase;
    border-radius: 20px;
}

a.btn.btnOutlined.btnPaddingAuto.viewBtn {
    padding: 2px 10px;
}

a.btn.btnOutlined.btnPaddingAuto.viewBtn:hover {
    color: #FFF !important;
}

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

.btn-primary.btnPaddingAuto:not(:disabled):not(.disabled):active:focus {
    padding: 0.425rem 25px;
}

.userTitle {
    font-size: 18px;
    text-transform: capitalize;
    padding: 30px 0 0px;
    font-weight: 600;
    text-align: center;
    border-top: 1px solid #ddd;
    margin-top: 10px;
}

.app-sidebar ul li.slide.is-expanded a.side-menu__item {
    background: #02325c;
    border-top-left-radius: 20px;
    color: #FFF;
}

a.slide-item:hover {
    color: #FFF !important;
    font-weight: 600!important;
}


/*.app-sidebar ul li.slide.is-expanded a.side-menu__item:hover,
.app-sidebar ul li .slide-menu li a:hover {
    color: #FFF !important;
    font-weight: 600;
}*/

.bg-white {
    background: #FFF;
}

.loginCnt form img.logo {
    display: grid;
    align-self: center;
}

a.btn.btnOutlined.btnPaddingAuto.viewBtn:focus {
    color: #07457a !important;
    box-shadow: none;
}

.header {
    background: #07457a;
}

.slide.is-expanded .slide-menu {
    background: #02325c;
}

.custom-file-label::after {
    background-color: #07457a;
    border-left: 1px solid #07457a;
}

#back-to-top {
    background: #07457a;
}

.page-item.active .page-link {
    background: #07457a;
    border: 1px solid #07457a;
}

@media screen and (max-width: 1366px) {
    .loginCnt form {
        width: 70%;
    }
}

@media screen and (max-width: 1200px) {
    .loginCnt form {
        width: 80%;
    }
}

@media screen and (max-width: 999px) {
    .loginLeft {
        display: none !important;
    }
    .col-md-9.loginCnt {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .form-row>.col,
    .form-row>[class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }
    .formFullWidth .form-group,
    .formFullWidth .col-lg-6,
    .formFullWidth .col-6,
    .formFullWidth .col-md-6,
    .formFullWidth .col-md-4,
    .formFullWidth .col-md-5 {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .formFullWidth .form-group .mt-6 {
        margin-top: 0 !important;
    }
    .formFullWidth .card-footer {
        padding-top: 0;
    }
    #trans_register .form-row>.col,
    #trans_register .form-row>[class*="col-"] {
        padding-right: 20px;
        padding-left: 20px;
    }
    #other_district_div {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .tabs-menu1 .nav li {
        width: 100%;
    }
    .tabs-menu1 .nav li a {
        border: none;
        margin: 0;
    }
    .app-content .page-header {
        flex-direction: column;
        align-items: flex-start;
    }
    .breadcrumb {
        padding-top: 15px !important;
    }
}

@media screen and (max-width: 767px) {
    .loginCnt form {
        width: 96%;
    }
    .loginCnt .password,
    .registerForm .password {
        padding-left: 0;
    }
    .loginCnt .userName,
    .registerForm .userName {
        padding-right: 0;
    }
    .hideLabel {
        margin-bottom: 0;
    }
    .hideLabel label {
        display: none;
    }
    .loginCnt .form-row .userName,
    .registerForm .form-row .userName {
        padding-right: 0px;
    }
    .resHide {
        display: none;
    }
    #trans_register .form-row>.col,
    #trans_register .form-row>[class*="col-"] {
        padding-right: 0px;
        padding-left: 0px;
    }
    .transSub {
        flex-direction: column;
    }
    .transSub #trans_register_submit {
        margin-top: 10px;
    }
}

@media screen and (max-width: 567px) {
    .loginLinkSec {
        flex-direction: column;
    }
    .registerLink {
        justify-content: center !important;
        flex-wrap: wrap;
    }
    .uploadSign {
        flex-direction: column;
    }
}

@media screen and (max-width: 379px) {
    .loginLinkSec {
        justify-content: flex-start !important;
    }
    .forGotPassSec {
        align-items: flex-start !important;
        /* flex-direction: column; */
    }
    .formFullWidth .card-footer .d-flex {
        justify-content: center;
    }
    .formFullWidth .card-footer .d-flex button {
        margin-left: 0 !important;
    }
}

.alert-success {
    background: #D3F5ED;
    color: #1C1919;
}

.alert-warning {
    background: #ea9e53;
    color: #FFF;
}

.alert-danger {
    background: #fff;
    color: #f46c6c;
}

.alert-yellow {
    background: #f2ea64;
    color: #000;
}

.btn.btn-primary,
.btn.btn-primary:focus,
.btn.btn-primary:not(:disabled):not(.disabled):active {
    border-radius: 20px!important;
}

.btn.btn-rounded,
.btn.btn-rounded:focus,
.btn.btn-rounded:not(:disabled):not(.disabled):active {
    border-radius: 7px!important;
}

.btn.border-radius-none,
.btn.border-radius-none:focus,
.btn.border-radius-none:not(:disabled):not(.disabled):active {
    border-radius: 0px!important;
}

.btn.btn-outlined,
.btn.btn-outlined:focus,
.btn.btn-outlined:not(:disabled):not(.disabled):active {
    background: none!important;
}

.btn.btn-secondary,
.btn.btn-secondary:hover,
.btn.btn-secondary:focus,
.btn.btn-secondary:not(:disabled):not(.disabled):active {
    background: #1F2B35!important;
    color: #FFF !important;
}

marquee {
    padding: 10px 0;
    background: #fff;
}

.genMarquee {
    margin-top: 62px !important;
}

.app-content.genMarquee .side-app {
    padding-top: 10px;
}

.registerLinkTile {
    background: #eaeaea;
    transition: 0.5s;
}

.registerLinkTile:hover {
    box-shadow: 0px 7px 12px #00002030;
}

.registerLinkTile a {
    color: #07457a;
}

.dontHaveSec {
    border-top: 1px solid #dfdfdf;
}

.dontHaveSec .userTitle {
    font-size: 16px;
    color: #777;
    font-weight: 400;
    border: none;
    margin-top: 0;
}

@media screen and (max-width: 1280px) {
    .registerLinkTile {
        min-height: 140px;
    }
}

@media screen and (max-width: 991px) {
    .loginCnt form {
        width: 94%;
    }
}

@media screen and (max-width: 767px) {
    .registerLinkTile {
        min-height: 0px;
        margin-bottom: 10px;
    }
}
a.logo_text, div.logo_text {
    color: #07457a!important;
    font-weight: bolder;
    font-size: 19px;
}

.common_dashes{
    /* padding-top: 1.5rem !important;
    padding-bottom: 3.5rem !important; */
    padding: 24px 7px 3px 7px!important;
    transition: all ease-in-out 0.4s;
    color: #ffffff!important;
    border-radius: 10px;
    height: 200px;
    /* width: 140px; */
}

.cdashes1{background: linear-gradient(#0085FF, #83C5FF);}
.cdashes2{background: linear-gradient(#9900ff, #c783ff);}
.cdashes3{background: linear-gradient(#2eaa70, #76e2be);}
.cdashes4{background: linear-gradient(#ffa600, #ffc983);}
.cdashes5{background: linear-gradient(#c93131, #ff8394);}
.cdashes6{background: linear-gradient(#787978, #bdbebe);}
.cdashes7{background: linear-gradient(#c7bc28, #ffe883);}
.cdashes8{background: linear-gradient(#ac8044, #DDC492);}
.cdashes7{background: linear-gradient(#db4fa1, #fa9ad2);}
.cdashes9 {background: linear-gradient(#9d5656, #bfa7a7);}
.cdashes10 {background: linear-gradient(#5131c3, #8385FF);}

.common_dashes img{
    filter: invert(1);
}

.common_dashes:hover{
    transform: scale(1.08);
    /* border-radius: 30% / 15%; */
    text-align: center;
    text-indent: .1em;
}
.genDash .iconfont p {
    min-height: 45px;
}
.genDash .iconfont h5 {
	min-height: 35px;
}
.select100 .select2.select2-container {
	width: 100% !important;
}
.app-content .page-header {
    flex-wrap: wrap;
}
button.confirm {
	background: #4e954e !important;
}
button.cancel {
	background: #ff3e3e !important;
}
/* .genMarquee marquee {
    -webkit-animation: fadeinout 5s linear 1 forwards;
    animation: fadeinout 5s linear 1 forwards;
  animation-iteration-count: infinite;
  background: #f5a7a7;
  color: #ec296b;
}

@-webkit-keyframes fadeinout {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes fadeinout {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
} */

.recDash .card-body.blocks {
	min-height: 176px;
    padding: .5rem 1rem;
}
.notifyAlert {
    position: fixed;
    right: 10px;
    z-index: 9;
}
.notifyPop {
    width: 200px;
    border-radius: 5px;
    border: 3px solid rgb(255, 194, 0);
    -webkit-animation: borderBlink 1s linear infinite;    
    animation: borderBlink 1s linear infinite;
    background: rgba(0,0,0,0.8);
}
/* .notifyPop.notifyPop2 {
    background: rgba(255, 194, 0,0.95);
}
.notifyPop.notifyPop3 {
    background: rgba(78, 204, 72, 0.95);
} */

.blinkTile {
    -webkit-animation: borderBlink 1s linear infinite;    
    animation: borderBlink 1s linear infinite;
    border-width: 3px;
}
@-webkit-keyframes borderBlink {    
    from, to {    
        border-color: transparent    
    }    
    50% {    
        border-color: #ff7d0d    
    }    
}    
@keyframes borderBlink {    
    from, to {    
        border-color: transparent    
    }    
    50% {    
        border-color: #ff7d0d    
    }    
}    

.zoomTxt {
    animation: zoom-in-zoom-out 1s ease infinite;
}
.zoomTxt1 {
    animation: zoom-in-zoom-out1 2s ease infinite;
}
@keyframes zoom-in-zoom-out {
    0% {
      transform: scale(1, 1);
    }
    50% {
      transform: scale(1.2, 1.2);
    }
    100% {
      transform: scale(1, 1);
    }
  }
  @keyframes zoom-in-zoom-out1 {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(10px);
    }
    100% {
      transform: translateY(0);
    }
  }

.modal-header h3 {
    color: #FFFFFF !important;
}
.card-table tr td:first-child, .card-table tr th:first-child {
    padding-left: 1.5rem;
}
.input-group-text {
    border-color: #959595;
}
.warnCollapse h2 {
    flex: 0 0 100%;
}
.warnCollapse button.btn.btn-link, .warnCollapse button.btn.btn-link:hover, .warnCollapse button.btn.btn-link:focus {
    color: #000;
    font-weight: 600;
    font-size: 16px;
    background: none;
    text-decoration: none;
    position: relative;
    text-align: left;
    width: 100%;
    white-space: normal;
}
.warnCollapse .btn-link::after {
    content: "\f107";
    color: #333;
    top: 6px;
    right: 0px;
    position: absolute;
    font-family: "FontAwesome";
    font-size: 20px;
}
.warnCollapse .btn-link[aria-expanded="true"]::after {
    content: "\f106";
  }
.warnCollapse .card {
    border-radius: .85rem !important;
}
.warnCollapse .badge {
    font-size: 16px;
    top: 0px;
    animation: blinkBadge 3s linear infinite;
    left: 5px;
    padding: 2px 10px;
}
@keyframes blinkBadge{
    50% {
        opacity: 0;
      }
    }

.adminDash .blocks {
    align-items: center;
}
.adminDash .blocks .tabRt {
    min-height: 90px;
}
.adminDash2 .chartName2 {
    /* min-height: 42px; */
}
.adminDash3.card {
    min-height: 320px;
}
.recMultiDrop .dropdown-menu.show {
    max-width: 100%;
    overflow: auto;
}



/* Timeline */

.timeline1, .timeline2 {
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .li {
    transition: all 200ms ease-in;
  }
  
  .timestamp {
    margin-bottom: 20px;
    padding: 0px 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  
  .status {
    border-top: 2px solid #D6DCE0;
    position: relative;
    transition: all 200ms ease-in;
  }
 
  .status:before {
    content: "";
    width: 25px;
    height: 25px;
    background-color: white;
    border-radius: 25px;
    border: 1px solid #ddd;
    position: absolute;
    top: -15px;
    left: 42%;
    transition: all 200ms ease-in;
    font-family: 'FONTAWESOME';
    text-align: center;
    color: #FFF;
  }
  
  .li.complete .status {
    border-top: 2px solid #66DC71;
  }
  .li.complete .status:before {
    background-color: #66DC71;
    border: none;
    transition: all 200ms ease-in;
    content: "\f00c";
    
  }
  .li.ongoing .status:before {
      content: "\f252";
      background: #F18F13;
      border: none;
    transition: all 200ms ease-in;
  }
  .li.ongoing .status {
    border-top: 2px solid #F18F13;
  }
  .timeline2 .li.complete .status {
    border-top: 2px solid #07457A;
  }
  .timeline2 .li.complete .status:before {
    background-color: #07457A;
    border: none;
    transition: all 200ms ease-in;
    content: "\f00c";
    
  }
  .recMultiDrop .selectboxit-container {
      display: none;
  }
  .counterFt .counter {
      font-size: 25px;
  }
 
  
  @media (min-device-width: 320px) and (max-device-width: 700px) {
    .timeline {
      list-style-type: none;
      display: block;
    }
  
    .li {
      transition: all 200ms ease-in;
      display: flex;
      width: inherit;
    }
  
    .timestamp {
      width: 100px;
    }
  
    .status:before {
      left: -8%;
      top: 30%;
      transition: all 200ms ease-in;
    }
  }







@media screen and (max-width: 1280px) {
    .recDash .card-body.blocks {
        padding: .5rem .5rem;
    }
}

@media screen and (max-width: 991px) {
.adminDash2 .chartName2 {
	min-height: 0;
}
}

@media screen and (max-width: 767px) {
    .adminDash .blocks .tabRt {
        min-height: 0;
    }
}

.highlight_p{
    background: #dadada;
    padding: 10px;
    border-radius: 5px;
    border-top: 4px solid #02a494;
    color: #06457a;
    font-weight: 600;
}