body, html {
    height: 100%;
}

vessel-data#vessels-list > tbody > tr {
    cursor: pointer;
}

#vessels-list > tbody > tr > td {
    min-height: 39px;
}

td.status-container {
    padding: 0 !important;
    padding-top: 6px !important;
}

td.status-container > div{
    /*height: 26px;*/
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    width: 100%;
}

td.status-container div > div > div{
    margin: 5px 5px 5px 0px;
}

.form-group {
    margin-bottom: 7px;
}

.form-group label {
    margin-bottom: 2px;
}

#publications > .modal-dialog {
    width: 700px;
}

.modal-dialog .form-group select, 
.modal-dialog .form-group .form-control input,
.modal-dialog .form-group input.form-control {
    height: 30px;
    padding: 4px 4px;
    font-size: 13px;
}

.modal-dialog .twolined.checkbox {
    padding-top: 15px;
}

.modal-dialog .form-group .checkbox {
   padding-top: 4px;
}

/* added to avoid top/bottom paddings in datepicker */
.uib-datepicker-popup.dropdown-menu {
    padding: 0;
}

.uib-datepicker-popup.dropdown-menu .uib-button-bar {
    margin-bottom: 40px;
}

#vessels-charts > .table-fixed > thead {
    width: 97%;
}

#vessels-charts > .table-fixed > tbody {
    height: 230px;
    overflow-y: auto;
    width: 100%;
}

#vessels-charts > .table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
    display: block;
}

#vessels-charts > .table-fixed tbody td, .table-fixed thead > tr > th {
    float: left;
    border-bottom-width: 0;
}

.list-group-item {
    background-color: #fff !important;
}

.missing-data td:nth-child(n+2) {
    color: #333333;
}

.list-header {
    float: left;
    /*padding: 11px;*/
    margin-left: 11px;
}

.list-buttons {
    float: right;
    margin-right: 11px;
}

.table td, .table th {
    border: none;
}

table.table.table-condensed {
    border: 3px solid white;
    margin-bottom: 2px;
}

/* #vessel-banner {
    margin-left: 55px;
} */

#vessel-container > div {
    text-align: center;
    font-weight: bold;
}

#vessel-caption h4 {
    margin: 0px;
}

#vessel-figure img {
    max-height: 80px;
    max-width: 100px;
}

figcaption {
    font-size: 16px;
    font-weight: bold;
}

.modal-body > div {
    float: none;
}

div.spinner-container {
    position: relative
}

div.spinner-container p {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    background-color: #f9edbe;
    border: 1px solid #f0c36d;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 10px;
}

.panel-heading {
    min-height: 35px !important;
    height: inherit;
    padding: 10px 15px;
    color: #333;
}

.panel-group {
    padding-left: 11px;
    margin-top: 15px;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0 !important;
    border: solid 2px white;
}

.panel-title {
    font-size: 13px !important;
    font-weight: 400;
}

.panel-heading {
    border-color: white !important;
}

/* .table.vessel-data > thead > tr > th:nth-child(1) {
    width: 30% !important;
} */
/* .table.vessel-data > thead > tr > th:nth-child(n+2) {
    width: 20% !important;
} */

.table.vessel-data > tbody > tr > td {
    vertical-align: top;
    /*height: 35px;*/
}

.table.vessel-data > tbody > tr > td:first-child {
    white-space: nowrap;
    width: 100px;
    font-weight: bold;
}

.table.vessel-index > thead > tr:first-child  > th {
    font-weight: bold !important;
    /*color: red;*/
}

.table.vessel-index > tbody > tr > td:first-child {
    white-space: nowrap;
    min-width: 200px;
    font-weight: bold;
}
.table.vessel-index > tbody > tr > td {
    white-space: nowrap;
    min-width: 100px;
    height: 35px;
}


#update-vessel-container > div {
    float: left;
    margin-right: 5px;
}

.spinner-container {
    text-align: center;
    margin-left: 22px;
}

#company-sidebar-menu {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;

}

#company-sidebar-menu a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*padding-right: 20px;*/
}

.sidebar-menu li > a > span.caret:after,
.sidebar-menu li > a.menu-open > span.caret:after {
    padding-left: 10px;
    padding-right: 10px;
    margin-right: -10px;
    /*border: 1px dashed red;*/
}

.sidebar-menu .sidebar-label {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    border-bottom: 2px solid #F0F0F0 !important;
    line-height: 18px;
    /*font-size: 11px;*/
    /*position: absolute;*/
    /*height: 24px;*/
}
/* .sidebar-menu .sidebar-label span {
    line-height: 11px;
    padding: 2px 4px 2px 4px;
} */
.sidebar-menu .sidebar-label span.active {
    color: #3498db !important;
    background-color: #F0F0F0 !important;
}
.sidebar-menu .sidebar-label span.icon {
    margin-left: 5px;
    margin-right: 5px;
    background-size: 18px 18px;
    /*    background-repeat: no-repeat;*/
    /*padding-left: 20px;*/
    /*padding-bottom: 0px;*/
    width: 24px;
    height: 24px;
    /*border: 1px dashed red;*/
}

.sidebar-menu-header {
    /*border: 1px dashed red;*/    
    margin-bottom: 1px;
}

.sidebar-menu-header .sidebar-label {
    text-align: center;
    padding: 5px 5px 5px 5px;
}

