.elms-31282 .elms-element.elms-element-2518e02{--display:flex;}.elms-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elms-widget-text-editor.elms-drop-cap-view-stacked .elms-drop-cap{background-color:var( --e-global-color-primary );}.elms-widget-text-editor.elms-drop-cap-view-framed .elms-drop-cap, .elms-widget-text-editor.elms-drop-cap-view-default .elms-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elms-31282 .elms-element.elms-element-1bda777{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elms-31282 .elms-element.elms-element-715367f{width:100%;max-width:100%;}.elms-31282 .elms-element.elms-element-36c8dcb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elms-31282 .elms-element.elms-element-1883d41{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elms-31282 .elms-element.elms-element-b7f7758{width:100%;max-width:100%;}.elms-31282 .elms-element.elms-element-a3b9c45{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elms-31282 .elms-element.elms-element-7566349{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elms-31282 .elms-element.elms-element-0b4d8f1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elms-31282 .elms-element.elms-element-3600401{width:100%;max-width:100%;}.elms-31282 .elms-element.elms-element-ba349c7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elms-31282 .elms-element.elms-element-45803fe{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elms-31282 .elms-element.elms-element-a684853{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elms-31282 .elms-element.elms-element-aa15a2a{width:100%;max-width:100%;}.elms-31282 .elms-element.elms-element-39206a1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elms-31282 .elms-element.elms-element-7429837{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elms-31282 .elms-element.elms-element-d75cb68{width:100%;max-width:100%;}.elms-31282 .elms-element.elms-element-2a18dec{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elms-31282 .elms-element.elms-element-e71c461{width:100%;max-width:100%;}.badulla-toc-container {
background-color: #f9f9f9;
border-left: 4px solid #2c3e50;
padding: 16px;
margin: 20px 0;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.badulla-toc-title {
font-size: 20px;
margin-bottom: 12px;
color: #2c3e50;
font-weight: bold;
}
.badulla-toc-list {
list-style-type: none;
padding-left: 0;
}
.badulla-toc-list li {
margin-bottom: 10px;
}
.badulla-toc-list a {
color: #0073aa;
text-decoration: none;
font-weight: 500;
transition: color 0.3s;
}
.badulla-toc-list a:hover {
color: #005177;
text-decoration: underline;
}
@media (max-width: 768px) {
.badulla-toc-container {
padding: 12px;
}
.badulla-toc-title {
font-size: 18px;
}
.badulla-toc-list a {
font-size: 16px;
}
}
.container {
max-width: 1000px;
margin: 0 auto;
padding: 30px 15px;
font-family: 'Segoe UI', sans-serif;
background-color: #ffffff;
}
.container h2 {
text-align: center;
font-size: 20px;
margin-bottom: 20px;
color: #003366;
}
.search-bar {
text-align: center;
margin-bottom: 20px;
}
.search-bar input[type="text"] {
width: 100%;
max-width: 400px;
padding: 10px 15px;
border: 1px solid #ccc;
border-radius: 8px;
font-size: 16px;
}
#routeTable {
width: 100%;
border-collapse: collapse;
margin-top: 10px;
}
#routeTable thead {
background-color: #3498db;
color: #ffffff;
}
#routeTable th,
#routeTable td {
padding: 12px 15px;
border: 1px solid #ddd;
text-align: left;
}
#routeTable tr:nth-child(even) {
background-color: #f9f9f9;
}
#routeTable tr:hover {
background-color: #f1f1f1;
}
button {
padding: 8px 14px;
font-size: 14px;
color: white;
background-color: #2980b9;
border: none;
border-radius: 6px;
cursor: pointer;
transition: background-color 0.2s ease-in-out;
}
button:hover {
background-color: #1c5980;
}
iframe {
width: 100%;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}