body{font-family: 'Poppins', sans-serif !important; min-width:320px !important; }
.top-bar{
  background-color: #2388C2;
  color: white;
}
a.anchor-white{color: #fff !important;}
ul,li{list-style: none;padding: 0px;}
a.admin-link {
    background: #E8F5FB;
    color: #2388C2 !important;
    display: block;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
a.sign-in {
    background-color: #FCBF30;
    color: #fff !important;
    border-radius: 20px;
     /* padding: 0px 12px !important;
    font-size: 12px;
    display: flex;
    height: 28px !important;
    margin-top: 7px;
    flex-direction: column;
    justify-content: center; */
}

.img-container{position: absolute; top:0px;left: 0px;z-index: -2;background-size: contain;width: 100%;}
.cta-section {
    margin: 0 auto;
}
.cta-block {
    background-color: #fff;
    padding: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
a.cta-makepayment {
    background-color: #2388C2;
    padding: 15px 25px;
    font-size: 17px;
    text-transform: uppercase;
    border-radius: 3px;
    color: #fff;
    width: 285px;
    text-align: center;
    border: 5px solid #2388C2;

}
a.cta-makepayment:hover {
    color: #2388C2;
    text-decoration: none;
    border: 5px solid #2388C2;
    background-color: transparent;
    transition: all .3s;
    font-weight: bold;
    font-size: 18px;
}
a.cta-Corporate{
    width: 285px;
    background-color: #FCBF30;
    padding: 15px 25px;
    font-size: 17px;
    text-transform: uppercase;
    border-radius: 3px;
    color: #fff;
    margin-left: 10px;
    text-align: center;
    border: 5px solid #FCBF30;
    }

a.cta-Corporate:hover {
    color: #13A152;
    text-decoration: none;
    border: 5px solid #13A152;
    background-color: transparent;
    transition: all .3s;
    font-weight: bold;
    font-size: 17px;
}

.section-heading {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 30px;
}
.section-heading + img{margin:10px 0;}
.section-sub-heading {
    color: #454545 !important;
    font-size: 25px;
}
.service-box {
    background: #ffffff;
    padding: 40px 40px;
    border-radius: 5px;
    box-shadow: 0px 0px 15px #c5c5c5;
    min-height: 380px !important;
}
.service-text {
    font-size: 13px;
    line-height: 20px;
    margin-top: 25px;
    font-weight: 500;
    color: #696969;
}
.service-heading {
    margin-top: 20px;
    font-size: 20px;
}
a.view-more {
    color: #007c4a;
    width: 17px;
    height: 16px;
    font-size: 14px;
    font-weight: 500;
}
a.view-more::after{content: " ";background-image: url(../img/icon/arrow-right.png);width: 20px;height: 19px;position: absolute; margin-top: 4px;}

.service-box:hover   {
    background: #2388C2;

}

.service-box:hover  p {
    color: #fff
}

.service-box:hover  h3 {
    color: #fff
}

.service-box:hover  a {
    color: #fff
}

.service-box:hover  a.view-more::after{
    content: " ";
    background-image: url(../img/icon/arrow-right-2.png);
    width: 20px;
    height: 19px;
    position: absolute;}

.service-box:hover img{filter: brightness(0) invert(1);  }

.service-box:hover {margin-top: -20px;height:380px;position: absolute; transition: all .4s;}

.partner-block {
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: flex-start;
}
.subscribe-bg {
    background: #2388C2;
    padding: 20px 0px;
}
.font-subscribe-heading{font-size: 28px;
    color: #fff;}

.footer-bg{background: #ececec;}

.content-bg{background-image: url(../img/body-bg.jpg) ;}
.footer-des p {
    font-size: 12px;
    line-height: 20px;
}
.footer-bg ul li{font-size: 12px;
    line-height: 20px;}
    .footer-contact-detail{font-size: 12px;
        line-height: 20px;}

        h6.seprator{ margin-bottom: 15px;}

        h6.seprator::after {
            content: "";
            width: 40px;
            height: 3px;
            background: #2388C2;
            position: absolute;
            top: 45px;
            left: 15px;
        }
        .footer-logo{
            width: 25%;
            margin: 1rem 0rem 1rem 0rem;
            mix-blend-mode: darken;
        }
        .copyright-bg{ background: #2388C2; padding: 15px 0;}

        .mobile-nav-btn{display: none;}
        button.mobile-nav-btn{background: transparent;border: 1px solid #000;}
        .position-relative{position: relative;}


        .mobile-nav-menu {
            display: inherit;
        }
.mtm{
    width: 100%;
    text-align: center;
}

.mtm img{
    margin-top: -82px;
    width: 120px;
}

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

select.select-text-type-width {
    padding: 0px 7px !important;
}



        /* about us css */

        .about-us-bg{background:url(../img/about-us-bg.jpg);
            width: 100%;
            text-align: center;
            padding: 50px 10px;
        background-size: cover;}

        h2.about-us-heading{color: #fff;
            font-size: 50px;
            text-align: center;
            width: 100%;}

            p.about-company{font-size: 13px;
                padding: 50px 0px;
                line-height: 20px;}

                .about-us-box h3{font-size: 22px; padding: 10px 0px 0px 0px;}

                .about-us-box{display: flex;
                    margin: 0px 0px 10px 0px;}

            .about-us-box img{width: 50px; margin: 0px 10px 0px 0px;}
            .about-us-box + p{margin-top: 14px;
                font-size: 12px;
                padding: 0px 140px 0px 0px;
                line-height: 21px;}
.bg-section-1{background:url(../img/management_bg.jpg);padding: 50px 0;}
.management-box-1{
    width: 250px;
    background-color: #fff;

    padding: 0px;
    text-align: center;
}
.management-box-text{padding: 20px 10px;}
.management-box-text h3{font-size: 14px;}
.management-box-text span {font-size: 12px;}
.white-text{color: #fff;}

.social-auth-links button {
    background: #FCBF30 !important;
    max-width: 180px !important;
    margin: auto !important;
    border-radius: 150px !important;
    padding: 6px 15px !important;
    border-width: 0px;;
}

.table-heading thead{
    font-size: 12px;
    font-weight: bold;
}

.mtr-10{
    margin-top: 0px !important;
}

.card-body-min-height2 {
	min-height: 252px !important;

}

.card-signup {
    /* margin: 0; */
    padding: 10px 20px 20px;
    text-align: center;
    /* display: flex; */
    /* justify-content: center; */
    width: 100%;
}

.view-more-2 button{
    background: transparent !important;
    border: 0px solid #000;
    color: #fff;
}

.view-more-2 a{
    background: #FCBF30 !important;
    border: 0px solid #000;
    color: #fff;
}

.yellow-bg-btn{
    background: #FCBF30 !important;
}


.justify-center-h4 {
    justify-content: center !important;
}

input:focus, textarea:focus, select:focus, button:focus{
    outline: none !important;
}

.home-popup-button {
    width: 150px;
}

ul.aside-bar-mob{display: none;}

a.link-view-more-3{
    font-size: 11px;
    color: #1d67d6 !important;
    float: left;
    font-weight: 500;
    margin-left: -39px;
    border-left: 1px solid #dcdcdc;
    padding-left: 11px;
    margin-top: 1px;
    letter-spacing: 0px;
    cursor: pointer;
    font-style: italic;
}

a.link-view-more-4 {
    font-size: 11px;
    color: #1d67d6 !important;
    float: left;
    font-weight: 500;
    margin-left: 12px;
    border-left: 1px solid #dcdcdc;
    padding-left: 11px;
    margin-top: 1px;
    letter-spacing: 0px;
    cursor: pointer;
    font-style: italic;
}

a.link-view-more-5 {
    font-size: 12px;
    color: #fff !important;
    float: right !important;
    font-weight: 600;
    margin-top: 1px;
    letter-spacing: 0px;
    cursor: pointer;
    text-align:left;
}

.white-text{color: #fff;}

.custom-select-year {
    display: inline-block;
    width: 133px !important;
    height: calc(1.5em + .75rem + 2px);
    padding: 0px 30px !important;
    font-size: 12px !important;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.min-height-card-header {
    min-height: 55px;
    display: block;
    flex-direction: column;
    justify-content: center;
}

a.btn-yellow-1{
    background: #FCBF30 !important;
    border-color: #FCBF30 !important;
}
a.btn-yellow-1:hover{
    background: #FCBF30 !important;
    border-color: #FCBF30 !important;
}

.pointer{}
.pointer:hover{cursor: pointer;}
.mlr{margin: 0px 15px 0px 15px;}

.steps{background-color: #00834e  !important;}

.info-box h4{font-weight: bold;}
.info-box{position: relative;}
.info-box img{position: absolute;right: -25px;}

.green-grad{background: linear-gradient(45deg, #2a684f, #36ba85) !important;}









ul.todo-list-li li {
    padding: 17px 10px 30px !important;
    border-bottom: 1px dashed #cecece;
}
ul.todo-list-li li span {
    font-size: 11px;
    font-style: italic;
    font-weight: 600 !important;
}
.role {
    color: #1976D2 !important;
    background: #fff !important;
    margin-right: 15px !important;
    font-size: 12px  !important;
}

.to-do-list-button button {
    font-size: 10px !important;
    background: #07a766 !important;
    border: 0px solid #000;
    color: #fff !important;
}
a.Delete-icon {
    font-size: 9px !important;
    padding: 5px !important;
}
a.Delete-icon:hover {
    cursor: pointer;
}
.custom-badge{font-size: 11px !important;
    padding: 5px !important;
}
.to-do-bg{background-color: #eef0f2 !important;}

.to-do-list-button{float: right;}

.p_14_15{padding: 15px 15px;}


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


.products-list .product-info {
    margin-left: 10px;
}

.products-list .product-title-1 {
    font-weight: 500;
    font-size: 12px;
    width: 100%;
    color: #2f2f2f;
}

.employee-role {
    font-size: 11px;
    padding: 2px 7px;
    border-radius: 4px;
    font-weight: 500;
    background: #dedede;
}
.products-list>.item-1 {
    border-radius: .25rem;
    background: #fff;
    padding: 15px 0px 15px 5px;
    border-bottom: 1px dashed #cecece !important;
}
a.footer-link {
    background: #007043 !important;
    color: #fff;
    padding: .75rem 1.25rem;
    display: block;
    margin-top: 15px;
}
a.footer-link:hover {
    background: #007043 !important;
    color: #fff;
    padding: .75rem 1.25rem;
    display: block;
}

button.to-do-btn-2 {
    background: #05462c !important;
    font-size: 10px !important;
    padding: 5px 5px !important;
}


.p-20{padding: 20px;}
.flex-f-r{display: flex !important;
    flex-direction: row !important;}
.flex-start{justify-content: flex-start !important;}
.report-heading{font-size: 18px;font-weight: bold;}
.theme-bg{background-color: #007043 !important; color: #fff !important;}
a.more-info-1{font-size: 14px !important;}


h2.section-heading-1 {
    padding: 9px 0px;
    font-size: 18px;
    border-bottom: dashed #b2b2b2 2px;
    margin-bottom: 25px;
    font-weight: 600;
}
h2.section-heading-2 {
    padding: 0px 0px;
    font-size: 18px;
    border-bottom: dashed #b2b2b2 2px;
    margin-bottom: 0px;
    font-weight: 600;
}
.mt-15{margin-top: 15px;}

input.icon-cal {
  background: url(../img/icon-cal.jpg) no-repeat right;
  cursor: pointer;
  padding: 0px 30px 0px 7px;
}
.padding-info-box{padding: 10px 0px !important;}
.color-green{color: #00834e;}
.break-word{white-space: break-spaces !important;}
.width-auto{width: auto !important;}



.todo-list-2 {
  overflow-y: scroll !important;
  overflow-x: hidden !important;
  max-height: 351px !important;
}

.products-list-2{
  overflow-y: scroll !important;
  overflow-x: hidden !important;
  max-height: 351px !important;
}

.role-top-bar {
  background: #05462c !important;
  color: #fff !important;
  font-weight: normal !important;
  border-radius: 31px !important;
}

.role-top-bar:hover {
  background: #0bac6b !important;

}

.min-height-450{min-height: 450px;}

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

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

  ::-webkit-scrollbar-thumb {
    background: #e7e7e7;
    border-radius: 10px;

  }

  ::-webkit-scrollbar-thumb:hover {

    background: #b6b6b6;

  }

    .form-control.is-invalid, .was-validated .form-control:invalid{
    background-image:none !important ;
  }

  .input-group-append {
    margin-left: -12px !important;
}
p.font-format{text-align: center !important;
    font-size: 20px !important;
    color: #5d5d5d !important;
    text-transform: capitalize !important;}



    .min-height-258{min-height: 258px ​!important;}





.mt-0p{margin-top: 0px !important;}

.signin-btn-format{
    font-size: 15px  !important;
    margin-top: 2px !important;;
}

.mr-13 {
    margin-right: -13px;
}

.font-10{font-size: 10px !important;}

.individual-align {
    background: #0E415E;
    text-align: center;
    border-radius: 10px;
    padding: 5px 0px 4px 12px;
    display: flex;
    justify-content: center;
    justify-content: center;
}

.individulal-block{display: flex; align-items: center;}

 canvas.height-graph {
    height: 35vh !important;
}

input::-webkit-calendar-picker-indicator {
    display: block;
  }

  .dataTables_filter input{
      margin-left: 0px !important;
  }

  .marquee-block{font-size: 14px; font-weight: 500;}
  .marquee-block .span{color: #fff;
    background: #cd9a32;
    font-size: 11px;
    text-align: center;
    padding: 4px 8px;
    font-weight: bold;}

.yellow-color{
    background: #FCBF30 !important;
    border: none;
    color: #fff;
    padding: 10px 20px;}

select.color-option{color:#6b6a6a !important;}


.c1-placeholder::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #6d6c6c !important;
}
.c1-placeholder:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #6d6c6c !important;
    opacity: 1;
}
.c1-placeholder::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #6d6c6c !important;
    opacity: 1;
}
.c1-placeholder:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #6d6c6c !important;
}
.white-color{color: #fff;}

.re-captcha{
transform:scale(1.47);
-webkit-transform:scal(1.47);
transform-origin:0 0;
-webkit-transform-origin:0 0;
}

img.logo-resize{height: 40px; margin-top: 3px; margin-bottom: 3px;}


.form-control.is-invalid, .was-validated .form-control:invalid{
    padding-right: 11px !important;
}
.newMvaBtn {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
  }