.sidebar-menu-header .sidebar-label.active {
    background-color: #F0F0F0;
}

/* .sidebar-menu-header .sidebar-label:hover  {
    color: #3498db;
} */

.sidebar-label-hint {
    background-color: #F0F0F0;
    color: #002C5A;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    padding: 2px;
}

/* .sidebar-menu a.collapse-btn {
    border: 1px dashed red;
    padding-right: 0;
} */

#company-sidebar-menu li div.vessel-count {
    height: 37px;
    padding-top: 9px;
}

#company-sidebar-menu li.active div.vessel-count {
    background-color: #F0F0F0;
}


#publicationsFolio{
    float:left;  
    width: 130px !important
}

#chartsFolio, #echartsFolio{
    float:left;  
    width: 130px !important
}

#folio {
    float:left;  
    width: 130px !important
}

#folio1 {
    float:left;  
    width: 85% !important;
    margin: 0;
}

#folio2 {
    float:left;
    width: 85% !important;
    margin: 0;
}

#correctedToDateContainer{

    margin-right: -18px;
}

#chartsCorrectedToDateContainer .input-group-btn button{
    height: 39px;
}

/*#publicationsCorrectedToDate{*/
/*width: 85%  !important;*/
/*float:left;*/
/*}*/


#updateItemsForm #publicationsCorrectedToDate{
    width: 85%  !important;
    float:left;
}

#updateItemsForm #chartsCorrectedToDateUpdForm{
    width: 100%  !important;
    float: inherit;
}

#publicationsCorrectedToDateContainer .input-group-btn button{
    height: 39px;
}

form.dialogForm .col-sm-12 {
    padding-top: 10px !important;
}
label[for=chartsFolio]{
    padding: 10px;
    float: left;
}

label[for=echartsFolio]{
    padding: 10px;
    float: left;
}

/* Switch publications */
label[for=publicationsFolio]{
    padding: 10px;
    float: left;
}

.switch-select > label {
    padding: 5px 7px 0px 0px;
    float: left;
}

#switch-category-label {
    margin-top: 5px;
}
.switch-category-group > div{
    padding-right: 0;
    padding-left: 0;
}
.switch-category-group {
    margin-top: 7px;
}

#switchChartsForm .grid {
    height: 350px;
}

option.default-hidden {
    display: none !important;
}
/* Switch publications */

.red {
    color: red !important;
}

.green {
    color: green !important;
}

.grey {
    color: lightgray !important;
}

.muted {
    color: #999999 !important;
}

.ui-grid-render-container-body .red .ui-grid-cell {
    color: red;
}
.ui-grid-render-container-body .green .ui-grid-cell {
    color: green;
}
.ui-grid-render-container-body .red-bg .ui-grid-cell {
    background-color: #FF9696 !important;
}
.ui-grid-render-container-body .orange-bg .ui-grid-cell {
    background-color: #FFAA55 !important;
}
.ui-grid-render-container-body .green-bg .ui-grid-cell {
    background-color: #ADEEB1 !important;
}
.ui-grid-render-container-body .deep-red-bg .ui-grid-cell {
    background-color: #e64646 !important;
}
.ui-grid-render-container-body .ui-grid-row.ng-scope.ui-grid-row-selected .ui-grid-cell {
    background-color: #aaa !important;
}
.ui-grid-render-container-body .ui-grid-row.ng-scope.ui-grid-row-selected .red-bg .ui-grid-cell {
    color: red;
}
.ui-grid-render-container-body .ui-grid-row.ng-scope.ui-grid-row-selected .green-bg .ui-grid-cell {
    color: green;
}
/*Filter link*/
.ui-grid-header-cell-label {
    color: #2384c6;
    text-decoration: underline;
}

.badge.need-to-add {
    background-color: #ADEEB1 !important;
}
.badge.outstanding {
    background-color: #fdc030 !important;
}
.badge.old, .bg-warn {
    background-color: #FF9696 !important;
}
.badge.withdrawn {
    background-color: #e64646 !important;
}
.badge.need-to-add, .badge.outstanding, .badge.old, .badge.withdrawn {
    color: #333333;
    margin-right: 2px;
    cursor: help;
}
.marker-ok {
    color: #ADEEB1;
}

#update-all {
    float: right;
}
#update-all > a {
    color: #333333;
}

.glyph-label {
    float: left;
    font-size: 23px;
    /*margin-left: 25px;*/
}
.glyph[disabled="disabled"] {
    background: #AAA !important;
    cursor: auto !important;;
    color: #888 !important;;
}
.glyph {
    float: left;
    width: 39px;
    height: 39px;
    border: 1px solid #aeaeae;
    border-radius: 5px;
    font-size: 20px;
    padding-left: 8px;
    padding-bottom: 3px;
    cursor: pointer;
    margin-left: 7px;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
}
.glyph:focus {
    outline: none;
}
.glyphicon.glyphicon-minus {
    margin-right: 2px;
}

.glyph:hover {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #aaa), color-stop(1, #eee));
}
.glyph:active {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #999), color-stop(1, #ddd));
}

span.glyphicon {
    font-size: 18px;
    float: left;
}

ul.dropdown-menu li .glyphicon-xs {
    padding: 0 3px 0 3px;
    /*margin*/
    font-size: 12px;
}

