.elementor-1788 .elementor-element.elementor-element-5586d153{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--flex-wrap:wrap;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;box-shadow:0px 11px 6px -9px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1788 .elementor-element.elementor-element-5586d153:not(.elementor-motion-effects-element-type-background), .elementor-1788 .elementor-element.elementor-element-5586d153 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1788 .elementor-element.elementor-element-7ef49741{color:#FFFFFF;}.elementor-1788 .elementor-element.elementor-element-5d39881a{--display:grid;--e-con-grid-template-columns:1fr 250px;--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:end;--align-items:center;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-1788 .elementor-element.elementor-element-495f3aa0 .elementor-nav-menu .elementor-item{font-size:14px;font-weight:400;}.elementor-1788 .elementor-element.elementor-element-495f3aa0 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-astglobalcolor3 );fill:var( --e-global-color-astglobalcolor3 );padding-left:14px;padding-right:14px;padding-top:6px;padding-bottom:6px;}.elementor-1788 .elementor-element.elementor-element-495f3aa0 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-1788 .elementor-element.elementor-element-495f3aa0 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-1788 .elementor-element.elementor-element-495f3aa0 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-1788 .elementor-element.elementor-element-495f3aa0 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-astglobalcolor2 );fill:var( --e-global-color-astglobalcolor2 );}.elementor-1788 .elementor-element.elementor-element-495f3aa0 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-1788 .elementor-element.elementor-element-495f3aa0 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-astglobalcolor2 );}.elementor-1788 .elementor-element.elementor-element-495f3aa0 .e--pointer-framed .elementor-item:before,
					.elementor-1788 .elementor-element.elementor-element-495f3aa0 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-astglobalcolor2 );}.elementor-1788 .elementor-element.elementor-element-495f3aa0 .e--pointer-framed .elementor-item:before{border-width:2px;}.elementor-1788 .elementor-element.elementor-element-495f3aa0 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 2px 2px;}.elementor-1788 .elementor-element.elementor-element-495f3aa0 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:2px 2px 0 0;}.elementor-1788 .elementor-element.elementor-element-495f3aa0 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:2px 0 0 2px;}.elementor-1788 .elementor-element.elementor-element-495f3aa0 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 2px 2px 0;}.elementor-1788 .elementor-element.elementor-element-495f3aa0 .e--pointer-underline .elementor-item:after,
					 .elementor-1788 .elementor-element.elementor-element-495f3aa0 .e--pointer-overline .elementor-item:before,
					 .elementor-1788 .elementor-element.elementor-element-495f3aa0 .e--pointer-double-line .elementor-item:before,
					 .elementor-1788 .elementor-element.elementor-element-495f3aa0 .e--pointer-double-line .elementor-item:after{height:2px;}.elementor-1788 .elementor-element.elementor-element-495f3aa0{--e-nav-menu-horizontal-menu-item-margin:calc( 6px / 2 );}.elementor-1788 .elementor-element.elementor-element-495f3aa0 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:6px;}.elementor-1788 .elementor-element.elementor-element-441a7b70{--display:flex;--justify-content:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1788 .elementor-element.elementor-element-3765e1b7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 6px;--row-gap:0px;--column-gap:6px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1788 .elementor-element.elementor-element-247f8006{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;--gap:0px 2px;--row-gap:0px;--column-gap:2px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1788 .elementor-element.elementor-element-33f4508d.elementor-element{--align-self:flex-end;}.elementor-1788 .elementor-element.elementor-element-33f4508d{text-align:end;}.elementor-1788 .elementor-element.elementor-element-33f4508d .elementor-heading-title{font-size:14px;font-weight:600;line-height:0px;color:var( --e-global-color-astglobalcolor2 );}.elementor-1788 .elementor-element.elementor-element-b0ad7f1{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1788 .elementor-element.elementor-element-b0ad7f1.elementor-element{--align-self:flex-end;}.elementor-1788 .elementor-element.elementor-element-b0ad7f1 .elementor-heading-title{font-size:14px;font-weight:300;line-height:1px;color:var( --e-global-color-astglobalcolor3 );}@media(min-width:768px){.elementor-1788 .elementor-element.elementor-element-5586d153{--width:100%;}.elementor-1788 .elementor-element.elementor-element-5d39881a{--content-width:1100px;}}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-1788 .elementor-element.elementor-element-5d39881a{--e-con-grid-template-columns:1fr 60px;--grid-auto-flow:row;}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-1788 .elementor-element.elementor-element-5d39881a{--e-con-grid-template-columns:1fr 60px;--grid-auto-flow:row;}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-1788 .elementor-element.elementor-element-441a7b70{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for text-editor, class: .elementor-element-7ef49741 */@import url('https://www.vodalandsolutions.com/wp-content/plugins/elementor-pro/assets/css/widget-off-canvas.min.css?ver=3.30.1');/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-495f3aa0 */.elementor-1788 .elementor-element.elementor-element-495f3aa0 a {
    text-decoration:none;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ffb3262 */.elementor-1788 .elementor-element.elementor-element-ffb3262 img {
    aspect-ratio:1/1;
    height:auto !important;
    overflow:hidden;
    width:60px;
    object-fit:cover;
    border-radius:50%;
    overflow:hidden;
    background:#dddddd;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3765e1b7 */.elementor-1788 .elementor-element.elementor-element-3765e1b7 a {
    text-decoration:none 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5586d153 */.project-table-wrapper  {
    font-family:Helvetica, sans-serif;
}

a {
    color:#00938D;
}

.vd-datatable {
    font-size:14px;
    border-left:0;
    color:#09090B;
}

.vd-datatable th {
    background:#F2F2F3;
}

.vd-datatable td,
.vd-datatable th {
    border-left:0;
    border-right:0;
    border-color:#E4E4E7;
    text-align:left;
}

.vd-datatable a {
    color:#00928D;
}

.table-toolbar {
    font-size:14px;
}

.view-table input[type=checkbox],
.dm-cards-grid input[type=checkbox]{
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    /* Rectangle */


width: 16px;
height: 16px;


background: #F2F2F3;

border: 1px solid #ccc;
border-radius: 4px;
position:relative;
top:3px;


}


.view-table input[type=checkbox]:hover,
.view-table input[type=checkbox]:focus,
.dm-cards-grid input[type=checkbox]:hover,
.dm-cards-grid input[type=checkbox]:focus{
    background:#ffffff
}
.view-table input[type=checkbox]:checked,
.dm-cards-grid input[type=checkbox]:checked{
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.375 2.66667L0 4L4.125 8L11 1.33333L9.625 0L4.125 5.33333L1.375 2.66667Z' fill='%2309090B'/%3E%3C/svg%3E%0A");
    background-repeat:no-repeat;
    background-position: 80% 54%;
   
}


.view-table select {
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    /* Text Input */

background: #FFFFFF;

border: 2px solid #CBD2E0;
border-radius: 6px;
height:40px;
min-width:100px;
background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L6.29289 7.70711C6.68342 8.09763 7.31658 8.09763 7.70711 7.70711L13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893Z' fill='%232D3648'/%3E%3C/svg%3E%0A");
background-position:90% center;
background-repeat:no-repeat;
}

.view-table label {
    font-size:14px;
    color:#09090B;
    font-weight:bold;
}
.left-controls, .right-controls {
    align-items:flex-start;
}

.view-toggle button.view-btn {
    font-size:24px;
    border-radius:4px;
}
/*
.view-toggle button.view-btn {
    height:40px;
    width:40px;
    background-color:transparent !important;
    border:none;
    border: 2px solid #fff;
border-radius: 6px;
padding:0;
}

.view-toggle button.view-btn.active {
    border: 2px solid #CBD2E0;
}
*/


/* Calculators */

#drainage-calculator{
    color:#3F4B50;
    padding:0 !important;
    margin:0 !important;
    width:100%;
}

#drainage-calculator h3 {
    margin-bottom:.15em;
}

#drainage-calculator input[type=text],
#drainage-calculator input[type=number]{
    background:#FAFAFA;
    border:1px solid #D1D5DB;
    border-radius:4px;
    box-shadow:none;

box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);


}

#drainage-calculator input[type=text]:focus,
#drainage-calculator input[type=number]:focus,
#drainage-calculator select:focus{
    border:1px solid #00928D;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
    background:#fff;
}

#primary {
    background:#fff;
}

