/*.gridnet-logo {
    background: url(../images/progridlog.png) no-repeat center center;
    background-size: contain;
    display: block;
    width: 148px;
    height: 50px;
    float: left;
}*/
.logo-container {
    max-width: 170px;
    margin: 10px;
    margin-right: 50px;
    max-height: 65px;
    width: 170px; /*verificar porque para icones estreitos requer 170*/
}

#linkImgLogo {
    text-decoration: none;
}

#linkImgLogo img {
    width: 170px;   /*deveria ser 170*/
    max-width: 170px ; /*deveria ser 170*/
}

#linkImgLogo span {
    font-size: 32px;
    padding: 6px;
    margin-top: 5px;
    margin-left: 12px;
}

.view-tracking {width: 32px; background-image: url(../images/world.png); }

.left{
    text-align: left;
}
.center{
    text-align: center;
}
.right{
    text-align: right;
}
.highlighted{
    background-color: #abdaff;
    color: #494949;
    padding: 5px 15px;
}

/* @Dayan */
fieldset{
    margin-bottom: 20px;
}

.btn-file{
    width: 160px;
    height: 40px;
}

.fileinput{
    border: 1px solid #E1E4E7;
    border-radius: 4px;
    margin: 0 10px 0 0;
    padding: 0 5px 0 0;
}

.uploaded-picture{
    width: 300px;
    float: left;
    margin: 0 10px 10px 0px;
    border: 1px solid #E1E4E7;
    border-radius: 4px;
    height: 100px;
}

.float-left{
    float: left;
}

.float-right{
    float: right;
}

.audit {
    margin-top: 0;
}

#status_label {
    border: 1px solid #f1f1f1;
    background-color: #f1f1f1;
    color: #0000ff;
    margin: 15px;
    padding: 10px;
}

.btn-joined {
    border-color: #96A5B5 #C3D3E4 #CDDCEB #C3D3E4;
}

.input-btn-bordered {
    border-radius: 5px 0 0 5px !important;
}

.hspace-100 {
    height: 100px;
}

.no-text-decoration{
    text-decoration: none;
}
.no-text-decoration:hover{
    text-decoration: none;
}

.padding-1{
    padding: 1px;
}
.padding-right-1{
    padding-right: 1px;
}
.padding-left-1{
    padding-left: 1px;
}

select.selectpicker{
    display: block !important;
}

.form-stacked label{
    width: auto !important;
}


.green-bg{
    background: #D9F6C6;
    color: #555;
}

.orange-bg{
    background: #FFEBB8;
    color: #555;
}

/*
@Dener Patrick
*/
.nopadding{
    margin: 0 0 5px;
    padding: 0 15px;

}
@media only screen and (min-width : 768px) {
    .nopadding{
        padding: 0;
        margin: 0;
    }
}

.txt-to{
    display: block;
    padding-top: 8px;
    text-align: center;
}

.btn-addons{
    padding-top: 7px !important;
    height: 30px;
}

.label-padding,
.txt-padding{
    padding-top: 28px;
    padding-left: 0;
}
.row-padding{
    padding: 5px 0;
}

.hr-padding{
    margin: 10px 0 25px;
}

.vertical-align{
    padding-top: 25px;

}

.well-padding{
    padding-top: 15px;
    padding-bottom: 28px;
}

.areamenu-header{

    display: block;
    margin: 25px 0 5px;
    font-weight: bold;
    padding-left: 0;
}

.text-featured{

    font-size: 14px;
    font-weight: bold;

}

.sistema-info{
    padding: 15px 15px 0;
}
.date-cursor{
    cursor: pointer;
}

/**
 * @author: Guilherme Gomes
 * @description: Alteração para input com button add on
 */
.btn-group-on{
    padding: 5px 12px !important;
}
/* @author: Guilherme Gomes
 * @description: Ajustando o posicionamento da logo na NavBar
 */
.logo-container img{
    position:inherit;
    margin-top: 30px;
}
/* @author: Guilherme Gomes
 * @description: Ajustando o DataPicker
 */
