@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat-Black.woff2') format('woff2'),
        url('../font/Montserrat-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat-BlackItalic.woff2') format('woff2'),
        url('../font/Montserrat-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat-Bold.woff2') format('woff2'),
        url('../font/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat-BoldItalic.woff2') format('woff2'),
        url('../font/Montserrat-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat-ExtraBold.woff2') format('woff2'),
        url('../font/Montserrat-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat-ExtraBoldItalic.woff2') format('woff2'),
        url('../font/Montserrat-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat-ExtraLight.woff2') format('woff2'),
        url('../font/Montserrat-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat-ExtraLightItalic.woff2') format('woff2'),
        url('../font/Montserrat-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat-Italic.woff2') format('woff2'),
        url('../font/Montserrat-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat-Light.woff2') format('woff2'),
        url('../font/Montserrat-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat-LightItalic.woff2') format('woff2'),
        url('../font/Montserrat-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat-Medium.woff2') format('woff2'),
        url('../font/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat-MediumItalic.woff2') format('woff2'),
        url('../font/Montserrat-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat-SemiBold.woff2') format('woff2'),
        url('../font/Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat-Regular.woff2') format('woff2'),
        url('../font/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat-SemiBoldItalic.woff2') format('woff2'),
        url('../font/Montserrat-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat-Thin.woff2') format('woff2'),
        url('../font/Montserrat-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat-ThinItalic.woff2') format('woff2'),
        url('../font/Montserrat-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Bebas Neue';
    src: url('../font/BebasNeue-Regular.woff2') format('woff2'),
        url('../font/BebasNeue-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


.registered-accounts.form-section .form-group label {
    max-width: 30%;
}
.row.main-wrapper-w-sidebar {
    min-height: 100vh;
    display: flex;
}
/*.row.copyrights.w-sidebar {
    margin-top: -65px;
}*/
.profile-form-wrapper div.form-group label {
    width: 43%;
}
.row.copyrights.w-sidebar ul.social-icons li img {
    width: 25px;
    margin-left: 10px;
    margin-right: 0;
}
.row.wrap-total-desc.dashb.paybills {
    padding-bottom: 25px;
}
.sidebar-wrapper {
    padding: 0;
}
.sidebar, .sidebar-wrapper {
    background: #f2f2f2 !important;
}
.sidebar div.logo-div
{
	background: none !important;
}
.sidebar div.logo-div img
{
    padding: 0em;
    background:none;
    border-radius: 5px;
}
.row.payment-menu-item {
    margin-bottom: 50px !important;
}
ul.nav.navbar-nav li
{
    background: #f2f2f2;
    border: none;
}

ul.nav.navbar-nav li a {
    font-family: 'Montserrat';
    font-weight: 500;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
ul.nav.navbar-nav li a img 
{
    max-width: 40px;
    margin: 0;
    margin-right: 1em !important;
    float:none !important;
    bottom: 0 !important;
}

h1.page-title {
    font-family: 'Montserrat';
    font-weight: 500;
    display: block;
    width: 100%;
}

h3#tob {
    font-family: 'Montserrat';
    color: #717171;
}
span.tob-balance, .thankyou-reference-number {
    font-family: 'Bebas Neue';
    font-size: 5em;
    color: #0399cd;
}
p.tob-date-wrapper {
    color: #717171;
}
span.tob-date {
    font-family: 'Bebas Neue';
    font-size: 2em;
    margin-left: 5px;
    color: #17b78f;
}
/*.row.main-wrapper-w-sidebar > .col-md-3, .row.main-wrapper-w-sidebar > .col-md-9 {
    padding-bottom: 100px;
}*/
p.tob-date-wrapper {
    color: #717171 !important;
}
p#lower_header_bill {
    padding: 0 !important;
    font-family: 'Montserrat';
    font-style: italic;
    font-size: 1.1em !important;
    font-weight: 400;
    color: #969696 !important;
}

.btn {
    font-family: 'Montserrat' !important;
    font-weight: 600;
/*    transition: 0.3s all ease;*/
}

.can-paynow-wrapper {
    display: flex;
    width: 100%;
}
.can-paynow-wrapper button {
    margin: 0 !important;
    width: auto !important;
    margin: 0 15px !important;
    text-align: center;
    padding: 0px !important;
    padding: 5px 20px !important;
    display: flex !important;
    align-items: center;
    text-transform: uppercase !important;
}
.can-paynow-wrapper button img {
    width: 40px;
     float: none !important ;
     position: relative !important; 
     right: 0px; 
     top: 0px; 
}
.btn.btn-secondary
{
    color: #0399cd;
}
.row.news-item {
    /*padding: 0 !important;*/
    padding: 0px 20px !important;
    background: none !important;
/*    height: 300px;*/
    /*width: 300px;*/
    width: 100%;
    margin: auto;
    /*background: #f2f2f2 !important;*/
    background: none !important;
    overflow: hidden;
    /*border-radius: 30px;*/
    /*position: relative;*/
}
.news-updates {
    margin: 0;
    padding: 0;
}
.news-updates-wrapper {
    background: none !important;
}
.row.news-item .news-image img {
    display: block;
    visibility: visible;
    aspect-ratio: 17 / 9;
    object-fit: cover;
    border-radius: 15px;
}
.news-item .news-info {
  /*  position: absolute;
    bottom: 0;
    background: #0c0c0c;
    padding: 15px 20px;*/
}
.news-item a:hover
{
    text-decoration: none;
}
.news-item .news-info h4 {
    font-family: 'Montserrat';
    font-weight: 600;
    color: #1A3345;
    font-size: 16px;
    margin-top: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 36px;
}
.news-item .news-info span {
   font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #8A8A8A;
}

.row.news-item:not(:last-of-type) {
    margin-bottom: 1em;
}
.billing-controls-wrapper, .billing-info  {
    margin: 0;
    padding: 1em;
}
.billing-controls {
    display: inline-flex;
}
.billing-controls > * {
    margin: 0px 5px !important;
}
.mwc-dateselect {
    padding: 1em 2em;
    font-family: 'Montserrat';
    font-weight: 600;
}
.page-content-wrapper {
    padding: 0;
}
.billing-details-wrapper {
    background: #f2f2f2;
}
.billing-table {
    background: #fff;
    padding: 1em !important;
}
.billing-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
}
.billing-row:not(:last-of-type) 
{
    border-bottom: 1px solid #f2f2f2;
}
.billing-row > * {
    font-family: 'Montserrat';
    font-weight: bold;
}
.billing-row:nth-of-type(odd) {
    background: #0399cd1f;
}
.billing-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    cursor: pointer;
    transition: 0.3s all ease;
}
.billing-row:hover {
    background: #17b78f59;
}
}
.btn-default:hover {
    background: #149877 !important;
}

