.incompleted{ color:#000000;}
.completed{ color:#008000; font-weight:bold;}
.strike-through{text-decoration:line-through ; color:#F00; margin-left:2px; padding:0px 2px;}


.form-control[readonly]{cursor: auto;}


.inline-fields .form-control{
    display:inline-block;
    width:67%;
}
.inline-fields .form-control.last{
    float:right;
    width:30%;
}
.inline-field-new .form-control{
    display:inline-block;
    width:40%;
}
.inline-field-new .form-control:last{
    float:right;
    width:45%;
}
.inline-field-two .form-control{
    display:inline-block;
    width:47%;
}
.inline-field-two .form-control:last{
    float:right;
    width:47%;
    margin-left: 8px;
}

.inline-field-two .inline-field-three{ width: calc(100% / 2 - 16px); display: inline-block; }


.inline-field-three .form-control{
    display:inline-block;
    width: calc(100% / 3 - 5px);
    margin-right: 3px;
}

.inline-field-three .form-control:last-child{
    margin-right: 0;
}

.inline-field-msa .form-control{
    display:inline-block;
}

.vertical_align_middle{vertical-align: middle !important;}
.text-capitalize{text-transform:capitalize !important}
.text-uppercase{text-transform:uppercase}
.transform-unset {text-transform: none !important; } 

.relative-position {position:relative;}
.break_word{ word-wrap: break-word; }
.white_space_normal{ white-space: normal !important; }
.w12{ width:12px !important;}.w16{ width:16px !important;}.w18{ width:18px;}.w20{ width:20px;}.w26{ width:26px;}.w40{ width:40px;}.w50{ width:50px;}.w60{ width:60px !important;} .w65 {width: 65px;}.w70{ width:70px !important;}.w80{ width:80px;}.w90{ width:90px !important;}.w100{ width:100px !important;}.w95{ width:95px;}
.w110{ width:110px;}.w120{ width:120px;}.w125{ width:125px;}.w130{ width:130px !important;}.w140{ width:140px;}
.w150{ width:150px;}.w180{ width:180px;}.w200{ width:200px !important;} .w210 {width: 210px;} .w225{ width:225px !important;} .w250{ width:250px;} .w300{ width:300px;} .w400{ width:400px;} .w500{ width:500px;}.w510{ width:510px;} .w350{ width:350px !important;} .w460{ width: 460px;}
.w600{ width:600px;}.w700{ width:700px;} .w270{ width:270px;}
.w290{ width:290px;} 
.h20{ height:20px; }.h50{ height:50px; }.h75{ height:75px; }  .h100{ height:100px; }.h150{ height:150px; }.h200{ height:200px; }.h250{ height:250px; }

.h28{ height:28px !important; }
.h300{ height:300px; }
.h350{ height:350px; }
.h400{ height:400px; }
.wauto{ width:auto !important;}
.w50percent{ width:50% !important;}
.w100percent{ width:100% !important;}
.w90percent{ width:90% !important;}
.sm{ font-size:10px; font-weight:normal;}
.error{ color:#F00;}
.displayinline { display: inline-block !important;}
.text{ border:1px solid #ccc; border-radius:2px; padding:1px;}
select.form-control{ padding:6px 3px 6px 3px; }

.help-text{ color:#666; font-size:11px; }
.po-list .help-text{display: block; width: 150px;}
td.report_unit{ width:50px; font-weight:bold;}
tr.travelpo td{ background:#D9EBF0!important;}

.tr_error { background: #fdcece !important; }

.inline-fields3 .form-control{display:inline-block; width:70%;}
.inline-fields4 .form-control{display:inline-block; width:75%;}
.inline-fields3 .btn,.inline-fields4 .btn{ float:right;} 

.span_label { display: inline-block; vertical-align: middle; padding: 5px 8px; margin-bottom: 0; font-size: 12px; font-weight: normal; line-height: 1; color: #fff; text-align: center; border-radius: 3px; }

.status_open{ background:#FF8000; color:#fff; }
.status_closed{ background:#008000; color:#fff; }
.status_verified{ background:#004000; color:#fff; }
.status_draft{ background:#0080C0; color:#FFF; }

.bg_color_grey {background: #f5f5f5 !important;}
.bg_color_darkgrey {background: #cdcdcd !important;}
.bg_color_lightgrey {background: #eeeeee !important;}
.bg_color_ef {background: #efefef !important;}

.AUDITStatus_0{ background:#0080C0; color:#FFF;}
.AUDITStatus_5{ background:#FF8000; color:#FFF;}
.AUDITStatus_10{ background:#004000; color:#FFF;}

.f8{ font-size:8px !important; }
.f9{ font-size:9px !important; }
.f10{ font-size:10px !important; }
.f12{ font-size:12px !important; }
.f11{ font-size:11px !important; }
.f13{ font-size:13px !important; }
.f14{ font-size:14px !important; }
.f15{ font-size:15px; }
.f16{ font-size:16px !important; }
.f18{ font-size:18px !important; }
.f20{ font-size:20px; }
.table_font_12 tr td, .table_font_12 tr th { font-size: 12px; }
.white_space_nowrap{ white-space: nowrap; }
.align-middle { vertical-align: middle !important; }
.align-top { vertical-align: top !important; }
.border-radius0{ border-radius: 0 !important; }
.border-radius4{ border-radius: 4px !important; }
.m-0 {margin: 0 !important; }
.padding0 {padding-top: 0px !important;}
.ptb-2 {padding-top:2px!important; padding-bottom: 2px !important; }
.ptb-5 {padding-top:5px!important; padding-bottom: 5px !important; }
.pt-2 {padding-top:2px!important ; }
.pt-7 {padding-top:7px!important ; }
.pt-10 {padding-top:10px!important ; }
.pt-15 {padding-top:15px!important ; }
.pt-20 {padding-top:20px!important ; }
.pt-25 {padding-top:25px!important ; }
.pad20 {padding: 20px;}
.jq_cloning_row.mtop5:first-child{margin-top: 0px;}
.mtop-2{margin-top: -2px !important;}
.mtop-5{margin-top: -5px !important;}
.mtop0{margin-top: 0px !important;}
.mtop1{margin-top: 1px !important;}
.mtop2{margin-top: 2px !important; }
.mtop5{margin-top: 5px !important; }
.mtop7{margin-top: 7px !important; }
.mtop9{margin-top: 9px !important; }
.mtop10{margin-top: 10px !important;}
.mtop15{margin-top: 15px !important;}
.mtop20{margin-top: 20px !important;}
.mtop25{margin-top: 25px !important;}
.mtop30{margin-top: 30px;}
.mtop35{margin-top: 35px;}
.mtop-30 {margin-top: -30px;}
.mtop40{margin-top: 40px !important;}
.mtop43{margin-top: 43px !important;}

.pbot0{padding-bottom: 0px !important;}
.pbot10{padding-bottom: 10px !important;}
.pbot15{padding-bottom: 15px !important;}
.pbot25{padding-bottom: 25px !important;}

.mleftauto{margin-left: auto !important;}
.mleft0{margin-left: 0px !important;}
.mleft10{margin-left: 10px !important;}
.mleft2{margin-left: 2px !important;}
.mleft5{margin-left: 5px !important;}
.mleft8{margin-left: 8px !important;}
.mleft15 {margin-left: 15px !important;}
.mleft145 {margin-left: 145px !important;}
.mleft100 {margin-left: 100px !important;}
.ml0 { margin-left: 0px !important; }

.mr0 { margin-right: 0px !important; }
.mright5{margin-right: 5px !important;}
.mright8{margin-right: 8px !important;}
.mright15{margin-right: 15px !important;}
.mright20{margin-right: 10px !important;}

.pad2 {padding: 2px !important;}
.pad3 {padding: 3px !important;}
.pad5 {padding: 5px !important;}
.pad9 {padding: 9px !important;}
.pad10 {padding: 10px !important;}
.pad12 {padding: 12px !important;}
.pad15 {padding: 15px !important;}
.pad0 {padding: 0px !important;}
.padl10 {padding-left: 10px;}
.padl15 {padding-left: 14px;}
.padl20 {padding-left: 20px;}
.padlr10 {padding-left: 10px !important; padding-right: 10px !important;}
.padlr5 {padding-left: 5px !important; padding-right: 5px !important;}
.padlr0 {padding-left: 0px !important; padding-right: 0px !important;}
.padlr15 {padding-left: 15px !important; padding-right: 15px !important;}
.padr10 {padding-right: 10px;}
.padr5 {padding-right: 5px;}
.padlr20 {padding: 0 20px !important;}
.padr0 {padding-right: 0px !important;}
.padr25 {padding-right: 25px !important;}
.padr30 {padding-right: 30px !important;}

.mbotom0{margin-bottom: 0px !important;}
.mbottom5{margin-bottom: 5px !important;}
.mbotom10{margin-bottom: 10px !important;}
.mbotom15{margin-bottom: 15px !important;}
.mbotom20{margin-bottom: 20px !important;}
.mbotom30{margin-bottom: 30px;}
.mbotom40{margin-bottom: 40px;}

.jq_show_desc { background-color: #428bca; color: #fff !important; text-decoration: none; padding: 2px 5px; border-radius: 6px; display: inline-block; height: 18px; line-height: 11px; }
.jq_show_desc:focus, .jq_show_desc:hover { text-decoration: none; }
/*font color list Start*/
.red{ color:#F00 !important;}
.blue{ color:#00F;}
.green{ color:#00B000;}
.warning { color: #f0ad4e !important; }
.fc-ff { color: #fff !important; }
.fc-cc { color: #ccc !important; }
.fc-0 { color: #000 !important; }
.fc-1 { color: #519AE9; }
.fc-2 { color: #F13C67; }
.fc-10 { color: #FF8500; }
.fc-85 { color: #B2B2B2; }
.fc-40 { color: #159A24; }
.fc-60 { color: #ffa800 !important; }
.fc-141 { color: #1F33E4 !important; }
.critical_1{
    color:red;
    font-weight:bold;
}
.critical_0{
    color:#00B300;
    font-weight:bold;
}
/*font color list End*/

.component_tr{ font-size:12px; color:#000000;}
.component_tr a{ color:#00F; font-weight:bold; }
.subcomponent_tr{ font-size:12px; color:#616161; }

/*------------------- Drag-Drop Pop Up CSS ------------------ */

#sortable1 {
    border: 2px dashed #A5A5C7;
    width: 100%;
    min-height: 380px;
    list-style-type: none;
    margin: 0;
    padding: 8px 5px;
    float: left;
    margin-right: 10px;
}
#sortable2 {
    border: 2px dashed #A5A5C7;
    background: #fafafa;
    width: 100%;
    min-height: 380px;
    list-style-type: none;
    margin: 0;
    padding: 8px 5px;
    float: left;
    margin-right: 10px;
}
#sortable1 li, #sortable2 li {
    margin: 0 5px 8px 5px;
    padding: 5px;
    width: 96%;
    border-radius: 3px;
    cursor:move;
}
#sortable2 li {
    background: #89b43f;
    color: #FFFFFF;
    border: 1px solid #89b43f;
}

#sortable1 .ui-state-default {
    background:#fff;
    color:#333;
    border:1px solid #333;  
}


.dropdown-wrapper .dropdown-menu {text-align: left; left: -80px; background: #3095d9; /*background: #000ba2;*/ border: none; z-index:9999; font-size:13px; top:22px;}
.dashboard-po-box .dropdown-wrapper .dropdown-menu {top:-130px !important; padding: 0 !important}
.dashboard-po-box.dashboard-po-box-1 .dropdown-wrapper .dropdown-menu {top:-70px !important;}


.dropdown:hover .dropdown-menu {display: block;}

.dropdown-wrapper .dropdown-menu a {display: block; border: none; text-align: left;color: #fff; padding: 5px; text-transform: capitalize;}
.dropdown-wrapper .dropdown-menu a:hover {text-decoration:none; background: #000ba2;}
.dropdown-wrapper .dropdown-menu a:hover i {color:#fff;}
.dropdown-wrapper .dropdown-menu a i {font-size: 15px;margin-left: 3px;margin-right: 5px;}
.dropdown-wrapper .dropdown-menu a img {margin-left: 3px;margin-right: 5px;}
/*.dropdown-wrapper .dropdown-menu a i.fa-clock-o {margin-right: 8px;}*/
.dropdown-wrapper .btn.dropdown-toggle {padding:0px 8px;}


.action-dropdown {position:static;}

.dropdown:hover.disable-wrapper .dropdown-menu, .dropdown.disable-wrapper .dropdown-menu, .dropdown-wrapper.disable-wrapper .dropdown-menu {display: none;}
.dropdown.disable-wrapper button, .dropdown-wrapper.disable-wrapper button {background-color:#428bca; border-color:#357ebd; opacity: 0.65; cursor: not-allowed;}

.toggle.off .toggle-group {left: -63%; top: 0px; height: 21px;}
.toggle-group {width: 165%; top: -1px; height: 21px;}
.btn.btn-success.active.toggle-off {background: #888;}
.toggle.btn-success {background: #888; border:#888;}
.toggle.btn-danger {background: #f00;}
.btn-danger.toggle-on {background:#f00;}
.btn.btn-danger.toggle-on {padding-top:1px;}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {background: #f00;}
.btn-dark-green{background-color:#075901;color: #fff;border-color: #075901;}
.btn-dark-green:hover, .btn-dark-green:focus, .btn-dark-green:active{color: #fff;}

/*.accrual-table th, .accrual-table td {padding: 4px 2px !important; font-size:12px;}*/
.tableFixHead  {overflow-y: auto; max-height: 600px; width:100%; border-top: 1px solid #B1D1E5; border-bottom: 1px solid #B1D1E5;}
.tableFixHead.model_table { max-height: 440px; }
.tableFixHead th {position: sticky; top: 0; background:#E8F2F8; z-index:100 !important; border-top: 2px solid #ddd !important;}
.tableFixHead tr:nth-child(2) th {position: sticky; top: 28px; background:#E8F2F8; border:1px solid #B1D1E5 !important; z-index:99 !important;}
.tableFixHead td.vessel-name {position: sticky; top: 89px; background:#E8F2F8; border:1px solid #B1D1E5 !important; z-index:99 !important; font-weight: bold; font-size: 18px;}
.tableFixHead td.vessel-name a{color: #fff; background-color: #428bca; border-color: #357ebd; border: 1px solid transparent; padding: 3px 5px; border-radius: 5px; font-weight: normal; font-size: 14px;}

.max-height-300  {max-height: 300px;}

.drop-down-icon {color:#fff;}
.drop-down-icon i {font-size:16px; margin:0px 5px;}

.pour-icon {color: red; display: inline-block; float: right; margin-top: 3px;}
.pour-normal {border-bottom:1px solid #f1f1f1; font-weight:bold;background:#f1f1f1;}
.text-danger:hover { color: #F00; }
.beneficiary-owner {background: #CAEBFC; font-weight: bold;}
.padding-bottom-10 {padding-bottom: 10px !important;}
.voucher-btn {margin-top: 10px;}

.label-text {margin-top: 8px;}
.crew-select-wrapper {padding: 10px; border: 2px solid #B1D1E5; border-radius: 8px; background: #E8F2F8; margin-top: 15px; position: relative;}
.sign-or {width: 100%; text-align: center; font-weight: bold;font-size: 18px; display: inline-block;text-transform: uppercase;}
.listing-button {position: absolute;top: 0px; right: 0px; z-index: 9999;}

.customeTable th, .customeTable td {padding: 5px 3px; min-width: 100px; text-align: center;}
.crew-left-wrapper {border-radius: 10px; box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.12); padding: 8px;}
.crew-left-wrapper td {background: #ebf9fc; border: 1px solid #abeffe; padding: 5px 0px;}
.crew-left-wrapper td.selected {background: #47b857; border: 1px solid #47b857;}
.crew-right-wrapper {border-radius: 10px; box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.12); padding: 8px;}
.label-tba {background-color: #8A2D00; margin: 0px 5px;}
.label-tbc {background-color: #88573f; margin: 0px 5px 0px 0px;}

.col-md-3.crew-left-wrapper {width: 22%; margin-right: 1%; margin-left: 1%; min-height: 410px;}
.month-name td {border-bottom: 1px solid #ccc;}


.signoff-date {display: inline-block;}
.crew-rank {display: inline-block; width: 70px; font-weight: bold;}
.crew-name {display: inline-block; width: 130px;}
.crew-plus-icon {float: right; margin-left: 10px;}
.crew-comment-icon {background: #2f93d6; padding: 3px 6px; font-size: 10px; color: #fff;}
.crew-button-wrapper {width: 100%; display: block; text-align: center; margin-top: 3px;}
.scheduler_default_main {border-radius: 5px; box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.12); padding: 5px;}

/*.scheduler_default_event_line0 .scheduler_default_event_bar_inner {background:#28a745 !important;}

.scheduler_default_event_line1 .scheduler_default_event_bar_inner {background:#6c757d !important;}*/

.scheduler_default_event_bar {background-color: lightgrey !important;}
.scheduler_default_event_inner .label, .scheduler_default_event_float_inner .label {font-size: 100%;}
.scheduler_default_event_inner .label-warning, .scheduler_default_event_float_inner .label-warning {background: #47a447;}
.scheduler_default_event_inner .crew-sign-on, .scheduler_default_event_float_inner .crew-sign-on {border:1px solid #ff9742; border-radius: 10px; padding: 3px 8px; margin: 2px; }
.scheduler_default_event_inner .crew-sign-off, .scheduler_default_event_float_inner .crew-sign-off {border:1px solid #959595; border-radius: 10px; padding: 3px 8px; margin: 2px; color: #959595;}
.vacation-count {background: #7F0F81; border-radius: 50%; padding: 3px 0px 0px; margin-left: 5px; color: #fff;  display: inline-block;
    width: 22px;  height: 20px;  text-align: center;}

.scheduler_default_corner div:nth-child(2) {display: none !important;}

.scheduler_default_rowheader, .scheduler_default_corner, .scheduler_default_timeheadergroup_inner, .scheduler_default_timeheader_cell_inner {background:#e8f2f8 !important;}

.modal_default_main {border-color:#addcf9 !important;}

/* RFQ Compare Quote */
.suppliercolor1 th {
    background-color: #FDEAD8 !important;
    border-color: #FADCC0 !important;
}
.suppliercolor1 td {
    background-color: #FFF8F2 !important;
    border-color: #FADCC0 !important;
}
.suppliercolor2 th {
    background-color: #CAEBFC !important;
    border-color: #A5CEE2 !important;
}
.suppliercolor2 td {
    background-color: #E7F5FC !important;
    border-color: #A5CEE2 !important;
}
#table-wrapper-quote-list {
    position: relative;
    float: left;
    width: 450px;
}
#table-scroll-part-list {
    width: auto;
    overflow-y: hidden;
    max-height: 500px;
}
#table-wrapper-tasks {
    position: relative;
    width: 62%;
    float: right;
}
#table-scroll-tasks {
    overflow-x: scroll;
    overflow-y: scroll;
    max-height: 522px;
    margin-top: -1px;
}
.tableFixHead tr:nth-child(2) th.suppliercolor1 {
    border-color: #FADCC0 !important;
    top: 30px;
}
.tableFixHead tr:nth-child(3) th.suppliercolor1 {
    border-color: #FADCC0 !important;
    top: 60px;
}
.tableFixHead tr:nth-child(2) th.suppliercolor2 {
    border-color: #A5CEE2 !important;
    top: 30px;
}
.tableFixHead tr:nth-child(3) th.suppliercolor2 {
    border-color: #A5CEE2 !important;
    top: 60px;
}
#table-scroll-tasks table.table thead th a {
    display: inline-block;
    background: none;
    float: right;
}
#table-scroll-tasks .tableFixHead tr:nth-child(2) th {
    border-color: #FADCC0 !important;
}
.quote_compare .tableFixHead tr:nth-child(2) th.suppliercolor3,
.quote_compare .tableFixHead tr:nth-child(2) th.suppliercolor4,
.quote_compare .tableFixHead tr:nth-child(2) th.suppliercolor5,
.quote_compare .tableFixHead tr:nth-child(2) th.suppliercolor6,
.quote_compare .tableFixHead tr:nth-child(2) th.suppliercolor7,
.quote_compare .tableFixHead tr:nth-child(2) th.suppliercolor8,
.quote_compare .tableFixHead tr:nth-child(2) th.suppliercolor9,
.quote_compare .tableFixHead tr:nth-child(2) th.suppliercolor10
 {
    top: 30px !important;
}
/*.help-text {
    font-size: 9px;
}*/

#table-scroll-tasks::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 12px;
    background-color: #ccc;
}
#table-scroll-tasks::-webkit-scrollbar {
    width: 8px;
    background-color: transparent;
    height: 8px;
}

#table-scroll-tasks::-webkit-scrollbar-thumb {
    border-radius: 12px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #3498db;
}
.ihm-image {
    width: 24px;
    height: 24px;
    margin-top: 0px !important;
}
.js_crew_item.selected, .js_crew_item.selected:hover {background: #f2dede; color: #000;}
.crew-select-table {max-height: 300px;}
.identified-crew {max-height: 345px; min-height: 105px;}

.crew-select-table tr {cursor: pointer;}

.scheduler_default_tree_image_no_children {display: none;}
.scheduler_default_rowheader_inner_indent, .scheduler_default_rowheader_inner_text {margin-left: 2px !important;}

/*.suppliercolor1 a, .suppliercolor2 a{float: left !important;}*/
.suppliercolor1 a:last-child, .suppliercolor2 a:last-child{float: right !important;}

.rank-name {background: #E2284D; display: inline-block; margin: 0px 5px; padding: 5px 8px 5px 5px;}

.table-cell {display: inline-block;}
.table-cell .btn {width: 150px; margin-right: 10px;}


.ihm-notes {font-size: 11px; text-align: left; display: block; margin-left: 15px;}

.ihm-label {position: relative; border: 1px solid #B1D1E5; padding: 13px 0px 0px 0px; text-align: center; height: 194px;}
.ihm-comp-text {position: absolute; top: -11px;  left: 10px; background: #fff;  padding: 0px 5px; }

.ajax-file-upload {font-size: 13px !important; padding: 4px 20px 10px 20px !important; line-height:22px !important; height:30px !important;}

.ihm-upload-wrapper .help-block.error {margin-top: 0px;}

.tableFixHead table {border-collapse: separate;}
.tableFixHead td, .tableFixHead tr:nth-child(2) th {border-right: 0px !important; border-bottom: 0px !important}

.table-action-button {float: right; margin-bottom: 16px;}


/*----------------- Pop Up box CSS ---------------*/

.success-modal .widget-title.header {-webkit-box-shadow: 0px; -moz-box-shadow: none; box-shadow: none; background: #4caf50; padding: 10px 20px;}
.success-modal .widget-title.header a {color: #000;}
.alert-modal .widget-title.header {-webkit-box-shadow: 0px; -moz-box-shadow: none; box-shadow: none; background: #f44336; padding: 10px 20px;}
.alert-modal .widget-title.header a {color: #000;}
.warning-modal .widget-title.header {-webkit-box-shadow: 0px; -moz-box-shadow: none; box-shadow: none; background: #ff9800; padding: 10px 20px;}
.notice-modal .widget-title.header {-webkit-box-shadow: 0px; -moz-box-shadow: none; box-shadow: none; background: #2196f3; padding: 10px 20px;}

.widget .widget-content.custom-message-wrapper {border: none; min-height: 200px;}

.success-modal .modal-dialog, .alert-modal .modal-dialog, .warning-modal .modal-dialog, .notice-modal .modal-dialog  {top: 50%;}

.info-text {font-size: 13px; margin-top: 0px;}

.dropdown-submenu {color: #fff; padding: 5px 8px; display: block;}
.dropdown-menu ul {margin: 0px;}
.dropdown-menu ul li {list-style: none;}

.svg-icon {width: 14px;}
.svg-icon-crew {width: 13px; height: 16px;}

.bootstrap-select.form-control button {height: 34px; background: none; color: #000;}
.bootstrap-select.form-control .text {border: none;}

.hint-text {font-size: 12px; color: #666;}


.soa-table tr.row-heading {background-color: #C3C3C3; font-weight: normal; text-transform: uppercase; font-size: 16px;}
.soa-table tr.row-heading a {font-weight: normal; background: none;}
.soa-table tr.row-heading a:hover {font-weight: normal; background: none; text-decoration: none;}

.soa-table tr.row-subheading {background-color:#D7D7D7; font-weight: normal; text-transform: uppercase; font-size: 16px;}
.soa-table tr.row-subheading a {font-weight: normal; background: none;}
.soa-table tr.row-subheading a:hover {font-weight: normal; background: none; text-decoration: none;}


.soa-table .text-bold {font-weight: bold;}
/*.ui-multiselect-menu.ui-widget {z-index: 100;}*/

.input-checkbox {margin-top: 5px;}

.input-checkbox label {display: inline;}

.expand-all-button {width: 100px; text-align: right; margin-top: 10px; float: right;}

.status-label tr td .label {width:100px; white-space:normal; line-height:15px;}
.status-label tr td.status-text .btn {width:100px; white-space:normal; line-height:15px;}

.marbottom10 {margin-bottom: 10px;}
.martop10 {margin-top: 10px;}

.po-row {background-color: #428bca; font-weight:bold; color:#fff;}
.po-row:hover td {background-color: #428bca !important; font-weight:bold; color:#fff;}

.ui-corner-all span.inactive-vessel {font-weight: bold; color: red;}
.ui-corner-all.ui-state-hover span.inactive-vessel {font-weight: bold; color: white;}
.ui-corner-all span.expected-vessel {font-weight: bold; color: #00F;}
.ui-corner-all.ui-state-hover span.expected-vessel {font-weight: bold; color: white;}
.left-date {margin-right: 25px !important;}
.right-date {margin-left: 25px !important;}

.oil-hsfo {background: #c8e0b5;}
.oil-vlsfo {background: #e3eedc;}
.oil-ulsfo {background: #f4f7eb;}

.oil-mgo {background: #b6c6e8;}
.oil-lsmgo {background: #dbe1f0;}

.oil-mdo {background: #f9caae;}
.oil-lsmdo {background: #fce5d5;}





.bunker-info {position: absolute; right: 10px; top: 0px; background: #0e00c5; padding: 3px; border-radius: 0px 0px 0px 3px; font-size: 10px; color: #fff;}
.msa-info-icon {position: absolute; right: 0px; top: 0px; background: #0e00c5; padding: 3px; border-radius: 0px 0px 0px 3px; font-size: 10px; color: #fff;}
.msa-comment-icon {position: absolute; right: 0px; top: 0px; background: #FF8500; padding: 3px; border-radius: 0px 0px 0px 3px; font-size: 10px; color: #fff;}
.crew-comment-newicon {position: absolute; right: 0px; top: 0px; background: #428bca; padding: 3px; border-radius: 0px 0px 0px 5px; font-size: 14px; color: #fff;}
.bunker-view-info {position: absolute; right: 0px; top: 0px; background: #0e00c5; padding: 3px; border-radius: 0px 0px 0px 3px; font-size: 10px; color: #fff;}

.date-view-btn {background: none !important; color: #428bca; display: inline-block !important;}
.date-view-btn:hover {background: #3276b1 !important; color: #fff; display: inline-block !important;}
.logbook_heading .date-view-btn:hover {background: none !important; color: #428bca; cursor: auto;}
.oil-totals {width: 60px; display: inline-block;}


/*-----------Chat Box CSS Start Here --------------*/


.chat_box .chat_message_wrapper ul.chat_message > li + li {
    margin-top: 4px;
}
.chat_box_wrapper.chat_box_small.chat_box_active {    
    height: 440px;
    overflow-y: scroll;
    width: 100%;
    
}

.chat_box {
    padding: 16px;
}
.chat_box .chat_message_wrapper::after {
    clear: both;
}
.chat_box .chat_message_wrapper::after, .chat_box .chat_message_wrapper::before {
    content: " ";
    display: table;
}
.chat_box .chat_message_wrapper .chat_user_avatar {
    float: left;
}
.chat_box .chat_message_wrapper {
    margin-bottom: 10px;
}
.md-user-image {
    border-radius: 50%;
    width: 34px;
}

.chat_box .chat_message_wrapper ul.chat_message, .chat_box .chat_message_wrapper ul.chat_message > li {
    list-style: outside none none;
    padding: 0;
}
.chat_box .chat_message_wrapper ul.chat_message {
    float: left;
    margin: 0 0 0 20px;
    max-width: 77%;
}
.chat_box.chat_box_colors_a .chat_message_wrapper ul.chat_message > li:first-child::before {
    border-right-color: #616161;
}
.chat_box .chat_message_wrapper ul.chat_message > li:first-child::before {
    border-color: transparent #ededed transparent transparent;
    border-style: solid;
    border-width: 0 16px 16px 0;
    content: "";
    height: 0;
    left: -14px;
    position: absolute;
    top: 0;
    width: 0;
}
.chat_box.chat_box_colors_a .chat_message_wrapper ul.chat_message > li {
    background: #E8F2F8 none repeat scroll 0 0;
    color: #000000;
    float: left;
}

.chat_box .chat_message_wrapper ul.chat_message > li {
    background: #ededed none repeat scroll 0 0;
    border-radius: 4px;
    clear: both;
    display: block;
    float: left;
    font-size: 13px;
    padding: 8px 16px;
    position: relative;
    word-break: break-all;
}
.chat_box .chat_message_wrapper ul.chat_message, .chat_box .chat_message_wrapper ul.chat_message > li {
    list-style: outside none none;
    padding: 0;
}
.chat_box .chat_message_wrapper ul.chat_message > li {
    margin: 0;
}
.chat_box .chat_message_wrapper ul.chat_message > li p {
    margin: 0;
}

.chat_box .chat_message_wrapper ul.chat_message > li .chat_message_time {    
    display: block;
    font-size: 11px;
    padding-top: 2px;
    text-transform: uppercase;
    color: #888;
}
.chat_message_right .help-text {text-align: right;}
.chat_box .chat_message_wrapper.chat_message_right .chat_user_avatar {
    float: right;
}
.chat_box .chat_message_wrapper.chat_message_right ul.chat_message {
    float: right;
    margin-left: 0 !important;
    margin-right: 24px !important;
    text-align: left;
}
.chat_box.chat_box_colors_a .chat_message_wrapper.chat_message_right ul.chat_message > li:first-child::before {
    border-left-color: #E8FFD4;
}
.chat_box.chat_box_colors_a .chat_message_wrapper.chat_message_right ul.chat_message.chat_message_alert > li:first-child::before {
    border-left-color: #f8d7da;
}
.chat_box.chat_box_colors_a .chat_message_wrapper ul.chat_message > li:first-child::before {
    border-right-color: #E8F2F8;
}
.chat_box .chat_message_wrapper.chat_message_right ul.chat_message > li:first-child::before {
    border-color: transparent transparent transparent #ededed;
    border-width: 0 0 29px 29px;
    left: auto;
    right: -14px;
}
.chat_box .chat_message_wrapper ul.chat_message > li:first-child::before {
    border-color: transparent #ededed transparent transparent;
    border-style: solid;
    border-width: 0 29px 29px 0;
    content: "";
    height: 0;
    left: -14px;
    position: absolute;
    top: 0;
    width: 0;
}
.chat_box.chat_box_colors_a .chat_message_wrapper.chat_message_right ul.chat_message > li {
    background: #E8FFD4 none repeat scroll 0 0;
    float: right;
}
.chat_box.chat_box_colors_a .chat_message_wrapper.chat_message_right ul.chat_message.chat_message_alert > li {
    background: #f8d7da none repeat scroll 0 0;
}
.chat_box .chat_message_wrapper ul.chat_message > li {
    background: #ededed none repeat scroll 0 0;
    border-radius: 12px;
    clear: both;
    display: block;
    float: left;
    font-size: 13px;
    padding: 8px 16px;
    position: relative;
}
.chat_message_right {text-align: right;}



/*-------------- Chat Box CSS End here -----------------*/

.add-bunker {font-size: 12px;}
.add-bunker .form-control {font-size: 12px; padding: 6px 4px;}
.add-bunker .table th, .add-bunker .table td {padding: 4px 3px !important;}
.add-bunker .inline-fields2 .form-control:first-child {border-radius: 4px 0px 0px 4px;}
.add-bunker .inline-fields2 .form-control:last-child {border-radius: 0px 4px 4px 0px; border-left: 0px;}
.add-bunker form .form-group .iconed-input {margin-left: 130px;}
.add-bunker form .form-group label {width: 120px;}

.vcf_link {background: none !important; display: inline-block !important; margin-left: 10px;}

.upload-success .fa {margin-right: 0px;}

.risk-head a, span.risk-head  {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #000 !important;
    padding: 5px 8px;
    font-size: 10px;
    color: #fff;
    margin-top: 5px;
    display:inline-block !important;
}
.risk-table-grey {background:#d9d9d9 !important;}
.risk-table-white {background:#fff !important;}
.risk-table-minimal {background:#92d050 !important;}
.risk-table-moderate {background:#ffff00 !important;}
.risk-table-substainel {background:#ffc000 !important;}
.risk-table-intolerable {background:#ff0000 !important;}
.risk-table-data td {border-color:#000 !important; text-align:center;}
.like-hood {text-align: center; white-space: nowrap; vertical-align: middle; width: 1.5em;}
.like-hood div {-moz-transform: rotate(-90.0deg); -o-transform: rotate(-90.0deg); -webkit-transform: rotate(-90.0deg);
        filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)";}

.attachment-wrapper {border-bottom: 2px solid #f0eff2; padding-bottom: 5px; padding-top: 10px;}
.img-type {display: inline-block; width:50px; text-align: center; }
.img-type img {vertical-align: text-bottom;}
.delete-icon {display: inline-block; text-align: center; vertical-align: top;}
.delete-icon img{vertical-align: text-bottom;}
.attachement-name {width: 200px; display: inline-block; word-break: break-all; vertical-align: top;}

.delete-wrapper {width:0px; display: none; height:0px; text-align: center; background: rgba(0, 0, 0, 0.7); position: absolute;top: 0px; left: 0px;}
.delete-wrapper.show-wrapper{
  width:100%; height:100%; display:inline-block;transition: all .25s ease-in-out;
}
.delete-wrapper .delete-confirm {display: block; color: #fff; margin: 8px 0px;}
.supplier-quote {display: block; text-align: left; font-weight: bold;}

.ui-autocomplete {z-index: 9999 !important;}
.attachment-wrapper .page-title {margin-bottom: 10px;}

input.jq_supplier_category:disabled+label {color:#ccc; font-weight: normal;}

.attachment-content {height: 450px; overflow-y: auto; overflow-x: hidden;}
.ihm-notes {font-size: 11px; text-align: left; display: block; margin-left: 15px;}

.ihm-label {position: relative; border: 1px solid #dbe0e2; padding: 13px 0px 0px 0px; text-align: center; height: 194px;}
.ihm-comp-text {position: absolute; top: -11px;  left: 10px; background: #fff;  padding: 0px 5px; }
.ihm-label .upload-filename-success {width: 150px; margin-right: 10px;}

.attachment-wrapper ul {margin: 0px; padding: 0px;}
.attachment-wrapper ul li {list-style: none; margin: 5px 0px; padding: 0px;}
.attachment-wrapper li .attach-name {/*width: 300px; */display: inline-block;}
.attachment-wrapper li a {margin-left: 8px;}
.attachment-wrapper li i.fa-file-pdf-o {color: #f00;}
.attachment-wrapper li table {margin-left: 8px; margin-top: 8px; width: 98%;}
.bunkering-label {position: relative; border: 1px solid #B1D1E5; padding: 13px 0px 10px 0px; text-align: center; height: auto; float: left; margin-bottom: 20px;}
.bunkering-label-text {position: absolute; top: -11px;  left: 10px; background: #fff;  padding: 0px 5px; font-weight: bold; }

.bunkering-label .form-group {margin-bottom: 5px;}
.bunkering-label label {margin-bottom: 0px;}
.bunker-plan .form-group {margin-bottom: 5px;}


/*-------------- Dry Docking CSS Start here -----------*/

.dd-save-btn {position: fixed; bottom: 10px; right: 10px; z-index: 99;}
.js_quote_rate {display: block; margin-top: 5px;}
.purchase_category_head {background-color: #d5e8f3;}
.loading-option-one {position: fixed; top: 250px; right: 20px; -webkit-box-shadow: 3px 4px 10px 1px rgba(0,0,0,0.25);
-moz-box-shadow: 3px 4px 10px 1px rgba(0,0,0,0.25);
box-shadow: 3px 4px 10px 1px rgba(0,0,0,0.25);border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
border: 0px solid #000000;}
.loading-option-two {position: fixed; top: 300px; right: 20px; -webkit-box-shadow: 3px 4px 10px 1px rgba(0,0,0,0.25);
-moz-box-shadow: 3px 4px 10px 1px rgba(0,0,0,0.25);box-shadow: 3px 4px 10px 1px rgba(0,0,0,0.25);border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;-webkit-border-radius: 6px 6px 6px 6px;border: 0px solid #000000;}
.vessel-collapse {position: absolute; text-align: 10px; right: 50px;}
.my-popover {border-bottom: 1px dashed; color: #000; padding-bottom: 2px; cursor: pointer;}
.my-popover:hover {text-decoration: none;}

.checkbox-label label {margin: 8px 12px 0px 3px;}
.widget-title.with-button {height: 40px;}
.widget-title.with-button h3 {padding-top: 5px;}
ul.bunker-attachment {margin: 0px; padding: 0px; float: left; width: 25%; line-height: 24px;}
ul.bunker-attachment li {list-style: none;}
ul.bunker-attachment-popup {margin: 0px; padding: 0px; display: inline-block; width: 50%; line-height: 16px; margin-bottom: 20px;}
ul.bunker-attachment-popup li {list-style: none;}
.bunker-pre-plan form .form-group>label {width: 130px;}
.bunker-pre-plan form .form-group .iconed-input {margin-left: 130px;}

.bunker-view {background: #f5f5f5; padding: 10px; margin: 0px;}
.bunker-view:nth-child(2) {background: #d9ebf6; padding: 10px;margin: 0px;}
.bunker-view_two {background: #d9ebf6; padding: 10px;margin: 0px;}
.bunker-view label {margin-bottom: 0px; color: #888; font-size: 12px;}
.label-title {color: #888; font-size: 12px; font-weight: bold; width:50px; display: inline-block;}
.jq_invoicecontent{border: 1px solid #B1D1E5; padding: 8px 0px; margin-bottom: 10px; float: left; position: relative;}
.invoice_close {position: absolute; right: -10px; top: -10px;}
.invoice_close:first-child {display: none;}
.veseel-legend {border: 1px solid #ccc; padding: 5px 0px; margin: 15px 0px; position: relative; border-radius: 5px; text-align: right;}
.legend-title {position: absolute; top: -11px; left: 15px; background: #fff; font-weight: bold;}

.veseel-legend .active_vessel {background: #0480be; color: #fff; width: 190px; font-size: 14px; border-radius: 5px; margin: 10px auto 0px auto; padding: 3px 0px; text-align: center;}
.veseel-legend .inactive_vessel {background: #e4e4e4; color: #7c7d7e; width: 190px; font-size: 14px; border-radius: 5px; margin: 10px auto 0px auto; padding: 3px 0px;text-align: center;}
.veseel-legend .expected_vessel {background: #35a535; color: #fff; width: 190px; font-size: 14px; border-radius: 5px; margin: 10px auto 0px auto; padding: 3px 0px;text-align: center;}
.veseel-legend-selected {background: #0480be; color: #fff; border: 1px solid #ccc; padding: 10px 10px;
    margin: 10px 0px;
    position: relative;
    border-radius: 5px;
    text-align: left;
    width:  12%;
}
form .form-group .iconed-input.bunker-input {margin-left: 170px;}
form .form-group>label.bunker-label {width: 170px;}

@media (max-width: 1400px) {
form .form-group .iconed-input.bunker-input {margin-left: 140px;}
form .form-group>label.bunker-label {width: 130px;}
}

.download-link {
    display: inline-block;
    margin-left: 5px;
    font-size: 14px;
    word-wrap: break-word;
    width: 99%;
}
.download-img {vertical-align: top; margin-top: 8px;}
.download-center-table td{padding: 3px;}
.download-center-table td:first-child i{font-size: 16px; margin-top: 2px;}
.download-center-table td:first-child i.fa-file-pdf-o{color: #ff2a2a;}
.download-center-table td:first-child i.fa-file-text{color: #2a5599;}
.download-center-table td:first-child i.fa-file-word-o{color: #2a5599;}
.download-center-table td:first-child i.fa-file-excel-o{color: #1f7244;}
.download-center-table td:first-child i.fa-file-archive-o{color: #ff9100;}



.dashboard-button-wrapper {text-align: center; margin-bottom: 15px; border-bottom: 1px solid #B1D1E5; padding-bottom: 10px;}
.dashboard-button-wrapper img{height: 40px; margin: 0px 15px 12px 15px;}

.task-alert {display: block; width: 100%; border-bottom: 1px solid #B1D1E5; margin-bottom: 5px;}
.task-alert label{width: 90%; margin-left: 5px; font-weight: normal;}
.task-alert input[type="checkbox"]{vertical-align: top;}
.task-wrapper {height: 405px; overflow: auto; width: 100%;}
.message-wrapper {height: 460px; overflow: auto; width: 100%;}

ul.approval-pending-list {margin: 0px; padding: 10px; border-radius: 5px; background: #fff;}
ul.approval-pending-list li {list-style: none; border-bottom: 1px solid #fff; padding: 5px 10px;}
ul.approval-pending-list li:nth-child(1) {background: #E0752D;}
ul.approval-pending-list li:nth-child(2) {background: #47a447;}
ul.approval-pending-list li:nth-child(3) {background: #3BB022;}
ul.approval-pending-list li:nth-child(4) {background: #8F6700;}
ul.approval-pending-list li::marker {font-size: 20px; }
.approval-info {background: #fff; color: #000; padding: 2px 6px; border-radius: 50%; float: right; margin: 3px 0 0 8px;}
.supplier_view_all {padding: 5px;}
.supplier_from_pool {background:#FAFAD2;}
.selected-supplier {background:#92ca7b; width: 15px; height: 15px; display: inline-block; border: 1px solid #B1D1E5; margin: 5px;}
.recommended-supplier {background:#FAFAD2; font-size: 12px; padding: 5px; border-radius: 5px; display: inline-block; border: 1px solid #B1D1E5; margin: 5px;}
.other-supplier {background:#fff; font-size: 12px; padding: 5px; border-radius: 5px; display: inline-block; border: 1px solid #B1D1E5; margin: 5px;}
.rfq-supplier {background:#77b25e; font-size: 12px; padding: 5px; border-radius: 5px; display: inline-block; border: 1px solid #B1D1E5; margin: 5px;}
.rfq-given-supplier {background:#bcf5a4; font-size: 12px; padding: 5px; border-radius: 5px; display: inline-block; border: 1px solid #B1D1E5; margin: 5px;}
.already-selected-supplier {background:#4d4d4d; font-size: 12px; padding: 5px; border-radius: 5px; display: inline-block; border: 1px solid #B1D1E5; margin: 5px; color: #fff;}

.training-schedule .tree, .training-schedule .tree ul {
    margin:0;
    padding:0;
    list-style:none
}
.training-schedule .tree ul {
    margin-left:1em;
    position:relative
}
.training-schedule .tree ul ul {
    margin-left:.5em
}
.training-schedule .tree ul:before {
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    border-left:1px solid
}
.training-schedule .tree li {
    margin:0;
    padding:0 1em;
    line-height:2em;
    color:#369;
    font-weight:700;
    position:relative
}
.training-schedule .tree ul li:before {
    content:"";
    display:block;
    width:10px;
    height:0;
    border-top:1px solid;
    margin-top:-1px;
    position:absolute;
    top:1em;
    left:0
}
.training-schedule .tree ul li:last-child:before {
    background:#fff;
    height:auto;
    top:1em;
    bottom:0
}
.indicator {
    margin-right:5px;
}
.training-schedule .tree li a {
    text-decoration: none;
    color:#369;
}
.training-schedule .tree li button, .training-schedule .tree li button:active, .training-schedule .tree li button:focus {
    text-decoration: none;
    color:#369;
    border:none;
    background:transparent;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    outline: 0;
}
.category-require {position: absolute; top: -8px; right: 0px; font-weight: bold;}

.form-control:visited{background: #000;}

#orders-delivered table {font-size: 12px;}
.create-bunker .table-heading {font-weight: bold; background: #E8F2F8; text-transform: uppercase;}
.create-bunker {font-size: 12px;}
.umms .create-bunker.table th, .umms .create-bunker.table td {padding: 4px 2px; height: 36px;}
.umms .create-bunker.table .form-control {font-size: 12px; padding: 6px 4px;}

.display-block {display: block;}



/*----------- Training Schedule CSS ------------*/
#tree1 {margin: 0px; padding: 5px 0px; border: 1px solid #ddd; background: #f3f3f3; max-height: 600px; overflow: auto;}
#tree1 ul {margin: 0px; padding: 0px 10px; line-height: 20px;}
#tree1 li {list-style: none; border-bottom: 1px solid #000; margin: 8px; padding-bottom: 5px;}
#tree1 li ul li {list-style: none; border: none; margin: 3px; padding-bottom: 0px;}
.space {margin: 10px 0px; width: 100%; text-align: center; border-top: 1px solid #ddd; padding-top: 10px;}
.space #js_month_label {font-size: 20px;}
.month_transparent_event_inner span {margin-left: 5px; display: inline-block;}
.month_transparent_event_inner span img{margin-right: 5px;}
.crew-search {border: none !important; color:#666; font-size:12px;}
.training-location {font-style: italic; font-size: 12px; display: inline-block; margin-left: 5px;}
.month_transparent_previous.month_transparent_cell_business, .month_transparent_cell.month_transparent_next {background: #f3f3f3 !important; color: #ccc !important;}
.orientation-check {width: 50%; margin-bottom: 10px; margin-top: 15px;}

.content-view {background: #f5f5f5; padding: 10px; margin: 0px;}
.content-view:nth-child(2) {background: #d9ebf6; padding: 10px;margin: 0px;}
.content-view label {margin-bottom: 0px; color: #888; font-size: 12px;}
.calendar-legend {float: left;}
.calendar-legend .past {width: 16px; height: 16px; background: #ffedb8; display: inline-block;}
.calendar-legend .fully-booked {width: 16px; height: 16px; background: #e99494; display: inline-block;}
.calendar-legend .active-upcoming{width: 16px; height: 16px; background: #9FC5E8; display: inline-block;}

.kpi-data {border: 1px solid #ccc; margin-bottom: 15px; padding-bottom: 10px; margin-top: 5px; border-radius: 5px; background: #f5f5f5; }

.kpi-data .days-notes {margin-top: 10px; float: left; padding-left: 15px;}

.dashboard-info {background: #fff; padding: 3px 7px; border-radius: 50%; width: 18px; height: 18px;
    display: inline-block; color: #632289; font-weight: normal; float: right; margin-right: 45px;}

.table-action {padding-bottom: 8px;}
.white-help {font-size: 11px;}
.jq_currency_source_alert {float: left;}
.jq_supplier_error {float: left; margin-left: 15px; width: 100%;}

.cba-table {font-size: 12px;}
.cba-table .cba-table-heading {font-size: 14px; background: #428bca; color: #fff;}
.manning-heading {font-size: 14px; background: #428bca !important; color: #fff;}
/*.cba-table td.no-padding {padding: 0px !important; vertical-align: top;}
.cba-table td .form-control {border: none;}
.cba-table td .form-control.require {border-radius: 0px;}*/
.addcba-overlay {position: absolute; width: 98%; background-color: rgba(0, 0, 0, 0.24); height: 100%;
    z-index: 99;}
.newform-wrapper-view {background: #f5f5f5; padding: 10px 15px; border: 1px solid #c0c0c0; margin-bottom: 10px;}
.newform-wrapper-view label {margin-bottom: 0px; color: #888; font-size: 12px;}
.label-title {color: #888; font-size: 12px; font-weight: bold; width:50px; display: inline-block;}
.newform-wrapper-view legend, .newform-wrapper legend {font-size: 14px; border: none; margin: 0px; width: auto; font-weight: bold; position: absolute;top: -12px; background: #fff; left: 20px; padding: 0px 10px;}
.newform-wrapper {padding: 10px 15px 0px 15px; border: 1px solid #c0c0c0; margin-bottom: 20px;}
.dynamic-allowance-box{display:none; margin-bottom: 5px;}
.dynamic-due-box{display:none; margin-bottom: 5px;}
.additional-allowance {background: #f5f5f5; padding: 10px 15px; border: 1px solid #c0c0c0; margin-bottom: 10px;}

/*only pay roll page applay Start*/
.crew_allotments .applicant_list { float: left; width: 100%; }
.crew_allotments .applicant_list a { float: left; width: 100%; padding: 5px 5px 5px 10px !important; }
.crew_name_pay_roll { float:left; width: calc(100% - 45px); }
.pay_roll_status { width: 40px; float: right; }
.verified_earning_deductions { float:left; width: 100%; margin-top: 10px; }
.sidebar_crew_list { margin-right: 5px; }
.crew_allotments .applicant_list.active .sidebar_crew_list img { filter: brightness(0) invert(1); }

.payroll-tabs {border-bottom: none; height: 500px;  overflow: auto;}
.payroll-tabs>li { float: none;  margin:0px;}
.payroll-rank {font-size: 12px; color: #666; font-style: italic;}

.payroll-tabs>li.active>a, .payroll-tabs>li.active>a:hover, .payroll-tabs>li.active>a:focus {background:#f90;  border:none;  border-radius:0px;  margin:0px;  color: #fff; cursor: pointer;}
.payroll-tabs.nav-tabs>li>a {padding: 5px 15px;}
.payroll-sign {display: block; font-size: 12px;}
.payroll-tab-content.tab-content {border: none;}
.showSelected .label-primary{margin-right:10px; margin-bottom:8px;width: 90px;}
.payroll-summary h3 {font-size: 16px; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-top: 5px; padding-left: 15px; margin-bottom: 0px;}
.payroll-tab-content h3 {font-size: 16px; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-top: 5px; margin-bottom: 0px;}
.payroll-tab-content h3.payroll-heading, .payroll-summary h3 {font-size: 18px;}
.payroll-summary {position: -webkit-sticky; position: sticky; top: 0px; font-size: 12px; padding-bottom: 30px; margin-bottom: 30px;}
.payroll-summary h3.summary-heading {font-size: 14px; margin-top: 0px;}
.payroll-tab-content .head-rank {}
.payroll-content .col-md-2 {width: 20%; padding-right: 0px;}
.payroll-content .col-md-10 {width: 80%;}
.componentBox {padding: 15px 20px 10px 0px;}
.widget .payroll-content .widget-content {border: none; padding: 5px 10px 5px; background: none; box-shadow: none; border-radius: 0px; margin-top: 0px;}
.payroll-tab-content .col-md-4 {padding-right: 0px;}
.payroll-calculation {font-size: 30px; font-weight: bold; text-align: center; line-height: 60px !important;}
.newform_overlay {top:10px; right:10px; bottom:70px; left:10px; z-index:30; background-color:rgba(0, 0, 0, 0.24); margin-bottom: 10px; height: 105px;}
.componentRow{display:none;}
.cba_content {box-shadow: none;}
.cba_content h4.section-title {padding: 7px 15px; border: 1px solid #217DBB; margin-top: 10px; border-radius: 5px;}
.cba_content h3 {font-size: 16px !important; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-top: 5px; padding-left: 10px; margin-bottom: 10px !important; text-shadow: none !important; color: #000 !important; float: left;width: 100%;}
.cba_content .widget-title {background: none; border: none; box-shadow: none;}
.cba_content .widget-content {border: none; background: #f5f5f5; float: left; border-radius: 0px; }
.widget.cba_content .widget-controls {position: absolute; right: 35px; top: 24px;}


.widget .payroll-tab-content a.widget-control:hover, .cba_content a.widget-control:hover {color: #196090 !important;}
.umms .widget.cba_content {margin-bottom: 5px; background: #f5f5f5; border-radius: 0px; float: left; width: 100%; margin-top: 15px;}
.umms .widget.cba_content.no-bg {background: #fff;}
.widget .payroll-tab-content .widget-controls {margin-right: 10px; margin-top: 20px;}
.payroll-content .input-group-addon {padding: 6px 9px;}
.net-pay {font-size: 16px; background: #ddd;}
.negative-amount {color: #f00;}
.pay-not {width: 18px; height: 18px; color: #fff; background: #f00; border-radius: 50%; padding: 2px 4px;  float: right; font-size: 13px; font-weight: normal;}
.pay-done {width: 18px; height: 18px; color: #fff; background: green; border-radius: 50%; padding:3px;  float: right; font-size: 13px; font-weight: normal;}
.pay-draft {width: 18px; height: 18px; color: #fff; background: #337ab7; border-radius: 50%; padding:3px;  float: right; font-size: 13px;}
.payroll-sticky {position: sticky;top: 125px;}
.custom-payroll-btn {border: 3px solid #cccccc;background: #F4F9FF !important;color: #1C449B;margin-bottom: 0;line-height: 1.428571429;text-align: center;border-radius: 4px;width: 100%;margin-bottom: 10px;}
.custom-payroll-btn:hover, .custom-payroll-btn.active {
    border: 3px solid #233f78;
    background: #233f78 !important;
    color: #fff;
}

#reject-crew form .form-group, #propose-vessel form .form-group {margin-bottom: 5px;}

.vessel-purpose-table {
  position: relative;
  width:100%;
  z-index: 1;
  overflow: auto;
  max-height: 450px;
  margin-bottom: 15px;
  min-height: 300px;
  overflow-x: hidden;
}
.vessel-purpose-table table {
  width: 100%;
  margin: auto;
  border-collapse: collapse;
  border-spacing: 0;
}
.table-wrap {
  position: relative;
}
.vessel-purpose-table th,
.vessel-purpose-table td {
  padding: 5px 10px;
  border: 1px solid #B1D1E5;
  vertical-align: top;
}
.vessel-purpose-table thead th {
  background: #CAEBFC;
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
  text-align: center;
}
.vessel-purpose-table thead tr:last-child th {
  top: 20px;
}
/* safari and ios need the tfoot itself to be position:sticky also */
.vessel-purpose-table tfoot,
.vessel-purpose-table tfoot th,
.vessel-purpose-table tfoot td {
  position: -webkit-sticky;
  position: sticky;
  bottom: -7px;
  background: #fff;
  z-index:4;
  border: 2px solid #B1D1E5;
  border-top: none;
  border-bottom: none;
}

.vessel-purpose-table .suggest-replace th,
.vessel-purpose-table .suggest-replace td {
  bottom: -7px;
}
.vessel-proposal-seprator hr {
    margin-top: -5px;
    margin-bottom: 0px;
    border-top: 2px solid #B1D1E5;
    margin-left: -11px;
    width: 108%;
}
hr.seprator {
    margin-top: -5px;
    margin-bottom: 10px;
    border-top: 2px solid #B1D1E5;
    margin-left: -5px;
}
hr.crew-seprator {
    margin-top: -10px;
    margin-bottom: 10px;
    border-top: 2px solid #B1D1E5;
    margin-left: -5px;
}
hr.quote-seprator {
    margin-top: 5px;
    margin-bottom: 5px;
    border-top: 2px solid #B1D1E5;
    margin-left: 0px;
}
.vessel-purpose-table th:first-child {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 2;
}
.vessel-purpose-table thead th:first-child,
.vessel-purpose-table tfoot th:first-child {
  z-index: 5;
}
.vessel-purpose-table .normal-text {font-weight: bold;background: #fff;}
.vessel-purpose-table .normal-text.no-allowance {font-weight: normal;background: #fff; color: #666;}
.vessel-purpose-table td.propose-crew-head {border-right: 1px solid #E8F2F8; vertical-align: middle; width: 80px; height: 99px; padding: 0px;}
.vessel-purpose-table .text-rotate {-moz-transform: rotate(-90.0deg);  -o-transform: rotate(-90.0deg); -webkit-transform: rotate(-90.0deg);
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.083);  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; transform: rotate(-90.0deg); font-weight: bold; width: 110%;}
.rank-nationality th.priority-head {top: 56px;}
.rank-nationality th, .rank-nationality td {padding: 2px 5px;}
.rank-nationality .text-rotate {-moz-transform: rotate(-90.0deg);  -o-transform: rotate(-90.0deg); -webkit-transform: rotate(-90.0deg);
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.083);  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; transform: rotate(-90.0deg); font-weight: bold;    width: 208%;
    height: 113px; position: absolute; top: 60px;}
    

.vessel-purpose-table .switch {
  position: relative;
  height: 35px;
  width: 125px;
  background: #eee;
  border-radius: 50px;
  border: 1px solid #ccc;
}
.vessel-purpose-table .switch-label {
  position: relative;
  z-index: 2;
  float: left;
  width: 61px;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  font-weight: normal;
  padding-top: 7px;
  color: #000;
  margin-bottom: 0; padding-bottom: 5px;
}
.vessel-purpose-table .switch-input {
  display: none;
}
.vessel-purpose-table .switch-input:checked + .vessel-purpose-table  .switch-label {
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -ms-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
  -webkit-transition-property: color, text-shadow;
  -moz-transition-property: color, text-shadow;
  -ms-transition-property: color, text-shadow;
  -o-transition-property: color, text-shadow;
  transition-property: color, text-shadow;
  color: #fff;
}
.vessel-purpose-table .switch-input:checked + .vessel-purpose-table .switch-label-on ~ .switch-selection {
  left: 60px;
}
.vessel-purpose-table .switch-selection {
  position: absolute;
  z-index: 1;
  top: 1px;
  left: 1px;
  display: block;
  width: 62px;
  height: 31px;
  border-radius: 50px;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -ms-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
  /*background-image: -webkit-gradient(linear, left 0%, left 100%, from(#89b43f), to(#77A22F));
  background-image: -webkit-linear-gradient(top, #89b43f, 0%, #77A22F, 100%);
  background-image: -moz-linear-gradient(top, #89b43f 0%, #77A22F 100%);
  background-image: linear-gradient(to bottom, #89b43f 0%, #77A22F 100%);*/
  background-repeat: repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff075901', endColorstr='#ff087900', GradientType=0);
  color: #fff;
}
.widget .widget-content.critical-request-all {padding: 15px 14px; border-radius: 0px;}
.widget .widget-content.critical-request-other {border-radius: 0px; padding: 0px 20px;}
.widget .widget-content.critical-request-all input[type="checkbox"] {margin-right: 5px;}
.widget .widget-content.critical-request-all button {margin-left: 5px;}
.widget .widget-content .critical-select {width:30px; float: left; text-align: center;}
/*.widget .widget-content .critical-select input[type="checkbox"] {outline: 2px solid #000;}*/
.widget .widget-content .critical-data-list {border-left: 1px solid #ccc;}
.dashboard-button-wrapper a {width: 11%; display: inline-block;}

.critical-selected-row {background: #f0f0f0 !important; padding: 8px 0px;}
.critical-partial-selected-row {background: #ffedb8; padding: 8px 0px;}

.postpone-job-selected-row {background: #ffedb8 !important; padding: 15px 15px; border-radius: 10px; }
.postpone-job-partial-selected-row {background: #ffedb8; padding: 15px 15px; border-radius: 10px;}

.upload-column a:last-child {display: inline-block; word-break: break-all; max-width: 250px;}
.cba-info {color: red; margin: 10px 0px 0px 0px; font-weight: bold;}

.vessel-purpose-table .text-rotate.rotate-manning {width: 200%; height: 100px; text-align: center;}
.ma-remark {max-width: 500px;}
.rank-help-text {color:#666; background: #d5d5d5;}
.manning-rank-name {background: #d5d5d5;}
.rank-heading {background: #c5e4f6 !important;}
.charterer-voyage-label {font-size: 11px; background: #067fbe; color: #fff; border-radius: 3px; padding: 2px 5px 3px;}
.voyage-label {background: #d9d9d9; color: #000; font-size: 96%; margin-top: 0px; padding: 10px 15px; height: 34px;}
.voyage-label-text {width: 320px; white-space: break-spaces !important; text-align: left; line-height: normal; height: unset;}
.stevedore-label {background: #d9d9d9; color: #000; font-size: 96%; margin-bottom: 3px; padding: 5px 10px; height: 23px; text-align: center;}
.discharge-label {background: #d9d9d9; color: #000; font-size: 96%; margin-bottom: 3px; padding: 5px 10px; height: 23px; text-align: center; font-weight: normal; margin-right: 20px;}
.soa-table hr {border-top: 1px solid #d9d9d9; margin: 3px 0px;}
.view-vessel-list li {float: left; width: 55px;}

/*----------------- Timeline --------------------*/

#cd-timeline {
  position: relative;
  /*padding: 2em 0;
  margin-top: 2em;
  margin-bottom: 2em;*/
}
#cd-timeline::before {
  content: '';
  position: absolute;
  top: 0;
  left: 25px;
  height: 100%;
  width: 4px;
  background: #7E57C2;
}
@media only screen and (min-width: 1170px) {
  #cd-timeline {
    margin-top: 0em;
    margin-bottom: 0em;
  }
  #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
}

.cd-timeline-block {
  position: relative;
  margin: 0 0 15px 0;
  text-align: right;
}
.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}


.cd-timeline-img {
  position: absolute;
  top: 0px;
  left: 12px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #673AB7;
}

@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
    width: 16px;
    height: 16px;
    left: 51%;
    margin-left: -15px;
    margin-top: 15px;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
}

.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  margin-right: 30px;
  background: #333C42;
  border-radius: 2px;
  padding: 1em;
  color: #fff;
  border-radius: 8px;
}
.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-content h2 {
  color: rgba(255,255,255,.9);
  margin-top:0;
  margin-bottom: 5px;
}

.cd-timeline-content .cd-date {
  display: inline-block;
}
.cd-timeline-content p {
  margin: 0;
  line-height: 1.6;
}

.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid #333C42;
}


@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
    margin-left: 0;
    width: 46%;
    margin: 0;
  }
  .cd-timeline-content::before {
    top: 16px;
    left: 100%;
    border-color: transparent;
    border-left-color: #333C42;
  }
  .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 115%;
    top: 12px;
    color: #666;
    font-size: 15px;
    font-style: italic;
    font-weight: bold;
    text-align: left;
    }
  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
    text-align: left;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 16px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: #333C42;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 115%;
    text-align: right;
    color: #666;
    font-size: 15px;
    font-style: italic;
    font-weight: bold;
  }
}
.vessel-name-time {font-style: italic; font-weight: bold;}
.cargo-select {color: #217DBB; font-size: 24px; margin-bottom: 10px; border: 1px solid #cecac4; text-align: center;padding-top: 100px; height: 250px;}

.cargo_add label{float: none !important; width: auto !important;}
form .cargo_add .form-group .iconed-input {margin-left: 0px;}
.cargo_add {width: 100%;}
.cargo_add .form-group label{width: 100%;}
.cargo_add .form-group .iconed-input{width: 75%;}
.cargo_add .cargo-hold .iconed-input{width: 100%;}

.cargo-hold {background: #f5f5f5; border: 1px solid #B1D1E5; padding: 10px;}

.cargo-detail-table {height: 450px;}
.cargo-detail-table th {font-size: 12px;}
.svg-icon-loading {width: 28px;}
.crew-planner-legend {margin-bottom: 10px; text-align: center;}
.crew-planner-legend span{padding: 3px 5px; display: inline-block; border-radius: 3px; color: #fff; margin: 0px 3px;}

.crew-planner-legend .country-legend {background: #8A2D00; }
.crew-planner-legend .sign-on-date {background: #35A535;}
.crew-planner-legend .sign-off-date {background: #E2284D;}
.crew-planner-legend .manning-agency {background: #2BA1C3;}
.crew-planner-legend .medical-visit {background: #38B496;}
.crew-planner-legend .multi-proposal {background: #3443A3;}
.crew-planner-legend .random-visit {background: #17C1C1;}
.crew-planner-legend .training-identify {background: #598729;}
.medical-visit {background: #38B496 !important;}
.multi-proposal {background: #3443A3 !important;}
.random-visit {background: #17C1C1 !important;}
.training-identify {background: #598729 !important;}

.manning-manager .widget .widget-content {color:#fff; font-size:14px; background: url("images/job-bg.png") #082b51 no-repeat !important; height:165px; margin-top:10px; background-size:100%; line-height:20px; border-radius: 8px; padding: 0px; border: 0px;}
.manning-manager .widget .widget-content h3 {width:100%; text-align:center; color:#fff; text-transform:uppercase; padding:10px 0px; background:rgba(255, 255, 255, 0.24); font-weight:bold; margin: 0px; font-size: 16px; margin-bottom: 15px;}

.warning-text {color: #E29931}
.radio_label label {margin: 0px 5px 0px 2px;}
form .cargo_add .form-group .iconed-input label {margin: 0px 5px 0px 2px;}
.cargo-row {background-color: #428bca;}
.cargo-row a{color: #fff;}
.calendar-error .js_error{display: table-footer-group;}
.new-compliance {display: block;margin-top: 15px;float: right;margin-right: 21px;}
.inherit-position {position: inherit;}
.pad10 {padding: 10px;}
.calendar-error .js_error {
    display: table-footer-group;
}
tr.exellent-rating {
    color: #35A535;
}
tr.average-rating {
    color: #eea236;
}
tr.poor-rating {
    color: #d9534f;
}
.info-text-portal {color: #1c03ff; font-weight: bold; margin-bottom: 10px;font-size: 14px;}
.modal-dialog .section-title {margin-top: 0px;}
.mbot0 {margin-bottom: 0px;}

.reports-section label {font-weight: normal;}
.reports-section a.link-select {font-weight: bold; color: #1c03ff; }
.reports-section a.report-close {color: #f00; font-size: 18px; position: absolute; top: -5px; right: -10px;}
.umms .table td.no-padding {padding: 0px;}
.filter-selection {position: relative; margin-right: 20px;}
.div_overlay { opacity: 0.4; pointer-events: none; }
.add-attachment-btn {position: absolute; right: -15px; top: -10px;}

.po-supplier {display: inline-block; width: 270px;}
.po-supplier-quote {display: inline-block; width: 30px;}
.po-supplier-sdoc {display: inline-block; width: 30px;}
.po-supplier-md {display: inline-block; width: 30px;}

.attachment-wrapper li .addi-attach-name {width: 250px; display: inline-block;}
.attachment-wrapper hr {margin: 8px 0px; border-top: 1px solid #c0c0c0;}


.partially_checked {background: url("images/partial_selected.png") no-repeat; height:23px; width: 23px;}
.full_checked {background: url("images/full_selected.png") no-repeat; height:23px; width: 23px;}


.onsigner-name a.jq_view_crew{display: inline-block; border-bottom: 1px solid; margin-bottom: 4px; padding-bottom: 4px; }

.expand_btn {float: right;width: 8%; clear: both; padding-bottom: 18px;height: 29px;}

.component-search {height:140px; overflow:auto; border:1px solid #cccccc; padding:0px 5px; border-radius: 0px 0px 6px 6px}
.component-search label {font-weight: normal;}
.component-not {margin-left: -35px; width: 19%;}
.component-not label {font-weight: normal; display: initial;}
.component_overlay{position:absolute; top:-8px; right:35px; left:10px; z-index:999; background-color:rgba(0, 0, 0, 0.24); height: 100%;}

.sailing-history {margin-bottom: 5px; border-radius: 0px; float: left; width: 100%; margin-top: 15px; border: 1px solid #217DBB; border-radius: 5px; padding: 0px 15px 5px 15px;}
.sailing-history h4.section-title {margin-top: 10px; margin-bottom: 20px;}
.sailing-history .widget-title {background: none; border: none; box-shadow: none;}
.umms .widget.sailing-content {margin-bottom: 5px; background: #f5f5f5; border-radius: 6px; float: left; width: 100%; margin-top: 15px; border: 1px solid #217DBB;}

.sailing-content h4.section-title {border:none; border-bottom: 1px solid #e0dacf; margin-top: 0px; border-radius: 0px;margin-bottom: 20px;}
.sailing-content .widget-content {float: none;padding: 5px 20px !important; background: #f5f5f5; border-radius: 6px;}
.sailing-seprator {display: inline-block;margin: 0px 10px;}
.sailing-content .bunkering-label-text {background: #f5f5f5;}

.widget.sailing-content .widget-controls {position: absolute; right: 35px; top: 15px;}
.request-travel {border:1px solid #217DBB; padding: 10px;}
.sailing-view label {margin-bottom: 0px; color: #888; font-size: 12px;}
.portal-label {margin-bottom: 0px; color: #888; font-weight: bold;}
.table .dispute-btn {background: #DD1515; padding-right: 5px;}
.refer-to .dispute-btn {background: #DD1515; padding-right: 5px; margin-right: 5px; margin-top: 7px;}
.font12 {font-size: 12px !important;}
.font14 {font-size: 14px !important;}
.font11 {font-size: 11px;}
.label-warning {padding: 4px 4px 4px 8px;}

/*----------------------- Verify Invoice --------------------*/

.navigation_menu {
  width: 100%;
}

.navigation_tabs {
   counter-reset: step;
   margin-top: -15px;
}

.navigation_tabs li:first-child:nth-last-child(2),
.navigation_tabs li:first-child:nth-last-child(2) ~ li {
  width: 50%;
}

.navigation_tabs li:first-child:nth-last-child(3),
.navigation_tabs li:first-child:nth-last-child(3) ~ li {
  width: 33%;
}

.navigation_tabs li:first-child:nth-last-child(4),
.navigation_tabs li:first-child:nth-last-child(4) ~ li {
  width: 24%;
}
.navigation_tabs li:first-child:nth-last-child(3),
.navigation_tabs li:first-child:nth-last-child(3) ~ li {
  width: 33%;
}
.navigation_tabs li:first-child:nth-last-child(2),
.navigation_tabs li:first-child:nth-last-child(2) ~ li {
  width: 50%;
}

.new_navigation_tabs { padding:0 !important; }
.new_navigation_tabs li {width: calc(100% / 10 - 4px) !important}

.navigation_7_tabs { padding:0 !important; }
.navigation_7_tabs li {width: calc(100% / 7 - 4px) !important}

.small_navigation_tabs.navigation_tabs li:before { width: 20px; height: 20px; line-height: 19px; display: flex; align-items: center; justify-content: center; }
.small_navigation_tabs.navigation_tabs li.tab_current:before { width: 30px; height: 30px; line-height: 19px; }
.small_navigation_tabs.navigation_tabs li:after { height: 6px; }

.navigation_tabs li {
  list-style: none;
  display: inline-block;
  position: relative;
  text-align: center;
  cursor: pointer;
}



.navigation_tabs li a {
  text-decoration: none; 
  margin-top: 35px;
  display: inline-block;
  vertical-align: top;
  color: green;
  font-weight: bold;
}

.navigation_tabs li:before {
  content: "\2713";
  counter-increment: step;
  width: 30px;
  height: 30px;
  line-height : 30px;
  border: 1px solid #ddd;
  border-radius: 100%;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  background-color: #fff;
  position: absolute;
  left: 50%;
  z-index: 8;
  color: #fff;
  transform: translateX(-50%);
}
.navigation_tabs li:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 15px;
  background-color: #ddd;
  background-image: linear-gradient(
      -45deg,
      rgba(255, 255, 255, .125) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, .125) 50%,
      rgba(255, 255, 255, .125) 75%,
      transparent 75%,
      transparent
    );
    background-size: 35px 35px;
  top: 7px;
  left: -50%;
  z-index : 0;
}

.navigation_tabs li:first-child:after {
  content: none;
}


.navigation_tabs li.tab_skipped:before {
  border-color: #669f59;
  background: #669f59;
  content: "\f101";
  font-family: FontAwesome;
  font-size: 16px;
}

.navigation_tabs li.tab_current:before {
  border-color: #288ed2;
  background: #288ed2;
  width: 38px;
  height: 38px;
  margin: -5px -2px;
  border-radius: 100%;
  box-shadow: inset 0px 0px 0px 3px white;
  border: 3px solid #288ed2;
}
.navigation_tabs li.tab_pending:before, .navigation_tabs li.tab_pending_view:before {
  border-color: #979797;
  background: #979797;
}

.navigation_tabs li.tab_verified:before {
  border-color: #669f59;
  background-color: #669f59;
  color: #fff;
  content: "\2713";
}

.navigation_tabs li.tab_skipped + li:after, .navigation_tabs li.tab_verified + li:after {
  background-color: #007cca;
}

.navigation_tabs li.tab_pending_view:after{
  background-color: #ddd !important;
}
.level {font-size: 13px;}

@media (max-width: 1400px) {
.po-info-wrapper .col-md-3{padding: 0px 10px 0px 15px; font-size: 12px;}
}
.invoice-verification .portal-label {margin-bottom: 0px; color: #888; font-weight: bold; display: block;font-size: 12px; margin-top: 10px;}
.invoice-verification .amt-dist-cn-label {color: #888; font-weight: bold;font-size: 12px;}
/*----------------------- Verify Invoice --------------------*/

.display-inline {display: inline; margin-right: 5px;}
.employable-rule {border: 1px solid #B1D1E5; background: #f5f5f5; border-radius: 6px;
    float: left;
    height: 70px;
    text-align: center;
    padding: 23px 43px;
    font-weight: bold;
    margin-right: 11px; cursor: pointer; text-decoration: none; width: 170px;}
.employable-rule:last-child {padding-top: 12px;}
.employable-rule.disabled {background: #ccc; cursor: not-allowed; color: #888;text-decoration: none;pointer-events: none;}

.employable-rule:hover, .employable-rule.selected {background: #0480be; color: #fff;  cursor: pointer; text-decoration: none;}

.label-red-new   {color:#FFF!important; background-color:#B74C4D;}

ul.employ-history {margin: 0px; padding: 0px;}
ul.employ-history .employ-history-text {background: #E8F2F8; font-size: 12px; display: block; width: 100%; padding: 10px; line-height: 18px;}
ul.employ-history .employ-history-text strong {color: #666;}
ul.employ-history .employ-user {display: block; margin-top: 5px; margin-bottom: 0px;  padding-bottom: 25px; text-align: right;}
.notice-warning {background-color: #f4af64; color: #fff; margin-bottom: 0px;}
.jqMessageForIsExclusive {margin-top: 8px; margin-left: -30px;}

@media (max-width: 1450px) {
    .jqMessageForIsExclusive {margin-left: 0px;}
}

th.no_Caps {text-transform: capitalize;}

.gray-box {background: #ccc; border-radius: 5px; padding: 10px; border:1px solid #888;}

.height400 {max-height: 400px;}

.bunker-analysis .status4 .label {width: 125px; line-height: 16px;}

/* ----------- Download Center CSS ----------------*/

.manaulContainer {margin-bottom:15px;}
.pageHeading {background: #314457; border-radius: 8px 8px 0px 0px;color: #fff;padding: 8px 0px;}
.pageHeading h1 {margin: 0px; font-size:15px;}
.textContent {height: 250px;overflow: auto;border: 1px solid #cccccc;  border-radius: 0px 0px 8px 8px; padding: 10px 5px; text-align: left;}
.jq_move_to_archive {margin-right: 5px;}
.textContent ul i {font-size: 16px; margin-top: 2px; float: left;}
/* ----------- Download Center CSS ----------------*/
.modelFixHead    {overflow-y: auto; max-height: 400px; width:100%;}
.modelFixHead th {position: sticky; top: -1px; background:#E8F2F8; border:1px solid #B1D1E5 !important; z-index:99 !important;}

.po-info-wrapper .po-uploaded {background: transparent; border-radius: 50%; width: 20px; height: 20px; display: inline-block; color: #28a745; text-align: center; padding-top: 4px; margin-left: 5px;}
.po-info-wrapper .po-not-uploaded {background: transparent ; border-radius: 50%; width: 20px; height: 20px; display: inline-block; color: #dc3545; text-align: center; padding-top: 4px; margin-left: 5px;}
.po-info-wrapper .po-info-uploaded {color: #E0752D; border-radius: 50%; width: 20px; height: 20px; display: inline-block; text-align: center; padding-top: 4px; margin-left: 5px;}

.po-uploaded {background: #28a745; border-radius: 50%; width: 20px; height: 20px; display: inline-block; color: #fff; text-align: center; padding-top: 4px; margin-left: 5px;}
.po-info-wrapper {background: #f5f5f5; padding: 5px; line-height: 25px; margin: 0px -8px; border-radius: 0;}
.po-info-wrapper label {margin-bottom: 0px;}
.table-error {border:2px solid red !important;}
.refer-error {font-weight: normal; background: #f9f1c7 !important; font-size: 12px; text-transform: capitalize; text-align: left !important; display: block;}
.refer-reason {font-size: 14px; text-transform: capitalize;color: #721c24; text-align: center; display: block;}
.merge-button {position: absolute;right: 5px;}
.bank-account-wrapper {background: #d7d7d7; float: left; width: 98.5%; margin: -4px 5px; padding: 5px 0px 8px 0px;}
.invoice-verification hr {border-top: 1px solid #b4b4b4 !important; margin: 10px 0px !important;}
.previous-comments {background: #e6e6e6; padding: 10px;}
.previous-comments .portal-label {margin-top: 0px;}
.amount-convert {font-size: 14px; color: #888; font-weight: bold;}
.payable-amount .amount-convert {font-size: 14px; color: #e8e8e8; font-weight: bold;}
.refer-to {padding: 3px 8px 4px 8px !important;}
th.refer-to a {background-image: none !important;}
th.refer-to a:hover {width: 100%;}
th.refer-to a.dispute-btn:hover {width: auto;}
.refer-to .btn-xs {padding: 0px 5px !important;}
.po-info-wrapper .portal-label {margin-top: 0px;}

.merge-all-button {position: absolute;top: -5px; right: 10px;}

i.info-icon {width: 20px; height: 20px; border-radius: 50%; background: #ddd; padding: 5px 8px; font-size: 10px; color: #666; margin-top: 5px;}
i.audit-info-icon {width: 20px; height: 20px; border-radius: 50%; background: #217DBB; padding: 5px 8px; font-size: 10px; color: #fff; margin-top: 5px;}

.payable-amount {background-color: #428bca; font-weight:bold; color:#fff !important;}
.credit_note_amount { width:100%; background-color: #d7d7d7; font-size: 20px; padding: 10px; color: #000; margin-bottom:0 }
.account-code tr td:first-child {border-left: 1px solid #fff !important;}
.account-code tr td:last-child {border-right: 1px solid #fff !important;}
/*.payable-amount .amount-convert {color: #fff;}*/

.table.records td {padding: 4px 2px;}

.js_po_container .jq_viewpo, .js_invoice_container .jq_viewinvoice{display: inline-block;background: none; text-transform: none;}

.js_invoice_container a.jq_viewinvoice:hover{width: auto;}

.jq_cloning_row .col-md-6, .jq_cloning_row .col-md-4, .jq_cloning_row .col-md-2 {margin: 0px -2px;}

.invoice-remark {
    font-style: italic;
    color: #666;
}
.bunker-remark-content {
    height: 206px;
    overflow: auto;
}
.bunker-saving-remark {
    height: 161px;
    overflow: auto;
}
.bunker-all-remark {
    border-bottom: 1px solid #333;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

.creditnote, .creditnote ul {
    margin:0;
    padding:0;
    list-style:none;
    text-align: left;
}
.creditnote ul {
    margin-left:5px;
    position:relative;
    text-align: left;
}
.creditnote ul ul {
    margin-left:.5em
}
.creditnote ul:before {
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    border-left:1px solid;
}
.creditnote li {
    margin:0;
    padding:0 0px 0px 0px;
    line-height:2em;
    position:relative
}
.creditnote ul li:before {
    content:"";
    display:block;
    width:7px;
    height:0;
    border-top:1px solid;
    margin-top:-1px;
    position:absolute;
    top:1em;
    left:0
}

.medical-icon {
    position: absolute;
    top: 0px;
    right: 0px;
    width: auto !important;
    padding: 4px 0px 4px 5px !important;
    font-size: 11px;
}

.damage-icon-position {
    position: absolute;
    top: -2px;
    right: -1px;
    width: auto !important;
    padding: 4px 0px 4px 5px !important;
    font-size: 11px;
}


.creditnote li ul {
    margin-left: 0px;
    margin-top: -15px;
    padding-top: 15px;
}
.creditnote li ul li {
    padding-left: 7px;
    display: list-item;
}

.tooltip-inner {
    max-width: 1000px;
}
.indicator {
    margin-right:5px;
}
.creditnote li a.jq_viewinvoice, .creditnote li span.jq_viewspan {
    text-decoration: none;
    margin-left: 4px;
    display: inline-block;
}
.creditnote-icon {
    background: #598729;
    border-radius: 5px;
    display: inline-block;
    width: 20px;
    text-align: center;
    color: #fff;
    font-size: 10px;
    line-height: 20px;
    margin-right: 2px;
}
.debitnote-icon {
    background: #d9534f;
    border-radius: 5px;
    display: inline-block;
    width: 20px;
    text-align: center;
    color: #fff;
    font-size: 10px;
    line-height: 20px;
    margin-right: 2px;
}
.medical-not-sent{
    background:#FF0000;
    color:#FFFFFF;
}
.medical-pending{
    background:#FF8500;
    color:#FFFFFF;
}
.medically-fit-with-restriction{
    background:#519AE9;
    color:#FFFFFF;
}
.medically-fit{
    background:#159A24;
    color:#FFFFFF;
}
tr .extra-icon{
    display:inline;
}
.crew-onsigner-close {
    position: absolute;
    right: 5px;
    top: 5px;
}

.pop-over .popover {
    min-width: 190px;
}
.disable-dropdown .form-control[disabled], .disable-dropdown .form-control[readonly], .disable-dropdown fieldset[disabled] .form-control {
           pointer-events: none;
}
.quote-already-sent {
    background: #4d4d4d;
}
.quote-already-sent td { color: #fff; }
.quote-selected-supplier td, .quote-current-supplier td, .supplier_from_pool td { color: #000; }
.quote-selected-supplier {
    background: #bcf5a4;
}
.quote-current-supplier {
    background: #77b25e;
    font-weight: bold;
}
.jqDefaultSelected { background-color: #E7A358; font-weight: bold; line-height: 19px; }
.jqDefaultSelected span { position: relative; top: 0px; }
.jqDefaultSelected i { font-size: 18px; margin-left: 5px; position: relative; top: 2px;}
.jqDefaultSelected td{ color: #fff; }
.rfq-given-supplier .jqSupplierRemove {    
    position: absolute;
    top: -10px;
    right: -7px;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    padding: 1px 0px;
    font-size: 12px;
    font-weight: normal;
}
.supplier-legend {
    border: 1px solid #B1D1E5;
    margin: 0px 10px 10px;
    width: 98%;
    padding: 5px;
    border-radius: 5px;
}
.supplier-legend legend {
    font-size: 14px;
    margin: 10px 15px 0px;
    border: none;
    width: auto;
    font-weight: bold;
}
.ra-additional-table {font-size: 12px;}
.wind-direction-img {width: 60px;}

.margin-bottom-10 {margin-bottom: 10px;}
.padding-10 {padding: 10px;}
.export-pms {float: right; margin-top: -50px;}

.requisition-form-group .form-group{ margin-bottom:15px;}
.requisition-form-group .form-group>label{width:120px; float:left; padding-top: 0px;}
.requisition-form-group .form-group .iconed-input{ margin-left:120px;  }
.requisition-form-group label.checkbox-inline,
.requisition-form-group label.radio-inline{ float:none; width:auto; padding-top:0px;}
.requisition-form-group .checkbox,
.requisition-form-group .radio{ margin-top:0px;}
.supplier-auto-po-close{ position: absolute; right: -25px; top: -25px; z-index: 9;}
.no-caps {text-transform: none !important;}
a.no-caps {display: inline-block !important; background: none; margin: 0px; padding: 0px; margin-left: 5px;}
a.no-caps  i {color: red;}
a.no-caps:hover {width: auto !important;}
.invoice-verified i {font-size: 18px; color: green;}
.invoice-alert {padding: 8px; margin: 4px 0px 0px 0px;}
hr.invoice-seprator {margin: 0px !important;}

.bypass-login-alert{margin:auto; margin-top:100px;padding:20px;font-size:25px;text-align:center;}

.owner-approval-icon {
    position: absolute;
    top: 0px;
    left: 0px;
    width: auto !important;
    padding: 4px 0px 4px 5px !important;
    font-size: 11px;
}
.owner-approval-pending {
    background: #FF0000;
    color:#FFFFFF;
}
.approved-by-owner {
    background:#159A24;
    color:#FFFFFF;
}
.pending-with-comment {
    background:#519AE9;
    color:#FFFFFF;
}
.padding-left-17{padding-left: 17px;}
.userAlertBox.ra-pop {max-height: 320px; overflow: auto; padding: 5px 20px 0px 0px; margin: 0px 15px 15px 15px; border-radius: 8px; color: #666; font-weight: bold; border: 1px solid #ccc; background: #f5f5f5;}
.ra-message {font-size: 14px; margin-left: 20px; font-weight: bold; display: block; padding: 10px 0px;}
.userAlertBox.ra-pop li {text-align: left; display: block; width: 100%; display: list-item;}
.userAlertBox.ra-pop.campaing-pop li {text-align: left; display: block; width: 25%; display: list-item;}
.userAlertBox.ra-pop li span {font-size: 14px; margin-left: 10px;}

.request-box {border: 1px solid #ccc; border-radius: 5px; padding: 2px 10px 2px 4px; background: #f5f5f5;}

hr.event-history{margin: 5px 0px; border-top: 1px solid #cecece;}
.ra-section-title{padding: 10px; border: 1px solid #cccccc; border-radius: 8px 8px 0px 0px; margin-top: 0px; color: #217DBB; font-size: 16px; margin-bottom: 0px;}
.ra-all-remark {height: 214px;}
.rank-selected {padding: 5px; display: block; background: #fcf8e3; border-radius: 8px; border-color: #faebcc; text-align: center;}
.umms-id {padding: 4px 10px; background: #e8f2f8; border-radius: 8px; margin-left: 5px;}
.ma-remark {background: #fcf8e3 !important;}
.mandatory-icon {width: 22px;}
.inactive-status {padding: 10px; margin-bottom: 5px; font-size: 14px; color: #f00; margin-right: 20px;}
.inactive-status i{font-size: 16px; color: #f00;}

.table_title_left {
  text-align: center;
  width: 35px;
}

.table_title_left div {
   writing-mode: vertical-rl;
   white-space:nowrap;
   transform:scale(-1);
   font-weight: bold;
}
.on-signer-label {white-space: normal; line-height: 14px; background: #519AE9; width: 80px;}
.replacement-for-label {white-space: normal; line-height: 14px; background: #E0752D; width: 80px;}

.bond-select-checkbox {position: absolute;z-index: 100; top: 2px; left: 20px;}

.msa-total-amount {color: #888; font-weight: bold;}
.act-as-link{cursor: pointer;}
/*.switch-input:checked + .switch-label-on ~ .switch-selection{
    background:linear-gradient(to bottom, #737373 0%, #737373 100%);
}*/
.cash_flow_row td {background: #CAEBFC; font-weight: bold;}

.disabled-options option:disabled{color:#ccc;}

.defect-overlay {position: absolute; width: 98%; height: 100%; background: rgba(0,0,0,0.15); top: 0px;
    left: 14px; z-index: 99; display: none;}

.defect-delete {position: absolute;  right: 4px; top: -15px; z-index: 99;}
.create-campaign {position: absolute;right: 0px; top: -40px; z-index: 99;}

.jq_account_head_container div.require {border: 1px solid #A94442; background: #FDD;}

.vessel-update-save {position: fixed;top: 175px; right: 45px; z-index: 99}

.msa-error {border: 2px solid red;}
.msa-account-code {background: rgba(0,0,0,0.15); padding: 5px; border-radius: 5px;}
.msa-reject-box {background: #f2dede;}


.campaign-list .switch {width: 170px;}
.campaign-list .switch-label {width: 84px;}
.campaign-list .switch-input:checked + .switch-label-on ~ .switch-selection {left: 78px;}

.campaign-list .switch-selection {width: 88px;}

.msa-purchase-box {padding: 8px; border-radius: 8px; background: #f5f5f5; border: 1px solid #217DBB; height: 90px; position: relative; margin: 0px 10px 10px 10px;}
.msa-purchase-box.msa-purchase-box-1 {background: #fcf8e3;}
.msa-purchase-box.msa-purchase-box-2 {background: #dff0d8;}
.msa-purchase-box .msa-item {display: block; font-weight: bold;}
.msa-purchase-box .msa-remark {display: block; font-style: italic; font-size: 13px;}
.msa-purchase-box .msa-unit {}
.msa-purchase-box .msa-total-price {font-weight: bold; color: #888;}

.umms .widget.bank_account_detail {box-shadow: none; margin-bottom: 10px;}
.bank_account_detail h4.section-title {padding: 5px 10px; border: 1px solid #217DBB; margin-top: 4px; border-radius: 5px; font-size: 14px !important; margin-bottom: 5px;}
.bank_account_detail h3 {font-size: 14px !important; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-top: 5px; padding-left: 10px; margin-bottom: 10px !important; text-shadow: none !important; color: #000 !important; float: left;width: 100%;}
.bank_account_detail .widget-title {background: #f5f5f5; border: none; box-shadow: none; padding: 5px 10px;}
.bank_account_detail .widget-content {border: none; background: #f5f5f5; border-radius: 0px; padding: 0px 20px 20px 20px !important;}
.widget.bank_account_detail .widget-controls {position: absolute; right: 30px; top: 14px;}
th.no_Caps {text-transform: capitalize;}

.msa-purchase-box .msa-accept-icon {position: absolute;right: -1px; top: 0px; background: #5cb85c; padding: 4px; border-radius: 0px 4px 0px 4px; color: #fff; width: 20px;}
.msa-purchase-box .msa-reject-icon {position: absolute;right: -1px; top: 0px; background: #f0ad4e; padding: 4px; border-radius: 0px 4px 0px 4px; color: #fff; width: 20px;}
.msa-purchase-box .msa-payroll-icon {position: absolute;right: -1px; bottom: -1px; background: #5cb85c; padding: 4px; border-radius: 4px 4px 4px 0px; color: #fff; width: 20px;}
.msa-purchase-box .msa-cash-icon {position: absolute;right: -1px; bottom: -1px; background: #f0ad4e; padding: 4px; border-radius: 4px 4px 4px 0px; color: #fff; width: 20px;}
.msa-purchase-box.width-1 {width: 200px; float: left;}
.msa-purchase-box.width-2 {width: 300px; float: left;}
.po-form-box {padding: 0px; height: 140px; overflow: auto;}
.supplier-form-box {padding: 5px; height: 80px; overflow: auto; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;   transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.po-form-box .form-control {padding: 3px; height: 28px; font-size: 12px;}

/*.msa-table {margin-bottom: 25px !important;}*/
.msa-table thead tr {background: #dedede !important;}
.msa-table tbody tr {background: #f5f5f5 !important;}

.widget .table-bordered.msa-table, .widget .table-bordered.msa-table>tbody>tr>th, .widget .table-bordered.msa-table>tbody>tr>td, .widget .table.msa-table>thead>tr>th {border-color: #C3C3C3 !important;}
.msa-master-icon {width: 28px;}
.pr-30 {padding-right: 30px !important;}
.msa-refresh-icon {position: absolute;right: 0px; top: 8px;}
.load-port-wrapper {background: #e0dfdf;  padding: 8px; border-radius: 8px;}
.nc-audit-row {border:1px solid #cccccc; border-radius:3px; padding:8px; background:#F1F1F1; margin-bottom: 15px;}
.nc-audit-row .row {margin-bottom: 5px;}
.nc-audit-row .switch {width: 142px;}
.nc-audit-row .switch-label {width: 70px;}
.nc-audit-row .switch-selection {width: 70px;}
.nc-audit-row .switch-input:checked + .switch-label-on ~ .switch-selection {left: 68px;}
.audit-nc-view {background: #f5f5f5; padding: 4px; margin: 0px; /*margin-bottom: 5px;*/}
.audit-nc-view label {margin-bottom: 0px;}/* color: #888; font-size: 12px;*/
.section-seprator {border-top: 2px solid #000;}
.section-seprator:first-child {border-top: 1px solid #000;}
/*.section-seprator-second {border: 2px solid #000; border-bottom: 0px;}*/
.padding15 { padding: 15px !important;}
.msa-info-text {background: #d9edf7; border: 1px solid #bce8f1;width: auto; padding: 10px; border-radius: 4px;}
.grey-new {color: #888; font-weight: bold;}
.no-margin {margin-top: 5px;   margin-bottom: 0px;}
.section-title .section-title-link i { margin-right:0px; color:#fff;  }


.label-green-new   {color:#FFF!important; background-color:#47a447;}

.short-term-days {border: 1px solid #B1D1E5; padding: 10px; border-radius: 8px; background: #fff; margin-top: -11px;}
.short-term-days .or-text {margin-top: 32px;}

.audit-form-wrapper fieldset {border: 1px solid #B1D1E5; padding: 10px; border-radius: 8px; margin-bottom: 10px;}
.audit-form-wrapper fieldset legend {font-size: 15px; font-weight: bold; border: none; background: none; width: auto; padding: 0px 5px; margin-bottom: 0px; color: #217DBB;}

.nc-status-label-0 {background-color: #2BA1C3;} 
.nc-status-label-1 {background-color: #428bca;}
.nc-status-label-2 {background-color: #35A535; color: #fff;} 
.nc-status-label-3 {background-color: #E29931;}  
.nc-status-label-4 {background-color: #2BA1C3;}
.nc-status-label-5 {background-color: #337ab7;}
.nc-status-label-10 {background-color: #04AA6D;}

.PSCStatus_0 {background-color: #2BA1C3;} 
.PSCStatus_1 {background-color: #428bca;}
.PSCStatus_2 {background-color: #35A535; color: #fff;} 
.PSCStatus_3 {background-color: #E29931;}  
.PSCStatus_4 {background-color: #2BA1C3;}
.PSCStatus_5 {background-color: #337ab7;}
.PSCStatus_7 {background-color: #008000;}
.PSCStatus_10 {background-color: #04AA6D;}
.PSCStatus_15 {background-color: #2BA1C3;}
.PSCStatus_16 {background-color: #2BA1C3;}

.mcat-label strong{color: #217DBB;}
.audit-page h4.section-title {margin-top: 10px;}
.voucher-repeat-wrapper {padding-top: 15px; border-top: 1px solid #B1D1E5; margin-top: 15px; float: left;width: 100%;}
.voucher-repeat-wrapper:first-child {padding-top: 0px; border-top: 0px; margin-top: 0px;}


.vessel-associated fieldset {border: 1px solid #B1D1E5; padding: 10px; border-radius: 8px; margin-bottom: 10px;}
.vessel-associated fieldset legend {font-size: 15px; font-weight: bold; border: none; background: none; width: auto; padding: 0px 5px; margin-bottom: 0px;}
.vessel-associated .active_vessel {background: #0480be; color: #fff; width: 190px; font-size: 14px; border-radius: 5px; margin: 10px auto 0px auto; padding: 4px; text-align: center;}
.vessel-associated .inactive_vessel {background: #e4e4e4; color: #7c7d7e; width: 190px; font-size: 14px; border-radius: 5px; margin: 10px auto 0px auto; padding: 4px;text-align: center;}
.vessel-associated .expected_vessel {background: #35a535; color: #fff; width: 190px; font-size: 14px; border-radius: 5px; margin: 10px auto 0px auto; padding: 4px;text-align: center;}
.vessel-association-wrapper {max-height: 450px; overflow: auto; margin-top: 10px; width: 98%;}
.tele-card-amount {font-weight: bold; float: right;}
.upload-error fieldset {border: 1px solid #B1D1E5; padding: 10px; border-radius: 8px; margin-bottom: 10px;}
.upload-error fieldset legend {font-size: 15px; font-weight: bold; border: none; background: none; width: auto; padding: 0px 5px; margin-bottom: 0px;}
.bunker-calculator-info-icon {position: absolute; right: 0px; top: 0px; background: #0e00c5 !important; padding: 3px; border-radius: 0px 0px 0px 3px; font-size: 10px; color: #fff; z-index: 9;}
.bunker-calculator-info-icon:hover { color: #fff !important; }
.custom-number-btn {min-width: 25px; padding: 1px 5px; margin-top: 0px;}
.pjos-training li {float: left; margin-right: 30px; width: 46%;}
.bunker-highlight {background: #FFFFB7; padding: 5px; margin: 5px 0px; display: inline-block;}
.bunker-highlight-table {background: #FFFFB7;}
.upload-error {float: right;}
.create-bunker-report {font-size: 18px; font-weight: bold; text-align: center; padding: 50px 0px; width: 100%; border: 1px solid #B1D1E5; background: #fff; border-radius: 10px; margin: 50px 0;}


.daily-vessel-create h4.section-title {margin-top: 0px;}
.daily-vessel-create .widget-content {float: none;padding: 5px 20px !important; background: #f5f5f5; border-radius: 6px;}
.sailing-seprator {display: inline-block;margin: 0px 10px;}
.daily-vessel-create .bunkering-label-text {background: #f5f5f5;}

.widget.daily-vessel-create .widget-controls {position: absolute; right: 35px; top: 15px;}

.widget.daily-vessel-create .form-group .iconed-input {margin-right: 0px;}
.daily-vessel-fieldset {padding: 10px 15px; border: 1px solid #c0c0c0; margin-bottom: 10px;}
.daily-vessel-fieldset legend{font-size: 14px; border: none; margin: 0px; width: auto; font-weight: bold; position: absolute;top: -12px; background: #f5f5f5; left: 20px; padding: 0px 10px;}
.daily-vessel-create label.w300 {width: 300px !important}
.msa-edited {padding: 3px; width: 16px;}


.msa-purchase-box.width-4 {width: calc(100% / 4 - 20px); float: left; }
.bootstrap_section .msa-purchase-box.msa-purchase-box-2 { margin: 0px 0px 10px 0px; }

.umms_additional_attachment {width: 100%; float: left; border: 1px solid #c0c0c0; padding: 10px; margin-bottom: 15px; border-radius: 6px; }
.umms_additional_attachment li {float: left; /*width: calc(100% / 4 - 15px);*/ margin-right: 10px !important; }
.umms_additional_attachment li:nth-child(4n) {margin-right: 0 !important; }
.umms_dispensation_section {float: left; /*width: calc(100% / 3 - 10px);*/ margin-right: 15px; border: 1px solid #c0c0c0; padding: 10px; margin-bottom: 15px; border-radius: 6px; }
.umms_dispensation_divide3 {float: left; width: 100%; }
.umms_dispensation_divide3 .umms_dispensation_section:nth-child(3n){margin-right: 0; }

.job_running_hrs {background: #425cfb;border: 1px solid #0A71E0; border-radius: 5px; width: 100%; position: relative; margin-bottom: 15px;}
.pms_jobs_heading {width: 100%; color: #fff; font-size: 14px; text-transform: uppercase; padding: 5px 5px 5px 7px; background: rgba(255, 255, 255, 0.4); border-radius: 5px 5px 0px 0px; text-align: left; line-height: 25px; margin-bottom: 5px;}
.pms_jobs_heading .form-control {padding: 3px 3px 3px 3px; font-size: 11px; height: 25px; width: 90px;}
.pms_jobs_number { color:#fff; font-size:13px; background: url("images/job-bg.png") no-repeat; height:90px; padding-left:7px; margin-top:10px; background-size:100%; line-height:20px;}
.pms_dashboard_umms .pms_job_spare, .pms_dashboard_umms .pms_job_due, .pms_dashboard_umms .pms_job_done, .pms_dashboard_umms .job_running_hrs { background-image: url("images/job-bg.png"); background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 40px;
}
.pms_jobs_number span {
    font-weight: bold;
    font-size: 12px;
    /*color: #333333;*/
}
.pms_jobs_monthly_report {
    position: absolute;
    right: 5px;
    bottom: 5px;
    background: #298FD3;
    border: 1px solid #196090;
    box-shadow: 0px 2px 4px -1px #035E9B;
    border-radius: 5px;
    color: #ffffff;
    padding: 5px;
}

.pms_jobs_monthly_report a {
    color: #ffffff;
}


/*.job_running_hrs .pms_jobs_number {
    color: #333333;
}*/
.pms_job_done {
    background: #ce9107;
border-radius: 5px;
width: 100%;
position: relative;
border: 1px solid #E19C00;
margin-bottom: 15px;
}


.pms_job_due {
    background: #ca3e3e;
border-radius: 5px;
width: 100%;
position: relative;
border: 1px solid #FF2828;
margin-bottom: 15px;
}


.pms_job_overdue {
    background: #0080C0;
border-radius: 5px;
width: 100%;
position: relative;
border: 1px solid #0098E4;
margin-bottom: 15px;
}


.pms_job_spare {
    background: green; 
    border: 1px solid #2CAE2A;
    border-radius: 5px;
    width: 100%;
    position: relative;
    margin-bottom: 15px;
}
.pms_job_rob {
    background: #73199C; 
    border: 1px solid #2CAE2A;
    border-radius: 5px;
    width: 100%;
    position: relative;
    margin-bottom: 15px;
}


.pms_job_life {
    background: #02623c;
    border-radius: 5px;
    width: 100%;
    position: relative;
    border: 1px solid #DB7005;
    margin-bottom: 15px;
}

.excel_icon {
    float: left;
    background-color: #ffffff;
    border: 1px solid #357EBD;
    border-radius: 5px;
    padding: 3px 10px;
    color: #428BCA;
    font-weight: 500;
    min-width: 95px;
}

.alert_icon {
    float: left;
    background: #FF7A00;
    border: 1px solid #FF7A00;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.18);
    border-radius: 5px;
    padding: 6px 10px;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 15px;
    min-width: 80px;
}

.excel_icon img, .alert_icon img {
    width: 21px;
    height: auto;
}
.disp-applied {background: #f5f5f5; padding: 8px 8px 0px 8px; border-radius: 8px;}
.disp-applied.row {margin-bottom: 0px !important;}
.disp-applied .row {margin-bottom: 0px !important;}
.disp-applied a {margin-bottom: 10px; background: none; color: #000;}
.disp-applied a.btn-selected {background: #3276b1; border-color: #285e8e; color: #fff;}
.disp-applied label {width: 180px; margin-top: 4px;}
.js_accordian_parent .widget-expand-collapse h4 {cursor: pointer;}
.vessel-report-create label {margin-bottom: 0px !important;}

.critical_component {
    background: #FF8A1E;
    /*border: 1px solid #D56600;
    box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    color: #FFFFFF !important;
    padding: 5px;*/
}

.critical_component img {
    width: 16px;
    margin-right: 5px;
}

.subcomponent_list {
    padding: 1px 0;
    list-style-type: none;
    float: left;
    width: 100%;
    /* overflow-y: auto;
    height: 600px; */
}

.subcomponent_list.dashbord_subcomponent_list li { padding-left: 20px; position: relative; display: flex; align-items: center; flex-wrap: wrap;}
.subcomponent_list li ul{ display: none; list-style-type: none; padding-left: 0px; border-top: 1px solid #B1D1E5; float: left; width: 100%;}
.subcomponent_list li ul li{padding-left: 0 !important; }
.subcomponent_list li ul li:first-child { margin-top: 0; border-top: 0; }
.subcomponent_list li ul li:last-child { border-bottom: 0; }
.subcomponent_list_open { position: absolute; left: 5px; top: 15px; cursor: pointer; width: 15px; height: 15px; display: flex; align-items: center; justify-content: center; font-size: 15px;}
.subcomponent_list_open .fa-caret-square-o-down{ display: none; }
.subcomponent_list_open.open_list .fa-caret-square-o-right{ display: none; }
.subcomponent_list_open.open_list .fa-caret-square-o-down{ display: block; }
.subcomponent_list li{
    float: left;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #B1D1E5;
    min-height: 40px;
    margin-top: -1px;
}

.subcomponent_list li:hover a, .subcomponent_list li:hover .subcomponent_list_open {
    color: #000;
    text-decoration: none;
} 

.subcomponent_list li:hover .sub_list li a { color: #000; }
.sub_list li:hover a { color: #000 !important; }
.subcomponent_list li:hover { 
    background: #e3e3e3;
    outline: 1px solid #B1D1E5;
    outline-offset: -2px;
}

.subcomponent_list li.subcomponent_active .sub_list li a { color: #000; }
.subcomponent_list li.subcomponent_active .sub_list li.active { background: #e3e3e3 }
.subcomponent_list li.subcomponent_active .sub_list li.active a{ color: #000 }

.subcomponent_list li.subcomponent_active a {
    color: #000;
    text-decoration: none; }
.subcomponent_list li.subcomponent_active { background: #e3e3e3;
    outline: 1px solid #B1D1E5;
    outline-offset: -2px; }

.blank_msg_view { min-height: 150px; display: flex; align-items: center; justify-content: center; border: 1px dashed #298FD3; }
.blank_msg_view label { color: #1C449B; }

.subcomponent_list li a {padding: 12px 5px; color: #333333; font-weight: 400; font-size: 12px; float: left; width: 100%; }
.subcomponent_list li .component_width { white-space: nowrap; width: 38%; overflow: hidden; text-overflow: ellipsis; color: #1C449B; font-size: 10px;}
.subcomponent_list li .component_unit { white-space: nowrap; width: 38%; overflow: hidden; text-overflow: ellipsis; font-size: 12px; display: block; float: left;  padding: 12px 5px 12px 0; color: #000;}
.subcomponent_list li .fa-angle-double-right { float: left; padding: 12px 5px 12px 0; color: #428bca;}
.component_due { width: 20px; height: 20px; border-radius: 50px; background-color: #ed9c28; font-size: 10px; display: flex; align-items: center; justify-content: center; color: #fff; margin-left: auto; cursor: pointer; }
.component_overdue { width: 20px; height: 20px; border-radius: 50px; background-color: #f00000; font-size: 10px; display: flex; align-items: center; justify-content: center; color: #fff; cursor: pointer; margin-left: auto; margin-right: 8px; }
.job_status .medical-icon  { padding-left: 2px !important; width: 22px !important; }
.job_status i { font-style: normal; }
.due_overdue_info { float: right; max-width: 45px; }
.due_overdue_info .component_due { float: left; }
.due_overdue_info .component_overdue { float: right; margin-right: 0; }
.umms_back_components {
    background-color: #E8F2F8 !important;
}

/*.tableFixHead .component_sub td.vessel-name {
    top: 0;
}*/

.tableFixHead .component_sub td.vessel-name {
    top: 28px;
    font-size: 14px;
}

table.fold-table > tbody > tr.fold {
  display: none;
}
table.fold-table > tbody > tr.fold.open {
  display: table-row;
}

.umms_sub_componet_table .fold-table {
    border: 0;
}
.umms .table .umms_sub_componet_table>td {
    padding: 0;
    border: 0;
}
.component_sub.view {
    cursor: pointer;
} 

.component_sub.view i {
    float: right;
    line-height: 26px;
    background: #428bca;
    padding: 2px 10px;
    border-radius: 4px;
    color: #fff;
}
.component_sub.view .fa-compress {
    display: none;
}

.component_sub.view.open .fa-compress {
    display: block;
}

.component_sub.view.open .fa-expand {
    display: none;
} 
.hrs-last-week {
    margin-left: 50px;
    display: inline-block;
}

.sub-component-back {
    background: #EFEFEF;
    /*height: 40px;*/
    display: block;
    padding: 10px 15px;
    font-size: 14px !important;
    color: #000;
}
.sub-component-back:hover, .sub-component-back:focus { text-decoration: none; color: #000; }

.sub-component-back.active { background: #BBE5FF; }

.bg-danger{
    background: #f2dede !important;
}

.sub-component {padding-left: 20px !important; list-style: disc;}
.sub-component .listing{font-size: 20px;}
.add-bank-details-wrapper {
    margin-bottom: 20px;
    margin-right: 10px;
}
.add-bank-details {
    border: 1px solid #c0c0c0;
    padding: 8px;
    position: relative;
}
.bank-close-btn {
    position: absolute;
    top: -10px;
    right: -10px;
}

.zero-rob{
    background-color: #eeeeee;
    color: #f00;
}
.covid-box {
    border: 1px solid #000;
    border-radius: 5px;
    padding: 10px 10px 0px 10px;
}
.covid-box-signoff {
    padding-bottom: 10px;
    margin-top: -10px;
}
.covid-box-signoff .row {
    margin: 0px;
}
.covid-box-signoff .col-md-4 {
    padding: 0px 5px;
}
.covid-box legend {
    border: none;
    font-size: 14px;
    width: auto;
    font-weight: bold;
    margin-bottom: 0px;
}
.covid-box-popup {
    border: 1px solid #cbc5c5;
    border-radius: 5px;
    padding: 10px 10px 10px 10px;
}

.info-message { padding: 7px; margin: 4px 0px 8px 0px; border-width: 1px 1px 1px 4px; border-style: solid; border-color: #B1D1E5; border-radius: 6px; display: flex; align-items: center;  font-weight: normal; font-size: 14px; float: left;}
.info-message i {margin-right: 8px; font-size: 16px; }
.info-message-icon { color: #1c03ff; background-color: #E8F2F8;   border-left-color: #1c03ff; }

.iconed-input-error{
    border:1px solid #A94442;
}
.dropdown-disabled{
    cursor: not-allowed !important;
    pointer-events: none; !important;
    background-color: #eee;
}

.create-iom-user {
    width: 130%; 
}
.create-iom-user-table {
    max-height: 120px; 
    font-size: 12px;
}
.iom-summary {
    z-index: 1;
}
.iom-summary-user {
    z-index: 4;
}

.iom-summary-user .widget-content {
    padding: 10px !important;
}
@media (min-width: 1366px) {
    .create-iom-user {
        width: 120%;
    }
}
a.selfServiceMode {
    padding: 0 2px;
}
.link-job-content {border-radius: 8px; border: 1px solid #888; padding: 10px;}
.damaged-icon-img {padding: 3px 5px; line-height: 1.5; margin-top: -2px;}
.damaged-icon {padding: 3px 7px; line-height: 1.5; margin-top: -2px;}
.lock-alert {margin-top: 15px !important; padding: 15px !important; font-size: 16px;}
.alert-close-btn {margin-left: 15px; margin-bottom: 10px;}
.input-box-content {display: flex;}
.input-box-content input[type="checkbox"], .input-box-content input[type="radio"]{margin-top: -0px !important;}
.input-box-content label{margin-right: 20px !important; margin-left: 5px; margin-bottom: 0;}
.box_label label { font-weight: normal; }
.contract-icon img {height: 14px;}
.date-text {font-size: 11px; padding-right: 10px; display: table-cell; margin-top: 10px; float: left;}
.date-select {display: table-cell; width: 230px;}
.info-icon-tips {position: absolute; right: 10px; top: 10px;}

.reports-tab .nav-tabs > li.active > a, .reports-tab .nav-tabs > li.active > a:hover, .reports-tab .nav-tabs > li.active > a:focus {padding: 5px; border-bottom: 3px solid #0480be; border-top: none; border-left: none; border-right: none; background: none;}
.reports-tab .nav-tabs > li > a {padding: 5px; border-bottom: 2px solid #888; border-top: none; border-left: none; border-right: none; background: none;}
.reports-tab .tab-content {border: none;}
.reports-tab .nav-tabs {border: none;}

.reports-content tr td .label {text-transform: uppercase; width: 110px; white-space: normal; line-height: initial;}



#slideLeftNew { position: absolute; left: 0px; z-index: 99; top: 0px; /*transform: translateY(-50%); *//*background-color: #2536475c;*/ width: 40px; height: 120px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 24px; border-radius: 6px; border: 0; margin-left: 10px; transition: all 0.3s ease; background:linear-gradient(to right, /*transparent*/ #253647c4, transparent);}
#slideRightNew { position: absolute; right: 0px; z-index: 99; top: 0px;  /*transform: translateY(-50%);*/ /*background-color: #000000bf;*/ width: 40px; height: 120px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 24px; border-radius: 6px; border: 0; margin-right: 0px; transition: all 0.3s ease; background:linear-gradient(to left, /*transparent*/ #253647c4, transparent);}
#slideLeft:hover, #slideRight:hover { background-color: #253647e3; }
.select_department_section {padding: 15px; background: #F1F9FF;border-top: 1px solid #196090; border-bottom: 1px solid #196090;  height: 125px; width: 100%;}


.selected_department_row .selected_department .department-heading {
    background: rgba(255, 255, 255, 0.24);
    font-weight: bold;
    color: #fff;
}
.department-heading {background: rgb(169,169,169, 0.5);
    color: #000;    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    display: block;
    width: 100%;
    text-align: center;
    
    text-transform: uppercase;
    padding: 6px 0px;}
.select_department_section .department-component {font-size: 14px;line-height: 18px; display: block;}
/*.selected_department {padding: 10px;}*/

.select_department ul li {display: inline-block; margin-right: 15px; min-width: 178px; height: 90px; border: 3px solid #cccccc;
    border-radius: 6px;
    margin-right: 0;
    margin-bottom: 10px;
    background: #F4F9FF !important; border-radius: 6px; list-style: none;margin-right: 10px; max-width: 210px;}
.vessel_condition_des li label { font-size: 12px; font-weight: 400; }
.search-component-heading {font-size: 12px;line-height: 16px; color: #999999; display: block;}
.search-main-component {font-size: 14px; line-height: 18px;color: #000000; font-weight: bold; display: block; margin: 5px 0px 0px 10px;}
.search-component-maker {font-size: 14px;line-height: 18px;color: #428BCA; display: block;}
.select_department ul li.selected_department_row {border: 3px solid #233F78; margin-right: 10px;
    background: #233F78 !important;
    border-color: #233F78;
    color: #fff; text-align: left; justify-content: left; max-width: 210px;
    border: 3px solid #233F78;
    background: #233F78 !important;
    display: unset;
    padding: 0;
    cursor: context-menu !important;
}

.search_subcomponent_list {
    padding: 1px 0;
    list-style-type: none;
    float: left;
    width: 100%;
    overflow-y: auto;
    height: 474px;
    border: 1px solid #B1D1E5;
}

.search_subcomponent_list.dashbord_search_subcomponent_list li { padding: 10px; position: relative;}
.search_subcomponent_list.dashbord_search_subcomponent_list li.marked {background: #233F78; color: #fff;}
.search_subcomponent_list.dashbord_search_subcomponent_list li.saved-data {background: #98bee7; color: #fff;}
.search_subcomponent_list.dashbord_search_subcomponent_list li.saved-data .sub-component-name{color: #fff;}
.search_subcomponent_list.dashbord_search_subcomponent_list li:hover {background: #B2B2B2; color: #fff;}
.search_subcomponent_list li ul{ display: none; list-style-type: none; padding-left: 0px; border-top: 1px solid #B1D1E5; float: left; width: 100%;}
.search_subcomponent_list li ul li{padding-left: 0 !important; }
.search_subcomponent_list li ul li:first-child { margin-top: 0; border-top: 0; }
.search_subcomponent_list li ul li:last-child { border-bottom: 0; }
.search_subcomponent_list li{padding-top: 5px; float: left; width: 100%; background: #ffffff; border: 1px solid #B1D1E5; min-height: 40px; margin-top: -1px;}
.search_subcomponent_list li:first-child{background: #F3F3F5;}
.sub-component-name {color: #908F8B;}
.sub-component-name-left {color: #8F8F8F; display: block; font-size: 16px; font-weight: bold;}
.search_subcomponent_list.dashbord_search_subcomponent_list li:hover .sub-component-name, .search_subcomponent_list.dashbord_search_subcomponent_list li.marked .sub-component-name {color: #fff;}
.search_subcomponent_list.dashbord_search_subcomponent_list li:hover .sub-component-name-left {color: #fff;}
.total-component {display: block; margin: 10px;}
.link-component {display: block; margin: 10px;}
.build-vessel #slideLeftNew { position: absolute; left: 0px; z-index: 99; top: 0px; /*transform: translateY(-50%); *//*background-color: #2536475c;*/ width: 40px; height: 125px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 24px; border-radius: 6px; border: 0; margin-left: 10px; transition: all 0.3s ease; background:linear-gradient(to right, /*transparent*/ #253647c4, transparent);}
.build-vessel #slideRightNew { position: absolute; right: 0px; z-index: 99; top: 0px;  /*transform: translateY(-50%);*/ /*background-color: #000000bf;*/ width: 40px; height: 125px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 24px; border-radius: 6px; border: 0; margin-right: 0px; transition: all 0.3s ease; background:linear-gradient(to left, /*transparent*/ #253647c4, transparent);}
.build-vessel #slideLeft:hover,.build-vessel  #slideRight:hover { background-color: #253647e3; }
.build-vessel .vessel_condition ul li:first-child {background-color: unset; padding: unset; float: unset; /*width: 100%;*/ align-items: center; color: unset; border-radius: 6px; display: unset; text-align: center; /*aspect-ratio: 16/9;*/  margin-bottom: 10px; justify-content: center;}
.build-vessel .vessel_condition ul li:first-child:hover {color: #fff;}
.build-vessel-list.search_subcomponent_list li{display: flex; padding: 0;}
.build-vessel-list.search_subcomponent_list .sub-component-name-box{width: 90%; padding: 5px 10px;}
.build-vessel-list.search_subcomponent_list .build-vessel-icon{display: inline-flex;  background: #FBFBFB;
    padding: 10px;}
.build-vessel-list.search_subcomponent_list .sub-component-name {color: #908F8B; display: block;}

.componenet-name {background: #F3F3F5; padding: 5px 0 !important; display: inherit !important;}

.build-vessel-list.search_subcomponent_list.dashbord_search_subcomponent_list li:hover {background: #E0F2FF; color: inherit;}
.build-vessel-list.search_subcomponent_list.dashbord_search_subcomponent_list li:hover .sub-component-name {color: #908F8B;}
.build-vessel-list.search_subcomponent_list.dashbord_search_subcomponent_list li:hover .build-vessel-icon {background: #E0F2FF;}

.build-vessel-list.search_subcomponent_list.dashbord_search_subcomponent_list li.row-selected {background: #2B3E75;}
.build-vessel-list.search_subcomponent_list.dashbord_search_subcomponent_list li.row-selected .sub-component-name {color: #fff;}
.build-vessel-list.search_subcomponent_list.dashbord_search_subcomponent_list li.row-selected .build-vessel-icon {background: #2B3E75; border-left: 1px solid #fff;}
.build-vessel-list.search_subcomponent_list.dashbord_search_subcomponent_list li.row-selected .sub-component-type {color: #fff;}

.build-vessel-list.search_subcomponent_list.dashbord_search_subcomponent_list li.row-selected.replace_component_disabled {background: #E6E6E6;}
.build-vessel-list.search_subcomponent_list.dashbord_search_subcomponent_list li.row-selected.replace_component_disabled .build-vessel-icon { background: #E6E6E6; }
.build-vessel-list.search_subcomponent_list.dashbord_search_subcomponent_list li.row-selected.replace_component_disabled .sub-component-name {color: #888;}
.build-vessel-list.search_subcomponent_list.dashbord_search_subcomponent_list li.row-selected.replace_component_disabled .sub-component-type {color: #888;}

.build-vessel-list.search_subcomponent_list.dashbord_search_subcomponent_list li.row-worked {background: #E6E9EB;}
.build-vessel-list.search_subcomponent_list.dashbord_search_subcomponent_list li.row-worked .build-vessel-icon {background: #2B3E75; border-left: 1px solid #fff;}

.build-vessel-list.search_subcomponent_list.dashbord_search_subcomponent_list .search-component-maker {margin: 5px 0px 0px 10px;}
.build-vessel-list.search_subcomponent_list.dashbord_search_subcomponent_list .componenet-name-heading .search-component-maker {margin: 5px 0px 0px 0px;}


.replace_component_model .search_subcomponent_list{ height: 410px; }
.replace_component_model .build-vessel-list.search_subcomponent_list li .build-vessel-icon { color: #000000; display: flex; align-items:center; justify-content:center; }
.replace_component_model .build-vessel-list.search_subcomponent_list li.row-selected .build-vessel-icon { color: #fff; }

.replace_component_model .build-vessel-list.search_subcomponent_list li.row-olready-selected { background-color: #008000; }
.replace_component_model .build-vessel-list.search_subcomponent_list li.row-olready-selected .sub-component-name {color: #fff;}
.replace_component_model .build-vessel-list.search_subcomponent_list li.row-olready-selected .build-vessel-icon {background: #2B3E75; border-left: 0px solid #fff;}
.replace_component_model .build-vessel-list.search_subcomponent_list li.row-olready-selected .sub-component-type {color: #fff;}

.replace_component_model .build-vessel-list.search_subcomponent_list li.row-olready-selected .build-vessel-icon { color: #fff; background-color: #008000 }


.quote-compare-row {height: 96px;}

.vessel_condition_des_fix::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 12px rgba(0,0,0,0.3);
    border-radius: 12px;
    background-color: #ccc;
}
.vessel_condition_des_fix::-webkit-scrollbar {
    width: 12px;
    background-color: transparent;
    height: 12px;
}

.vessel_condition_des_fix::-webkit-scrollbar-thumb {
    border-radius: 12px;
    -webkit-box-shadow: inset 0 0 12px rgba(0,0,0,.3);
    background-color: #3498db;
}
.vessel_condition_des_fix {
    overflow-x: auto;
    overflow-y: auto;
    max-height: 740px;
    margin-top: -1px;
    width: 100%;
}

.number-text {background: #d9d9d9; color: #000; margin-top: 0px; padding: 5px 10px; height: 30px; border-radius: 4px;}
.build-vessel-content {border: 1px solid #cccccc; padding: 0px 15px; height: 535px; overflow: auto;}

.sub-component-text {width: 90%; display: inline-block;}

.search_subcomponent_list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 12px;
    background-color: #ccc;
}
.search_subcomponent_list::-webkit-scrollbar {
    width: 8px;
    background-color: transparent;
    height: 8px;
}

.search_subcomponent_list::-webkit-scrollbar-thumb {
    border-radius: 12px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #3498db;
}
.select_department ul li:hover {
    border: 3px solid #233F78; margin-right: 10px;
    background: #233F78 !important;
    border-color: #233F78;
    color: #fff; 
    text-align: left; justify-content: left; max-width: 210px;
    border: 3px solid #233F78;
    background: #233F78 !important;
    display: unset;
    padding: 0;
    cursor: pointer;
}
.department-heading {
    color: #fff;
}
.checkbox-selected {
  display: block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-selected input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.marked .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.checkbox-selected:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-selected input:checked ~ .checkmark {
  background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox-selected input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox-selected .checkmark:after {
  left: 8px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid #233F78;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.link-disabled {color: #000; opacity: 0.4; cursor: not-allowed;}
.search-unit-name {font-size: 14px; line-height: 18px; color: #000000;font-weight: bold;}
.search-component-name {font-size: 13px; color: #428BCA; display: block;}
.search-component-maker {font-size: 13px; color: #F16403; display: block;}
.search_subcomponent_list li.componenet-name-heading, .search_subcomponent_list li.componenet-name-heading:hover{background: #F3F3F5; color: unset; font-weight: bold; display: block; padding: 10px;}
.search_subcomponent_list li.componenet-name-heading .mleft5.mright5 {display: none;}


.crete-working-hour {background: #f5f5f5; padding: 10px 15px; border: 1px solid #c0c0c0; position: relative; border-radius: 8px;}
.crete-working-hour legend {font-size: 14px; border: none; margin: 0px; width: auto; font-weight: bold; position: absolute; top: -12px; background: #fff; left: 20px; padding: 0px 10px;}
.crete-working-hour-duration {padding: 10px 15px; border: 1px solid #8a6d3b;}
.crete-working-hour-duration legend {font-size: 14px; border: none; margin: 0px; width: auto; font-weight: bold; position: absolute; top: -12px; background: #fff; left: 20px; padding: 0px 10px;}
.view-working-hour-duration {margin: 10px 0; background: #fcf8e3; padding: 10px 15px; border: 1px solid #8a6d3b; position: relative;}
.view-working-hour-duration legend {font-size: 14px; border: none; margin: 0px; width: auto; font-weight: bold; position: absolute; top: -10px; background: #fff;
    left: 10px;
    padding: 0px 10px;}
.view-working-hour-duration .no-float {float: none;}
.umms_alert_warning.no-float {float: none;}

/*prompt Design Start*/

.prompt { padding: 15px; margin: 0px 15px 15px 15px; border-radius: 8px; color: #666; font-weight: bold; border: 1px solid #ccc; background: #f5f5f5; }
.prompt span { display:inline-block; margin-top: 4px; }
/*prompt Design End*/

.iom_reciever_notes {
    width: 30px  !important;
    float: right !important;
    min-height: unset !important;
}

.page-submenu .panel-body {padding: 0px 15px;}
.archived-icon {position: absolute; top: 0px; right: 0px; width: auto !important; padding: 4px 0px 4px 5px !important; font-size: 14px; background: #FF8500; border-radius: .25em 0 0 .25em;}
/*-----Vessel Budget New CSS Start ------*/ 
.srcl {display: flex; margin: auto; width: 1100px; margin: 12px 30px 3px 30px; justify-content: space-between; }
.srcl div {min-width: 140px; height: 48px; border: 3px solid #cccccc; border-radius: 6px; margin-bottom: 7px; background: #F4F9FF !important; list-style: none; margin-right: 5px; max-width: 210px; text-align: center; font-size: 12px; align-items: center; display: flex; justify-content: center; padding: 0 2px;}
.srcl div.active {border: 3px solid #233F78; background: #233F78 !important; color: #fff;max-width: 210px; cursor: pointer; }
.srcl div:hover {background: #F4F9FF !important; color: #1C449B;max-width: 210px; border: 3px solid #233F78; cursor: pointer; }
.slide-sample{position: relative; padding-left: 0px; margin-top: 10px;}
.slideouter {width: 100%; overflow-x: scroll; margin: auto; display: flex; margin-bottom: 20px; }
.preSlide {position: absolute; left: 0px; z-index: 99; top: 0px; width: 40px; height: 82px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 24px; border-radius: 6px; border: 0; margin-left: 0px; transition: all 0.3s ease; background: linear-gradient(to right, /*transparent*/ #253647c4, transparent); }
.nextSlide {position: absolute; right: 0px; z-index: 99; top: 0px; width: 40px; height: 82px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 24px; border-radius: 6px; border: 0; margin-right: 0px; transition: all 0.3s ease; background: linear-gradient(to left, /*transparent*/ #253647c4, transparent); }
.social{text-align:center;}
.preSlide:hover, .nextSlide:hover {background-color: #253647e3; color: #fff; text-decoration: none; }
.slideouter::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 12px rgba(0,0,0,0.3); border-radius: 12px; background-color: #ccc; }
.slideouter::-webkit-scrollbar {width: 12px; background-color: transparent; height: 12px; }
.slideouter::-webkit-scrollbar-thumb {border-radius: 12px; -webkit-box-shadow: inset 0 0 12px rgba(0,0,0,.3); background-color: #3498db;}
/*-----Vessel Budget New CSS End ------*/ 

/*-----Add Vessel New CSS Start ------*/ 
.company-vessel-btn {border: 3px solid #cccccc; background: #F4F9FF !important;  color: #1C449B; padding-top: 3px;}
.company-vessel-btn:hover, .company-vessel-btn.active {border: 3px solid #233F78; padding-top: 3px; background: #233F78 !important; border-color: #233F78;}
.add-vessel-sub-menu {display: inline-block; min-width: 150px;}
.add-vessel-menu {display: inline-block; margin-right: 10px; margin-top: -5px;}
.page-submenu ul li a.accordion-toggle {display: flex;}
.po-slip-status {border: 2px solid #B1D1E5; padding: 5px; float: right; border-radius: 8px; margin-bottom: 5px;}
.payable-amount-box {margin: 10px 0 15px 15px;border: 2px solid #B1D1E5; padding: 5px; border-radius: 8px;}
.budget-account-code {margin-right: 50px; margin-top: 20px; float: right;}
.cs_vessel_selection-new { background-color: #808ae3; border-radius: 6px; padding: 5px; text-transform: capitalize !important; white-space: normal; color: #fff;}
.po-legend {height: unset !important; padding: 0; border: none; background: no-repeat; margin-top: 20px;}
.po-legend.po_dashboard .jobs-content-wrapper {margin-bottom: 0; padding-bottom: 0; }

/*custom radio or checkbox design start*/

.custom_radio_button input[type="radio"],
.custom_radio_button input[type="checkbox"]  { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; white-space: nowrap; clip-path: inset(100%); clip: rect(0 0 0 0); overflow: hidden; }

.custom_radio_button label {border: 3px solid #cccccc; background: #F4F9FF !important; color: #1C449B; text-transform: capitalize; !important; min-width: 80px; margin-bottom: 0; display: inline-block; padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; vertical-align: middle; cursor: pointer; border-radius: 4px; float: left; margin: 3px;}
.custom_radio_button.font12 label {min-width: 80px; padding: 3px 5px; font-size: 10px; margin: 2px;}
.custom_radio_button label:hover, 
.company-vessel-btn.active, 
.custom_radio_button input[type="radio"]:checked + label, 
.custom_radio_button input[type="checkbox"]:checked + label {border-color: #233F78; background: #233F78 !important; color: #fff; }

.box_w45.custom_radio_button label { min-width: 45px; padding: 2px; font-size: 12px; border-width: 2px; }
.box_w45.custom_radio_button { float: left; }

/*custom radio or checkbox design END*/

.po_tooltip_custom ul.approval-pending-list li {
    list-style: none;
    border-bottom: 1px solid #fff;
    padding: 5px 10px;
    text-align: left;
}
.po_tooltip_custom.tooltip {width: auto; opacity: 1; }
.po_tooltip_custom.tooltip .tooltip-inner{ background: #3095d9;  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border-radius: 6px; color: #fff;}
.po_tooltip_custom.tooltip .tooltip-arrow{ border-top-color: #3095d9;}
.bio-fuel-row hr{margin-top: 5px; margin-bottom: 3px; border: 0; border-top: 1px solid #B1D1E5; }

.blank_msg_view_new {font-size: 20px;color: #1C449B; min-height: 100px; display: flex; align-items: center; justify-content: center; border: 1px dashed #298FD3; border-radius: 8px;}
.vessel_export_btn {position: absolute; right: 50px; border: 1px solid #FFF; padding: 3px 8px; top: 16px;}
.pms-clear-btn {margin-left: 10px; padding: 10px; margin-right: -9px;}
.font12 button.ui-multiselect {font-size: 12px;}
.font12 select {font-size: 12px;}
.pms-seprator hr {margin-bottom: 0px; border-top: 1px solid #B1D1E5; margin-top: 10px;}
.budgetdiv .widget-blue .widget-title:hover {background: #233F78; border: 1px solid #233F78;}
.budgetdiv .widget-blue .widget-control {color: #fff;}
.budgetdiv .widget-blue .widget-control:hover {color: #196090 !important;}
.add-bank-account .fieldset_section {margin-bottom: 15px; border: 1px solid #B1D1E5; padding: 15px; border-radius: 8px; line-height: 16px; position: relative; }
.add-bank-account .fieldset_section .voyage-label {height: unset; display: block; text-align: left; line-height: unset; }
.add-bank-account .fieldset_section .section-title {margin-top: 0;}
.add-bank-account .input-box-content {border: 2px solid #B1D1E5; padding: 4px 8px; border-radius: 8px;}
.add-bank-account .input-box-content .checkbox{margin-top: 9px; margin-left: -10px;}

.strike-through-text {text-decoration:line-through;}

.supplier-legend-text {font-size: 16px !important; background: #fff !important; padding: 3px 8px; border-radius: 4px;}
.master-action-button {z-index: 99; position: absolute; right: 25px; top: 20px;}
.title-legend {color: #217DBB; font-size: 16px !important; }
.profile-signature {border: 3px solid #e8e8e8; max-width: 100px; text-align: center; border-radius: 8px;}
.profile-signature .user-profile-image{width: 80px; height: 80px;}
.mbot0 {margin-bottom: 0px !important;}
.table-no-padding td {padding: 0px !important;}
.table-no-padding td .form-control{border-radius: 0px !important; border: none;}
.table-no-padding td.normal-padding{padding: 0px 8px !important;}
.ra-alert-box .widget-blue .widget-title{padding: 7px 15px; border: 1px solid #217DBB; margin-top: 10px; border-radius: 5px; background: none; box-shadow: none; }
.ra-alert-box h3{color: #217DBB !important; font-size: 18px !important; text-align: left; text-shadow: unset !important; line-height: normal;}
.ra-alert-box .ra-message{padding: 0; display: inline-block; margin-left: 0px; text-transform: capitalize; color: #000;}
.ra-alert-box .widget .widget-content{border-radius: unset; border: unset; background: none; box-shadow: unset; padding: 10px 0px 5px;}
.ra-alert-box .widget {box-shadow: none;}
.ra-alert-box .widget .widget-controls a.widget-control {font-size: 18px;}
.ra-alert-box .widget .widget-controls a.widget-control:hover {text-shadow: unset; color: #196090;}
.form-12.form12 .form-group>label {width: 260px;}
.form-12.form12 .form-group .iconed-input {margin-left: 265px; margin-right: 0px; }
.top-blue-box{border-radius: 10px; text-align: left; margin: 10px 0; padding: 10px; border: 1px solid #3c763d; width: 600px;}
.top-blue-box h4{font-size: 16px;}
.top-blue-box h4:nth-child(2){line-height: 28px; font-size: 14px;}
.top-green-box{border-radius: 8px; text-align: left; padding: 0 10px; border: 1px solid #3c763d}
.pro-safe h4 {font-size: 16px;margin-top: -10px; border-radius: 8px 8px 0 0px; padding: 15px; margin-left: -10px; width: calc(100% + 20px); color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc;}
.process-model_xs.process-model-user li {width: unset;}
ul.process-model_xs.process-model-user {box-shadow: none; padding: 0px 0; margin: 3px auto 0px;}
.process-model-user.process-model.process-model_xs li a {height: 35px; padding:1px 5px; margin-bottom:4px; }
.user-email {white-space: nowrap; width: 100px; overflow: hidden; text-overflow: ellipsis; display: inline-block;}

/*google authenticator Design Start*/


.mfa-register .small_input .form-control { padding: 6px 12px; height: auto; font-size: 14px; color: #000; width: 100%; }
.mfa-register .login_form { padding: 0 15px 15px 15px; }
.mfa-register .otp_email { float: left; width: 100%; border: 1px solid #eee; border-radius: 6px; padding: 8px; display: flex; align-items: center; margin-bottom:15px; flex-wrap: wrap; }
.mfa-register .otp_email label { display: flex; align-items:center; flex-wrap: wrap; width: 100%; color: #fff; margin-bottom: 0; }
.mfa-register .otp_email [type="radio"] { float: left; margin-right: 10px; zoom: 2; }
.mfa-register .otp_email img { width: 50px; float: left; margin-right: 15px; }

.mfa-register .otp_email_radio { width: 120px; float: left;}
.mfa-register .otp_email_text { width: calc(100% - 125px); float: left;}

.mfa-register .subtext { color: #f4f4f4; font-size: 12px; width: 100%; margin-top: 3px; font-weight: normal;}
.mfa-register .mfa_stap { float:left; width: 100%; position: relative; padding: 15px 15px 15px 50px; }
.mfa-register .mfa_stap label{ font-weight: normal;}
.mfa-register .mfa_number { position: absolute; top: 15px; left:0; width: 30px; height: 30px; border-radius: 100px; border: 2px solid #666; display: flex; align-items: center; justify-content: center; font-size: 16px; background: #fff;}
.mfa-register .mfa_stap:before { content:''; position: absolute; top: 15px; left: 14px; width: 1px; height: 100%; border: 1px solid #bbb; }
.mfa-register .mfa_stap:last-child:before { display: none; }
.mfa-register .app_image { float: left; width: 100%; }
.mfa-register .app_image img { float: left; width: 150px; margin-left: 10px; }
.mfa-register .qr_image { float: left; width: 80px; margin-right: 10px; }
.mfa-register .qr_image img { float: left; width: 100%; height: auto; }
.mfa-register .qr_image + label { width: calc(100% - 95px); float: right; font-weight: normal;}
.mfa-register .mfa_code .form-control { padding: 6px 12px; height: auto; font-size: 14px; color: #000; width: 45%; }

.mfa-register .email_btn {color: #116fb7; height: auto !important; width: auto !important; font-size: 14px !important; margin-bottom: 0 !important;}
.mfa-register .btn-warning { color: #000; }
.mfa-register .email_cancel { background: transparent; border: 1px solid #fff; }
.mfa-register .login_title { margin-top: 0; margin-bottom: 0; border-bottom: 1px solid #f2f2f2; padding-bottom: 5px; }

.mfa-register .autoh_section { float: left; width: 100%; border: 1px solid #eee; margin-top: 15px; margin-bottom: 15px; border-radius: 6px; overflow: hidden;}
.mfa-register .login_subtitle {background-color: #3a99e1; margin-top: 0; padding: 10px; font-size: 15px; font-weight: bold;}
.mfa-register .autoh_section p { padding:0 10px 0px 10px; }
.mfa-register .autoh_section a { margin-left: 10px; margin-bottom: 8px !important; }
.mfa-register .re_sync_forgot { font-size: 12px;}
.mfa-register .re_sync_forgot a { font-size: 12px; text-decoration: underline;}
.mfa-register .footer_link { margin-bottom: 0 !important; padding-right: 0 !important; margin-top: 10px; }
.mfa-register .footer_link a {text-decoration: underline; color: #d4d4d4; }
.mfa-register .secret_key {text-decoration: underline; }
/*google authenticator Design End*/

.rank-promoted {color: #666; font-weight: bold;}
.trouble-shoot-btn {position: absolute; right: 25px; top: 15px;}
.work-hour-list li {text-align: left !important;}


.pms-build-new.pms-build-vessel label.pms-build-label {padding-top:8px;}
.pms-build-new.pms-build-deck {background: url("images/deck-icon.png") #314457 no-repeat 10% 50px; background-size: 30%;}
.pms-build-new.pms-build-electrical {background: url("images/electic-icon.png") #314457 no-repeat 10% 50px; background-size: 30%;}
.pms-build-new.pms-build-engine {background: url("images/engine-icon.png") #314457 no-repeat 10% 50px; background-size: 30%;}
.pms-build-new.pms-build-galley {background: url("images/galley-icon.png") #314457 no-repeat 10% 50px; background-size: 30%;}
.pms-build-new.pms-build-radio {background: url("images/radio-icon.png") #314457 no-repeat 10% 50px; background-size: 30%;}
.pms-build-new.pms-build-safety {background: url("images/safety-icon.png") #314457 no-repeat 10% 50px; background-size: 30%;}
.pms-build-new.pms-build-others {background: url("images/others-icon.png") #314457 no-repeat 10% 50px; background-size: 30%;}
.pms-build-new.pms-build-accommodation-system {background: url("images/accom-icon.png") #314457 no-repeat 10% 50px; background-size: 30%;}
.pms-build-new.pms-build-document {background: url("images/document-icon.png") #314457 no-repeat 10% 50px; background-size: 30%;}
.pms-build-new.pms-build-vessel {margin-bottom: 20px; margin-left: 0px; font-size: 10px; height: 90px; width: 100px;}
.linked-component {position: absolute; bottom: 5px; right: 10px; padding: 5px; border-radius: 50%; width: 35px; height: 35px; font-size: 13px; }
.crete-working-hour.create-working-new {padding: 0px 15px;}
form .create-working-new .form-group {margin: 18px 0px; }
.crew-system form .create-working-new .form-group>label {padding-top: 0px; margin-bottom: 0px; display: flex; align-items: center; height: 30px; }
.create-working-new .right-border {border-right: 1px solid #ddd; margin: 10px 0; width: 30%; margin-right: 45px;}
.create-working-new .right-border:first-child {width: 35%;}
hr.section-seprator-line{border-top: 1px solid #cecece;}
.badge-pms{display: inline-block;
    min-width: 10px;
    padding: 2px 4px 3px;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #17a2b8;
    border-radius: 5px;}
hr.seprator1 {
    margin-top: 5px;
    margin-bottom: 13px;
    border-top: 2px solid #B1D1E5;
    margin-left: -15px;
}
.svg-icon-2 {width: 20px;}
.compare-total-amount {font-size: 14px; background: #68bb6b; color: #fff; padding: 7px 10px 9px; border-radius: 5px; margin-right: 3px;}
span.fleet-vessel-name {white-space: nowrap; width: 150px; overflow: hidden; text-overflow: ellipsis;}
.vessel-action button {background: none; border: none;}
.vessel-action .dropdown-menu {background: #233F78; padding: 10px;}
.vessel-action .dropdown-menu a{color: #fff;}
.vessel_monitoring_img img {height: 110px; width: 100%; }
.supplier-quote-currency {max-width: 100px !important;height: 32px;font-size: 12px;margin: 0 auto;}
.grid-icon {background: #F4F9FF; border-radius: 5px; border: 1px solid #CCCCCC; padding: 0; margin: 10px 0px; float: right; }
.grid-icon a {display: inline-block; padding: 10px; font-size: 12px;}
.grid-icon a:first-child {border-radius: 5px 0 0 5px;}
.grid-icon a:nth-child(2) {border-radius: 0 5px 5px 0;}
.grid-icon a:hover {background: #233F78; color: #fff;}
.incident-free-box {padding: 6px; border-radius: 5px; text-align: center; display: grid;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.incident-free-count {    display: block;
    font-size: 20px;
    font-weight: bold;}
.incident-vessel-name {    display: flex;
    margin: auto;
    margin-bottom: 0px;
    font-size: 12px;
    letter-spacing: 0.5px;}
.incident-free-box .fleet-vessel-name {max-width: 110px; margin-right: 3px;}
.vessel_inciden_free .panel-body {
    background: #E8F2F8;
}
.incident-free-days {border: none; margin-bottom: 10px;}
.vessel_inciden_free {border: none;}
.vessel_inciden_free .col-md-2 {padding: 5px;}
.vessel_inciden_free .panel-heading {background: #1b233d; margin-top: 10px; }
.vessel_inciden_free .panel-collapse {border: 1px solid #ddd;}
.incident-free-box.zero-incident {background: #DB816F; color: #000;}
.incident-free-box.non-zero-incident {background: #c5c3c3; color: #000;}
.incident-free-box.ten-incident {background: #EEE6A0;}
.incident-free-box.more-ten-incident {background: #bbdf99;}
.incident-free-box.twenty-incident {background: #6dbb23;}
.incident-free-box.twenty-incident .incident-vessel-name{color: #000;}
.incident-free-box.ten-incident .incident-vessel-name{color: #000;}
.incident-free-box.more-ten-incident .incident-vessel-name{color: #000;}
.upload-quote-provision .mfa_number {width: 35px; height: 35px; border: 2px solid #233F78; background: #233F78; color: #fff; }
.upload-quote-provision .mfa_stap:before {left: 16px;  border: 1px dashed #233F78; }
.upload-quote-provision .mfa_stap:first-child {padding-bottom: 40px;}
.incident-legend-block {
    display: flex;
    /* width: 190px; */
    border-right: 1px solid #000;
    align-items: center;
    line-height: 11px;
    margin-right: 20px;
}
.incident-legend {font-size: 11px; border-radius: 6px; display: flex; justify-content: center; height: 30px; align-items: center; font-weight: bold; width: 20%; margin: 0 1%;}
.incident-legend.inline-block {
    border-radius: 4px;
    display: inline-block;
    justify-content: center;
    height: 16px;
    align-items: center;
    font-weight: bold;
    width: 16px;
    border: 1px solid #b7b5b5;
    margin: 0 1%;
}
.non-zero-incident {background: #c5c3c3; color: #000;}
.zero-incident {background: #DB816F; color: #000;}
.ten-incident {background: #EEE6A0; color: #000;}
.more-ten-incident {background: #bbdf99; color: #000;}
.twenty-incident {background: #6dbb23; color: #000;}
/*#incide_free_days td {
    width: 20%;
}*/

.incident-legend-text {
    font-size: 11px;
    margin-left: 5px;
    }
.small_badge {
    height: 16px;
    width: 16px;
    font-size: 10px;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
    font-style: normal;
    display: inline-block;
    text-align: center;
    line-height: 16px;
    margin-left: 8px;
    margin-top: 4px;
    cursor: pointer;
}
.expected-past-date {
    height: 20px;
    color: #fff;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    margin-right: -5px;
    cursor: pointer;
    background-color: #E0752D;
    padding: 0px 4px 2px;
    border-radius: 3px;
}
#incide_free_days td:last-child .incident-legend-block, #injury_free_days td:last-child .incident-legend-block  {
    border: none;
}
.extended-date {margin-left: 32px;}
.compare-confirm-btn{border: none; color: #fff; float: right !important; margin-top: 2px; background: #5cb85c; border-radius: 4px;}

.vir-report .panel-default {border: none; }
.vir-report .vessel_monitoring_view .panel-heading {padding: 15px; border-radius: 8px;}
.vir-report .collapse.in {border: 1px solid #ddd; border-top: none; margin-top: -4px; }
.vir-icon {width: 26px; height: 26px; display: inline-block; background: #f1f1f1; border-radius: 50%; font-size: 12px; padding: 6px 0; text-align: center;}
.vir-icon i{float: unset; color: #818181;}
.vir-page-no {float: right; margin-right: 10px; margin-top: -2px;}
.small-box { border-radius: 8px; padding: 4px 10px; color: #fff; margin-right: 5px; }
.small-box.bg-info {background: rgb(51 153 255 / 80%); }
.small-box.bg-warning {background: #d38048; }
.small-box.bg-new {background: #81b155; }

.small-box h3{margin: 0px; font-size: 14px;}
.small-box span{margin: 0px !important; font-size: 14px !important; border-bottom: 0; color: #fff !important; padding-left: 0 !important; text-transform: capitalize !important; font-weight: normal;}
.small-box p{font-size: 18px !important; margin: 0px !important; font-weight: bold;}

.quote-currency {background: #d9d9d9; color: #000; font-size: 96%; margin-top: 0px; padding: 3px 6px; border-radius: 4px;}
.select-supplier-quote {border: 2px solid #cccccc; border-radius: 6px; background: #F4F9FF !important; padding: 2px 5px; display: inline-flex; align-items: center; justify-content: center; font-size: 11px; float: unset; margin: 0 auto; width: 180px; }
.select-supplier-quote label {color: #999; white-space: nowrap; width: 150px; overflow: hidden; text-overflow: ellipsis; }
.select-supplier-quote:hover, .select-supplier-quote.selected {border: 2px solid #233F78; background: #233F78 !important; border-color: #233F78;}  
.select-supplier-quote:hover label, .select-supplier-quote.selected label {color: #fff;}
.prov-chat-icon {font-size: 11px; color: #428bca; float: right; margin-top: 5px;}
.inventory-page.process-model {box-shadow: none; margin: 0; padding: 0;}
.inventory-page.process-model li a {margin-bottom: 0; }
.prov-error-icon {position: absolute; top: 16px; right: 15px; color: #ff3b38; }
.vessl-size-info {display: inline-block; margin-top: 12px;}
.vessel_size_teu {color: #666; font-size: 11px;}
.select2-container--default .select2-results__option[aria-selected=true] .vessel_size_teu {color: #fff; font-size: 11px;} 
.select2-container--default .select2-results__option--highlighted[aria-selected] .vessel_size_teu {color: #fff; font-size: 11px;} 
.total_overdue_job {
    width: auto;
    border-radius: 20px;
    background-color: #fff;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f00000;
    cursor: pointer;
    margin-left: auto;
    margin-right: 5px;
    padding-left: 4px;
    border: 1px solid #f00000;
    padding-right: 4px;
}
.over-due-jobs {background: #FF8500; color: #FFFFFF; position: absolute; top: 0px; right: 0px; width: auto !important; padding: 2px 0px 2px 4px !important; font-size: 10px; }
.over-due-jobs .fa {margin-right: 4px;}
.table-provison-footer {position: sticky; bottom: 0; z-index: 9999; background-color: #428bca; font-weight: bold; color: #fff;}

.job_status .medical-icon {
    width: auto !important;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-left: auto;
    margin-right: 0px;
    padding-left: 4px !important;
    border: 1px solid #f00000;
    padding-right: 4px !important;
    left: 0;
    right: unset !important;
}

.nav-tabs.process-model.invoice-verify li a {height: 28px; padding: 0;} 

.pdf_data a {font-weight: bold; padding: 5px 10px; border: 2px solid #9b8b8b; background: #e3e3e3; border-radius: 6px; justify-content: center; margin-bottom: 10px; display: inline-block; width: 100%; text-align: center; box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);}
.pdf_data a.invoice-active {border: 2px solid #233F78 !important; background: #fff !important; outline: 1px solid #233F78;}
.pdf_data a.grey {color: #000;}
.pdf_data a i{margin-left: 10px;}
.invoice-verify.process-model li {width: calc(100% / 5 - 0px); margin: 0;}
.invoice-verify.process-model li p{margin: 0;}
.invoice-verify.process-model {box-shadow: none;}
.invoice-verify-content {max-height: 140px; overflow: auto;}

.management-joining-date i {float: unset;}
.management-joining-date {position: absolute; right: 15px; bottom: 15px; }
.vessel_edit_rule {width: 100%; margin: 0; padding: 0; min-height: 32px; }
.vessel_edit_rule p {margin: 0 auto; }
.vir-question {border-bottom: 1px solid #ccc;  margin-bottom: 0px; padding-bottom: 10px;}
.vir-question-view i.fa-check-circle {float: unset; margin-right: 10px;}
.fieldset_section .fieldset-question {margin-top: 5px; border-top: 1px solid #ccc; display: block; padding-top: 10px; margin-bottom: 10px;}
.fieldset_section .fieldset-question:first-of-type {margin-top: 0px; border-top: none; padding-top: 0px;}
.vir-multi-option {display: inline-block; border: 2px solid #ccc; padding: 8px; border-radius: 5px; margin-right: 5px; margin-bottom: 10px;}
.vir-media-content {float: left; margin-right: 10px;}
.vir-media-content video{object-fit:cover;border:1px solid #ccc;padding:2px; width: 150px; height: 100px;}
.vir-media-content img{object-fit:cover;border:1px solid #ccc;padding:2px; width: 100px; height: 100px;}
a.pdf-download {width: 100px; height: 100px; border: 1px solid #ccc; text-align: center; display: flex; align-items: center; justify-content: center; color: #888; }
a.pdf-download i {float: none; font-size: 85px; }

.inspection-completed-status{width: 100px; white-space: break-spaces; line-height: normal;}
.widget-blue .seconday-widget-title {background: no-repeat; border: 1px solid #cccccc; box-shadow: none; padding: 10px 20px 7px 20px;}
.widget-blue .seconday-widget-title h3{margin-top: 0px; color: #217DBB; padding-bottom: 0px; text-shadow: none;}
.invoice-audit-separator {margin-top: 8px; margin-bottom: 8px; border-top: 1px solid #b7b7b7; margin-left: -20px; margin-right: -20px;}
span.training-exemption {color: #999; display: block; font-style: italic; font-weight: bold; font-size: 12px;}
span.training-exemption-date {color: #888; display: block; font-size: 12px; font-style: italic;}
.traing_info {float: unset; color: #000; display: inline;}

tr.ParentUI {background: #e3eedc;}
tr.ChildUI {background: #f4f7eb;}
tr.ParentUI-aux {background: #fcebca;}
tr.ChildUI-aux {background: #f9f1e4;}

.invoice-verify-activity .navigation_tabs {
    counter-reset: step;
    margin-top: -15px;
    align-items: flex-start;
    display: flex;
    margin-top: 20px;
}
.invoice-verify-activity .navigation_tabs li {
  list-style: none;
  position: relative;
  text-align: center;
  cursor: pointer;
  flex: 1;
}



.invoice-verify-activity .navigation_tabs li a {
  text-decoration: none; 
  margin-top: 35px;
  display: inline-block;
  vertical-align: top;
  color: green;
  font-weight: bold;
}

.invoice-verify-activity .navigation_tabs li:before {
  content: "\2713";
  counter-increment: step;
  width: 30px;
  height: 30px;
  line-height : 30px;
  border: 1px solid #ddd;
  border-radius: 100%;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  background-color: #fff;
  position: absolute;
  left: 50%;
  z-index: 8;
  color: #fff;
  transform: translateX(-50%);
}
.invoice-verify-activity .navigation_tabs li:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 15px;
  background-color: #ddd;
  background-image: linear-gradient(
      -45deg,
      rgba(255, 255, 255, .125) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, .125) 50%,
      rgba(255, 255, 255, .125) 75%,
      transparent 75%,
      transparent
    );
    background-size: 35px 35px;
  top: 7px;
  left: -50%;
  z-index : 0;
}

.invoice-verify-activity .navigation_tabs li:first-child:after {
  content: none;
}


.invoice-verify-activity .navigation_tabs li.tab_skipped:before {
  border-color: #669f59;
  background: #669f59;
  content: "\f101";
  font-family: FontAwesome;
  font-size: 16px;
}

.invoice-verify-activity .navigation_tabs li.tab_current:before {
  border-color: #288ed2;
  background: #288ed2;
  width: 38px;
  height: 38px;
  margin: -5px -2px;
  border-radius: 100%;
  box-shadow: inset 0px 0px 0px 3px white;
  border: 3px solid #288ed2;
}
.invoice-verify-activity .navigation_tabs li.tab_pending:before, .invoice-verify-activity .navigation_tabs li.tab_pending_view:before {
  border-color: #979797;
  background: #979797;
}

.invoice-verify-activity .navigation_tabs li.tab_verified:before {
  border-color: #669f59;
  background-color: #669f59;
  color: #fff;
  content: "\2713";
}

.invoice-verify-activity .navigation_tabs li.tab_skipped + li:after, .invoice-verify-activity .navigation_tabs li.tab_verified + li:after {
  background-color: #007cca;
}

.invoice-verify-activity .navigation_tabs li.tab_pending_view:after{
  background-color: #ddd !important;
}
.pdf_data .btn-success {
    background: #e0752d !important;
    color: #fff;
    text-transform: capitalize;
    padding: 0;
    font-weight: normal;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    margin-top: -8px;
    cursor: pointer;
    width: unset;
    padding: 0 10px;
    border: 0;
}
.pdf_data .btn-success:hover, .pdf_data .btn-success.active {
    background: #233F78 !important;
    color: #FFF;
}
.pdf_data .btn-success.active, .pdf_data .btn-success.active label {
    cursor: not-allowed;
}
.pdf_data .btn-success input[type="checkbox"]{margin-top: 0; margin-left: 10px;}
.pdf_data .btn-success label {margin: 0px; cursor: pointer; font-weight: normal;}
.pdf_data .btn-success img {width: 16px;}
.pdf_data .btn-success .fa {margin-right: 0;}
.invoice-pdf-preview {position: sticky !important; top: 110px;}
.invoice-pdf-preview embed{height: 800px;}
.invoice-error-icon {font-size: 10px; color: red;}
.refer-error-new {background: #fcf8e3 !important; font-size: 12px; text-transform: capitalize; text-align: left !important; display: block; color: #8a6d3b;}
.refer-error-list {margin: 0; padding: 0px 0px 0 15px;}
.refer-error-remark {font-style: italic; margin-left: 5px;}
.referr-back {background: #CC8B3E; color: #FFF; font-weight: normal; padding: 2px 4px; margin-right: 2px;}
.default-separator {margin-top: 10px; margin-bottom: 10px; border-top: 1px solid #b7b7b7;}
.question-content {height: 600px; overflow-y: auto; overflow-x: hidden;}
.question-content .vessel-associated fieldset {min-height: 270px; }
.question-content .ui-slider.ui-corner-all {display: inline-block; width: 200px; height: 14px; position: relative; background: #ded9d9;}
.question-content .ui-slider .ui-slider-handle.ui-state-default {left: 45%; position: absolute; top: -2px; height: 16px; width: 16px; }
span.question-title {border-bottom: 1px solid #B1D1E5; display: flex; padding-bottom: 5px; }
.nc-audit-row.question-content {height: unset;}
.interview-data {background: #f1f1f1; text-align: center; border-radius: 8px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); padding: 10px; }
.interview-data h3 {margin: 0; font-size: 14px; color: #253647; font-weight: bold; }
.interview-data p {margin: 5px 0 0; font-size: 16px; color: #888; font-weight: bold; }
.invoice-alert-message {border: 3px solid #cccccc; border-radius: 8px; display: inline-flex; height: 40px; align-items: center; padding: 0px 10px;}
.invoice-alert-message input[type="checkbox"]{margin: 0px;}
.invoice-alert-message label{margin-bottom: 0px; margin-left: 5px; line-height: 15px;}
.text-black {color: #000;}
.inv-account-number {    width: calc(100% - 20px);}
.inv-supplier-name {white-space: nowrap; width: 120px; overflow: hidden; text-overflow: ellipsis; display: block;}
.invoice-sent-payment .form-control {font-size: 12px; padding: 6px;}
.invoice-sent-payment td {padding: 4px !important;}
.invoice-sent-payment .input-group-addon {padding: 8px;}
.feedback-upload-image {height: 80px; border: 1px solid #ccc; padding: 4px; }
.server-class {background: #fff; border-radius: 5px; color: #7ba633; padding: 4px 8px; display: none; margin: 10px;}
.cn-column-wrapper{    display: flex; justify-content: space-between;}
.cn-column {border-right: 2px solid #B1D1E5; width: 29%; }
.cn-column-bottom {border-bottom: 2px solid #B1D1E5; width: 32%; padding-bottom: 8px; }
.cn-column:last-child {border-right:none; } 
.btn-remove-new .fa{font-size: unset; width: unset;}
/*.invoice-sent-payment-alternate tr:nth-child(odd) {background: #fff;}
.invoice-sent-payment-alternate tr:nth-child(even) {background: #ebe9e9;} */
.invoice-sent-payment-alternate tr.invoice-attach {background: #ebe9e9;}
.invoice-sent-payment-alternate tr.invoice-white {background: #fff;}
.invoice-sent-payment-alternate tr.invoice-white .bunker-view {background: #fff; border: none; }
.invoice-attach .bunker-view {background: #ebe9e9; border: none; padding: 6px 10px;}
.alert-bg {background: #fcf8e3;}
.total-rh.total_payable_popover .popover {
    max-width: 550px;
    font-family: 'Inter', sans-serif;
}
.total-rh.total_payable_popover .popover ul {
    margin: 0;
    padding: 10px 0px 10px 25px;
    line-height: 20px;
}
.total-rh.total_payable_popover .popover ul li{
    float: left;
    width: auto;
    margin-right: 24px;
    margin-bottom: 10px;
}
.total-rh.total_payable_popover .popover ul li:last-child{
    margin-right: 0;
}
.total-rh.total_payable_popover .popover ul.float-none li{
    float: none;
    width: auto;
    margin-right: 0px;
}
.total-rh.total_payable_popover .popover ul li::marker {
    font-size: 24px;
    color: green;
}

.total-rh.total_payable_popover .popover .rh-content {
    padding: 10px;
    border-radius: 8px;
    background: #f0f4f6;
    width: 100%;
    display: inline-block;
    margin-top: 10px;
}
.total-rh.total_payable_popover .popover .rh-content strong {
    margin-right: 24px;
}
.total-rh.total_payable_popover .popover .pop-heading {
    font-size: 14px;
}
tr.aux-bg {background: #d0f0fd;}
tr.aux-child-bg {background: #e8f8fe;}
tr.row-seprator {border-top: 3px solid #000;}
.question-content legend {font-size: 16px; font-weight: bold; margin-bottom: 0; border-bottom: none;}
.creditnote-icon:hover, .creditnote-icon:focus {
    color: #fff;
    text-decoration: none;
}
.advancepayment-icon {
    background: #428bca;
    border-radius: 5px;
    display: inline-block;
    width: 20px;
    text-align: center;
    color: #fff;
    font-size: 10px;
    line-height: 20px;
    margin-right: 2px;
    }
.advancepayment-icon:hover, .advancepayment-icon:focus {color: #fff; text-decoration: none; }
.total_payable_popover.tr_error { background: #f3b49d !important; }
.total_payable_popover.tr_error .fa-info-circle{color: #8a6d3b;}
.verify-map-link {padding: 2px 5px; border: 2px solid #233F78; border-radius: 6px; background: #F4F9FF; display: inline-block; margin-top: 5px;}
.verify-map-link:hover {border: 2px solid #233F78; background: #233F78; border-color: #233F78; color: #fff;}
.verify-map-link-scroll {max-height: 60px; overflow: auto; display: inline-block; padding: 5px 10px; border: 1px solid #cccccc; border-radius: 5px;}
.verify-table th {color: #000; font-weight: normal;}
.verify-date {font-weight: normal; font-style: italic;}
.verify-help-text {color: #000;}
.verify-matrix.total_payable_popover .popover {max-width: 550px; width: 500px; top: 80px !important; left: -175px !important;}
.verify-matrix.total_payable_popover .popover.bottom .arrow {left: 250px;}
.tank-name {max-width: 115px;}
.env-stage-badge {background: #E01B1B; width: unset; padding: 4px 8px 6px; border: none; margin-left: 10px; margin-top: 15px; border-radius: 6px; box-shadow: none; font-size: 12px;}
.env-dev-badge {background: #0000ff; width: unset; padding: 4px 8px 6px; border: none; margin-left: 10px; margin-top: 15px; border-radius: 6px; box-shadow: none; font-size: 12px;}

.blank_msg_view.required {border: 1px dashed #f00; min-height: 100px;}
.blank_msg_view.required label { color: #f00; font-weight: normal;}
.search_subcomponent_list li.row-dependent {border: 2px solid; border-bottom: 3px solid;}

.notify-message {color: #000; background-color: #fff; border-left-color: #878787; border-color: #878787;}
.notify-message ul{margin:0; padding: 0 15px;}
.float-unset {float: unset;}
.postpone-job .process-model {box-shadow: none; padding: 10px 0;}
.postpone-job .tab-content {border: none; background: none;}
.postpone-job .process-model.process-model_xs li:first-child a{border-radius: 6px 6px 0 0; margin-bottom: 0;  font-size: 14px;}
.postpone-job.postpone-job-pop .process-model.process-model_xs li:first-child a{border-radius: 6px 0px 0 6px; margin-bottom: 0;  font-size: 14px;}
.postpone-job.postpone-job-pop .process-model.process-model_xs li:last-child a{border-radius: 0px 6px 6px 0px; margin-bottom: 0;  font-size: 14px;}
.process-model.process-model_xs li:last-child a {border-radius: 0 0 6px 6px ; margin-bottom: 0; margin-left: 2px; width: 100%;}
.process-model.process-model_xs li a {font-size: 12px;}
.postpone-job .process-model li {width: 100%; }
.postpone-job.postpone-job-pop .process-model li {width: auto; }

.label-padding {padding: .4em .8em .4em !important;}
.default-delete-btn {position: absolute; top: -10px; right: -10px;}
.zoom-2 {zoom: 1.3;}