/* ul.dropdown-menu li .static-text {
    padding: 5px 15px;
    text-align: center;
} */

.btn.btn-default.switch-btn{
    margin-bottom: 10px;
}

.cursor-pointer {
    cursor: pointer;
}

.badge.alarm {
    color: #333333;
    background-color: #FF9696;
    box-shadow: 2px 3px 2px #aaa, inset 0px 1px 3px #fff;
}
.badge.alarm:hover {
    background-color: #ff6565;
}

.badge.warn {
    color: #333333;
    background-color: #fdc030;
    border: 0px;
}

.badge.okay {
    color: #333333;
    background-color: #ADEEB1;
}

.badge.btn.short {
    min-width: 40px;
}
.badge.btn.long {
    min-width: 128px;
}

.btn {
    padding-left: 8px;
    padding-right: 8px;
}

.calendar-btn {
    padding: 4px 4px 4px 6px;
    margin-left: 2px;
}

.import-info p {
    margin-top: -18px !important;
}

.import-log {
    border-style: solid;
    border-width: 1px;
    border-color: whitesmoke;
}


.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    background: red;
    cursor: inherit;
    display: block;
}
input[readonly] {
    background-color: white !important;
    cursor: text !important;
}

.import-btn-right{
    text-align: right;
    margin-top: 5px;
    padding: 0px;
    float: right;
}

.import-btn-left{
    text-align: left;
    padding: 0px;
}
.info-container{
    position: absolute;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    padding-left: 5px;
    padding-right: 5px;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

#import-log-container tbody {
    height: 300px;
    display: inline-block;
    width: 100%;
    overflow: auto;
}

@media (min-width: 1000px) {
    .container {
        width: 742px;
    }
}

@media (min-width: 1140px) {
    .container {
        width: 910px;
    }
}

@media (min-width: 1300px) {
    .container {
        width: 962px;
    }
}

@media (min-width: 1400px) {
    .container {
        width: 1062px;
    }
}

@media (min-width: 1500px) {
    .container {
        width: 1202px;
    }
}

@media (min-width: 1600px) {
    .container {
        width: 1302px;
    }
}

@media (min-width: 962px) {

    .list-buttons-1 {
        float: right;
        margin-right: 11px;
        margin-bottom: 5px;
        margin-left: 25px;
    }

    #switch-btn{
        float: right;
    }
    .group-buttons {
        float: right;
        margin-bottom: 3px;
    }
    #order-outstanding-btn{
        float: right;
        padding: 0px;
    }
    #order-new-btn{
        float: right;
        padding-left: 3px;
        margin-right: 3px;
        margin-left: 5px;
    }    
}

@media (min-width: 1600px) {
    .group-buttons {
        float: right;
        margin-top: 0px;
    }

    #switch-btn{
        float: right;
    }

    .list-buttons-2 {
        float: right;
        margin-left: 5px;
    }

    #order-outstanding-btn{
        float: right;
        padding-left: 3px;
    }

    #order-new-btn{
        float: right;
        padding-left: 3px;
        margin-left: 0px;
        margin-right: 0px;
    }
}

.list-buttons-3 {
    float: right;
    margin-left: 8px;
    margin-right: 3px;
}

/* #switch-btn{

} */

/* #switch-publication{

} */

#invalid-documents-container .panel-group{
    padding-left: 0px;
}


#invalid-documents-container .panel-group{
    padding-left: 0px;
}


select#dateFormat {
    width: 110px;
    padding: 0;
    height: 30px;
    float: left;
}

.dateFormatDescription {
    padding-top: 10px;
}

.import-options{
    float: left;
    padding-right: 50px;
    background-color: #f0f0f0;
    padding: 5px;
}

.glyphicon-spin {
    -webkit-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

span.glyphicon {
    float: none;
    font-size: 17px;
    margin-top: 1px;
}

.form-group-1 {
    float: left;
    margin-left: 5px;
}

.order-btn-right{
    float: right;
    padding: 5px;   
}

/*******UI Grid********/
.smal-grid .ui-grid-icon-ok {
    padding: 0px 4px;
}
.smal-grid .ui-grid-cell-contents {
    padding: 2px 2px !important;
    text-align: center;
}
/* Last column in a grid
*/
.smal-grid .ui-grid-row .ui-grid-cell:last-of-type .ui-grid-cell-contents,
.smal-grid .ui-grid-header-cell:last-of-type .ui-grid-cell-contents {
    text-align: left;
}

div[role=columnheader] {
    padding: 2px 3px !important;
}

.smal-grid .ui-grid-render-container-body .ui-grid-header-cell,
.smal-grid .ui-grid-render-container-left .ui-grid-header-cell,
.smal-grid .ui-grid-row,
.smal-grid .ui-grid-cell,
.smal-grid .ui-grid-cell .ui-grid-vertical-bar {
    height: 23px !important;
    /*font-size: 14px;*/
    /*line-height: 25px;*/
}
.smal-grid .ui-grid-render-container-body .ui-grid-header-cell,
.smal-grid .ui-grid-render-container-left .ui-grid-header-cell,
.smal-grid .ui-grid-header-cell {
    height: 55px !important;
}
.smal-grid .ui-grid-filter-container {
    padding: 1px 3px !important;
}

#echarts-accordion{
    margin-bottom: 5px;
}