.ui-datepicker-inline, .ui-datepicker, .ui-widget, .ui-widget-content, .ui-helper-clearfix, .ui-corner-all, .ui-datepicker-trigger{
    display: none !important;
}
.datetime,
.date,
.date-cursor{
    cursor: pointer;
}
.date .input-group-addon:hover,
.date-cursor .input-group-addon:hover{
    color: #8996A3;
    background-color: #edf2fb;
    background-image: -webkit-linear-gradient(bottom, #edf2fb, #fff);
    background-image: -moz-linear-gradient(bottom, #edf2fb, #fff);
    background-image: -o-linear-gradient(bottom, #edf2fb, #fff);
    background-image: -ms-linear-gradient(bottom, #edf2fb, #fff);
    background-image: linear-gradient(to top, #edf2fb, #fff);
    border-color: #DCE0E5 #D8DCE1 #B6B9C0 #D8DCE1;
}
.label-date_35px:after{
    left: 35px;
}
.label-date_55px:after{
    left: 55px;
}
.label-date_140px:after{
    left: 140px;
}
/* @author: Guilherme Gomes
 * @description: Ajuste Tr da Table
 */
.table tr:nth-child(odd){
    background-color: #F6F7F8 !important;
}

.dropdown-menu {
    min-width: 200px !important;
}

.user-menu-name{
    float: right;
    padding-right: 11px;
    color: #747f8a;
}

.i-rota-local{ background-image: url(../img/i-containers.svg); }
.i-events { background-image: url(../images2/home/report.png); }

.tab-list-table tr th{
    background-color: #01A7EE !important
}

.subtable-header{
    background-color: #D6DBE0 !important;
    color: #747474 !important;
    border-bottom: 1px solid #808080 !important;
}

.important-info{
    font-weight: bold;
    font-size: 15px;
    padding: 3px 10px;
    background-color: #e8eef3;
    border-top: 1px solid #d3d3d3;
    margin-top: 5px;
}
.importantBigLabel{
    font-size:20px;padding: 10px;height: 40px;font-weight: bold;margin-left: -10px;
}

table th{
    vertical-align: middle !important;
}

.message-danger{
    margin-top:5px;
    margin-bottom: 0px;
    padding:10px 10px 7px;
}

.underline{
    text-decoration: underline;
}

.smallfonte-table tr th {
    font-size: 11px !important;
}
.smallfonte-table tr td {
    font-size: 11px !important;
}

.menu-block-qtd-max {
    background: url(../img/menu-block-qtd-max.png) no-repeat 0 0;
    display: block;
    width: 65px;
    height: 65px;
    font-weight: 600;
    text-align: right;
    color: #fff;
    padding: 13px;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-border-radius: 0 10px 0 0;
    -moz-border-radius: 0 10px 0 0;
    border-radius: 0 10px 0 0;
}

.th-border-right{
    border-right: 1px solid #ffffff !important;
}
.td-padding-10{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

input[type="text"][disabled] {
    color: darkslategray;
}
select:disabled {
    color: darkslategray;
}

.alert-line{
    margin-bottom: 1px !important;
    padding: 6px 15px 5px;
    background-color: #86ebf8 !important;
}

.scheduling-report tr td{
    font-size: 14px !important;
    vertical-align: middle;
}


/* ------------- START -  Maritime Panel VIEW -------------------- */
.wrap-harbor {
    overflow: auto;
    margin-bottom: 20px;
}
.harbor {
    background: url(../images/maritimepanel/oceano.jpg) no-repeat 0 0;
    background-size: cover;
    min-width: 1614px;
    height: 280px;
    position: relative;
}
.ship-info {
    background-color: #DEE4EA;
    width: 570px;
    height: 125px;
    line-height: 1.25;
    float: left;
    padding: 25px 20px;
}
.ship-info .row > div {
    margin-bottom: 10px;
}
.ship-info .info-label {
    display: block;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    color: rgba(96,122,132,.8);
}
.ship-info .info-data {
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    color: #1F363F;
}
.spot {
    float: right;
    padding-top: 7px;
    position: relative;
}
.spot-left {
    float: left;
    padding-top: 7px;
    position: relative;
}
.spot-number {
    background: #fff;
    display: block;
    width: 24px;
    height: 24px;
    font-size: 11px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    color: #1F363F;
    -webkit-box-shadow: 0 2px 4px rgba(5,2,14,.35);
    -moz-box-shadow: 0 2px 4px rgba(5,2,14,.35);
    box-shadow: 0 2px 4px rgba(5,2,14,.35);
    border-radius: 50%;
    opacity: .9;
    position: absolute;
    top: -15px;
    left: 50%;
    margin-left: -12px;
}
.ships-y {
    border-top: 25px solid #DEE4EA;
    width: 522px;
    position: absolute;
    top: 0;
    left: 570px;
}
.ships-y:after {
    background-color: #DEE4EA;
    display: block;
    content: '';
    width: 100%;
    height: 125px;
    position: absolute;
    top: -25px;
    left: 100%;
}
.ships-y .spot {
    width: 58px;
    padding-left: 12px;
    position: relative;
}
.ships-y .spot:before,
.ships-y .spot:after {
    background-color: #DEE4EA;
    display: block;
    content: '';
    width: 5px;
    height: 100px;
    position: absolute;
    top: 0;
}
.ships-y .spot:before { left: 0; }
.ships-y .spot:after { right: 0; }
.ships-y .ship {
    background: url(../images/maritimepanel/ship.svg) no-repeat 0 0;
    display: block;
    width: 39px;
    height: 145px;
}
.ships-y .empty {
    background: url(../images/maritimepanel/ship-empty.svg) no-repeat 0 0;
    display: block;
    width: 34px;
    height: 140px;
}
.ships-x {
    position: absolute;
    top: 125px;
    width: 570px;
}
.ships-x .spot {
    width: 150px;
}
.ships-x .ship {
    background: url(../images/maritimepanel/ship-h.svg) no-repeat 0 0;
    display: block;
    width: 145px;
    height: 39px;
}
.ships-x .empty {
    background: url(../images/maritimepanel/ship-empty-h.svg) no-repeat 0 0;
    display: block;
    width: 140px;
    height: 34px;
}
.ships-x2 {
    position: absolute;
    top: 125px;
    width: 500px;
    margin-left: 1095px;
}
.ships-x2 .spot-left {
    width: 150px;
}
.ships-x2 .ship {
    background: url(../images/maritimepanel/ship-h.svg) no-repeat 0 0;
    display: block;
    width: 145px;
    height: 39px;
}
.ships-x2 .empty {
    background: url(../images/maritimepanel/ship-empty-h.svg) no-repeat 0 0;
    display: block;
    width: 140px;
    height: 34px;
}
.ship-name {
    background-color: rgba(255,255,255,1);
    display: block;
    width: 90px;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    color: #1437a0;
    overflow: hidden;
    padding: 0 5px;
    border-radius: 4px;
    position: absolute;
    top: 60px;
    left: 50%;
    margin-left: -45px;
    z-index: 1;
}
.ships-y .ship-name {
    top: 190px;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.empty:hover, .ship:hover {
    margin-top: 5px;
}
.ship:hover .ship-name {
    background-color: rgba(255,255,255,.5);
}
.empty:hover .spot-number,
.ship:hover .spot-number {
    opacity: 1;
    top: -20px;
}
.selected .spot-number,
.selected .ship-name,
.selected .ship:hover .ship-name {
    background-color: #fff316;
    text-align: center;
    vertical-align: center;
}
.ship, .empty, .ship-name, .spot-number {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}
@media (max-width: 768px) {
    .wrap-harbor {
        overflow: auto;
        margin-bottom: 20px;
    }
    .harbor {
        min-width: 352px;
        height: auto;
        position: relative;
        overflow: hidden;
    }
    .ship-info {
        width: auto;
        height: auto;
        float: none;
    }
    .spot {
        padding-top: 4px;
    }
    .spot-left {
        padding-top: 4px;
    }
    .ships-y {
        border-top: 0;
        width: 261px;
        height: 120px;
        margin-left: 89px;
        position: relative;
        top: auto;
        left: auto;
        clear: both;
    }
    .ships-y:before,
    .ships-y:after {
        background-color: #DEE4EA;
        display: block;
        content: '';
        width: 200%;
        height: 50px;
        position: absolute;
        top: 0;
    }
    .ships-y:before {
        right: 100%;
    }
    .ships-y:after {
        left: 100%;
    }
    .ships-y .spot {
        width: 29px;
        padding-left: 6px;
        position: relative;
    }
    .ships-y .spot:before,
    .ships-y .spot:after {
        background-color: #DEE4EA;
        display: block;
        content: '';
        width: 2px;
        height: 50px;
        position: absolute;
        top: 0;
    }
    .ships-y .spot:before { left: 0; }
    .ships-y .spot:after { right: 0; }
    .ships-y .ship {
        width: 20px;
        height: 73px;
    }
    .ships-y .empty {
        width: 17px;
        height: 70px;
    }
    .ships-x {
        width: 87px;
        height: 120px;
        position: relative;
        top: -70px;
        left: 2px;
    }
    .ships-x:before,
    .ships-x:after {
        background-color: #DEE4EA;
        display: block;
        content: '';
        width: 2px;
        height: 50px;
        position: absolute;
        top: 0;
    }
    .ships-x:before {
        right: 100%;
    }
    .ships-x:after {
        width: 2px;
        left: 100%;
    }
    .ships-x .spot {
        width: 29px;
        padding-left: 6px;
        position: relative;
    }
    .ships-x .spot:before,
    .ships-x .spot:after {
        background-color: #DEE4EA;
        display: block;
        content: '';
        width: 2px;
        height: 50px;
        position: absolute;
        top: 0;
    }
    .ships-x .spot:before { left: 0; }
    .ships-x .spot:after { right: 0; }
    .ships-x .ship {
        background: url(../images/maritimepanel/ship.svg) no-repeat 0 0;
        width: 20px;
        height: 73px;
    }
    .ships-x .empty {
        background: url(../images/maritimepanel/ship-empty.svg) no-repeat 0 0;
        width: 17px;
        height: 70px;
    }

    .ships-x2 {
        width: 87px;
        height: 120px;
        position: relative;
        top: -190px;
        left: 2px;
        margin-left: 348px;
    }
    .ships-x2:before,
    .ships-x2:after {
        background-color: #DEE4EA;
        display: block;
        content: '';
        width: 2px;
        height: 50px;
        position: absolute;
        top: 0;
    }
    .ships-x2:before {
        left: 100%;
    }
    .ships-x2:after {
        width: 2px;
        right: 100%;
    }
    .ships-x2 .spot-left {
        width: 29px;
        padding-left: 6px;
        position: relative;
    }
    .ships-x2 .spot-left:before,
    .ships-x2 .spot-left:after {
        background-color: #DEE4EA;
        display: block;
        content: '';
        width: 2px;
        height: 50px;
        position: absolute;
        top: 0;
    }
    .ships-x2 .spot-left:before { left: 0; }
    .ships-x2 .spot-left:after { right: 0; }
    .ships-x2 .ship {
        background: url(../images/maritimepanel/ship.svg) no-repeat 0 0;
        width: 20px;
        height: 73px;
    }
    .ships-x2 .empty {
        background: url(../images/maritimepanel/ship-empty.svg) no-repeat 0 0;
        width: 17px;
        height: 70px;
    }

    .ships-y .ship-name,
    .ships-x .ship-name {
        top: 115px;
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .ships-x2 .ship-name {
        top: 115px;
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
}
/* ------------- END -  Maritime Panel VIEW -------------------- */

.table-large-report tr td{
    font-size: 11px !important;
}