#observations_wrapper .station-types-list{left:50%;max-width:245px;top:20px;transform:translateX(-50%);width:100%}#observations_wrapper .station-types-list .input-group{border:1px solid #072d56;border-radius:4px 4px 0 0;box-shadow:0 0 3px 2px #0003}#observations_wrapper .station-types-list .input-group *{cursor:pointer}#observations_wrapper .station-types-list .input-group:not(.dropdown-visible){border-radius:4px}#observations_wrapper .station-types-list .input-group .form-control{font-size:14px;font-weight:700}#observations_wrapper .station-types-list .input-group .form-control:focus{box-shadow:none!important}body.en #observations_wrapper .station-types-list .input-group .form-control{padding-left:0}body.ar #observations_wrapper .station-types-list .input-group .form-control{padding-right:0}#observations_wrapper .station-types-list .input-group .down-arrow img{width:15px}body.en #observations_wrapper .station-types-list .input-group .down-arrow{padding-right:15px}body.ar #observations_wrapper .station-types-list .input-group .down-arrow{padding-left:15px}#observations_wrapper .station-types-list .input-group .fs-8{font-size:13px}#observations_wrapper .station-types-list .list-dropdown{border:1px solid #072d56;border-radius:0 0 4px 4px;box-shadow:0 0 3px 2px #0003}#observations_wrapper .station-types-list .list-dropdown .list-title{background-color:#f4494a;color:#fff;font-weight:700;padding:5px 10px}#observations_wrapper .station-types-list .list-dropdown .list{padding:5px 10px}#observations_wrapper .station-types-list .list-dropdown .list.active{background-color:#ecedee}#observations_wrapper .station-types-list .list-dropdown .list:hover{background-color:#1374e9;color:#fff}#observations_wrapper .forecast-details{border-radius:15px;box-shadow:0 0 6px 0 #3c41491a;height:473px;left:17px;max-width:400px;top:0;transform:translate(calc(-100% - 17px),15px);transition:transform .7s ease;width:280px;z-index:10}#observations_wrapper .forecast-details .title{border-bottom:2px solid #cfe0f0}#observations_wrapper .forecast-details .title span:nth-child(2){font-size:14px;font-weight:700}#observations_wrapper .forecast-details .date{color:#64748b;font-size:13px;font-weight:700}body.en #observations_wrapper .forecast-details .date span:first-child{padding-right:5px}body.ar #observations_wrapper .forecast-details .date span:first-child{padding-left:5px}#observations_wrapper .forecast-details .btn-section button{border-radius:4px;font-size:12px;font-weight:700;padding:5px 15px;text-align:center}#observations_wrapper .forecast-details .btn-section button.next-days-btn{background-color:#5eb818;border:1px solid #4e9517}#observations_wrapper .forecast-details .content{border-radius:4px}#observations_wrapper .forecast-details .content .card{border:none}#observations_wrapper .forecast-details .content .card .card-header{background-color:#cbd5e1;border-bottom:none;color:#020202;font-size:16px}#observations_wrapper .forecast-details .content .card .card-body{background-color:#f1f5f9;border-radius:0 0 calc(.375rem - 1px) calc(.375rem - 1px);color:#334155;padding:18px 5px}#observations_wrapper .forecast-details .content .card .card-body .element-value{font-size:21px}#observations_wrapper .forecast-details .content .card .card-body .element-unit{display:block;font-size:16px}#observations_wrapper .aws-layers-list{border-radius:6px;bottom:100px;right:10px}#observations_wrapper .aws-layers-list ul li.marine-layer span.ctrl-icon,#observations_wrapper .aws-layers-list ul li.radar-layer span.ctrl-icon,#observations_wrapper .aws-layers-list ul li.satellites-layer span.ctrl-icon{background-repeat:no-repeat;display:inline-block;height:28px;width:28px}#observations_wrapper .aws-layers-list ul li.marine-layer span.ctrl-icon{background-image:url(https://assets.ncm.gov.ae/resources/albahar/build/images/o-buoy-off.b54569f0.svg)}#observations_wrapper .aws-layers-list ul li.marine-layer.active span.ctrl-icon,#observations_wrapper .aws-layers-list ul li.marine-layer:hover span.ctrl-icon{background-image:url(https://assets.ncm.gov.ae/resources/albahar/build/images/o-buoy-on.373ab3b0.svg)}#observations_wrapper .aws-layers-list ul li.radar-layer span.ctrl-icon{background-image:url(https://assets.ncm.gov.ae/resources/albahar/build/images/o-radar-off.fef13578.svg)}#observations_wrapper .aws-layers-list ul li.radar-layer.active span.ctrl-icon,#observations_wrapper .aws-layers-list ul li.radar-layer:hover span.ctrl-icon{background-image:url(https://assets.ncm.gov.ae/resources/albahar/build/images/o-radar-on.43a006e1.svg)}#observations_wrapper .aws-layers-list ul li.satellites-layer span.ctrl-icon{background-image:url(https://assets.ncm.gov.ae/resources/albahar/build/images/o-sat-off.38dba07e.svg)}#observations_wrapper .aws-layers-list ul li.satellites-layer.active span.ctrl-icon,#observations_wrapper .aws-layers-list ul li.satellites-layer:hover span.ctrl-icon{background-image:url(https://assets.ncm.gov.ae/resources/albahar/build/images/o-sat-on.99a64a6c.svg)}#observations_wrapper .aws-layers-list ul li span.ctrl-label{border-radius:6px 0 0 6px;border-right:none;color:#3f7bb8;display:none;height:36px;margin-top:-4px;padding:10px 15px;right:calc(100% + 8px);top:0}body.en #observations_wrapper .aws-layers-list ul li span.ctrl-label{line-height:14px}body.ar #observations_wrapper .aws-layers-list ul li span.ctrl-label{line-height:16px}#observations_wrapper .aws-layers-list ul li:hover span.ctrl-label{display:inline-block}#observations_wrapper .aws-layers-list ul li:not(:last-child){border-bottom:1px solid #ccc}.station-popup .maplibregl-popup-tip{border:5px solid #0000;border-top-color:#f9f9c5}.station-popup.maplibregl-popup-anchor-bottom .maplibregl-popup-tip{margin-top:-1px}.station-popup.maplibregl-popup-anchor-top .maplibregl-popup-tip{margin-bottom:-1px;transform:rotate(180deg)}.station-popup.maplibregl-popup-anchor-left .maplibregl-popup-tip{margin-right:-1px;transform:rotate(90deg)}.station-popup.maplibregl-popup-anchor-right .maplibregl-popup-tip{margin-left:-1px;transform:rotate(-90deg)}.station-popup .maplibregl-popup-content{background:#f9f9c5;border:1px solid #fad76d;border-radius:15px;box-shadow:0 0 8px 0 #00000040;color:#7a4920;font-size:14px;font-weight:700;line-height:1.4;padding:8px 15px}@media(min-width:568px){#observations_wrapper .station-types-list{left:unset;right:45px;transform:unset}#observations_wrapper .forecast-details{width:unset}}@media(min-width:768px){#observations_wrapper .forecast-details{height:unset}}@media(min-width:992px){#observations_wrapper .forecast-details{left:45px;top:50%;transform:translate(-445px,-50%);transition:transform .7s ease;width:400px}#observations_wrapper .aws-layers-list{bottom:unset;right:45px;top:50%;transform:translateY(-50%)}}.mapgl-wrapper{border-bottom:1px solid #36577f;border-top:1px solid #36577f;height:590px;overflow:hidden}.mapgl-wrapper .mapgl{background:#fff;bottom:0;left:0;position:absolute;right:0;top:0}.mapgl-wrapper .mapgl .maplibregl-canvas-container,.mapgl-wrapper .mapgl .maplibregl-control-container{direction:ltr!important}.mapgl-wrapper .mapgl .maplibregl-canvas-container .maplibregl-ctrl-bottom-right,.mapgl-wrapper .mapgl .maplibregl-control-container .maplibregl-ctrl-bottom-right{display:none}.mapgl-wrapper .mapgl .mapboxgl-canvas{outline:none}.mapgl-wrapper .mapgl .maplibregl-ctrl-scale{margin-bottom:30px}.mapgl-wrapper .mapgl:before{background:#d9d9d900;bottom:0;box-shadow:inset 0 0 10px 0 #65a5b680;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:2}.mapgl-wrapper .maplibregl-attr-ctrl{font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif}.mapgl-wrapper .maplibregl-attr-ctrl.popup-visible:before{background-color:#0006;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:27}.mapgl-wrapper .maplibregl-attr-ctrl .maplibregl-attribution-text{background-color:#ffffff80;bottom:0;height:20px;left:0;line-height:20px;padding:0 3px;right:0;text-align:center;z-index:1}.mapgl-wrapper .maplibregl-attr-ctrl .maplibregl-attribution-text,.mapgl-wrapper .maplibregl-attr-ctrl .maplibregl-attribution-text a,.mapgl-wrapper .maplibregl-attr-ctrl .maplibregl-attribution-text a:hover{color:#000000bf}.mapgl-wrapper .maplibregl-attr-ctrl .maplibregl-attribution-text a{text-decoration:none}.mapgl-wrapper .maplibregl-attr-ctrl .maplibregl-attribution-text a:hover,.mapgl-wrapper .maplibregl-attr-ctrl .maplibregl-attribution-text span:hover{cursor:pointer;text-decoration:underline}.mapgl-wrapper .maplibregl-attr-ctrl .maplibregl-attribution-popup{background-color:#fff;border:1px solid #2b99a6;border-radius:4px;bottom:0;box-shadow:0 0 8px 0 #00000040;left:0;right:0;top:0;z-index:28}.mapgl-wrapper .maplibregl-attr-ctrl .maplibregl-attribution-popup .title{color:#0b699e;font-size:16px;font-weight:600}.mapgl-wrapper .maplibregl-attr-ctrl .maplibregl-attribution-popup .attributions,.mapgl-wrapper .maplibregl-attr-ctrl .maplibregl-attribution-popup .main-attributions{background:#eaf0f1}.mapgl-wrapper .maplibregl-attr-ctrl .maplibregl-attribution-popup .attributions a,.mapgl-wrapper .maplibregl-attr-ctrl .maplibregl-attribution-popup .main-attributions a{text-decoration:underline!important}.mapgl-wrapper .maplibregl-attr-ctrl .maplibregl-attribution-popup .main-attributions,.mapgl-wrapper .maplibregl-attr-ctrl .maplibregl-attribution-popup a{color:#0274b4}.mapgl-wrapper .maplibregl-attr-ctrl .maplibregl-attribution-popup .attributions{color:#494f53;font-style:normal;font-weight:400}.mapgl-wrapper .maplibregl-attr-ctrl .maplibregl-attribution-popup .attributions h6{font-size:12px;font-weight:700;margin-bottom:0}.mapgl-wrapper .maplibregl-attr-ctrl .maplibregl-attribution-popup .attributions>ul{margin-bottom:0}.mapgl-wrapper .maplibregl-attr-ctrl .maplibregl-attribution-popup .attributions>ul>li{margin-bottom:.75rem}.mapgl-wrapper .maplibregl-attr-ctrl .maplibregl-attribution-popup .attributions>ul>li:last-child{margin-bottom:0}.mapgl-wrapper .maplibregl-attr-ctrl .maplibregl-attribution-popup .attributions>ul>li ul{list-style-type:disc;margin-left:5px;padding-left:1rem}.mapgl-wrapper .maplibregl-attr-ctrl .maplibregl-attribution-popup .close-btn{position:absolute;right:10px;top:10px}.mapgl-wrapper .maplibregl-attr-ctrl .maplibregl-attribution-popup .close-btn img{max-width:18px}@media screen and (min-width:576px){.mapgl-wrapper .maplibregl-attr-ctrl .maplibregl-attribution-text{right:unset;text-align:left}.mapgl-wrapper .maplibregl-attr-ctrl .maplibregl-attribution-popup{bottom:auto;left:50%;max-width:600px;right:auto;top:50%;transform:translate(-50%,-50%);width:90%}.mapgl-wrapper .maplibregl-attr-ctrl .maplibregl-attribution-popup .attribution-text{max-height:440px}}@media(min-width:992px){.mapgl-wrapper{height:650px}.mapgl-wrapper .maplibregl-attr-ctrl .maplibregl-attribution-popup .attribution-text{max-height:475px}.mapgl-wrapper .mapgl .maplibregl-control-container .maplibregl-ctrl-bottom-right{bottom:15px;display:block;right:20px}}.loading-wrapper{bottom:0;left:0;position:absolute;right:0;top:0}.loading-wrapper .loading{height:64px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:64px;z-index:9999}.loading-wrapper .loading div{animation:loading 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:32px 32px}.loading-wrapper .loading div:after{background:#e74f31;border-radius:50%;content:" ";display:block;height:6px;margin:-3px 0 0 -3px;position:absolute;width:6px}.loading-wrapper .loading div:first-child{animation-delay:-36ms}.loading-wrapper .loading div:first-child:after{left:50px;top:50px}.loading-wrapper .loading div:nth-child(2){animation-delay:-72ms}.loading-wrapper .loading div:nth-child(2):after{left:45px;top:54px}.loading-wrapper .loading div:nth-child(3){animation-delay:-.108s}.loading-wrapper .loading div:nth-child(3):after{left:39px;top:57px}.loading-wrapper .loading div:nth-child(4){animation-delay:-.144s}.loading-wrapper .loading div:nth-child(4):after{left:32px;top:58px}.loading-wrapper .loading div:nth-child(5){animation-delay:-.18s}.loading-wrapper .loading div:nth-child(5):after{left:25px;top:57px}.loading-wrapper .loading div:nth-child(6){animation-delay:-.216s}.loading-wrapper .loading div:nth-child(6):after{left:19px;top:54px}.loading-wrapper .loading div:nth-child(7){animation-delay:-.252s}.loading-wrapper .loading div:nth-child(7):after{left:14px;top:50px}.loading-wrapper .loading div:nth-child(8){animation-delay:-.288s}.loading-wrapper .loading div:nth-child(8):after{left:10px;top:45px}@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.marine-forecast-wrapper{background-color:#f5f5f5;min-height:400px}.marine-forecast-wrapper .forecast-table-section{min-height:32px}.marine-forecast-wrapper .forecast-table-section .pdf-bulletin-btn{background:#fff;border:1px solid #0062cc;border-radius:4px;box-shadow:0 2px 4px 0 #00000026;left:50%;padding:2px 5px;transform:translateX(-50%)}.marine-forecast-wrapper .forecast-table-section .pdf-bulletin-btn img{max-width:26px}.marine-forecast-wrapper .forecast-table-section .pdf-bulletin-btn span{color:#626262;font-size:13px;font-weight:600}.marine-forecast-wrapper .forecast-table-section .marine-forecast-region>div{background-color:#dbdee5;border-top-left-radius:4px;border-top-right-radius:4px;color:#58595c;font-weight:700;padding:10px 30px}.marine-forecast-wrapper .forecast-table-section .marine-forecast-region>div.active{background-color:#0062cc;color:#fff}.marine-forecast-wrapper .forecast-table-section table{border-color:#2679d2;border-top:2px solid #2679d2}.marine-forecast-wrapper .forecast-table-section table thead{border-bottom:2px solid #2679d2}.marine-forecast-wrapper .forecast-table-section table thead tr td:first-child{background-color:#fff;border-left-color:#0000;border-right-color:#0000}.marine-forecast-wrapper .forecast-table-section table thead tr td:not(:first-child){background-color:#e1edff!important;min-width:170px;text-align:center}.marine-forecast-wrapper .forecast-table-section table thead tr td div:first-child{font-weight:800}.marine-forecast-wrapper .forecast-table-section table thead tr td div:nth-child(2){font-size:14px;font-weight:500}.marine-forecast-wrapper .forecast-table-section table tbody tr:first-child td{height:60px}.marine-forecast-wrapper .forecast-table-section table tbody tr:not(:first-child) td *{text-wrap:nowrap}.marine-forecast-wrapper .forecast-table-section table tbody tr:nth-child(3) td:first-child{min-width:175px}.marine-forecast-wrapper .forecast-table-section table tbody tr:nth-child(4){border-bottom:2px solid #2679d2}.marine-forecast-wrapper .forecast-table-section table tbody tr td{background-color:#fff;font-size:14px;font-weight:500}.marine-forecast-wrapper .forecast-table-section table tbody tr td:first-child{border-left-color:#0000;border-right-color:#0000}.marine-forecast-wrapper .forecast-table-section table tbody tr td.bg-primary-controls{background-color:#e1edff!important}body.ar .marine-forecast-wrapper .forecast-table-section table tbody tr td.bg-primary-controls{padding-right:46px}.marine-forecast-wrapper .forecast-table-section table tbody tr td.rotate-table-value{height:123px;position:relative;width:40px}body.en .marine-forecast-wrapper .forecast-table-section table tbody tr td.rotate-table-value{border-left:1px solid #0062cc}body.ar .marine-forecast-wrapper .forecast-table-section table tbody tr td.rotate-table-value{border-right:1px solid #0062cc}.marine-forecast-wrapper .forecast-table-section table tbody tr td.rotate-table-value div{background-color:#0062cc;color:#fff;display:inline-block;font-weight:700;height:42px;line-height:42px;overflow:hidden;position:absolute;text-align:center;transform:rotate(-90deg);width:122px}body.en .marine-forecast-wrapper .forecast-table-section table tbody tr td.rotate-table-value div{bottom:-42px;transform-origin:top left}body.ar .marine-forecast-wrapper .forecast-table-section table tbody tr td.rotate-table-value div{bottom:80px;right:39px;transform-origin:top right}@media(min-width:768px){body.ar .marine-forecast-wrapper .forecast-table-section table tbody tr td.bg-primary-controls{padding-right:.5rem}}@media(min-width:992px){.marine-forecast-wrapper .forecast-table-section .pdf-bulletin-btn{transform:unset}body.en .marine-forecast-wrapper .forecast-table-section .pdf-bulletin-btn{left:5px}body.ar .marine-forecast-wrapper .forecast-table-section .pdf-bulletin-btn{left:unset!important;right:5px}}@media(min-width:1200px){.marine-forecast-wrapper .forecast-table-section table thead tr td:not(:first-child){min-width:220px}}.sidebar-wrapper{z-index:25}.sidebar-wrapper .sidebar-toggle-btn{all:unset;border-radius:4px;box-shadow:0 0 8px 0 #555b6c66;color:#8f8f93;cursor:pointer;font-size:20px;height:40px;width:40px}.sidebar-wrapper .sidebar-toggle-btn img{transition:transform .7s ease}.sidebar-wrapper .sidebar-toggle-btn.right{left:-50px}.sidebar-wrapper .sidebar-toggle-btn.left{right:-50px}.sidebar-wrapper:not(.collapsed){transform:translate(16px,15px)!important}.sidebar-wrapper:not(.collapsed) .sidebar-toggle-btn>img{transform:rotate(180deg)}@media(min-width:992px){.sidebar-wrapper:not(.collapsed){transform:translate(16px,-50%)!important}}.tides-with-sun-moon .btn-toggle-tide-type{background-color:#5eb818;border:1px solid #4e9517;border-radius:4px;color:#fff;font-size:12px;font-weight:700;min-width:80px;padding:6.8px 15px;text-align:center}.tides-with-sun-moon .draw-monthly-table-container .sidebar{margin-top:5px}.tides-with-sun-moon .draw-monthly-table-container .sidebar .graph-label{color:#8f8f93;font-size:12px;height:35px;line-height:.1;width:60px}.tides-with-sun-moon .draw-monthly-table-container .sidebar .tides-icon{height:92px;width:60px}.tides-with-sun-moon .draw-monthly-table-container .sidebar .sun-moon-icon{height:64px;width:60px}.tides-with-sun-moon .draw-monthly-table-container .table-monthly{border-color:#fff}.tides-with-sun-moon .draw-monthly-table-container .table-monthly thead tr th.table-header-content{background-color:#268bd9;color:#fff;font-size:12px;height:30px;padding:6px 11px;text-align:center}.tides-with-sun-moon .draw-monthly-table-container .table-monthly thead tr th:not(.table-header-content){background:repeating-linear-gradient(to right,#d3d3d3 0,#d3d3d3 calc(100%/var(--number-of-columns--)/4),#fff calc(100%/var(--number-of-columns--)/4),#fff calc(100%/var(--number-of-columns--)/4*3 - 1px),#d3d3d3 calc(100%/var(--number-of-columns--)/4*3 - 1px),#d3d3d3 calc(100%/var(--number-of-columns--)/4*4 - 1px),#fff calc(100%/var(--number-of-columns--)/4*4 - 1px),#fff calc(100%/var(--number-of-columns--)/4*4));padding:0}.tides-with-sun-moon .draw-monthly-table-container .table-monthly thead tr th:not(.table-header-content)>#monthlyGraph{height:calc(35px*var(--number-of-rows--) + 10px);width:100%}.tides-with-sun-moon .draw-monthly-table-container .table-monthly tbody tr td{font-size:12px;padding:4px 11px;text-align:center;vertical-align:middle}.tides-with-sun-moon .draw-monthly-table-container .table-monthly tbody tr.tide-high,.tides-with-sun-moon .draw-monthly-table-container .table-monthly tbody tr.tide-low{height:46px}.tides-with-sun-moon .draw-monthly-table-container .table-monthly tbody tr.moon,.tides-with-sun-moon .draw-monthly-table-container .table-monthly tbody tr.sun{height:32px}.tides-with-sun-moon .draw-monthly-table-container .table-monthly tbody tr.tide-high td{background-color:#f9fafa}.tides-with-sun-moon .draw-monthly-table-container .table-monthly tbody tr.tide-high td .primary-text{color:#268bd9}.tides-with-sun-moon .draw-monthly-table-container .table-monthly tbody tr.tide-high td .secondary-text{color:#020202;font-size:11px;font-weight:500}.tides-with-sun-moon .draw-monthly-table-container .table-monthly tbody tr.tide-low td{background-color:#eef0f1}.tides-with-sun-moon .draw-monthly-table-container .table-monthly tbody tr.tide-low td .primary-text{color:#268bd9}.tides-with-sun-moon .draw-monthly-table-container .table-monthly tbody tr.tide-low td .secondary-text{color:#020202;font-size:11px;font-weight:500}.tides-with-sun-moon .draw-monthly-table-container .table-monthly tbody tr.sun td{background-color:#f9fafa;color:#1e4d71}.tides-with-sun-moon .draw-monthly-table-container .table-monthly tbody tr.moon td{background-color:#eef0f1;color:#1e4d71}.tides-with-sun-moon .draw-today-table-container #dailyGraph{direction:ltr;height:250px}.tides-with-sun-moon .draw-today-table-container #dailyGraph .tide-icon{position:relative}.tides-with-sun-moon .draw-today-table-container #dailyGraph .tide-icon.high_time:after{background:url(https://assets.ncm.gov.ae/resources/albahar/build/images/tides-fish.9337b023.svg) no-repeat bottom;bottom:-16px;content:"";display:block;height:12px;position:absolute;width:28px}.tides-with-sun-moon .draw-today-table-container #dailyGraph .tide-time{border-radius:3px;color:#fff;font-size:11px;font-weight:500;padding:2px 3px}.tides-with-sun-moon .draw-today-table-container #dailyGraph .tide-time.high_time{background-color:#2f5db5}.tides-with-sun-moon .draw-today-table-container #dailyGraph .tide-time.low_time{background-color:#d42738}.tides-with-sun-moon .draw-today-table-container .sun-and-moon table{border-collapse:initial;border-spacing:2px}.tides-with-sun-moon .draw-today-table-container .sun-and-moon table thead tr th{background-color:#f6f8fa;border-bottom:1px solid #dfe2e5;border-top:1px solid #dfe2e5;height:52px;line-height:2;min-width:164px}.tides-with-sun-moon .draw-today-table-container .sun-and-moon table tbody tr:nth-child(2n) td{background-color:#f6f8fa}.tides-with-sun-moon .draw-today-table-container .sun-and-moon table tbody tr td:not(.no-data){border:1px solid #dfe2e5;height:65px}.tides-with-sun-moon .draw-today-table-container .sun-and-moon table tbody tr td:not(.no-data) .time-txt{font-weight:600}.tides-with-sun-moon .draw-today-table-container .sun-and-moon table tbody tr td:not(.no-data) .date-txt{color:#a0a1a3;font-size:12px}.tides-with-sun-moon .no-data{border:none;color:#4682c8;font-size:16px!important;font-weight:600}@media(min-width:768px){.tides-with-sun-moon .draw-today-table-container #dailyGraph{height:300px}}.terminal-section{background-color:#f5f5f5;position:sticky;top:0;z-index:10}.terminal-section.on-scroll{box-shadow:0 4px 7px 0 #00000040;transition:box-shadow .3s ease-in-out}.terminal-section .search-area-wrapper{width:100%}.terminal-section .search-area-wrapper .search-and-close-icons img{margin-top:-2px;width:12px}.terminal-section .location-name{border-bottom:1px solid #fddede}.terminal-section .location-name span{color:#f4494a}.terminal-section .location-name span:first-child{font-size:12px}.terminal-section .location-name span:nth-child(2){font-weight:700}.terminal-section .location-search{max-width:200px}body.ar .terminal-section .location-search span{left:10px}body.en .terminal-section .location-search span{right:10px}.terminal-section .location-search input{background-color:#f5f5f5;border:2px solid #e4e4e4!important;border-radius:20px;color:#909090;padding:4px 10px;text-align:start}.terminal-section .location-search input::placeholder{color:#909090}.terminal-section .location-search input:focus{box-shadow:none}.terminal-section .select-from-map{background-color:#6181ab;border-radius:4px;box-shadow:0 2px 4px 0 #00000026;font-size:14px;padding:5px 10px}.terminal-section .select-from-map span:nth-child(2){padding-left:4px}.terminal-section .available-locations{border-radius:5px;max-height:250px;overflow-y:auto;width:200px}.terminal-section .available-locations::-webkit-scrollbar{width:4px}.terminal-section .available-locations .title{color:#fff;font-size:13px;font-weight:500;padding:5px 10px 5px 15px}.terminal-section .available-locations .title.aws{background-color:#ad0b27}.terminal-section .available-locations .title.buoy{background-color:#2c56e8}.terminal-section .available-locations .title.tide{background-color:#d35519}.terminal-section .available-locations .location{color:#124378;font-size:13px;font-weight:500;padding:5px 10px}.terminal-section .available-locations .location:nth-child(odd){background-color:#f6f8fa}.terminal-section .available-locations .location.active,.terminal-section .available-locations .location:hover{color:#f4494a}.terminal-section .available-locations .location img{max-width:22px}body.en .terminal-section .available-locations .location img{margin-right:5px}body.ar .terminal-section .available-locations .location img{margin-left:5px}@media(min-width:992px){.terminal-section .search-area-wrapper{width:auto}.terminal-section .search-area-wrapper .select-from-map{font-size:16px;padding:5px 20px}.terminal-section .search-area-wrapper .select-from-map span:nth-child(2){padding-left:10px}}