/*

*/
body, a {
    color: #000;
    word-break: break-word;
}
#accordionFAQ a {
    color: #0d6efd;
    text-decoration: underline;
}
#navbar {
    align-items: end;
}
div i,
td i {
    cursor:pointer;
}
i.favourite {
    color:red;
}
.navbar a, .navbar a:focus {
    font-size: 20px;
}
.ul-login-menu {
    left:unset !important;
    right:5px;
}
.ul-login-menu  li{
    min-width:100px !important;
}
.navbar .dropdown ul a {
    padding: 0px 20px;
}
.ul-top-bar li.font-small a,
.ul-top-bar li.font-normal a,
.ul-top-bar li.font-big a {
    padding: 0px 5px;
}
.ul-top-bar li.font-small a {
    font-size:12px;
}
.ul-top-bar li.font-normal a {
    font-size:14px;
}
.ul-top-bar li.font-big a {
    font-size:16px;
}
li.mobile-show {
    display:none;
}
#header {
    height: 150px;
    padding-top: 20px;
}
#header.header-scrolled {
    background: rgba(1, 47, 89, 0.9);
    height:130px;
    padding-top:20px;
}

#header .logo img{
    padding-bottom:20px;
}
.hero-section {
    background-image: linear-gradient(to right, rgba(39, 70, 133, 0.6) 0%, rgba(61, 179, 197, 0.6) 100%), url(../img/hero-bg.jpg);
    background-size: 100%;
    background-position:top;
}
.hero-section-sub {
    background: linear-gradient(to right, rgba(39, 70, 133, 0.8) 0%, rgba(61, 179, 197, 0.8) 100%), url(../img/hero-bg.png);
}
.hero-section-sub-pqr {
    background: linear-gradient(to right, rgba(11, 120, 43, 0.8) 0%, rgba(61, 202, 197, 0.8) 100%), url(../img/hero-bg.png);
}
.hero-section.sub-inner-page {
    height: 40vh;
}
.hero-section > .container {
    z-index:0;
}
.hero-section.inner-page .sub-page-hero-text {
    padding-top: 150px;
}
#main {
    margin-bottom:10px;
}
#main section.section nav {
    margin-top:10px;
}
#main .input-error {
    border-color:#ff0000;
}
.attach-list {
    /*list-style:none;*/
    padding:0px;
}
span.form-control {
    border:0px;
    border-bottom:solid 1px #000;
}
#ui-datepicker-div,.ui-dialog {
    z-index: 9999 !important;
}
.btn-download {
    padding: 10px 0px;
    width: 100px;
    height: 34px !important;
}
.required-lable {
    color:red;
}
.text-font-size125 {
    font-size:1.25rem;
}
.ul-icon-png {
    list-style:none;
    padding:0px;
}
.ul-icon-png img {
    width:30px;
}
.acolor {
    color: #0d6efd !important;
}
/*=============================PQR List===============================*/
#spanTotal {
    padding: 0px 5px;
}
div.pqr-preface {
    margin:0px;
    margin-bottom:50px;
    font-size:1.5rem;
}
h4.pqr-search-filter {
    font-size: 1.4rem;
    font-weight: 400;
}
.pqr-p {
    background-color: #d3e9fb !important;
}

.pqr-h {
    background-color: #f1f7e2 !important;
}

.pqr-p ul,
.pqr-h ul {
    padding-left: 15px;
    margin: 0px;
}

.pqr-p a,
.pqr-h a {
    color: #0d6efd;
    text-decoration: underline;
}
/*==========================About the Scheme=======================*/
.form-control {
    height: 38px;
}
.form-search {
}
.form-search label{
    text-align:right;
}
.search-result {

}
.search-result-pcblist {

}

.label-straws {

}
.label-plates {

}
.label-cups {
}

.scheme-heading {
    font-size:2.5rem;
    color: #0d3767;
    font-weight:bold;
    text-align: center;
    line-height:2;
}

.scheme{
    font-size:1.5rem;
    color: black;
    line-height:1.5;
}