.m-l-10 {
    margin-left: 10px;
}
.m-left-20 {
    margin-left: 20px;
}
/*******UI Grid********/

.updateInfo ul {
    list-style-type: none;
}

.updateInfo ul li {
    display: block;
}

/* .updateInfo {
    margin-top: 10px;
    margin-left: 3px;
    margin-right: 3px;
} */

.updateInfo .tab-content {
    margin-top: 10px;
}

.updateInfo ul.nav-tabs li {
    font-size: 15px;
}

.updateInfo ul.nav-tabs {
    background-color: #f2f2f2;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 1px;
}

.updateInfo ul.nav-tabs li.active a {
    background-color: white;
}

.updateInfo ul li.chainItem:before {
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e092";
    font-family: 'Glyphicons Halflings';
    font-size: 80%;
    float: left;
    margin-top: 2px;
    /*line-height: 17px;*/
    vertical-align: middle;
    margin-left: -17px;
    color: #CCCCCC;
}

/*.updateInfo li .updateStatusMessage {
    display: none;
}

.updateInfo li:hover .updateStatusMessage {
    display: inline;
}*/

.updateInfo .docStatus {
    font-weight: bold;
}

.updateInfo .docStatus.edition {
    color: green;
}
.updateInfo .docStatus.cancelled {
    color: #FF9696;
}
.updateInfo .docStatus.replaced {
    color: #FF9696;
}
.updateInfo .docStatus.withdrawn {
    color: #e64646;
}

/* content of update info dialog */
/* .updateInfo .content {
    height: 150px;
} */

.updateInfo .content .tab-pane {
    height: 500px;
    overflow: auto;
    /*background-color: yellowgreen;*/
}

.collection-toolbar {
    margin-top: 13px;
    text-align: right;
}

.collection-toolbar > div {
    float: right;
}

.toolbar > div {
    margin-left: 3px; 
    margin-right: 3px; 
}

.updateInfo .content .text-danger .docTitle {
    background-color: #FF9696;
    color: black;
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 3px;
}

.updateInfo .content .tabs .glyphicon {
    top: 4px;
}

.updateInfo .content .tab-content li .glyphicon {
    font-size: 15px;
    top: 2px;
}

.updateInfo .content .tab-content li .btn {
    margin-top: -4px;
    height: 17px;
    padding-top: 0px;
    font-size: 10px;
    padding-left: 2px;
    padding-right: 2px;
}
.updateInfo .content .tab-content li .btn .glyphicon {
    font-size: 10px;
    top: -2px;
}

/* .updateInfo .content .tab-content ol.reportTree li .actions {
    margin-left: 10px;
} */

.updateInfo .content .tab-content ol.reportTree > li {
    margin-top: 10px;
}

.updateInfo .content .tab-content .toolbar {
    margin: 7px 0 7px 0;
}

.updateInfo .content .tab-content .toolbar .btn .glyphicon {
    top: -1px;
}

.updateInfo .content .alert, .updateInfo .content .panel, .updateInfo .content .toolbar {
    margin: 7px 7px 7px 7px;
    border-radius: 3px !important;
}

.updateInfo .content .alert a {
    font-weight: bold;
}

/*.updateInfo .content .alert-danger .radio,
.updateInfo .content .alert-danger .checkbox {
    margin-bottom: 0;
}*/

.updateInfo .content .toolbar label,
.updateInfo .content .toolbar input[type=checkbox] {
    cursor: pointer;    
}

.updateInfo .content .toolbar label.control-label {
    cursor: default;
}

/*#addChartsForm .form-control {
    width: auto;
}*/


#addChartsForm .ng-hide.ng-hide-animate,
#addPublicationsForm .ng-hide.ng-hide-animate {
    display: none !important;
}

.ui-grid-selection-row-header-buttons {
    color: black !important;
}

.arrow::before {
    content: "" !important;
}

#addChartsForm .has-error .popover,
#addPublicationsForm .has-error .popover {
    color: #a94442;
    background-color: #f2dede;
}

#addChartsForm .has-error .popover .arrow::after,
#addPublicationsForm .has-error .popover .arrow::after {
    /*border-top-color: #f2dede;*/
    border-bottom-color: #f2dede;
    /*border-left-color: #f2dede;*/
    /*border-right-color: #f2dede;*/
}

.inline-form-toolbar > a {
    /*margin-top: -3px;*/
    font-size: 5px;
}

.inline-form-toolbar > a .glyphicon {
    top: 4px;
}

a.text-danger:hover {
    color: #a94442;
}

a.text-success:hover {
    color: #3c763d;
}

.inline-form-toolbar .text-success {
    color: #70ca63;
}

.text-success {
    color: #3c763d;
}

label {
    font-weight: 600 !important;
}

.alert-danger, .alert-danger a {
    color: #a94442 !important;
    background-color: #f2dede !important;
    border-color: #ebccd1 !important;
}

/* #vessels-list tr.vessel a {
    cursor: pointer;
} */

#vessels-list .vessel-name {
    font-weight: bold;
}

#vessels-list th {
    font-weight: bold !important;
}

#content {
    background-image: url('../assets/theme/img/challenger/ship.png');
    background-repeat: no-repeat;
    background-position: 15px 63px; 
    /*background-attachment: fixed;*/
    /*opacity: 0.5;*/
    padding-left: 0 !important;
    padding-right: 0 !important;
    min-height: 703px;
}

