@extends('layout.padrao')
@section('content')
<style>
    .btn-group-fab .btn-sub-fab:nth-child(6).abrir {
        display: none !important;
    }

    #main {
        padding-bottom: 150px !important;
    }

    /* Posicionamento do carousel */
    .forecastItems, .vesselDeadlinesItems{
        width: 97%;
        margin-left: 1.4%;
    }

    /* Responsividade vertical do carousel */
    .slick-list.draggable{
        height: 100% !important;
    }

</style>

<script src="{!! asset ('/typeahead/dist/typeahead.bundle.min.js')!!}"></script>
<script src="{!! asset ('/typeahead/dist/bloodhound.min.js')!!}"></script>

<div class="row dash-header">
    <div class="col col-lg-12 col-sm-12 col-md-12">
        <!-- COMMODITY LOGO 
		<img src="{!! asset('/image/csa_Logo150x143.png') !!}" alt="profile Pic">
		-->

    </div>
    <!-- EXCHANGERATES.ORG.UK RATES TABLE LIVE START -->

    <!-- EXCHANGERATES.ORG.UK RATES TABLE LIVE END -->
</div>

<div class="row dash-loading-forecast">
    <div class="col col-lg-12 col-sm-12 col-md-12 form-group">
        <h2>Loading Forecast </h2>
        <div class="row forecast-table forecastItems">
            @php $CountPending= 0;$CountProcessOn= 0;$CountProcessFake= 0;@endphp
            @foreach(session('Warnings') as $key => $item)
            @if($item != null && $key == 'CountPending')
            @php $CountPending = $item @endphp
            @endif
            @if($item != null && $key == 'CountProcessOn')
            @php $CountProcessOn = $item @endphp
            @endif
            @if($item != null && $key == 'CountProcessFake')
            @php $CountProcessFake = $item @endphp
            @endif
            @endforeach

            @forelse ($registers as $volumn)
            <div class="col-xl-2">
                <div class="forecast-box">
                    <div class="data-teus">
                        <span>{!!($volumn->teus ?? '-')!!}</span>
                        <label>TEU's</label>
                    </div>
                    <div class="data-fcl">
                        <span>{!!($volumn->Qty ?? '-')!!}</span>
                        <label>FCLS</label>
                    </div>
                    <div class="data-process">
                        <span>{!!($volumn->Processos ?? '-')!!}</span>
                        <label>Processes</label>
                    </div>
                    @if(isset($volumn->teus))
                    <div class="data-percent">
                        <span>{{(isset($total_teus) && $total_teus != 0 ? number_format((($volumn->teus * 100) / $total_teus), 2, '.', '') : '0') }}%</span>
                    </div>
                    @else
                    <div class="data-percent">
                        <span>0.00%</span>
                    </div>
                    @endif
                    <div class="data-week">
                        <span class="week-number">
                            {!!($volumn->currentWeek ? $volumn->currentWeek : '-')!!}
                        </span>
                        <span class="week-range">
                            {!!($volumn->firstday ?? '-' )!!}
                        </span>
                        <span class="week-range">
                            {!!($volumn->lastday ?? '-')!!}
                        </span>
                    </div>
                </div>
            </div>
            @empty
            -
            -
            -
            -
            @endforelse
        </div>
    </div>
</div>

<div class="row dash-vessel-forecast">
    <div class="col col-lg-12 col-sm-12 col-md-12 form-group">
        <h2>Vessel Deadlines Forecast</h2>
        <div class="row forecast-table vesselDeadlinesItems">
            @forelse ($registers as $volumn)
                <div class="col-xl-2">
                    <div class="forecast-box">
                        <div class="data-week">
                            <span class="week-number">
                                {!!($volumn->currentWeek ?? '-')!!}
                            </span>
                            <span class="week-range">
                                {!!($volumn->firstday ?? '-' )!!}
                            </span>
                            <span class="week-range">
                                {!!($volumn->lastday ?? '-')!!}
                            </span>
                        </div>

                        <div class="wrap_vessel_list">
                            <a data-toggle="collapse" data-target="#vessel_list"><img src="/image/dashboard/vessel-ship-ico.png"> Vessel List <i class="fas fa-angle-down"></i></a>

                            <div class="vessel_list">
                                <div id="vessel_list" class="collapse">
                                    <div class="underline"></div>
                                    @forelse ($volumn->vessels as $vessel)
                                        <span>{{$vessel->vessel ?? '-'}}</span>
                                    @empty
                                    -
                                    @endforelse
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            @empty
            @endforelse
        </div>
    </div>
</div>