#drainage-calculator .choice-body {
    background:#fafafa;
  
    border:1px solid #CCCCCC;
    color:#3F4B50;
    padding:24px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}

#drainage-calculator .choice {
    display:flex;
    align-items:stretch;
}

#drainage-calculator .choice input:checked + .choice-body {
  border:1px solid #00928D;
  outline:0;
  box-shadow:none;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
}

#drainage-calculator .choice .choice-icon {
    height:54px;
    margin-bottom:40px;
    display:flex;
    align-items:center;
}

.choice .choice-title {
    color:#00928D;
    font-size:16px;
    margin-bottom:10px;
}

.choice .choice-title em {
    font-weight:normal;
    font-style:normal;
    display:block;
    font-size:14px;
    color:#3F4B50;
}

.choice .choice-desc {
    color:#3F4B50;
}

#drainage-calculator .choice input:checked + .choice-body .choice-icon {
    color:#00928D;
}

.vd-field input[type="text"], .vd-field textarea, .vd-field select {
    border-radius:4px;
    border-color:#D1D5DB !important;
}


.step-header {
    display:flex;
    align-items:center;
}

#drainage-calculator h3 {
    margin:0;
    padding:0;
}

#drainage-calculator .step-header h3 {
    margin-top:0;
}

#drainage-calculator .actions {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
}

#drainage-calculator .actions .back-btn {
    order:2;
}