.table-striped>tbody>tr:nth-of-type(even) {
    background-color: #f0f0f0;
}

.notifyjs-bootstrap-base.alert-danger.unobtrusive {
    font-size: 12px;
    padding: 1px 3px 1px 3px;
    margin-bottom: 1px;
}

div[uib-accordion-group] select.folio {
    margin-left: 5px;
    font-size: 15px;
    padding-top: 6px;
}

#ordersList {
    height: 100%;
    /*border: 1px solid red;*/
}

#ordersList .orderStatus.completed .ui-grid-cell-contents:before {
    font-family: 'Glyphicons Halflings';
    content: "\e089";
    color: green;
    display: inline-block;
}
#ordersList .orderStatus.cancelled .ui-grid-cell-contents:before {
    font-family: 'Glyphicons Halflings';
    content: "\e090";
    color: red;
    display: inline-block;
}

#ordersList > .grid div.order .ui-grid-cell {
    /*background-color: #e9e9e9;*/
    background-color: #f3f3f3;
}

#ordersList > .grid div.unit .ui-grid-cell {
    background-color: white;
}

#ordersList > .grid div.product {
    background-color: #e9e9e9;
    height: 30px;
}

#ordersList > .grid {
    /*height: 100%;*/
    /*height: 700px;*/
    background-color: #e9e9e9;
    /*margin-bottom: 100px;*/
}


ul.pagination {
    margin: 0px 10px 0px 10px;
}

.order-add-dlg ul.pagination {
    margin: 0px 0px 0px 10px;
}

#ordersList td {
    vertical-align: top;
}

#ordersList .glyphicon.expander,
.glyphicon.expander {
    font-size: 11px;
    color: gray;
}

#ordersList .row-header {
    min-width: 40px;
}

#ordersList .row-header.level-1 {
    /*text-align: center;*/
    padding-left: 10px !important;
}

#ordersList .row-header.level-2 {
    /*text-align: right;*/
    padding-left: 20px;
}

#ordersList tr.order {
    background-color: #f9f9f9;
}

#ordersList tr.item {
    background-color: white;
}

#ordersList div.product {
    background-color: #fafafa;
    padding-top: 3px;
    padding-bottom: 3px;
    /*border-radius: 5px;*/
}

#ordersList th {
    white-space: nowrap;
}

#ordersList .colExpander {
    width: 40px;
}

#ordersList .colVessel {
    width: 16%;
}

#ordersList .colStatus {
    width: 5%;
}

#ordersList .colDate {
    width: 8%;
}

#ordersList .colGuid {
    width: 16%;
}

#ordersList .colCount {
    width: 5%;
}

#ordersList .colPrice {
    width: 10%;
}

#ordersList .colActions,
.colActions {
    width: 10%;
    text-align: right;
}
#ordersList .colDescription {
    width: auto;
}

#ordersList .colActions .btn,
#ordersList .colActions a {
    padding-left: 3px; 
    padding-right: 3px; 
}

/* #orders h3 .modified-btns button {
    margin-top: -6px;
    font-size: 10px;
} */

ul.dropdown-menu li a .glyphicon {
    top: 3px;
}

.bg-global {
    background-color: #f0f0f0;
}

#ordersList form,
#orders form,
#vesselsList form,
#companiesList form {
    margin-top: 5px;
}

[role=button] {
    cursor: pointer;
}

.pagination a .glyphicon {
    font-size: 10px;
}

ul.pagination li a {
    height: 30px;
}

th.sortable, td.sortable {
    cursor: pointer;    
}

.sortable.sort-descent:after, .sortable.sort-ascent:after {
    font-family: 'Glyphicons Halflings';
    font-size: 10px;
    /*float: right;*/
    color: gray;
    margin-left: 10px;
}

.sortable.sort-descent:after {
    content: "\e114";
}

.sortable.sort-ascent:after {
    content: "\e113";
}

.grid.solo {
    /*height: 100%;*/
    /*height: 700px;*/
    background-color: #e9e9e9;
    /*margin-bottom: 100px;*/
}

.list-button > a,
.list-button > span {
    margin-bottom: 5px;
}

th {
    font-weight: bold !important;
    background-color: #e9e9e9;
}

table.orderHistory {
    width: 100%;
    /*margin: 5px;*/
}

table.orderHistory th,
table.orderHistory td {
    padding: 2px;
    vertical-align: top;
    /*height: 30px;*/
    /*line-height: 30px;*/
}

table.orderHistory td:nth-child(1) {
    white-space: nowrap;
}

.orderPopover.popover {
    max-width: 800px;
    /*color: red;*/
}

.orderPopover.popover div.orderHistory {
    max-height: 300px;
    overflow-y: auto;
}

.orderPopover.popover th,
.orderPopover.popover td {
    vertical-align: top;
}

.orderPopover.popover table.orderHistory tbody {
    height: 100px;
}

.orderPopover.popover .orderHistory .colDate {
    width: 150px;
}

.orderPopover.popover .orderHistory .colIcon {
    width: 16px;
}

.orderPopover.popover .orderHistory .colStatus {
    white-space: nowrap;
    /*overflow: hidden;*/
    width: auto;
}

.orderPopover.popover .orderHistory .colModifier {
    width: 200px;
}

.orderPopover.popover .orderHistory .colMessage {
    width: 200px;
}