ul.nav.navbar-nav li a:hover {
    background: #e6e6e6 !important;
}
.customer-service-info {
    display: flex;
    justify-content: center;
    align-items: center;
}
.customer-service-info h4 {
    font-size: 1.5em;
    color: #18af88;
    padding:0;
}
.customer-service-info p {
    color: #000 !important;
    font-size: 1.1em !important;
    font-family: 'Montserrat';
    font-weight: 600;
    margin: 0;
}

.customer-service-info p.csi-address
{
    font-weight: 400;
}

.can-balance {
    display: flex;
    justify-content: space-between;
}

.can-balance .tob-wrapper h3#tob {
    margin-top: 0;
}

.can-balance > div {
    margin: 0px 15px;
}

.can-balance > div:last-of-type
{
    margin-right: 0;
}

.can-balance > div:first-of-type
{
    margin-left: 0;
}

.payment-form-wrapper p {
    padding: 0 !important;
    font-family: 'Montserrat';
    font-style: italic;
    font-size: 1.1em !important;
    font-weight: 400;
    color: #1A3345 !important
}
.payment-form-wrapper div.form-group > * {
    width: 100%;
/*    max-width: 250px;*/
    margin: 0;
    font-family: 'Montserrat';
    font-size: 1.2em;
    font-weight: 500;
}
.payment-form-wrapper div.form-group input, .payment-form-wrapper div.form-group select {
    padding: 5px 15px;
    color: #0399cd;
    height: 45px;
}
.payment-form-wrapper div.form-group {
    display: flex;
    align-items: center;
    justify-content: center;
}
.payment-facilities p {
    text-align: left;
    font-style: normal;
    font-weight: 400;
}
.payment-facilities a.payment-facility-schedule-link {
    color: #0399cd;
    font-family: 'Montserrat';
    font-weight: 500;
    font-style: italic;
    color: #18af88;
}
.row.news-item {
    margin-bottom: 50px !important;
}
.profile-form-wrapper .form-group:nth-of-type(5) input {
    width: auto !important;
}
.row.wrap-total-desc.dashb .col-md-3.news-updates-wrapper{

    margin-left: 25%;
}
.payment-facilities {
    margin-top: 3em;
}
.payment-facility-wrapper .pf-item {
    background: none !important;
}
.payment-facility-wrapper .pf-item .img-wrapper {
   margin: 1em;
}
.payment-facility-wrapper .pf-item img {
    visibility: visible !important;
    width: 100%;
    padding:1rem;
    aspect-ratio: 18 / 11;
    object-fit: contain;
}
.payment-facility-wrapper .pf-item .img-wrapper {
    margin: 1em;
    border: 1px solid #f2f2f2;
    border-radius: 15px;
    transition: 0.3s all ease;
    cursor: pointer;
    background: #fff;
}
.payment-facility-wrapper .pf-item .img-wrapper:hover {
    border: 1px solid #f7f7f7;
    box-shadow: 0px 4px 4px -4px rgba(0, 0, 0, 0.25);
}