#drainage-calculator fieldset:not(:first-of-type) {
    border-top:1px solid #ccc;
    padding:21px 0;
    margin:0;
}

#drainage-calculator fieldset {
    padding-bottom:21px;
}

#drainage-calculator fieldset.closed .fieldset-inner {
    display:none;
}

#drainage-calculator .flow-summary {
    background:#FAFAFA !important;
    border:1px solid #3F4B50 !important;
}

#drainage-calculator .flow-summary .metric {
    border:1px solid #D1D5DB !important;
}

#drainage-calculator select {
    background:#FAFAFA;
}

#drainage-calculator .tray-table th {
    background:#F9F9F9;
    border-color:#CCCCCC;
    font-size:12px;
    color:#1E293B;
}

#drainage-calculator .tray-table td {
    border-color:#ccc;
    font-size:12px;
    color:#1E293B;
}

#drainage-calculator .tray-table td label {
    font-size:12px;
    color:#1E293B;
}

#drainage-calculator .tray-table td label small {
    opacity:1 !important;
    font-size:1 !important;
}

.tray-toolbar label {
    font-size:13px;
}

.tray-table td:first-child {
    text-align:center;
}

input[type=radio] {
    appearance:none;
    -moz-appearance:none;
    border:3px solid #fff !important;
    box-shadow:0 0 0 1px #3273F6 !important;  
    width:16px;
    height:16px;
    border-radius:50%;
    color:#fff;
}

input[type=radio]:checked {
    background:#3273F6;
}

body:not(.elementor-editor-active) .e-con .elementor-widget-off-canvas {
    position:absolute;
}


.elementor-widget-off-canvas .e-off-canvas {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2147483630;
}

/* Dark Header */

.head-main {
    background:#000;
}

.head-main .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item {
    color:#fff;
}

.head-main .elementor-nav-menu .sub-arrow path {
    fill:#fff;
}

.head-main .logo-white {
    display:block;
}

.head-main .logo-grey {
    display:none;
}

.head-main .elementor-icon svg path {
    fill:#fff;
}

.header-sub .elementor-nav-menu__align-end .elementor-nav-menu {
    padding:0;
    flex-wrap:nowrap;
}

.card-wrap {
    border-color:#CCCCCC;
    padding:24px;
}

.dm-card-title {
    padding-top:10px;
}

.dm-card-title a,
.dm-card-menu a{
    font-size:16px;
    color:#00938D;
    font-weight:bold;
}

.dm-card-menu a {
    text-decoration:none !important;
    font-size:14px;
}

.dm-card-menu a:hover {
    color:#00AAA3;
}

.dm-card-title a:hover {
    color:#00AAA3;
}

.dm-card-meta {
    font-size:14px;
    line-height:1.3;
}

.dm-card-meta a {
    color:#00938D;
}

.dm-card-meta a:hover {
    color:#00AAA3;
}

.dm-card-download {
    background:#00938D;
    border-radius:4px;
    color:#fff;
    padding:4px 12px;
    display:inline-block;
    font-weight:bold;
    text-decoration:none !important;
}

.dm-card-download:hover {
    color:#fff;
    background:#00AAA3;
}

.dm-card-meta > div {
    margin:10px 0;
}

.dm-pagination a {
    text-decoration:none !important;
}

.view-toggle .view-btn {
    background-color:transparent !important;
    border:1px solid transparent !important;
    box-shadow:none !important;
    padding:4px;
    width:42px; 
    height:42px;
}

.view-toggle .view-btn.active {
    background:#fafafa !important;
    border:1px solid #00928D !important;
}

.view-table .right-controls label {
    margin-bottom:8px;
    display:block;
}

.view-toggle div {
    display:flex;
    gap:8px;
    height:32px;
}

.view-toggle .view-btn svg {
    width:100%;
    height:auto;
}

.view-toggle .view-btn svg line,
.view-toggle .view-btn svg rect{
    stroke:#000 !important;
    stroke-width:1.5px;
}

.view-toggle .view-btn.active svg line,
.view-toggle .view-btn.active svg rect {
    stroke:#00928D !important
}



.table-footer {
    justify-content:flex-end !important;
}

.dm-pagination {
    gap:0;
}

.dm-pagination a, .dm-pagination span {
    border:none !important;
    padding:2px;
    font-size:16px;
    background:none !important;
    color:#2D3648 !important;
}

.dm-pagination .active {
    text-decoration:underline !important;
}

.dm-pagination a:hover {
    color:#00928D !important;
}



@media(max-width:767px) {
    .header-sub .elementor-nav-menu__container {
        overflow:auto;
        overflow: -moz-scrollbars-none;
        -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox, Safari 18.2+, Chromium 121+ */
        
    }
    
    .header-sub .elementor-nav-menu__container::-webkit-scrollbar { 
    display: none;  /* Older Safari and Chromium */
}
}/* End custom CSS */