.ui-grid-cell-contents .orderStatus.glyphicon {
    font-size: 10px;
}

.list-header .glyphicon {
    top: 4px;
    border: 1px dashed red;
    margin-top: 0;
}

div[uib-accordion-group].warning .panel-heading {
    background-color: #FF9696 !important;
}

div[uib-accordion-group].warning .panel-heading .text-danger {
    /*color: white;*/
    padding-left: 10px;
    font-weight: bold;
}

.gridFooter {
    margin: 5px;
}

.gridFooter span {
    font-weight: bold;
}

.gridFooter .checkbox {
    margin-top: 0;
    margin-bottom: 0;
}


.navbar .nav > li.dropdown.open .dropdown-menu,
.navbar .nav > li.dropdown .open .dropdown-menu {
    border-top-color: #4B5081 !important;
}

.navbar .nav > li.dropdown.open .dropdown-menu:after {
    border-bottom-color: #4B5081;
}


#content-footer {
    margin-left: 0 !important;
    border: none !important;
    text-align: center;
}

#sidebar_left {
    padding-bottom: 97px !important;
}

#sidebar_left.padding-for-vessels {
    padding-bottom: 137px !important;
}

.row.sidebar-search-container {
    padding: 5px;
    position: relative;
}

input.sidebar-search {
    padding-right: 22px;
}

.clear-input {
    position: absolute;
    color: grey;
    /*font-size: 5pt;*/
    /*    width: 100px;*/
    top: 12px;
    right: 10px;
    cursor: pointer;
}

.sidebar-menu > li:first-child {
    padding-top: 0px !important;
}

/* .nano.has-scrollbar > .nano-content {

} */

div.sidebar-menu {
    padding-bottom: 0px; 
}

#adpLicenseForm {
    /*border: 1px dashed #FFAA55;*/
    float: left;
    /* width: 30%; */
    /*text-align: center;*/
    margin-left: 12px;
    height: 35px;
}

/* #adpLicenseForm .uib-datepicker-popup {
    position: absolute;
    top: 32px !important;
    left: 200px !important;
    border: 1px dashed red;
} */

.modal-dialog .alert {
    padding: 5px 15px 5px 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 0px;
}

.modal-dialog .alert.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.gridFiltersRow {
    margin-bottom: 5px;
}


.ui-grid-cell.outdated-enc {
    text-align: center;
}

.ui-grid-cell.outdated-enc .ui-grid-cell-contents {
    width: 100%;
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    float: none;
    font-size: 17px;
    margin-top: 1px;
    color: #df5640;
    position: relative;
    top: 1px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ui-grid-cell.outdated-enc .ui-grid-cell-contents:before {
    content: "\e107";
}

.ui-grid-cell.uncorrected .ui-grid-cell-contents.cell-corrected {
    position: relative;
}

.ui-grid-cell.uncorrected .ui-grid-cell-contents:before {
    font-family: 'Glyphicons Halflings';
    content: "\e107";
    /*margin-left: 9px;*/
    /*margin-right: 8px;*/
    position: absolute;
    left: 5px;
}
/* .ui-grid-cell.uncorrected .ui-grid-cell-contents {
    margin-left: 25px;   
} */

/* .ui-grid-cell.uncorrected .ui-grid-cell-contents,
.ui-grid-cell.corrected .ui-grid-cell-contents {
    text-align: left;    
} */
/* .ui-grid-cell.corrected .ui-grid-cell-contents {
    margin-left: 46px;
} */

/* .corrected {
    text-align: left;
    color: green;
} */

.uncorrected {
    color: #ff6565;
}

.ui-grid-viewport {
    overflow-anchor: none;
}

#accounts .panel-default  {
    margin-bottom: 0px;
}

#accounts .filter {
    margin-bottom: 15px;
}

#accounts .panel > .panel-heading {
    border-color: #ddd !important;
    font-weight: bold;
}

#accounts .panel > .panel-body {
    border-bottom: none !important;
}

#accounts .panel-title {
    font-size: 13px !important; 
    font-weight: bold; 
}

#accounts table.layout-table td {
    padding: 3px;
    vertical-align: top;
}

#report-vessels-dlg .toolbar button {
    margin: 5px 2px 5px 2px;
    font-weight: bold;
    font-size: 14px;
}

#report-vessels-dlg .toolbar button .glyphicon {
    /*font-weight: normal;*/
    font-size: 11px;
    padding-bottom: 2px;
}

table#report-vessels-dlg {
    width: 100%;
}

table#report-vessels-dlg h3 {
    margin: 0px 0px 5px 0px;
}

#report-vessels-dlg h3 .badge {
    vertical-align: bottom;
}

.icon { 
    background-size: 18px 18px;
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-bottom: 5px;
    margin-left: 4px;
    margin-right: 4px;
} 

.sidebar-menu > li > a > span {
    padding-left: 2px !important;    
}

/* .sidebar-menu > li > ul > li > a > span {
    font-size: 13px !important;
} */

.panel-heading .icon {
    background-size: 24px 24px;
    background-repeat: no-repeat;
    /*padding-left: -24px;*/
    /*padding-bottom: 20px;*/
    width: 24px;
    height: 24px;
    /*border: 1px dashed red;*/
}

.icon.user {
    background-image: url('../assets/theme/img/challenger/user.png');
}