/*==========================List of Suppliers=======================*/
/*
.company-info-detail img,
.search-result-pcblist img{
    max-height:250px;
}*/
.company-info-label {
    padding: 5px 10px;
    display: inline-block;
    background-color: #dfdfdf;
    min-width: 50px;
    text-align: center;
    border-radius: 5px;
    margin-right: 5px;
}
.company-info-detail-label {
    text-align:right;
    color:#000000;
}
.company-info-detail-content {
    display:inherit;
    margin-top:8px;
}
.company-info-detail-content {
    display:inherit;
    margin-top:8px;
}
.company-info-detail-reference {
    color:#000000;
    font-size:0.8em;
    font-family: "Roboto", sans-serif
}
.company-info-detail-heading {
    font-size: 1.15em;
    color:#000000;
    font-weight: bold;
    text-decoration: underline;
    font-family: "Roboto", sans-serif
}
.company-info-detail-title {
    font-size: 1em;
    color:#000000;
    font-weight: bold;
    font-family: "Roboto", sans-serif
}
/*==========================Alternative Tableware=======================*/
.product-imgs {
}
.product-imgs img {
    max-width: 180px;
}
.product-overview-title{
    font-family: "Roboto", sans-serif;
    font-size: 1.5em;
}
.product-overview-title{
    font-family: "Roboto", sans-serif;
    font-size: 1.5em;
    line-height:1.6;
}
.product-overview-subtitle{
    font-family: "Roboto", sans-serif;
    font-size: 1em;
    color: black;
    line-height:0.8;
}
.product-info-detail {
    padding: 10px 0px;
    border-top: solid 2px #17829f;
}
.product-info-detail-heading {
    text-decoration: underline;
    font-weight: bold;
}
.product-info-detail-title {
    text-decoration: underline;
    font-weight: bold;
}
.product-info-detail label {
    color:#000000;
}
.product-info-block h4.icon-remove-product {
    display:none;
}
.product-info-new {
    border-top: solid 2px #17a2b8;
    padding-top: 10px;
}
.product-info-new h4.icon-remove-product {
    display: block;
}
.btn-dark{
    color:white;
    background-color:#17829f;
    height: 25px;
    font-size: 0.4em;
}
.qrcode-title {
    text-align:center;
    color:green;
    font-size:13px;
}
/*==========================About the Enrollment=======================*/
.aboutplatform-heading {
    font-size: 1.75rem;
    color: #0d3767;
    font-weight: bold;
    line-height: 2;
}

.aboutplatform-subheading{
    font-size:1.5rem;
    color: #0d3767;
    font-weight:bold;
    line-height:2;
}

.aboutplatform{
    font-size:1.25rem;
    color: black;
    line-height:1.5;
}

/*==========================Enrollment=======================*/
.i-check0,.i-check1,.i-check2 {
    font-size:1.2rem;
    color:#000000;
    display:none;
}
ul.ul-checkbox {
    list-style:none;
    padding:0px;
}
ul.ul-checkbox li{
    float:left;
    width:50%;
}
.swiper-wrapper img {
    max-width:500px;
}
#smartwizard div.tab-pane {
    min-height:480px;
}
#smartwizard button.sw-btn-next,
#smartwizard button.sw-btn-submit {
    min-width:100px;
}
.enrollment-notes {
    color: black;
    font-size: 1.25em;
    line-height:1.5;
}
.enrollment-notes-list{
    color: black;
    font-size: 1em;
    line-height:1.5;
}
.enrollment-notes-heading{
    font-size:2em;
    font-family: "Roboto", sans-serif;
}
.enrollment-title{
    color: black;
    line-height:1.5;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
}
.enrollment-field{
    color: black
}
.condition{
    color: black;
}
.declaration{
    color: black;
}

/*==========================FAQ=======================*/
.question{
    background-color: #0d3767;
    color: white;
}
.answer{
    background-color: #d8d8d8;
    color: black;
}
.accordion-button:not(.collapsed){
    background-color: #0d3767;
    color: white;
}

/*=========================Timeline====================*/


.timeline {
    position: relative;
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none
}

.timeline:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #ddd;
    left: 31px;
    margin: 0;
    border-radius: 2px
}

.timeline > li {
    position: relative;
    margin-right: 10px;
    margin-bottom: 15px
}

.timeline > li:before, .timeline > li:after {
    content: " ";
    display: table
}

.timeline > li:after {
    clear: both
}

.timeline > li > .timeline-item {
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border-radius: 3px;
    margin-top: 0;
    background: #fff;
    color: #444;
    margin-left: 60px;
    margin-right: 15px;
    padding: 0;
    position: relative
}

.timeline > li > .timeline-item > .time {
    color: #999;
    float: right;
    padding: 10px;
    font-size: 12px
}

.timeline > li > .timeline-item > .timeline-header {
    margin: 0;
    color: #555;
    border-bottom: 1px solid #f4f4f4;
    padding: 10px;
    font-size: 16px;
    line-height: 1.1
}

.timeline > li > .timeline-item > .timeline-header > a {
    font-weight: 600
}

.timeline > li > .timeline-item > .timeline-body, .timeline > li > .timeline-item > .timeline-footer {
    padding: 10px
}

.timeline > li > .fa, .timeline > li > .glyphicon, .timeline > li > .ion {
    width: 30px;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
    position: absolute;
    color: #666;
    background: #d2d6de;
    border-radius: 50%;
    text-align: center;
    left: 18px;
    top: 0
}