<div class="row dash-grafico-mapa-forecast">
    <div class="form-group a">
        <div class="col col-lg-6 col-sm-6 col-md-6 form-group dash-grafico">
            <!--
			<div class="chartjs-size-monitor" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; pointer-events: none; visibility: hidden; z-index: -1;">
				<div class="chartjs-size-monitor-expand" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;">
					<div style="position:absolute;width:1000000px;height:1000000px;left:0;top:0"></div>
				</div>
				<div class="chartjs-size-monitor-shrink" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;">
					<div style="position:absolute;width:200%;height:200%;left:0; top:0"></div>
				</div>
			</div>
			-->
            {{-- @can('internalRoutine', App\Usuario::class)
            @php
            $labelController = "['Pending', 'Programmed', 'Pré-Booking ']";
            $labelControllerInfo = "[".$CountProcessOn.", " . $CountPending . ", " . $CountProcessFake . "]";

            @endphp
            @else
            @php
            $labelController = "['Pending', 'Programmed']";
            $labelControllerInfo ="[".$CountProcessOn.", " . $CountPending . "]";
            @endphp
            @endcan --}}

            <div class="col titleNews">
                <h4>CNN Brasil News</h4>
            </div>
            <div class="w-100"></div>
            <div class="col wrap-grafico">
                <div class="row">
                    <div class="col">
                        <iframe src="https://rss.app/embed/v1/list/4t2UHNppMCvfDJY7"  frameborder="0" height="440px" width="100%"></iframe>
                    </div>
                </div>
            </div>
        </div>
        <div class="col col-lg-6 col-sm-6 col-md-6 form-group">
            <div class="wrap-map dash-mapa">
                <div class="row">
                    <div class="col-md-3">
                        <div class="wrap-seaports">
                            @foreach($ports as $port)
                            <div class="seaport" id="{{$port['portName']}}">
                                <p><i class="fas fa-map-marker-alt"></i> {{$port['portName']}}</p>
                                <h2>{{$port['porcent']}}</h2>
                                <h1>{{$port['countPortsShippeds']}}<small>shipments</small></h1>
                            </div>

                            @php
                            $teste = 5;
                            @endphp

                            @endforeach
                        </div>
                    </div>
                    <div class="col-md-9">
                        <div>
                            @if(isset($div['am']))
                            {!! $div['star'] . $div['am'] . $div['end'] !!}
                            @endif
                            @if(isset($div['ba']))
                            {!! $div['star'] . $div['ba'] . $div['end'] !!}
                            @endif
                            @if(isset($div['ce']))
                            {!! $div['star'] . $div['ce'] . $div['end'] !!}
                            @endif
                            @if(isset($div['es']))
                            {!! $div['star'] . $div['es'] . $div['end'] !!}
                            @endif
                            @if(isset($div['ma']))
                            {!! $div['star'] . $div['ma'] . $div['end'] !!}
                            @endif
                            @if(isset($div['pa']))
                            {!! $div['star'] . $div['pa'] . $div['end'] !!}
                            @endif
                            @if(isset($div['pr']))
                            {!! $div['star'] . $div['pr'] . $div['end'] !!}
                            @endif
                            @if(isset($div['pe']))
                            {!! $div['star'] . $div['pe'] . $div['end'] !!}
                            @endif
                            @if(isset($div['rj']))
                            {!! $div['star'] . $div['rj'] . $div['end'] !!}
                            @endif
                            @if(isset($div['rs']))
                            {!! $div['star'] . $div['rs'] . $div['end'] !!}
                            @endif
                            @if(isset($div['sc']))
                            {!! $div['star'] . $div['sc'] . $div['end'] !!}
                            @endif
                            @if(isset($div['sp']))
                            {!! $div['star'] . $div['sp'] . $div['end'] !!}
                            @endif
                            <svg version="1.1" id="svg-map" xmlns="http://www.w3.org/2000/svg"
                                xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 450 460"
                                enable-background="new 0 0 450 460" xml:space="preserve">
                                <g>
                                    <a class="sea-hover" id="sea_to" xlink:href="#tocantins">
                                        <desc id="seaport_to">000</desc>
                                        <path stroke="#FFFFFF" stroke-width="1.0404" stroke-linecap="round"
                                            stroke-linejoin="round" d="M289.558,235.641
									c16.104,0.575,44.973-31.647,44.835-45.259c-0.136-13.612-17.227-58.446-22.349-66.088c-5.122-7.628-37.905,2.506-37.905,2.506
									S234.852,233.695,289.558,235.641z"></path>
                                        <text transform="matrix(1 0 0 1 287.0137 188.3208)" fill="#FFFFFF">TO</text>
                                    </a>
                                    <a class="sea-hover" id="sea_ba" xlink:href="#bahia">
                                        <path stroke="#FFFFFF" stroke-width="1.0404" stroke-linecap="round"
                                            stroke-linejoin="round"
                                            d="M313.276,197.775
									c2.084-2.739,3.506-7.012,6.464-8.764c1.641-0.973,3.232-4.684,4.271-5.163c2.304-1.014,12.161-25.143,20.706-22.513
									c1.095,0.342,29.881,3.478,32.153,7.532c2.246-0.506,17.582-8.804,25.829-4.999c9.172,4.246,11.225,20.679,11.2,20.843
									c0.107,0.328-0.823,5.765-0.985,5.929c-1.15,1-5.258-0.807-4.22,2.138c1.317,3.751,5.094,10.583,9.97,6.613
									c-3.669,6.574-6.846,16.022-13.966,17.747c-5.808,1.411-4.605,13.421-5.178,18.037c-0.465,3.75,0.192,8.448,1.014,12.117
									c1.148,4.959-0.821,8.6-1.808,13.42c-0.822,4.162-0.219,8.299-0.987,12.297c-0.271,1.286-4.407,5.723-5.559,7.148
									c-1.616-1.426-63.952-37.248-73.1-36.265c1.149-3.738,2.438-9.559-0.741-12.723c-8.625-8.572-0.135-19.335-0.162-19.432
									c-0.546-1.725-5.396-6.079-0.026-7.175c-3.175,0.959-1.944-4.027,0.875-3.012C316.726,200.733,314.044,200.527,313.276,197.775z"></path>
                                        <text transform="matrix(1 0 0 1 359.7324 210.1221)" fill="#FFFFFF">BA</text>
                                    </a>
                                    <a class="sea-hover" id="sea_se" xlink:href="#sergipe">
                                        <path stroke="#FFFFFF" stroke-width="1.0404" stroke-linecap="round"
                                            stroke-linejoin="round" d="M408.561,191.735
									c0.521-1.505,2.465-0.725,3.533-0.794c2.273-0.164,0.494-2.738,1.095-3.778c2.026-3.793-2.738-5.999-1.998-10.408
									c4.024,1.931,9.448,3.397,12.408,6.89c1.343,1.533,5.504,2.656,5.832,4.847c-6.822,0.384-6.901,8.819-11.942,11.572
									C413.545,202.212,407.055,193.721,408.561,191.735z"></path>
                                        <path class="circle" d="M417.324,182.854c6.214,0,11.266,5.035,11.266,11.262c0,6.208-5.052,11.261-11.266,11.261
									c-6.238,0-11.258-5.053-11.258-11.261C406.063,187.89,411.084,182.854,417.324,182.854z"></path>
                                        <text transform="matrix(1 0 0 1 408.9121 198.6689)" fill="#FFFFFF">SE</text>
                                    </a>
                                    <a class="sea-hover" id="sea_pe" xlink:href="#pernambuco">
                                        <path stroke="#FFFFFF" stroke-width="1.0404" stroke-linecap="round"
                                            stroke-linejoin="round" d="M373.011,167.238
									c2.709-0.795,6.218-14.106,8.325-15.106c4.136-1.986,17.255-1.437,17.8,4.903c-0.437-0.068,8.189-2.273,7.479-1.466
									c1.7-0.711,10.518-4.723,12.599-4.82c0.274-0.013,4.603,0.905,3.068,2.315c-0.464,0.439,4.219,3.698,10.789,3.45
									c4.66-0.176,5.179-3.436,8.627-4.409c5.89-1.67,4.737,3.698,5.589,6.943c-1.182,2.684-1.646,5.586-2.74,8.285
									c-1.533,3.792-9.804,9.791-13.39,12.119c-7.287,4.778-21.802-4.067-22.762-5.67c-0.602-0.985-2.55-5.121-3.178-5.107
									c-0.629,0.356-1.04,0.861-1.287,1.519c-0.904-0.013-7.256-3.533-7.502-4.655c-4.769-1.151-5.425,6.108-8.957,6.19
									c0.219,0.108-8.244,6.681-7.506,3.314C383.556,170.4,374.241,168.566,373.011,167.238z"></path>
                                        <text transform="matrix(1 0 0 1 401.3984 165.8003)" fill="#FFFFFF">PE</text>
                                    </a>
                                    <a class="sea-hover" id="sea_al" xlink:href="#alagoas">
                                        <path stroke="#FFFFFF" stroke-width="1.0404" stroke-linecap="round"
                                            stroke-linejoin="round" d="M413.953,169.018
									c3.78,3.313,9.424,5.505,12.547,5.491c3.229-0.013,5.009-3.328,7.421-4.794c1.177-0.712,10.297-1.93,9.174,1.042
									c-1.807,4.848-7.122,8.585-10.024,12.789c-2.792,2-3.423,7.093-6.354,1.864c-3.259,0.424-3.722-4.424-6.957-4.477
									c-3.668-2.261-7.998-3.769-11.201-6.342C410.615,172.646,412.751,171.359,413.953,169.018z"></path>
                                        <path class="circle" d="M436.423,168.763c6.236,0,11.258,5.054,11.258,11.278c0,6.207-5.02,11.259-11.258,11.259
									c-6.241,0-11.263-5.052-11.263-11.259C425.16,173.816,430.182,168.763,436.423,168.763z"></path>
                                        <text transform="matrix(1 0 0 1 429.7891 183.895)" fill="#FFFFFF">AL</text>
                                    </a>
                                    <a class="sea-hover" id="sea_rn" xlink:href="#riograndedonorte">
                                        <path stroke="#FFFFFF" stroke-width="1.0404" stroke-linecap="round"
                                            stroke-linejoin="round"
                                            d="M404.698,138.795
									c2.383-4.027,6.574-6.123,8.49-11.149c1.973-5.107,3.834-5.818,8.764-4.642c5.041,1.207,9.339,0.837,14.57,1.671
									c7.534,1.193,6.848,10.968,9.206,16.516c-1.919,1.096-13.972,0.521-15.064-1.657c-1.041-2.067-2.904,7.107-5.094,7.3
									c1.532-5.847-12.654,1.78-5.424-8.683c2.545-3.67-6.302-0.808-6.711,0.725C410.121,144.013,407.217,139.151,404.698,138.795z"></path>
                                        <path class="circle" d="M430.827,107.798c6.241,0,11.261,5.039,11.261,11.261c0,6.224-5.02,11.261-11.261,11.261
									c-6.209,0-11.26-5.037-11.26-11.261C419.567,112.837,424.618,107.798,430.827,107.798z"></path>
                                        <text transform="matrix(1 0 0 1 422.541 123.9009)" fill="#FFFFFF">RN</text>
                                    </a>
                                    <a class="sea-hover" id="sea_ce" xlink:href="#ceara">
                                        <path stroke="#FFFFFF" stroke-width="1.0404" stroke-linecap="round"
                                            stroke-linejoin="round" d="M372.379,104.409
									c0.437-1.368,2.961-3.627,1.043-5.025c12.106-1.328,17.581-0.849,27.66,6.723c4.026,3.054,6.822,5.574,10.571,9.147
									c1.317,1.273,7.614,4.313,7.914,6.164c-0.054-0.316-5.396,3.696-5.997,5.217c-1.066,2.684-2.659,6.093-4.3,8.298
									c0.025-0.055-6.903,3.957-3.532,4.217c-4.41,3.821-1.015,8.135-0.797,11.517c0.196,2.767-4.38,7.587-6.765,5.422
									c-2.244-1.999-3.998-5.711-7.779-5.094c-1.998,0.329-5.476,2.189-7.612,0.479c-2.52-2.054,3.669-5.162-0.545-7.354
									c-6.987-3.615-1.264-15.393-6.684-20.239c-3.504-3.136,1.753-7.313,0.109-10.749C374.952,111.68,373.694,105.244,372.379,104.409
									C373.035,102.314,374.815,105.971,372.379,104.409z"></path>
                                        <text transform="matrix(1 0 0 1 386.8379 129.0347)" fill="#FFFFFF">CE</text>
                                    </a>
                                    <a class="sea-hover" id="sea_pi" xlink:href="#piaui">
                                        <path stroke="#FFFFFF" stroke-width="1.0404" stroke-linecap="round"
                                            stroke-linejoin="round" d="M320.781,185.478
									c2.465-5.149-7.505-20.801-7.505-20.801s47.354-65.868,54.285-66.841c0.299-0.042,6.243,1.768,6.463,2.219
									c0.438,0.863-0.821,5.244-0.685,6.587c0.275,2.629,2.879,6.587,2.328,8.684c-1.15,4.736-1.863,6.134,1.369,9.901
									c2.794,3.245,0.325,10.16,2.544,14.269c-1.778,4.23,4.768,3.656,3.943,7.613c-0.655,3.163-5.424,7.655-1.176,10.312
									c0.274,4.642-4.685,4.983-6.79,7.818c-2.631,2.835-5.535,5.013-7.999,7.888c-0.55,0.671-8.821,4.096-9.998,4.082
									c0.302-0.301-17.665-6.449-11.967,2.354c2.463,3.808-1.505,5.56-3.177,8.778c-0.633,2.164-5.836,0.958-7.836,3.205
									C328.176,198.748,327.409,180.727,320.781,185.478z"></path>
                                        <text transform="matrix(1 0 0 1 355.127 158.1045)" fill="#FFFFFF">PI</text>
                                    </a>
                                    <a class="sea-hover" id="sea_ma" xlink:href="#maranhao">
                                        <path stroke="#FFFFFF" stroke-width="1.0404" stroke-linecap="round"
                                            stroke-linejoin="round" d="M288.845,127.827
									c4.108-2.726,31.195-48.985,31.386-50.395c1.235,0.397,6.084,7.435,7.562,5.025c0.493,0.013-0.328,2.15-0.547,2.396
									c-0.054-0.135,2.189-2.286,2.52-2.436c0.521-0.233,1.948,1.903,3.451-0.726c5.642,1.575,1.314,14.31,9.121,11.694
									c-1.147,0.384,1.452,0.74,0.848,1.905c5.095-6.587,8.488-0.027,15.337,1.491c2.025,0.466,6.243,0.575,8.162,0.207
									c3.808-0.823-2.082,6.847-2.082,6.887c-1.369,2.986-5.041,1.713-6.818,5.683c-0.684,1.549-3.506,4.327-3.042,6.148
									c0.494,1.781,2.081,2.863,0.274,4.629c0.603,2.793,3.066,7.109-0.385,9.12c-4.601,4.383,2.304,7.52,1.316,11.598
									c-0.9,3.726-6.244,5.725-9.147,2.78c-4.847-0.11-6.872,3.821-10.406,6.45c-2.74,2.041-8.793,2.493-10.327,5.642
									c-1.918,3.929-3.699,8.763-5.341,12.79c-1.699,4.204,6.383,18.762-4.328,15.611c-0.932-0.273-3.396-4.725-3.396-5.738
									c-0.081-3.739-2.738-4.176-4.821-7.477c0.356-3.025,2.466-6.929,4.766-8.052c3.342-1.63,1.919-6.629-2.466-4.465
									c-3.505,1.726-4.709-2.794-6.958-5.287c0.548,0.59-3.064-4.696-3.146-3.697c0.19-1.89,2.876-5.833,3.341-8.448
									c0.575-3.259,0.52-6.764-0.521-10.105c-0.63-2.068-4.656-4.521-6.518-4.437c-1.289,0.287-2.443,0-3.427-0.878
									C290.983,125.675,290.983,128.044,288.845,127.827z"></path>
                                        <text transform="matrix(1 0 0 1 318.2754 126.7036)" fill="#FFFFFF">MA</text>
                                    </a>
                                    <a class="sea-hover" id="sea_ap" xlink:href="#amapa">
                                        <path stroke="#FFFFFF" stroke-width="1.0404" stroke-linecap="round"
                                            stroke-linejoin="round" d="M225.198,39.089
									c3.274,1.165,3.985-1.315,6.572-1.74c3.616-0.603,5.683,2.725,9.037,2.067c4.055-0.78,7.093-8.025,7.314-11.598
									c4.492-3.534,5.503-11.258,9.42-14.68c6.055,4.258,6.11,15.788,7.589,22.485c-0.164,0.083,6.57,7.998,7.944,8.682
									c3.396,1.657,3.366,6.203,0.078,9.34c-3.777,3.587-7.449,34.275-7.449,34.275h-46.489c0,0,0.932-50.366,0-51.449
									C221.814,36.458,223.334,38.417,225.198,39.089z"></path>
                                        <text transform="matrix(1 0 0 1 245.9023 52.6099)" fill="#FFFFFF">AP</text>
                                    </a>
                                    <a class="sea-hover" id="sea_pa" xlink:href="#para">
                                        <path stroke="#FFFFFF" stroke-width="1.0404" stroke-linecap="round"
                                            stroke-linejoin="round" d="M173.378,50.619
									c2.259,2.63,5.629-4.478,7.901-3.82c3.19,0.918,1.478-1.108,5.026-1.752c1.931,0.806,3.096,0.273,3.519-1.631
									c0.535-1.26,1.453-1.726,2.725-1.384c1.768-1.684,13.558,3.603,14.68,0.384c0.629-1.821-4.287-5.709-0.302-6.997
									c1.643-0.533,6.012,0.808,8.75-0.068c3.986-1.288,4.876,2.684,4.382,6.066c0.631,3.587,13.145,5.766,12.982,7.97
									c3.589-1.518,5.354,12.763,7.105,14.447c0.357,4.26,6.304,8.585,7.07,12.544c0.628,3.396,7.065,3.616,8.213,0.095
									c2.578-8.133,9.696-10.022,13.475-16.651c4.603-8.038,3.725,3.752,8.955,1.067c2.11,0.411,2.876,3.629,4.574,4.724
									c3.18,2.027,7.779,0.974,10.572,3.013c-4.192,4.382,8.188,3.752,9.231,3.875c4.682,0.575,8.104,2.383,11.855,3.629
									c-0.164-0.069,4.792,0.52,5.178,1.245c2.026,3.767-4.904,19.214-6.382,21.486c-1.121,1.713-2.932,4.985-3.727,6.834
									c-0.902,2.026-4.764,7.313-4.655,9.229c-1.888,0.972-2.248,4.835-5.012,4.328c-3.096,3.026-8.187,4.999-10.27,8.956
									c2.057,0.781,8.325,1.041,5.311,4.272c-0.821,0.877-1.094,5.533-1.615,6.833c-0.575,1.384-4.464,4.779-6.108,5.34
									c-4.107,1.426-2.736,4.135-4.271,7.655c-0.933,2.054-0.546,3.491,1.756,4.339c-0.083,2.835-0.988,5.575-2.385,7.998
									c-3.041,5.245-9.009,9.818-10.079,16.27c-3.261,3.408-87.066-1.22-87.464-2.644c-1.423-5.012,1.508-24.006-2.808-27.88
									c-0.19-2.082-29.893-6.299-30.714-8.081C150.016,140.479,173.173,58.561,173.378,50.619z M319.139,77.664
									C319.302,76.912,319.74,78.76,319.139,77.664z"></path>
                                        C319.302,76.912,319.74,78.76,319.139,77.664z"></path>
                                        <text transform="matrix(1 0 0 1 232.7725 122.5137)" fill="#FFFFFF">PA</text>
                                    </a>
                                    <a class="sea-hover" id="sea_rr" xlink:href="#roraima">
                                        <path stroke="#FFFFFF" stroke-width="1.0404" stroke-linecap="round"
                                            stroke-linejoin="round" d="M113.18,24.107
									c-0.972-2.753-7.861-5.889-6.999-8.984c0.068-0.232,13.229,6.053,12.79,2.808c0.398,1.329,1.219,1.889,2.439,1.685
									c1.889-1.301,7.148,4.204,8.216,1.889c0.438-0.959-1.657-3.753,0.74-3.848c1.026,0.438,1.534,0.164,1.52-0.822
									c0.835-1.752,3.575,0.219,4.793,0.083c0.767-1.056,10.625-3.026,9.037-5.094c1.37,0.438,4.574,0.808,4.63-1.547
									c4.546-2.054,1.15-4.409,2.644-6.354c2.177-2.82,9.791,0.809,7.327,5.738c-1.972,3.93,7.121,4.027,5.724,9.366
									c-0.452,1.686-2.479,2.724-3.423,3.971c-1.179,1.546-1.836,9.243-1.356,11.53c1.041,4.889,3.231,8.695,6.134,12.16
									c1.712,2.027,5.614,2.261,5.724,4.369c0.164,2.945,1.165,6.177,0.329,9.092c-1.547,5.424-36.618,30.471-36.618,30.471
									s-12.517-52.736-20.335-54.063C115.261,36.417,111.523,25.682,113.18,24.107z"></path>
                                        <text transform="matrix(1 0 0 1 136.2939 42.3862)" fill="#FFFFFF">RR</text>
                                    </a>
                                    <a class="sea-hover" id="sea_am" xlink:href="#amazonas">
                                        <path stroke="#FFFFFF" stroke-width="1.0404" stroke-linecap="round"
                                            stroke-linejoin="round"
                                            d="M10.078,136.412
									c1.15-4.972,4.258-10.394,8.215-13.105c4.41-3.027,7.656-5.71,13.105-6.082c2.165-0.149,10.216-5.75,11.983-2.984
									c3.711,5.765,4.998-3.739,5.574-7.025c1.726-9.667,3.697-19.322,4.86-29.086c-0.342-1.356-2.013-6.231-2.833-7.163
									c-1.453-1.616-4.287-2.122-4.768-4.544c-0.272-1.452-0.574-7.258,1.109-8.121c3.494-1.768,6.547-0.042,9.737-0.89
									c-2.561-4.053,0.302-4.327-5.532-5.135c-3.438-0.466-3.971-2.466-2.738-6.368c1.053-3.3,15.898-1,19.088-1.396
									c-1.534,0.178-1.11-2.479-0.042-2.616c1.274-0.165,1.576,2.684,3.165,0.998c1.286-1.395,3.189-2.915,4.6-3.751
									c2.438-1.45,4.533,8.217,4.465,9.833c-0.041,0.78-0.137,2.438,1.177,2.246c3.012-0.466,4.219,2.849,7.273,4.231
									c3.778,1.713,3.929-1.355,7.023-2.068c4.301-0.985,0.711,3.396,2.383,3.793c1.589,0.385,3.806-4.969,4.821-5.572
									c0.93-0.533,3.725-0.753,4.846-1.602c3.013-2.245,1.933-1.686,3.492-1.206c3.478,1.041,2.233-8.367,6.491-7.066
									c1.822-0.466,3.643-2.34,5.533-2.423c1.041-0.043,6.066,2.287,6.544,3.147c0.589,1.465,0.316,2.795-0.793,3.986
									c1.575,1.425,2.698,3.149,3.355,5.162c0.904,2.862-1.286,6.807,0.588,9.299c-0.22,6.655,4.808,7.887-0.396,12.597
									c0.192-0.178,6.711,7.067,7.121,8.039c0.971-0.711,4.066,0.849,4.381,1.535c-1.658-3.629,0.547-17.09,6.628-10.915
									c7.203,7.327,5.491-3.615,9.148-8.627c2.834-3.875,14.597-3.136,14.077,3.246c-1.082,3.273,6.271,14.256,9.667,11.436
									c2.26,5.737,6.889,4.285,10.407,8.051c5.094,5.464,4.37,3.396,11.313,2.848c-2.259,3.602-3.425,4.808-5.272,8.86
									c-3.149,6.862-6.15,13.776-9.204,20.678c-2.437,5.505-14.843,23.471-11.105,28.442c4.806,6.395,9.339,30.183,11.324,29.934
									c-6.162-0.26-48.079-10.625-51.652-8.105c-1.453,1.013-53.626,10.503-55.9,10.819c-6.369,0.875-18.09-7.272-23.719-10.136
									c-8.601-4.381-16.61-8.981-26.088-11.05c-10.282-2.259-20.635-4.793-29.878-10.011C4.121,145.766,12.433,144.779,10.078,136.412z"></path>
                                        <text transform="matrix(1 0 0 1 98.1406 119.0591)" fill="#FFFFFF">AM</text>
                                    </a>
                                    <a class="sea-hover" id="sea_ac" xlink:href="#acre">
                                        <path stroke="#FFFFFF" stroke-width="1.0404" stroke-linecap="round"
                                            stroke-linejoin="round"
                                            d="M3.656,148.545
									c12.557,7.544,27.524,8.367,41.082,13.2c12.802,8.065,27.278,12.845,40.616,19.872c-2.834,1.205-7.587,4.382-9.983,6.395
									c-2.93,2.45-1.3,2.04-4.628,1.957c-2.93-0.069-3.957,4.615-7.203,5.259c-2.999,0.603-7.161-1.958-10.995-1.697
									c-1.905,0.136-11.969-0.056-12.64,0.603c0.313-3.642-0.385-7.299-0.165-10.941c0.096-1.439,1.998-6.533,1.245-7.451
									c-6.82,3.149-8.339,7.19-16.733,7.013c-2.136-0.042-2.562-2.492-3.081-4.001c-1.247-3.572-7.218-3.422-10.559-3.778
									c6.299-3.41-3.107-11.9-5.216-15.679c-0.52-0.918-3.588-4.655-3.629-5.957C1.642,150.174,6.612,151.968,3.656,148.545z"></path>
                                        <text transform="matrix(1 0 0 1 47.7017 184.9355)" fill="#FFFFFF">AC</text>
                                    </a>
                                    <a class="sea-hover" id="sea_ro" xlink:href="#rondonia">
                                        <path stroke="#FFFFFF" stroke-width="1.0404" stroke-linecap="round"
                                            stroke-linejoin="round" d="M83.34,180.232
									c0.931-1.574,5.341-4.668,6.312-4.656c1.355-0.067,2.671,0.138,3.958,0.603c3.012,1.44,2.039-1.135,5.341-0.123
									c-1.274-2.287,3.793-2.943,2.86-0.315c3.068,0.247,2.725-4.683,6.668-5.12c4.438-0.508,5.054-0.646,7.122-4.534
									c0.135-0.246,2.628-5.519,2.752-5.025c2.191-6.491,14.585-0.878,15.638,3.355c0.397,1.615,1.834,3.137,3.642,4.369
									c1.246,0.862,6.327-3.999,6.134,1.314c-0.78,1.274,26.663,7.656,30.005,19.282c3.82,13.338-16.421,32.167-18.173,34.043
									c-4.464,1.191-2.039,1.726-6.6,0.15c-2.574-0.875-6.422,0.986-9.08,0.289c-2.409-0.645-3.041-3.957-5.86-4.683
									c-3.055-0.78-5.423-1.795-7.654-3.93c-4.041-3.876-8.983-2.645-14.475-3.808c-1.835-0.083-6.053-6.779-7.874-5.327
									c-1.821-0.438-5.381-9.094-3.397-11.204c0.124-1.67-0.26-3.204-1.163-4.627c-0.986-2.644,1.041-5.026,0.863-7.806
									c-0.384-6.081-1.028-1.986-3.382-1.903C94.336,180.686,85.957,181.671,83.34,180.232z"></path>
                                        <text transform="matrix(1 0 0 1 118.1299 195.3193)" fill="#FFFFFF">RO</text>
                                    </a>
                                    <a class="sea-hover" id="sea_mt" xlink:href="#matogrosso">
                                        <path stroke="#FFFFFF" stroke-width="1.0404" stroke-linecap="round"
                                            stroke-linejoin="round" d="M142.237,173.962
									c4-0.316-1.888-6.452,5-5.738c7.914,0.808,16.295,0.328,24.279,0.218c1.629-0.013,8.902,1.288,7.395-1.833
									c-1.192-2.453,1.821-6.425,0.425-9.725c2.027-0.864,1.289-3.807,2.629-5.107c1.151-1.123,4.176,7.244,4.436,7.819
									c1.097,2.451,0.398,5.478,1.932,7.654c1.41,1.987,4.574,2.136,5.889,4.259c3.136,5.136,10.845,4.137,17.13,4.657
									c20.159,1.656,40.356,2.669,60.486,4.752c-3.48,7.763-3.999,14.912-5.122,22.552c-0.437,2.972,1.863,7.163-0.056,10.065
									c1.945,1.287,1.346,2.753,1.424,4.409c1.151,25.129-20.429,60.186-33.548,58.569c-10.914-1.369-45.3,0.058-46.928-3.396
									c-1.165-3.944-6.136-2.658-8.395-6.603c-2.301-4.051,0.684-6.299,0.737-10.242c-6.997,0.603-14.09-0.384-21.102-0.324
									c0.793-5.016-3.725-9.288-2.929-13.809c0.519-3.025,2.726-2.916,0.932-6.79c-1.206-2.589-0.261-4.247-0.699-6.382
									c-0.289-1.385-1.042-1.876-2.124-2.424c-2.931-1.493,1.246-2.48,2.056-3.644c1.726-2.465,3.299-11.394,6.545-11.612
									c1.219-1.999-1.781-3.643-1.465-5.56c-3.902-3.588,0.506-4.643,0.369-7.984c-0.151-3.627-9.654-3.944-12.256-3.751
									c-1.821,0.137-4.109,0.562-5.888-0.094c0.493-3.521-0.521-6.054-0.535-9.217c-0.014-2.286,1.288-5.177,0.835-7.45
									C143.581,176.618,141.937,174.714,142.237,173.962z"></path>
                                        <text transform="matrix(1 0 0 1 200.0244 218.4175)" fill="#FFFFFF">MT</text>
                                    </a>
                                    <a class="sea-hover" id="sea_ms" xlink:href="#mattogrossodosul">
                                        <path stroke="#FFFFFF" stroke-width="1.0404" stroke-linecap="round"
                                            stroke-linejoin="round"
                                            d="M183.198,294.536
									c2.136-4.464,3.177-9.394,5.312-13.61c1.712-3.344-4.067-7.587-2.423-9.807c0.027-0.026,2.738,3.641,3.917,3.725
									c3.204-1.534,4.807-2.272,6.984-5.228c2.615-3.59,10.832-3.014,14.051-0.305c1.259,1.041,3.068,2.107,4.668,2.574
									c3.163,0.934,5.889-3.013,8.559-0.873c3.724,2.982,4.626-1.862,7.86-3.509c1.945-1.012-1.768,8.465-2.244,7.781
									c2.463,0.959,4.285,0.901,6.82,0.959c3.504,0.081,1.805,1.205,2.436,3.339c0.466,1.564,28.948-5.997,29.416,0.578
									c0.302,3.837-0.987,61.813-0.987,61.813s-39.532,5.533-41.602,5.286c-3.889-0.492-3.587-3.231-8.063-0.933
									c-2.028,0.329-6.012,1.205-5.177-2.409c-2.013-4.354-0.111-14.625-4.849-17.088c-1.206-0.659-7.092-2.36-7.504-1.945
									c-1.699,1.777-3.739,1.562-6.121,1.121c-2.904,0.027-5.629-1.614-8.243-1.203c-4.178,0.656-0.603-2.986-1.645-3.535
									c0.932-2.847,1.411-9.912,0.453-11.856c-0.165-0.331-3.52-7.232-2.547-8.108C186.306,297.688,182.334,299.415,183.198,294.536z"></path>
                                        <text transform="matrix(1 0 0 1 213.2939 306.7236)" fill="#FFFFFF">MS</text>
                                    </a>
                                    <a class="sea-hover" id="sea_go" xlink:href="#goias">
                                        <path stroke="#FFFFFF" stroke-width="1.0404" stroke-linecap="round"
                                            stroke-linejoin="round"
                                            d="M237.768,270.519
									c0.628-2.904,1.835-7.396,4.709-8.766c1.015-1.644,1.754-5.147,2.275-5.586c2.408-2.247,3.889-3.783,6.63-4.656
									c3.723-1.205,3.338-5.342,4.846-8.165c1.504-2.845,4.736-1.15,5.942-3.382c1.479-2.834,0.741-6.161,2.189-8.874
									c2.902-5.531,1.862-17.363,8.656-20.567c-4.878,7.641,3.698,4.971,7.201,9.449c2.273,1.738,2.164-1.822,2.71-3.055
									c1.618-3.533,2.878,2.247,4.52-1.533c0.413,0.37,4.136,5.765,3.427,5.601c-0.029-0.931,0.326-1.408,1.037-1.438
									c0.108,0.534,0.274,1.013,0.602,1.452c-0.602-0.261,9.697-0.095,8.82,1.534c0.36-0.657-0.602-3.11,0.221-3.438
									c1.039-0.411,3.971,1.368,6.351,0.438c1.045-0.397,7.889-2.807,7.671-3.683c0.767,0.905,1.262,2.67,2.85,1.286
									c-2.632,2.274-2.576,4.466,1.258,3.821c-1.861,1.438-2.846,4.341-2.382,6.547c0.357,1.643,3.752,5.973,3.478,6.751
									c-1.78,0.315,0.602,5.438-2.325,6.078c-3.181,0.701-3.973-5.53-4.3,0.688c-0.164,1.48-1.097,1.67-2.768,0.576
									c-3.288,0.327-0.549,2.19-1.121,3.888c-0.988,2.902,2.792,6.437-2.411,6.764c-3.586,0.219-2.682,1.341-2.682-2.739
									c-0.028-4.573-12.054-3.643-10.218,0.521c-4.901,6.355,12.05-0.326,9.668,6.355c-1.313,3.752,15.83,28.211,10.406,25.416
									c-1.944-0.986-50.804,10.271-49.982,12.105c-5.012-2.136-11.804-7.941-17.391-8.162c-0.438-2.189-3.618-1.284-5.095-1.533
									c-3.724-0.604,1.04-3.231,0.22-4.109c-1.89-1.916-4.382,1.756-3.588-3.012C239.602,274.627,237.055,273.038,237.768,270.519z"></path>
                                        <text transform="matrix(1 0 0 1 266.9111 254.2139)" fill="#FFFFFF">GO</text>
                                    </a>
                                    <a class="sea-hover" id="sea_pr" xlink:href="#parana">
                                        <path stroke="#FFFFFF" stroke-width="1.0404" stroke-linecap="round"
                                            stroke-linejoin="round" d="M222.225,363.694
									c1.807-2.138,1.889-4.881,2.424-7.479c0.301-1.453,0.465-7.86,1.369-8.736c2.3-0.684,2.3-3.315,2.726-5.204
									c0.616-2.738,2.821-2.958,3.984-5.616c4.369-9.91,38.947-9.529,46.476-9.227c4.658,0.193,15.775,34.563,17.916,33.794
									c-1.728,2.19-5.754,8.929-8.41,8.984c-4.054,0.057-14.215,14.68-14.215,14.68s-37.329-12.05-40.287-11.285
									c-3.875-1.449-2.698-6.491-6.054-8.216C226.663,364.623,222.498,367.8,222.225,363.694z"></path>
                                        <text transform="matrix(1 0 0 1 248.4453 356.1045)" fill="#FFFFFF">PR</text>
                                    </a>
                                    <a class="sea-hover" id="sea_sc" xlink:href="#santacatarina">
                                        <path stroke="#FFFFFF" stroke-width="1.0404" stroke-linecap="round"
                                            stroke-linejoin="round" d="M231.029,383.959
									c1.669-3.338-0.284-10.516,4.573-10.569c6.631-0.109,13.639,3.559,20.402,3.888c1.317,0.055,5.231,2.163,4.357-1.15
									c-1.095-4.164,3.945-1.863,5.67-3.179c2.274-1.724,8.187-4.106,11.311-1.367c1.423,1.809,20.05-5.395,13.284,3.946
									c-1.368,1.395,0.713,10.789,0.466,10.734c-3.449,4.438,1.726,11.666-5.096,15.334c-2.901,1.536-7.284,7.779-9.64,9.995
									C276.085,411.866,233.534,382.918,231.029,383.959z"></path>
                                        <text transform="matrix(1 0 0 1 266.9111 387.7646)" fill="#FFFFFF">SC</text>
                                    </a>
                                    <a class="sea-hover" id="sea_rs" xlink:href="#riograndedosul">
                                        <path stroke="#FFFFFF" stroke-width="1.0404" stroke-linecap="round"
                                            stroke-linejoin="round"
                                            d="M191.236,416.881
									c0.52-2.684,7.38-8.409,9.477-10.351c0.37-0.359,8.599-10.08,9.174-8.329c-1.301-3.89,2.781-1.589,3.917-4.819
									c0.26-0.521,7.04-4.821,7.109-4.795c1.436-0.191,6.721-3.695,7.421-3.257c1.204-2.028,8.927-1.479,8.653-0.824
									c1.165-0.38,2.284-0.877,3.326-1.479c0.221-0.821,22.459,7.533,24.319,11.531c2.523,5.34,12.217,2.822,13.15,5.563
									c0.106,0.275-5.809,9.339-3.89,9.173c-0.985,0.08,3.204-2.875,3.834,0.409c-2.793,3.619-4.6,7.834-6.571,11.944
									c-3.696,7.614-8.872,12.765-15.886,17.42c-7.394,4.902-7.339,11.941-13.257,17.693c-8.091,7.942-10.159-0.574-4.08-5.752
									c3.806-3.231-22.527-19.746-25.578-22.732c-1.918-1.862-2.384,0.274-4.219,1.15c-2.547,1.205-1.917-2.822-3.588-4.273
									c-2.3-1.999-4.793-5.479-7.737-6.68c-3.478-1.367-5.615,5.145-9.052,0.821C189.168,418.854,190.332,418.032,191.236,416.881z"></path>
                                        <text transform="matrix(1 0 0 1 231.0313 414.4658)" fill="#FFFFFF">RS</text>
                                    </a>
                                    <a class="sea-hover" id="sea_sp" xlink:href="#saopaulo">
                                        <path stroke="#FFFFFF" stroke-width="1.0404" stroke-linecap="round"
                                            stroke-linejoin="round" d="M239.3,330.554
									c3.26-4.356,9.56-5.039,11.531-10.792c1.369-3.942,3.889-8.818,6.135-13.036c1.561-2.957,7.749-7.121,10.517-8.65
									c0.383-0.196,32.974-6.138,42.234-1.701c20.265,9.724,26.017,33.879,27.854,33.304c4.408-1.425,5.34,3.778,2.106,4.49
									c-1.754,0.413-6.519,1.479-6.49,3.399c0.027,3.448,0.521,1.615-2.931,3.639c-2.189-1.42-3.34,4.111-4.763,3.426
									c-4.271-2.244-6.958,2.96-9.258,1.918c-4.271-1.918-16.98,13.092-19.638,15.336c0.245-0.218-1.148-1.479-1.587-2.685
									c-0.466-1.369-2.658,0.385-4.025,0.082c-0.986-0.192,1.751-4.079-2.303-4.52c-1.369-0.164-3.753,0.303-4.929,0.084
									c-2.903-0.547,0.108-2.41-0.439-3.862c-1.067-2.986-3.013-4.931-3.751-7.779c-0.52-1.945,0.165-7.531-3.615-7.395
									c-0.848-2.956-6.628-1.451-9.066-1.862c-0.162,0.163-8.846-2.684-10.079-2.684c-1.616-0.029-6.791-3.396-7.121-0.274
									C247.982,330.386,239.876,331.21,239.3,330.554z"></path>
                                        <text transform="matrix(1 0 0 1 280.6816 327.3193)" fill="#FFFFFF">SP</text>
                                    </a>
                                    <a class="sea-hover" id="sea_mg" xlink:href="#minasgerais">
                                        <path stroke="#FFFFFF" stroke-width="1.0404" stroke-linecap="round"
                                            stroke-linejoin="round" d="M262.881,297.305
									c-1.696-5.094,15.531-19.882,18.844-13.421c5.531-7.367,15.886,1.588,19.773-3.944c0.988-1.367,3.015-1.453,3.725-2.957
									c0.326-0.711-0.493-2.793-0.056-3.888c1.369-3.398-4.873-2.355-0.109-6.603c4.547-4.053-1.917-4.739-1.204-8.186
									c0.957-4.604,1.807-4.713,5.613-6.027c1.943-0.688,0.906-8.272,0.083-8.52c-0.108-2.699,1.974-2.546,3.782-1.617
									c2.188-0.135-0.276-3.695,0.957-4.243c-0.357,0.151,5.559,1.999,5.724,2.055c0.986,0.358-0.52,3.534-0.931,3.943
									c8.217-2.355,14.514-11.789,23.279-11.242c4.983,0.316-0.327,4.339,5.367,5.544c0.684,1.234,3.34-1.054,4.054-1.189
									c2.876-0.536,5.53,3.284,8.106,3.886c2.301,3.578,7.503,0.537,10.298,3.001c1.755,1.589,2.188,3.397,3.396,5.313
									c1.314,2.052,3.86-0.465,5.726-0.109c3.257,0.656,6.326,2.026,9.338,3.723c2.19,1.205,0.768,3.179-0.548,4.573
									c-0.765,0.796-3.259,6.165-2.627,5.643c-2.138,1.781-2.628-1.669-3.397,2.764c-0.628,3.674,0.164,4.714,3.149,7.015
									c4.901,3.229-6.765,3.12-6.71,3.504c0.22,0.601-2.846,41.96-3.835,42.179c-6.737,1.562-14.513,5.311-21.744,7.012
									c-12.736,2.985-24.295,3.778-29.471,4.656c0,1.452-5.367,6.872-8.518,1.259c0,0-3.041-7.285-2.821-7.229
									c0.105-0.027,2.138-5.506,2.244-6.137c0.768-3.504-5.042-0.765-5.749-2.188c-0.878-1.81-2.358-4.576-2.166-6.628
									c1.699-1.205,1.672-2.383-0.08-3.562c-1.04-1.095-1.205-2.303-0.521-3.672c-2.329-1.424-3.065-2.683-5.698-2.462
									c-1.479,0.138-4.055,3.668-5.506,0.629c0.878,2.108-4.188,0.769-5.094,1.56c-2.354-1.202-1.779,2.028-2.384,3.069
									c-0.137,0.22-1.014-2.904-1.065-2.961c-1.149-1.175-2.767,4.165-3.505-0.055c0.766-4.105-4.657-2.709-7.67-2.93
									c-4.708-0.353-5.53-1.613-9.858,0.631C262.993,300.562,262.336,299.274,262.881,297.305z"></path>
                                        <text transform="matrix(1 0 0 1 328.4063 286.4561)" fill="#FFFFFF">MG</text>
                                    </a>
                                    <a class="sea-hover" id="sea_rj" xlink:href="#riodejaneiro">
                                        <path stroke="#FFFFFF" stroke-width="1.0404" stroke-linecap="round"
                                            stroke-linejoin="round" d="M332.886,337.429
									c-1.26-2.768,8.409-4.795,7.89-6.71c-3.177-1.864-4.602,1.148-6.63-2.959c4.274-0.686,9.533-4.49,13.831-3.562
									c0.548-0.219,4.902-1.753,4.96,0.167c2.546-1.566,5.479-2.412,8.105-3.837c2.246-1.206,0.932-8.218,3.725-9.643
									c6.054-3.123,1.398,1.836,7.066,2.959c5.888,1.205,5.395,1.48,5.641,7.067c0.247,5.642-8.763,4.381-11.063,8.764
									c-1.039,1.999,1.698,5.368-3.368,4.903c-4.188-0.413-10.628,2.355-9.285-3.18c-1.039-0.08-1.861,0.301-2.464,1.124
									c0,0,0.105,2.767-0.74,2.741c-0.766-0.056-7.643,1.094-7.449,0.463c1.398-0.359,2.708-0.684,4.135-0.794
									c-1.667-0.713-2.957-1.839-4.901-0.142c0.465,0.195-4.227-0.086-3.379-0.113c-0.521,1.727-3.814,0.699-3.879,3.045
									C336.717,337.908,333.927,342.41,332.886,337.429z"></path>
                                        <path class="circle" d="M355.094,318.613c6.209,0,11.263,5.021,11.263,11.259c0,6.208-5.056,11.264-11.263,11.264
									c-6.211,0-11.263-5.054-11.263-11.264C343.831,323.634,348.883,318.613,355.094,318.613z"></path>
                                        <text transform="matrix(1 0 0 1 347.4648 334.6807)" fill="#FFFFFF">RJ</text>
                                    </a>
                                    <a class="sea-hover" id="sea_es" xlink:href="#espiritosanto">
                                        <path stroke="#FFFFFF" stroke-width="1.0404" stroke-linecap="round"
                                            stroke-linejoin="round" d="M367.119,308.834
									c1.044-1.999-0.298-5.451,1.841-6.326c3.697-1.453,3.858-0.467,5.941-4.49c0.767-1.563,3.999-5.807,2.848-7.835
									c-0.439-0.765-3.204-3.613-3.286-4.05c1.04-0.249,2.079-0.219,3.123,0.054c1.366-0.654-6.465-10.519,2.137-8.054
									c-1.204-0.655-1.535-1.365-0.932-2.135c4.358-0.138,13.856,0.027,12.845,6.738c-0.577,3.835,0.933,8.079-0.577,11.804
									c-0.218,0.576-5.861,8.954-5.831,8.954c0.985,3.289-5.18,5.808-6.054,8.165c-1.313,3.56-2.135,3.013-5.614,2.573
									c-1.64-0.274-3.202-0.768-4.736-1.451C368.819,311.297,369.424,309.055,367.119,308.834z"></path>
                                        <path class="circle" d="M381.917,284.723c6.21,0,11.261,5.055,11.261,11.262c0,6.212-5.051,11.261-11.261,11.261
									c-6.212,0-11.263-5.049-11.263-11.261C370.654,289.777,375.705,284.723,381.917,284.723z"></path>
                                        <text transform="matrix(1 0 0 1 373.3047 300.4971)" fill="#FFFFFF">ES</text>
                                    </a>
                                    <a class="sea-hover" id="sea_df" xlink:href="#distritofederal">
                                        <path stroke="#FFFFFF" stroke-width="1.0404" stroke-linecap="round"
                                            stroke-linejoin="round" d="M292.461,246.197
									c0,0,12.929-2.903,14.188,0c1.233,2.903,0.659,10.683-1.424,11.504c-2.08,0.849-14.296-1.806-14.023-3.313
									C291.503,252.853,292.461,246.197,292.461,246.197z"></path>
                                        <path class="circle" d="M300.735,238.34c6.212,0,11.26,5.035,11.26,11.258c0,6.21-5.048,11.263-11.26,11.263
									c-6.209,0-11.261-5.053-11.261-11.263C289.475,243.377,294.523,238.34,300.735,238.34z"></path>
                                        <text transform="matrix(1 0 0 1 292.4141 254.2139)" fill="#FFFFFF">DF</text>
                                    </a>
                                    <a class="sea-hover" id="sea_pb" xlink:href="#paraiba">
                                        <path stroke="#FFFFFF" stroke-width="1.0404" stroke-linecap="round"
                                            stroke-linejoin="round" d="M401.575,141.096
									c2.081-3.081,16.791-6.82,19.117-4.616c0,1.918,7.259,1.686,10.133,2.712c-0.492,3.038,12.652,1.533,14.408,2.259
									c1.421,0.589,3.833,11.983,1.421,12.202c-0.874-1.124-2.083-1.739-3.586-1.835c-2.957-0.027-2.546,1.863-4.383,3.108
									c-2.626,1.767-6.571,1.917-9.558,2.109c-0.162,1.232-3.943,4.438-5.259,4.916c-3.122,1.149-2.657-2.727-5.095-3.602
									c0.713-1.124,4.082-5.203,3.725-6.205c-1.423-3.846-12.051,5.52-14.981,3.506c-1.396-0.973-6.218,1.493-3.476-2.588
									C405.574,150.776,400.398,142.889,401.575,141.096z"></path>
                                        <path class="circle" d="M433.797,133.597c6.237,0,11.26,5.051,11.26,11.261c0,6.226-5.022,11.262-11.26,11.262
									c-6.208,0-11.257-5.036-11.257-11.262C422.54,138.647,427.589,133.597,433.797,133.597z"></path>
                                        <text transform="matrix(1 0 0 1 425.2129 148.9893)" fill="#FFFFFF">PB</text>
                                    </a>
                                </g>
                            </svg>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<span class='sep-line align-items-center'></span>