.icon.agent {
    background-image: url('../assets/theme/img/challenger/agent.png');
}

.icon.company {
    background-image: url('../assets/theme/img/challenger/company.png');
}

.icon.vessel {
    background-image: url('../assets/theme/img/challenger/vessel.png');
}

.icon.distributor {
    background-image: url('../assets/theme/img/challenger/distributor.png');
}

.icon.admin {
    background-image: url('../assets/theme/img/challenger/admin.png');
}

.icon.checked {
    filter: grayscale(100%) invert(100%) contrast(300%);
}

.icon.csv {
    background-image: url('../assets/theme/img/challenger/export_csv-18.png');
}

.icon.csv-import {
    background-image: url('../assets/theme/img/challenger/import_csv-18.png');
}

span.glyphicon.button-cart {
    font-size: 40px;    
    /*float: left;*/
}

.icon.add-vessel {
    background-image: url('../assets/theme/img/challenger/add-vessel.png');
}

#accounts div.counters, 
#orders div.counters {
    /*background-color: #f0f0f0;*/
    font-size: 14px;
    padding: 5px 5px 5px 5px;
    font-weight: bold;
    text-align: right;
}

#orders .btn-sm, 
.order-add-dlg .btn-sm {
    line-height: 1.2;
}
#orders .btn-xs {
    font-size: 12px;
}

#orders div.date-helper-buttons {
    margin-top: 3px;
}

#orders .btn-thin {
    padding-left: 2px;
    padding-right: 2px;
}

span.service-type-marker {
    font-size: 10px;
    margin: 2px 2px 2px 2px;
    padding: 1px 3px 1px 3px;
    color: white;
    font-weight: bold;
    border-radius: 2px;
}

#accounts {
    /*position: absolute;*/
    /*width: 100%;*/
    margin-bottom: -500px;
}

#accounts div.list {
    overflow-y:auto;
    /*    position: relative;
        top: 0;
        bottom: 0;*/
}

.layout-table.reports .buttons {
    text-align: right;
}

.layout-table.reports .buttons .badge {
    width: 90px; 
    margin-top: 1px;
    padding: 5px 7px !important;
    font-size: 13px;
}

.layout-table.reports .buttons .badge-default {
    background-color: #f0f0f0;
    color: #666666;
}

.form-horizontal .control-label,
.form-horizontal .form-control-static {
    padding-top: 7px !important;
}

#report-vessels-dlg  .text-filter {
    margin-bottom: 5px;
}

#report-vessels-dlg .counters {
    font-weight: bold;
}

#report-vessels-dlg .toolbar .separator {
    height: 15px;
    /*border: 1px dashed red;*/
}

/* fix for clear button of inputs in IE10+ */
/* just do not show */
input[type=text]::-ms-clear {
    display: none;
}

table.syncInfo td {
    padding: 0 3px 0 3px;
    /*background-color: silver;*/
}

table.syncInfo > thead th {
    text-align: center;
    padding: 3px;
}

/*table.syncInfo {
    width: 400px;
}*/

.syncInfoPopover {
    /*width: 600px;*/
    max-width: 600px !important;
}

.btn-group .btn {
    font-size: 14px;
}


.subscribersInfo li.uib-tab.nav-item > a {
    height: 100%;
}

.subscribersInfo li.uib-tab.nav-item {
    height: 30px;
}

.subscribersInfo .modal-dialog.modal-lg .content {
    min-height: 300px;
}
/*.subscribersInfo li.uib-tab.nav-item > a .badge {
    position: absolute;
    bottom: 5px;
}*/


a.disabled, a.disabled * {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    box-shadow: none;
    opacity: .65;
}

table .radio, table .checkbox {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.order-add-dlg.modal-header .modal-title .glyphicon {
    font-size: 13px;
}

.order-add-dlg .filter .row > * {
    margin-top: 5px;
}

.order-add-dlg.modal-body .grid {
    margin-top: 5px;
}

tr.bg-success td {
    background-color: #dff0d8 !important;
    color: #333333;
}

tr.bg-danger td {
    background-color: #f2dede !important;
    color: #a94442;
}

.highlighted-text {
    background-color: yellow;
    font-weight: bold;
}

/* .expandable-cells-list.has-highlights {
    background-color: #fcf8e3;
} */

.order-add-dlg .colHeader {
    width: 30px;
}

#orders th.colHeader {
    width: 65px;
}

#orders th .btn.dropdown-toggle {
    padding-left: 2px;
    padding-right: 2px;
}

.btn-flat:not(:hover) {
    border-color: transparent;
    background-color: transparent;
}

.btn-flat {
    border-radius: 2px !important;
}

.order-add-dlg .colName {
    width: 15%;
}

.order-add-dlg .colCells {
    width: 160px;
}

.order-add-dlg .colDescription {
    width: auto;
}

.order-add-dlg .colValidFor {
    width: 150px;
}

.order-add-dlg .colPrice {
    width: 10%;
}

.order-add-dlg table > tbody > tr > td,
.order-add-dlg table > tbody > tr > th {
    vertical-align: top;
}

a.basket > div {
    position: relative;
    width: 39px;
}

a.basket > div > span.badge {
    position: absolute; 
    top: 0; 
    right: -9px;
}

.navbar .nav > li.basket > a {
    padding-top: 10px;
}