.timeline > .time-label > span {
    font-weight: 600;
    padding: 5px;
    display: inline-block;
    background-color: #fff;
    border-radius: 4px
}

.timeline-inverse > li > .timeline-item {
    background: #f0f0f0;
    border: 1px solid #ddd;
    -webkit-box-shadow: none;
    box-shadow: none
}

.timeline-inverse > li > .timeline-item > .timeline-header {
    border-bottom-color: #ddd
}

.bg-aqua {
    background-color: #00c0ef !important;
}
.bg-yellow {
    background-color: #f39c12 !important;
}
.bg-red {
    background-color: #dd4b39 !important;
    color: #fff;
}
.timeline i.time-icon {
    padding: 10px;
    color: #fff;
    border-radius: 20px;
    margin-left: 15px;
}

/*==========================================Mobile Css==========================================*/
@media only screen and (min-width: 1470px) and (max-width: 1580px) {
    #navbar ul > li.menu-li-6-cht {
        position: absolute;
        top: 35px;
        left: 0px;
    }
}
@media only screen and (min-width: 1360px) and (max-width: 1470px) {
    #navbar ul > li.menu-li-5-cht {
        position: absolute;
        top: 35px;
        left: 0px;
    }
    #navbar ul > li.menu-li-6-cht {
        position: absolute;
        top: 35px;
        left: 107px;
    }
}
@media only screen and (min-width: 1250px) and (max-width: 1360px) {
    #navbar ul > li.menu-li-4-cht {
        position: absolute;
        top: 35px;
        left: 0px;
    }
    #navbar ul > li.menu-li-5-cht {
        position: absolute;
        top: 35px;
        left: 107px;
    }
    #navbar ul > li.menu-li-6-cht {
        position: absolute;
        top: 35px;
        left: 220px;
    }
}
@media only screen and (min-width: 991px) and (max-width: 1250px) {
    #navbar ul > li.menu-li-3-cht {
        position: absolute;
        top: 35px;
        left: 0px;
    }
    #navbar ul > li.menu-li-4-cht {
        position: absolute;
        top: 35px;
        left: 250px;
    }
    #navbar ul > li.menu-li-5-cht {
        position: absolute;
        top: 35px;
        left: 357px;
    }
    #navbar ul > li.menu-li-6-cht {
        position: absolute;
        top: 35px;
        left: 470px;
    }
}
@media only screen and (min-width: 1901px) {
    #navbar ul > li.menu-li-4 {
        position: absolute;
        top: 35px;
        left: 0px;
    }

    #navbar ul > li.menu-li-5 {
        position: absolute;
        top: 35px;
        left: 175px;
    }
    #navbar ul > li.menu-li-6 {
        position: absolute;
        top: 35px;
        left: 235px;
    }
}
@media only screen and (min-width: 1540px) and (max-width: 1900px) {
    #navbar ul > li.menu-li-3 {
        position: absolute;
        top: 35px;
        left: 0px;
    }

    #navbar ul > li.menu-li-4 {
        position: absolute;
        top: 35px;
        left: 390px;
    }

    #navbar ul > li.menu-li-5 {
        position: absolute;
        top: 35px;
        left: 570px;
    }

    #navbar ul > li.menu-li-6 {
        position: absolute;
        top: 35px;
        left: 635px;
    }
}
@media only screen and (min-width: 993px) and (max-width: 1540px) {
    #navbar ul > li.menu-li-1 {
        position: absolute;
        top: 35px;
    }

    #navbar ul > li.menu-li-3 {
        position: absolute;
        top: 35px;
        left: 260px;
    }

    #navbar ul > li.menu-li-4 {
        position: absolute;
        top: 35px;
        left: 640px;
    }

    #navbar ul > li.menu-li-5 {
        position: absolute;
        top: 35px;
        left: 820px;
    }
    #navbar ul > li.menu-li-6 {
        position: absolute;
        top: 35px;
        left: 880px;
    }
}
@media (max-width: 991px) {

    .hero-section {
        background-image: linear-gradient(to right, rgba(39, 70, 133, 0.6) 0%, rgba(61, 179, 197, 0.6) 100%), url(../img/hero-bg-mobile.jpg);
        background-size: 100%;
        background-position: top;
    }

    .hero-section-sub {
        background: linear-gradient(to right, rgba(39, 70, 133, 0.8) 0%, rgba(61, 179, 197, 0.8) 100%), url(../img/hero-bg-mobile.jpg);
    }
    li.mobile-show {
        display: block;
        position: relative;
        height: 50px;
        padding: 0px;
        margin: 0px;
    }

    li.mobile-show ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
        position: absolute;
        top: 0px;
        left: 0px;
        overflow: hidden;
    }

    li.mobile-show ul li{
        float:left;
    }
/*
    div.pqr-preface {
        margin: 0px;
    }*/
}