@if(Auth::user()->term_lgpd !=  'Yes')
    <script>
        $(document).ready(function(){
            // Desativando o clique fora do modal para fechá-los
            $('#modalLGPD').modal({backdrop: 'static', keyboard: false});
        });
    </script>
@endif

<script>
    $(document).ready(function(){
        // ----- Loading Forecast Carousel -----
        var forecastItems = $('.forecastItems');
        var maxItemsForecast = Math.round(forecastItems.parent('div').width() / 351);
        if(forecastItems.children('div').length < maxItemsForecast) {
            maxItemsForecast = forecastItems.children('div').length;
        } else{
            maxItemsForecast = 5;
        }

        forecastItems.slick({
            slidesToShow: maxItemsForecast,
            slidesToScroll: 1,
            arrows: true,
            dots: false,    
            autoplay: false,
            infinite: false  
        });

        // ----- Vessel Deadlines Forecast Carousel -----
        var vesselDeadlinesItems = $('.vesselDeadlinesItems');
        var maxItemsVessel = Math.round(vesselDeadlinesItems.parent('div').width() / 351);
        if(vesselDeadlinesItems.children('div').length < maxItemsVessel) {
            maxItemsVessel = vesselDeadlinesItems.children('div').length;
        } else{
            maxItemsForecast = 5;
        }

        vesselDeadlinesItems.slick({
            slidesToShow: maxItemsVessel,
            slidesToScroll: 1,
            arrows: true,
            dots: false,
            adaptiveHeight: true,
            autoplay: false,
            infinite: false
        });

        // DASHBOARD 2021
        $(".dash-vessel-forecast .forecast-box").each(function(i) {
            $(this).attr("id", "forecast-box" + i);
        });

        $(".wrap_vessel_list a").each(function(i) {
            $(this).attr("data-target", "#vessel_list_" + i + 1);
        });

        $(".wrap_vessel_list .collapse").each(function(j) {
            $(this).attr("id", "vessel_list_" + j + 1);
        });

        // MAGIC FOLLOW TOOLTIP
        $("#sea_ac").hover(
            function(e) {
            $("#ac_numbers").css({
                display: "block"
            });
            $("#ac_numbers").offset({
                left: e.pageX,
                top: e.pageY
            });
            },
            function() {
            $("#ac_numbers").css({
                display: "none"
            });
            }
        );

        $("#sea_al").hover(
            function(e) {
            $("#al_numbers").css({
                display: "table"
            });
            $("#al_numbers").offset({
                left: e.pageX,
                top: e.pageY
            });
            },
            function() {
            $("#al_numbers").css({
                display: "none"
            });
            }
        );

        $("#sea_ap").hover(
            function(e) {
            $("#ap_numbers").css({
                display: "table"
            });
            $("#ap_numbers").offset({
                left: e.pageX,
                top: e.pageY
            });
            },
            function() {
            $("#ap_numbers").css({
                display: "none"
            });
            }
        );

        $("#sea_am").hover(
            function(e) {
            $("#am_numbers").css({
                display: "table"
            });
            $("#am_numbers").offset({
                left: e.pageX,
                top: e.pageY
            });
            },
            function() {
            $("#am_numbers").css({
                display: "none"
            });
            }
        );

        $("#sea_ba").hover(
            function(e) {
            $("#ba_numbers").css({
                display: "table"
            });
            $("#ba_numbers").offset({
                left: e.pageX,
                top: e.pageY
            });
            },
            function() {
            $("#ba_numbers").css({
                display: "none"
            });
            }
        );

        $("#sea_ce").hover(
            function(e) {
            $("#ce_numbers").css({
                display: "table"
            });
            $("#ce_numbers").offset({
                left: e.pageX,
                top: e.pageY
            });
            },
            function() {
            $("#ce_numbers").css({
                display: "none"
            });
            }
        );

        $("#sea_df").hover(
            function(e) {
            $("#df_numbers").css({
                display: "table"
            });
            $("#df_numbers").offset({
                left: e.pageX,
                top: e.pageY
            });
            },
            function() {
            $("#df_numbers").css({
                display: "none"
            });
            }
        );

        $("#sea_es").hover(
            function(e) {
            $("#es_numbers").css({
                display: "table"
            });
            $("#es_numbers").offset({
                left: e.pageX,
                top: e.pageY
            });
            },
            function() {
            $("#es_numbers").css({
                display: "none"
            });
            }
        );

        $("#sea_go").hover(
            function(e) {
            $("#go_numbers").css({
                display: "table"
            });
            $("#go_numbers").offset({
                left: e.pageX,
                top: e.pageY
            });
            },
            function() {
            $("#go_numbers").css({
                display: "none"
            });
            }
        );

        $("#sea_ma").hover(
            function(e) {
            $("#ma_numbers").css({
                display: "table"
            });
            $("#ma_numbers").offset({
                left: e.pageX,
                top: e.pageY
            });
            },
            function() {
            $("#ma_numbers").css({
                display: "none"
            });
            }
        );

        $("#sea_mt").hover(
            function(e) {
            $("#mt_numbers").css({
                display: "table"
            });
            $("#mt_numbers").offset({
                left: e.pageX,
                top: e.pageY
            });
            },
            function() {
            $("#mt_numbers").css({
                display: "none"
            });
            }
        );

        $("#sea_ms").hover(
            function(e) {
            $("#ms_numbers").css({
                display: "table"
            });
            $("#ms_numbers").offset({
                left: e.pageX,
                top: e.pageY
            });
            },
            function() {
            $("#ms_numbers").css({
                display: "none"
            });
            }
        );

        $("#sea_mg").hover(
            function(e) {
            $("#mg_numbers").css({
                display: "table"
            });
            $("#mg_numbers").offset({
                left: e.pageX,
                top: e.pageY
            });
            },
            function() {
            $("#mg_numbers").css({
                display: "none"
            });
            }
        );

        $("#sea_pa").hover(
            function(e) {
            $("#pa_numbers").css({
                display: "table"
            });
            $("#pa_numbers").offset({
                left: e.pageX,
                top: e.pageY
            });
            },
            function() {
            $("#pa_numbers").css({
                display: "none"
            });
            }
        );

        $("#sea_pb").hover(
            function(e) {
            $("#pb_numbers").css({
                display: "table"
            });
            $("#pb_numbers").offset({
                left: e.pageX,
                top: e.pageY
            });
            },
            function() {
            $("#pb_numbers").css({
                display: "none"
            });
            }
        );

        $("#sea_pr").hover(
            function(e) {
            $("#pr_numbers").css({
                display: "table"
            });
            $("#pr_numbers").offset({
                left: e.pageX,
                top: e.pageY
            });
            },
            function() {
            $("#pr_numbers").css({
                display: "none"
            });
            }
        );

        $("#sea_pe").hover(
            function(e) {
            $("#pe_numbers").css({
                display: "table"
            });
            $("#pe_numbers").offset({
                left: e.pageX,
                top: e.pageY
            });
            },
            function() {
            $("#pe_numbers").css({
                display: "none"
            });
            }
        );

        $("#sea_pi").hover(
            function(e) {
            $("#pi_numbers").css({
                display: "table"
            });
            $("#pi_numbers").offset({
                left: e.pageX,
                top: e.pageY
            });
            },
            function() {
            $("#pi_numbers").css({
                display: "none"
            });
            }
        );

        $("#sea_rj").hover(
            function(e) {
            $("#rj_numbers").css({
                display: "table"
            });
            $("#rj_numbers").offset({
                left: e.pageX,
                top: e.pageY
            });
            },
            function() {
            $("#rj_numbers").css({
                display: "none"
            });
            }
        );

        $("#sea_rn").hover(
            function(e) {
            $("#rn_numbers").css({
                display: "table"
            });
            $("#rn_numbers").offset({
                left: e.pageX,
                top: e.pageY
            });
            },
            function() {
            $("#rn_numbers").css({
                display: "none"
            });
            }
        );

        $("#sea_rs").hover(
            function(e) {
            $("#rs_numbers").css({
                display: "table"
            });
            $("#rs_numbers").offset({
                left: e.pageX,
                top: e.pageY
            });
            },
            function() {
            $("#rs_numbers").css({
                display: "none"
            });
            }
        );

        $("#sea_ro").hover(
            function(e) {
            $("#ro_numbers").css({
                display: "table"
            });
            $("#ro_numbers").offset({
                left: e.pageX,
                top: e.pageY
            });
            },
            function() {
            $("#ro_numbers").css({
                display: "none"
            });
            }
        );

        $("#sea_rr").hover(
            function(e) {
            $("#rr_numbers").css({
                display: "table"
            });
            $("#rr_numbers").offset({
                left: e.pageX,
                top: e.pageY
            });
            },
            function() {
            $("#rr_numbers").css({
                display: "none"
            });
            }
        );

        $("#sea_sc").hover(
            function(e) {
            $("#sc_numbers").css({
                display: "table"
            });
            $("#sc_numbers").offset({
                left: e.pageX,
                top: e.pageY
            });
            },
            function() {
            $("#sc_numbers").css({
                display: "none"
            });
            }
        );

        $("#sea_sp").hover(
            function(e) {
            $("#sp_numbers").css({
                display: "table"
            });
            $("#sp_numbers").offset({
                left: e.pageX,
                top: e.pageY
            });
            },
            function() {
            $("#sp_numbers").css({
                display: "none"
            });
            }
        );

        $("#sea_se").hover(
            function(e) {
            $("#se_numbers").css({
                display: "table"
            });
            $("#se_numbers").offset({
                left: e.pageX,
                top: e.pageY
            });
            },
            function() {
            $("#se_numbers").css({
                display: "none"
            });
            }
        );

        $("#sea_to").hover(
            function(e) {
            $("#to_numbers").css({
                display: "table"
            });
            $("#to_numbers").offset({
                left: e.pageX,
                top: e.pageY
            });
            },
            function() {
            $("#to_numbers").css({
                display: "none"
            });
            }
        );
    });
</script>

@include('Dashboard.modalLGPD')

@include('bibliotecas.slickCarousel')


@endSection