.row.payment-menu-item {
 /*   padding: 0 !important;
    background: none !important;
    height: 260px;
    width: 300px;
    margin: auto;
    background: #f2f2f2 !important;
    overflow: hidden;
    border-radius: 30px;*/
    position: relative;
    padding: 0px 15px;
}
.payment-menu {
    margin: 0;
    padding: 0;
}
.payment-menu-wrapper {
    background: none !important;
}
.row.payment-menu-item {
    border: 1px solid #f7f7f7;
    border-radius: 15px;
    padding: 0px;
    overflow: hidden;
    margin: 5px;
    overflow: hidden;
    box-shadow: 0px 4px 4px -4px rgba(0, 0, 0, 0.25);
}

.row.payment-menu-item .pm-image img {
    display: block;
    visibility: visible;
    aspect-ratio: 17 / 9;
    object-fit: cover;
}
.payment-menu-item .pm-info {
    /*position: absolute;
    bottom: 0;
    background: #0399cd;
    padding: 15px 25px;*/
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}
.payment-menu-item .pm-info h4 {
    font-family: 'Montserrat';
    font-weight: 500;
    color: #1a3345;
    font-size: 16px;
    padding-top: 0;
    font-weight: 600;
}
.row.payment-menu-item:not(:last-of-type) {
    margin-bottom: 1em;
}
/*#paynow_amount {
    width: 100% !important;
}*/
.profile-form-wrapper div.form-group input {
    /*width: 65%;*/
}
.registered-accounts.form-section select {
    width: auto !important;
}
.registered-accounts.form-section input{
    width: 50% !important;
}
.profile-form-wrapper p, .login-setting p, .registered-accounts p {
    padding: 0 !important;
    font-family: 'Montserrat';
    font-style: italic;
    font-size: 1.1em !important;
    font-weight: 400;
    color: #969696 !important;
}
.profile-form-wrapper div.form-group > *, .login-setting div.form-group > *, .registered-accounts div.form-group > * {
 /*   width: 100%;
    margin: 0;
    font-family: 'Montserrat';
    font-size: 1.2em;
    font-weight: 500;*/
}
.profile-form-wrapper div.form-group input, .profile-form-wrapper div.form-group select,
.login-setting div.form-group input, .login-setting div.form-group select,
.registered-accounts div.form-group input, .registered-accounts div.form-group select {
    padding: 5px 15px;
    color: #0399cd;
}
.profile-form-wrapper div.form-group, .login-setting div.form-group, .registered-accounts div.form-group  {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.profile-form-wrapper h4, .login-setting h4,  .registered-accounts h4  {
    color: #18af88;
    padding-top: 0;
    font-style: italic;
    font-size: 2em;
    font-family: 'Montserrat';
    margin-bottom: 2em;
}
.form-control-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.form-control-wrapper button {
    margin: 0 !important;
}
.login-setting input[type="radio"] {
    width: auto;
    margin-right: 1em;
}
input.input.no-border {
    border: none;
}
.registered-accounts .form-control-wrapper {
    align-items: baseline;
    flex-direction: column;
}

.registered-accounts .form-control-wrapper button {
    width: 100%;
    max-width: 250px;
    text-transform: uppercase;
    font-family: 'Montserrat';
    text-align: center;
    margin-bottom: 1em !important;
}
.btn-gray {
    padding: 9px 30px;
    background: #9E9E9E;
    color: #fff;
}

.btn-gray:hover
{
    color: #fff;
}

.btn-default:hover {
    background: #058a69 !important;
}

.row.main-wrapper-w-sidebar > .col-md-9::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.row.main-wrapper-w-sidebar > .col-md-9::-webkit-scrollbar-track {
  background: #f2f2f2;
}

/* Handle */
.row.main-wrapper-w-sidebar > .col-md-9::-webkit-scrollbar-thumb {
  background: #f2f2f2;
}

/* Handle on hover */
.row.main-wrapper-w-sidebar > .col-md-9::-webkit-scrollbar-thumb:hover {
  background: #0099cd;
}

h1.page-title span.subtitle {
    display: block;
    font-size: 30px;
    font-family: 'Montserrat';
    font-weight: 500;
    font-style: italic;
}
.inquiry-wrapper {
    margin: 0;
}
span.req {
    color: red;
}
.row.wrap-total-desc .mwcares-thankyou p {
    color: #717171;
    font-size: 15px;
    font-family: 'Montserrat';
    font-weight: 400;
    margin: 0;
}   
.row.inquiry-form-wrapper .customer-service-info.info-v2 p span {
    color: #717171;
}
.mwcares-thankyou h3 {
    font-family: 'Montserrat';
    font-weight: 400;
    margin: 0;
}
.inquiry-wrapper  .inquiry{
    display:flex;
    /*align-items: center;*/
}
span.mwcares-ticketnum {
    font-size: 45px;
    color: #0399cd;
    font-family: 'Montserrat';
    text-transform: uppercase;
    word-break: break-all;
}
.inquiry-wrapper .inquiry {
    display: flex;
    /*align-items: center;*/
    margin-bottom: 4em;
    /*padding-top: 15px;*/
}

.inquiry h3 {
    font-family: 'Montserrat';
    /*font-weight: 400;*/
    /*margin: 0;*/
}

.inquiry button {
    margin: 0 !important;
    margin-left: 2em !important;
}

.inquiry-form-wrapper .form-group label {
    display: block;
    font-family: 'Montserrat';
    font-size: 1.2em;
    font-weight: 500;

}

.inquiry-form-wrapper .form-group input, .inquiry-form-wrapper .form-group select, .inquiry-form-wrapper .form-group textarea {
    width: 100%;
    max-width: 400px;
    padding: 5px 15px;
    color: #0399cd;
    font-size: 1.2em;
    font-family: 'Montserrat';
}

.inquiry-form-wrapper .form-group > *:not(:last-of-type) {
    margin-bottom: 1em;
}
.customer-service-info.info-v2 {
    background: none !important;
}

.col-md-3.customer-service-info.info-v2 > div {
    padding: 2em;
}

.customer-service-info.info-v2 > div {
    padding: 2em;
    background: #0399cd2e;
    border-radius: 15px;
}

.customer-service-info.info-v2 h4 {
    color: #1d1d1d;
    text-transform: uppercase;
    text-align: center;
}
img.csi-icon {
    max-width: 30px;
    margin-right: 5px;
}

.customer-service-info.info-v2 p {
    display: flex;
    margin-bottom: 10px;
}
.customer-service-info.info-v2 p a {
    color: #17b78f;
}

.customer-service-info.info-v2 .csi-address {
    font-weight: 600;
}

.thankyou-wrapper .thankyou-details p {
    color: #4d4d4d !important;
    font-family: 'Montserrat';
    font-size: 1.2em;
}
.thankyou-details h3 {
    font-family: 'Montserrat';
    font-weight: 400;
     color: #4d4d4d !important;
}

/* UPDATE STARTS HERE*/

/*.row.wrap-total-desc.dashb .col-md-3.news-updates-wrapper {
=======
/* Updates starts here */
.row.wrap-total-desc.dashb .col-md-3.news-updates-wrapper {

    margin-left: 0 !important;
}

.announcement-wrapper {
    background: #17b78f26;
    padding: 2em;
    margin-top: 2em;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
}
.announcement-wrapper h3 {
    font-family: 'Bebas Neue';
    margin-top: 0;
    font-size: 2em;
    color: #717171;
    letter-spacing: 5px;
}
.announcement-wrapper ul 
{
    padding:0;
    margin: 0;
}
.announcement-wrapper ul li {
    list-style-type: none;
}

.announcement-wrapper ul li.announcement-item h2 {
    font-family: 'Bebas Neue';
    font-size: 4em;
    color: #17b78f;
    margin-bottom: 0;
}
.announcement-wrapper ul li.announcement-item p {
    padding: 0 !important;
    font-family: 'Montserrat';
    font-style: italic;
    font-size: 1.1em !important;
    font-weight: 400;
    color: #969696 !important;
}

.announcement-wrapper ul li.announcement-item div.item-controls > * {
    margin: 0;
}
.water-advisories-wrapper {
    background: #0399cd2e;
    padding: 0;
    margin: 0em 1em;
    display: flex;
    flex-direction: column;
    border-radius: 5px;
    margin-left: auto;
}
.flex-wrap {
    display: flex;
}

.water-advisories-header h3 {
    font-family: 'Bebas Neue';
    margin-top: 0;
    font-size: 2em;
    color: #0399cd;
    letter-spacing: 5px;
}

.water-advisories-header p {
    padding: 0 !important;
    font-family: 'Montserrat';
    font-style: italic;
    font-size: 1.1em !important;
    font-weight: 400;
    color: #969696 !important;
}
.advisories-list {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow-y: scroll;
    max-height: 475px;
    display: flex;
}
.advisories-list ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.water-advisories-wrapper li.advisories-item h4 {
    color: #717171;
    font-family: 'Bebas Neue';
    padding: 0;
    margin: 0;
    font-size: 3em;
}
.water-advisories-header {
padding: 2em;
}
li.advisories-item p.advisory-activity, li.advisories-item p.advisory-affected-area {
    color: #717171;
    font-size: 1.2em;
    margin: 0;
    font-family: 'Montserrat';
}
.advisories-list .advisories-item .item-controls {
    margin-top: 1em;
}
.advisories-list li.advisories-item {
    cursor: pointer;
    transition: 0.5s all ease;
    margin-bottom: 1em;
    padding: 1em 2em;
    margin-top: 1em;
}
.advisories-list li.advisories-item:first-of-type
{
    margin-top: 0;
}
.advisories-list li.advisories-item:last-of-type
{
    margin-bottom: 0;
}

.advisories-list li.advisories-item:hover {
    background: #38a0cf24;
}

.advisories-list::-webkit-scrollbar {
      width: 5px;
}
 
.advisories-list::-webkit-scrollbar-track {
  background: #cae7f1;
    border-radius: 30px;
}
 
.advisories-list::-webkit-scrollbar-thumb {
    background-color: #17b78f;
    /* outline: 1px solid slategrey; */
    border-radius: 30px;
}
.announcement-wrapper .announcements {
    min-height: 150px;
display: flex;
}

.no-announcement, .no-advisory {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Montserrat';
    font-size: 1.2em;
    font-style: italic;
    color: #17b78f;
}
.no-advisory {
    color: #0399cd;
}

/*.no-announcement, .no-advisory {
    width: 100%;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Montserrat';
    font-size: 1.2em;
    font-style: italic;
    color: #17b78f;
}
.no-advisory {
    color: #0399cd;
}

.no-advisory {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Montserrat';
    font-size: 1.2em;
    font-style: italic;
    color: #17b78f;
}
.no-advisory {
    color: #0399cd;
}*/

/* =========== New CSS Added :2/12/21 =====================*/
.row.wrap-total-desc .updates-advisory-title p {
    text-align: center;
    font-size: 11px;
    margin: 0px;
   /* font-style: italic;
    padding-bottom: 10px;*/
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}
.updates-advisory-title .btn-primary:active:focus, .updates-advisory-title .btn-primary:active:hover{
    outline: none !important;
    border: 0px !important;
    background-color: transparent !important;
}
.updates-advisory-title {
        background-color: #000;
    border-radius: 15px;
    margin-top: -11px;
    z-index: 2;
    position: relative;
/*    height: 117px;*/
}
.updates-advisory-box {
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 15px;
}
.right-side-container {
    margin-top: -82px;
}
.updates-advisory .modal-content {
    background-color: #3ec0be;
}
.updates-advisory .modal h3 {
    color: #fff;
    text-transform: uppercase;
    margin: 0px;
}
.updates-advisory .modal p{
    font-size: 14px;
    letter-spacing:1px;
    font-weight: 400;
    font-family: 'Montserrat';
    text-transform: uppercase;
}
div#second-modal .modal-header span img {
    width: 38%;
}
div#second-modal .modal-header span {
    width: 12%;
}
div#second-modal .modal-header {
    display: flex;
}
.updates-advisory .modal .card-header h5 a {
    color: #fff;
    font-weight: 400;
    font-family: 'Montserrat';
    display: block;
    text-decoration: none;
}
.updates-advisory .modal-body .card-header~div{
    background-color: #fff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 10px;
}
.updates-advisory .modal .card-block ul {
    list-style-type: decimal;
    padding-left: 5px;
    list-style-position: inside;
    margin-top: 15px;
}
.updates-advisory .modal .card-block ul li a {
    color: #000;
    text-decoration: underline;
}
body.modal-open div#trafficUpdate {
    overflow: hidden;
}
.updates-advisory .modal .card-block ul li {
    line-height: 24px;
    font-family: 'Montserrat';
    font-weight: 500;
}
.updates-advisory .modal-header {
    padding-bottom: 0px;
    border: 0px;
}
.updates-advisory .modal-body .card-header {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 13px;
    padding-top: 13px;
    background-image: url(../img/arrow_down.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;   
}
.updates-advisory .modal-body .card-header h5 {
    margin: 0px;
    text-transform: uppercase;
}
.no-project img {
    margin: auto;
}
.updates-advisory .no-project p {
    color: #989696;
    text-align: center;
    letter-spacing: 0px;
    font-size: 16px;
    font-style: oblique;
    font-weight: 500;
}
.updates-advisory .modal .modal-dialog .modal-content .modal-body div#accordion .card:last-of-type .card-header {
    border: 0px;
}
.modal-open .modal .row .modal-dialog .modal-content {
    max-height: 600px;
    height: auto;
    overflow-y:auto;
}
.updates-advisory .modal p.small-p {
    color: #fff;
}
.updates-advisory .modal-body h6 {
    text-transform: uppercase;
    color: #9e9e9e;
    margin: 0px;
}
body.modal-open div#trafficUpdate .card {
    margin-bottom: 10px;
}
.card-header.clicked {
    background-color: #00bff3;
    padding-left: 10px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
.updates-advisory-box:last-of-type {
    margin-bottom: 0px;
}
.updates-advisory-title button span{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2; 
/*    height: 45px;*/
}