div.nav.navbar-nav > a > div {
    height: 59px;
    /*margin-top: 10px;*/
}

div.nav.navbar-nav > a {
    color: whitesmoke;
}

/* .navbar .glyphicon-shopping-cart {
    text-color
} */

.alert.alert-warning/*,
.alert.alert-warning button,
.alert.alert-warning a*/ {
    color: #8a6d3b;
}

.grid-toolbar > div {
    min-height: 30px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.grid-toolbar.form-group,
.grid-toolbar .form-group {
    height: 30px;
    margin-bottom: 0px;
}

.grid-toolbar h4 {
    line-height: 30px;
    margin-top: 0;
    margin-bottom: 0;
}

.grid-toolbar > div label {
    padding-top: 4px;
}

.grid-toolbar div.control-label {
    font-weight: 600;
    margin-top: -2px;
}

.order-grid {
    border-top: 1px solid #ccc;
    padding-top: 8px;
    margin-top: 15px;
}

#orders.edit-order .colExpander {
    width: 10px;
}
#orders.edit-order .table th {
    vertical-align: top;    
}

#orders div.row.form-group .btns .btn-lg,
#orders div.row.form-group .btns .basket {
    margin-top: 11px;
}

#orders div.row.form-group .btns .btn-sm {
    margin-top: 22px;
}

#orders div.row.form-group .btns .dropdown-menu {
    margin-top: 17px;
}

#gridHeaderBase {
    position: fixed;
    width: 100%;
    top: 60px;
}

.label > span.glyphicon, 
.badge > span.glyphicon {
    font-size: 11px;
}

/* Typeahead */
.typeahead-popup-wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    background-color: white;
}

.typeahead-popup-wrapper > .message {
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
    color: #868686;
}

.typeahead-popup-wrapper > .dropdown-menu {
    position: static;
    float: none;
    display: block;
    min-width: 160px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.typeahead-popup-wrapper {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
}

.input-control-container {
    position: relative;
}

.input-control-container .clear-input {
    top: 7px;
    right: 6px;
}

.alert h3 {
    margin-top: 10px;
}

.alert h2 {
    margin-top: 0px;
}

/* expandable-cells-list */

.expandable-cells-list .enc-cell td.name,
.expandable-cells-list div.add-all-replaced {
    position: relative;
}

.expandable-cells-list .enc-cell td.name .btn,
.expandable-cells-list div.add-all-replaced .btn {
    position: absolute;
    left: -17px;
    top: 2px;
    padding: 0px 2px 0px 2px;
    font-size: 8px;
}

.expandable-cells-list .enc-cell td.status {
    font-size: 12px;
    padding-left: 2px;
    padding-right: 2px;
}

.expandable-cells-list .enc-cell td.status .glyphicon {
    font-size: 12px;
}

/* .expandable-cells-list .enc-cell td.replacements {

} */


#orders .left-btns button.btn-xs,
#orders .left-btns > span.glyphicon {
    margin-top: -2px;
    padding: 0px 2px 0px 2px;
    font-size: 10px;
}

.nowrap {
    white-space: nowrap;
}

ul.nav-tabs > li .icon {
    background-position: 1px 2px;
}

ul.nav-tabs > li .badge {
    top: -2px;
    position: relative;
}


table.filtered > thead > tr > th,
thead > tr.filtered > th,
.btn.filtered,
input.filtered,
select.filtered {
    background-color: #d9edf7 !important;
}

.clear-filter-btn {
    margin-top: 5px;
    height: 65px;
}

.clear-filter-btn, 
.clear-filter-btn:hover, 
.clear-filter-btn:active,
.clear-filter-btn:focus {
    color: #df5640;
}

input.filtered,
select.filtered {
    border-color: #5bc0de;
}

select.filtered > option {
    /*color: #555555;*/
    background-color: white;
}


.filter-toolbar .row {
    margin-top: 5px;
}

#homeContent .uib-tab.nav-item.active a {
    background-color: #fafafa;
}

#homeContent .tab-content {
    background-color: #fafafa;
    padding: 10px;
    border: 1px solid #dddddd;
    border-top: none;
}


#vesselsGrid .form-inline {
    margin-bottom: 7px;
}

#vesselsGrid .form-inline div.pagination-container > div, 
#vesselsGrid .form-inline .btn-sm {
    height: 30px;
}

#vesselsGrid .form-inline .btn-sm {
    padding-top: 4px;
}

#vesselsGrid .form-inline div.pagination-container > div h4 {
    margin-top: 7px;
    margin-bottom: 7px;
}

.avcs-history-col-file {
    width: 30px;
}

.avcs-history-col-week {
    width: 150px;
}

.avcs-history-col-type {
    width: 75px;
}

.avcs-history-col-date {
    width: 100px;
}

.sevice-avcs-colors, .btn.sevice-avcs-colors {
    background-color: rgb(237, 0, 140);
    color: white;
}

tr.set-files {
    background-color: #f9f9f9;
}

tr.set-files > td {
    padding-left: 30px !important;
}

tr.set-files > td > table td {
    padding: 2px 5px 2px 5px;
}

a {
    cursor: pointer;
}

/* .direct-update-file.deleted { */
    /* text-decoration: line-through red; */
/* } */

div.inline-form-toolbar button.btn-xs {
    height: 30px !important;
}