.f_size12_weight{ font-size: 12px !important; font-weight: normal !important; }
.info-text-red-portal{ color: #F00; font-weight: bold; margin-bottom: 10px; font-size: 14px;}
.umms_text_left {text-align: left !important;}

#load_form .iconed-input input[type="file"] {display: inline-block; }
.border_red {border-color: #E00000; border-style: solid; border-width: 1px 1px 5px 1px; }
.border_green {border-color: #2CAE2A; border-style: solid; border-width: 1px 1px 5px 1px; }
.border_yellow {border-color: #FFA800; border-style: solid; border-width: 1px 1px 5px 1px; }
.confirm_text { text-align: center; font-size: 18px; font-weight: bold;}
.filter_checkbox { display: flex; align-items: center; justify-content: flex-start; }
.filter_checkbox label { font-size: 14px; margin-bottom: 0; margin-top: 4px; margin-left: 5px;}

.date_picker_white { background-color: #fff!important; }

.tooltip { z-index: 9999 !important; }
.flex_bottom { display: flex; align-items: flex-end; }
.flex_middle { display: flex; align-items: center; }
.form10 .form-group{ margin-bottom:15px;}
.form10 .form-group>label{width:200px;}
.form10 .form-group .iconed-input{ margin-left:205px; margin-right:30px;}

.form11 .form-group{ margin-bottom:15px;}
.form11 .form-group>label{width:230px;}
.form11 .form-group .iconed-input{ margin-left:235px; margin-right:30px;}

.form12 .form-group{ margin-bottom:15px;}
.form12 .form-group>label{width:250px;}
.form12 .form-group .iconed-input{ margin-left:255px; margin-right:0px;}
.paddr0 {padding-right: 0;}
.job_history_table tr td:last-child span{ width: 100%; }
.job_history_table tr td:last-child a{ width: 100%; float: left;}

.border-bottom-none { border-bottom: none; }
.umms_beneficiary_details { border-right: 2px solid #D9D9D9; padding-left: 15px; padding-right: 30px;}

.supplier-auto-po-close.umms_add_detail {right: 2px; top: -10px;}
/*.departure_input { position: relative; top: 12px; }*/

.phnumber > .form-control.w200 {width: 200px; }
.umms_select { background-color: #cccccc;}

.order_qty { float: right; background: #38B496; padding: 1px 3px; border-radius: 6px; color: #fff;}


.small_switch.switch { width: 30px; height: 14px; }
.small_switch.switch .switch-label { width: 13px; height: 20px; padding:0; margin-bottom: 0; padding-bottom: 0 }
.small_switch.switch .switch-input:checked + .switch-label-on ~ .switch-selection { left: 16px; }
.small_switch.switch .switch-selection { width: 10px; height: 10px; }

.table_input tr td { padding: 3px 5px !important;}
.table_input .form-control {padding:3px 5px; height: auto; font-size: 12px;}
.table_input button.ui-multiselect {padding:3px 5px; height: auto; font-size: 12px;}
.table_input .input-group-addon {padding:4px 10px; font-size: 12px;}
.table_input .btn-xs {padding:2px 5px; font-size: 10px;}

.table_input .custom_radio_button label { font-size: 11px !important; border-width: 2px !important; margin: 0 !important;}
.big_switch.switch { width: 163px; }
.big_switch.switch .switch-label { width: 80px; }
.big_switch.switch .switch-input:checked + .switch-label-on ~ .switch-selection { left: 80px; }
.big_switch.switch .switch-selection { width: 80px; }

.switch_110.switch { width: auto; }
.switch_110.switch .switch-label { width: 110px; }
.switch_110.switch .switch-input:checked + .switch-label-on ~ .switch-selection { left: 110px; }
.switch_110.switch .switch-selection { width: 110px; }

.table-borderless tbody+tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {border: 0 !important; }
.pms_dashboard_umms .pms_jobs_number {height: 120px; }
.font-20 { font-size: 20px; }

.pms_jobs_monthly_report.pms_jobs_monthly_report_excel { bottom: 35px; width: 26px; text-align: center; }
.umms_add_job_section .form9 {max-height: 74vh; overflow: auto; padding: 0 15px; border: 1px solid #B1D1E5;}

.umms_add_component_section .umms_add_component_scroll{max-height: 69vh; overflow: auto; padding: 0 15px; border: 1px solid #B1D1E5;}
.job_permit_section { list-style-type: none; padding: 0; float: left; width: 100%; margin: 0;}
.job_permit_section li { float: left; padding: 5px; border: 1px solid #428bca; color: #000; border-radius: 6px; margin-right: 5px; margin-bottom: 5px;}

.fieldset_section { border: 1px solid #B1D1E5; padding: 15px; border-radius: 8px; line-height: 16px; position: relative;}
.fieldset_section legend { font-size: 15px; font-weight: bold; border: none; background: none; width: auto; padding: 0px 5px; margin-bottom: 0px; }
.fieldset_section .bunker_view { background: #f5f5f5; padding: 10px; margin: 10px 0 0 0px; } 
.fieldset_section .bunker_view label {margin-bottom: 5px; color: #000; font-size: 12px; font-weight: bold; }
.fieldset_section .switch label { line-height: 20px; }
.iconed-input-field-two { float: left; width: 47%; }
.add_component_health.form10 .form-group {margin-bottom: 0;}
.add_component_health.form10 .form-group .iconed-input {margin-right: 0;}
.ml250 { margin-left: 250px; }
.ml20 { margin-left: 20px; }
.width33percent {width: 33.33%;}
.width66percent {width: 66.66%;}
.border_top_bottm {border-top: 1px solid #B1D1E5; border-bottom: 1px solid #B1D1E5;}

.letest_data {width: 45%; float: left; background-color: #E8F2F8; padding: 5px 0;}
.current_data {width: 45%; float: right;}

.flex_middle {display: flex; align-items: center; }
.umms_massage, .ctm_massage { padding: 10px; 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;}
.umms_massage_no_icon, .ctm_massage_no_icon { padding: 10px; margin: 4px 0px 8px 0px; border-width: 1px 1px 1px 4px; border-style: solid; border-color: #B1D1E5; border-radius: 6px; display: flex; align-items: flex-start;  font-weight: normal; font-size: 14px; float: left; flex-flow: column; }
.umms_massage_no_icon label, .ctm_massage_no_icon label { width: 100%; }
.umms_massage i, .ctm_massage i {margin-right: 10px; font-size: 20px; }
.small_massage { font-size: 11px; padding: 5px; color: #979797; display: flex; align-items: center;}
.small_massage i{ font-size: 14px; margin-right: 3px;}
.umms_info_icon, .ctm_info_icon { color: #1c03ff; background-color: #E8F2F8;   border-left-color: #1c03ff; }
.umms_warning_icon, .ctm_warning_icon { color: #ffa800; background-color: #ffffff;   border-color: #FFA800; }
.umms_alert_warning, .ctm_alert_warning { color: #8a6d3b; background-color: #fcf8e3;   border-color: #8a6d3b; }
.umms_error_icon, .ctm_error_icon { color: #ff3b38 !important; background-color: #ffffff; border-color: #ff3b38; border-left-color: #ff3b38; }

.survey_legend_section { list-style-type: none; padding: 0; width: calc(100% - 60px); display: flex;
    align-items: center;
    justify-content: flex-end; flex-wrap: wrap; margin-bottom: 0;}
.survey_legend_section li { float: left; margin-right: 10px; margin-bottom: 5px; display: flex;
    align-items: center; }
.survey_legend_section .survey_legend + span { float: left; margin-left: 5px; font-size: 11px;
    line-height: 100%; margin-top: 2px;}
.survey_legend { width: 20px; height: 20px; border-radius: 50px; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: bold; float: left;}
.payroll_legend { width: 20px; height: 20px; border-radius: 5px; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: bold; float: left; margin-right: 5px; line-height: normal;}

.cs_checkbox { display: flex; align-items: center; justify-content: center; float: left; margin-right: 5px; }
.cs_checkbox + span{ float: left; line-height: 100%; }
.cs_selected_checkbox i { color: #298FCE; }
.cs_pending_checkbox i { color: #FFA800; }
.cs_approved_checkbox i { color: #2CAE2A; }

.cs_selected_checkbox { accent-color: #298FCE; }
.cs_selected_checkbox:checked::before {content: "\f14a"; /*content: "\f00c";*/ font: normal normal normal 14px/1 FontAwesome; color: #298FCE; background-color: #fff;}

.cs_pending_checkbox  { accent-color: #FFA800; }
.cs_pending_checkbox:checked::before {content: "\f14a"; /*content: "\f00c";*/ font: normal normal normal 14px/1 FontAwesome; color: #FFA800; background-color: #fff;}

.cs_approved_checkbox  { accent-color: #2CAE2A; }
.cs_approved_checkbox:checked::before {content: "\f14a"; /*content: "\f00c";*/ font: normal normal normal 14px/1 FontAwesome; color: #2CAE2A; background-color: #fff;}
.surveys_button, .surveys_button:hover { background-color: #919191; color: #ffffff; cursor: default; font-weight: 400;}
.cs_progress { margin-bottom: 0; width: calc(100% - 90px); height: 23px; margin-top: 2px; border-radius: 0;}

.cs_totle_btn { background-color: #4d4d4d; display: flex; align-items: center; color: #fff; height: 23px;}
.cs_totle_btn:hover {color: #fff;}
.cs_totle_btn i{ background-color: transparent !important; padding: 0 !important; line-height: 100% !important; margin-left: 5px; }
.cs_progress .progress-bar { box-shadow: none;}
.cs_progress .cs_bg_success { background-color: #008000; }
.cs_progress .cs_bg_danger { background-color: #FF0000; }
.cs_progress .cs_bg_warning { background-color: #FF8500; }
.cs_vessel_selection { background-color: #ccc; border-radius: 6px; padding: 5px; }
.umms_cs75_icon { color: #E0752D; background-color: #ffffff; border-color: #E0752D; border-left-color: #E0752D; }
.error_msg_table { color: #ff3b38; font-size: 10px; width: 100%; float: left; text-align: left;}
.umms_massage_table .required { vertical-align: bottom; }
.umms_massage_table .bg_green.required { vertical-align: middle; }
.umms_defect .umms_massage_table tr td { padding: 3px; }
.bg_green { background-color: #c8ffc8; }
.bg_color_grey {background: #f5f5f5 !important;}
.bg_color_darkgrey {background: #cdcdcd !important;}
.bg_color_lightgrey {background: #eeeeee !important;}
.bg_color_white {background: #fff !important;}

.covid_date label { width: 20px !important; height: 20px !important; }
.covid_date label i { margin-right: 5px; font-style: normal;}
.covid_date span { float: left; margin-bottom: 5px;}
.covid_date span i {height: 20px; width: 20px; font-size: 11px; color: #fff; font-weight: bold; border-radius: 3px; font-style: normal; display: inline-block; text-align: center; line-height: 20px; margin-right: 8px; cursor: pointer; background-color: #47a447; }
.covid_color {background: #D9534F; color: #FFFFFF; }
.view_pi_repor_link {display: inline-block; margin-top: 4px; }
.umms_add_dispensation .ajax-file-upload{ padding-left: 0 !important; }
.umms_add_dispensation #load_form .iconed-input input[type="file"] { margin-top: 5px; }

.umms_radio_box.radio-box label { padding-right: 20px; }
.widget-red .widget-control:hover {color: #a82315 !important;}
.border-tb-right-radius0{ border-top-right-radius: 0; border-bottom-right-radius: 0; }

.umms_cargo_hold table tr th { padding: 4px 2px !important; height: 30px; }
.umms_cargo_hold table tr td { padding: 4px 6px !important; height: 25px; font-size: 10px; background-color: #fbfafa;}
.umms_cargo_hold table tr td .form-control { padding: 4px 8px; height: 28px; font-size: 12px; }
.umms_cargo_hold table tr td .btn { padding: 4px 8px; height: 28px; margin: 0;}

.umms_cargo_hold_vertical table tr th { padding: 4px 6px !important; height: 30px; }
.umms_cargo_hold_vertical table tr td { padding: 4px 6px !important; height: 25px; font-size: 10px; background-color: #fbfafa;}
.umms_cargo_hold_vertical table tr td .form-control { padding: 4px 8px; height: 28px; font-size: 12px; }
.umms_cargo_hold_vertical table tr td .btn { padding: 4px 8px; height: 28px; margin: 0;}

.move_icon{ vertical-align: middle !important; cursor: move;}
.quote_compare_move .move_icon{ background-color: #334659 !important; color: #ffffff; font-size: 13px; border-radius: 6px;}

/*.tableFixHead tr:nth-child(2) th.suppliercolor3,
.tableFixHead tr:nth-child(2) th.suppliercolor4,
.tableFixHead tr:nth-child(2) th.suppliercolor5,
.tableFixHead tr:nth-child(2) th.suppliercolor6,
.tableFixHead tr:nth-child(2) th.suppliercolor7,
.tableFixHead tr:nth-child(2) th.suppliercolor8,
.tableFixHead tr:nth-child(2) th.suppliercolor9,
.tableFixHead tr:nth-child(2) th.suppliercolor10
 {
    top: 54px !important;
}
.tableFixHead tr:nth-child(3) th.suppliercolor3,
.tableFixHead tr:nth-child(3) th.suppliercolor4,
.tableFixHead tr:nth-child(3) th.suppliercolor5,
.tableFixHead tr:nth-child(3) th.suppliercolor6,
.tableFixHead tr:nth-child(3) th.suppliercolor7,
.tableFixHead tr:nth-child(3) th.suppliercolor8,
.tableFixHead tr:nth-child(3) th.suppliercolor9,
.tableFixHead tr:nth-child(3) th.suppliercolor10
 {
    top: 60px;
}
*/
.quote_compare #table-scroll-part-list { max-height: 521px; } 
.quote_received_date {background-color: #334659; color: #ffffff; font-size: 9px; font-weight: normal; padding: 5px; border-radius: 6px; line-height: 100%; } 
.supplierdelivery_time {background-color: #334659; color: #ffffff; padding: 5px; border-radius: 6px; line-height: 100%; display: inline-block; margin-bottom: 3px; } 
.umms_supplieers_name1 {width: 350px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; } 
.umms_supplieers_name2 {width: 270px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; } 
.days_old_quote {color: #000; font-size: 10px; background-color: #ff8885; border-radius: 6px; padding: 5px; display: inline-block; } 
.disclaimer_checkbox {background: #fff3cd; color: #856404; padding: 10px; float: left; width: 100%; border-radius: 6px; margin-bottom: 20px; border-color: #FFA800; border-width: 1px 1px 1px 4px; border-style: solid; font-size: 12px; } 
.disclaimer_checkbox label {margin-bottom: 0; } 
.disclaimer_checkbox.custom-checkbox label::before {border-radius: 50px; border: 2px solid #47a447; transform: translateY(-50%); top: 50%; } 
.disclaimer_checkbox.custom-checkbox input:checked ~ label::before {background-color: #47a447; transform: translateY(-50%); top: 50%; } 
.status_completion {background-color: #5bb75b; color: #ffffff; padding: 5px; border-radius: 6px; } 
.equalheight td {padding: 4px 2px !important; } 
.quote_evaluation_save {color: #fff; background-color: #f0ad4e; } 
.approved_by_owner  {color: #fff; background-color: #47a447; } 
.rejected_by_owner  {color: #fff; background-color: #d9534f; } 
.remarks_section {float: left; width: 100%; background-color: #f3f3f3; border-radius: 6px; padding: 10px; margin-bottom: 15px; } 
.remarks_section label {letter-spacing: 0.5px; font-size: 12px; margin-top: 5px; margin-bottom: 5px; } 
.remarks_section .remarks_by {color: #000; font-weight: normal; font-size: 12px; } 
.medical-icon.changes_owner {background-color: #E0752D; padding: 4px !important; } 
.medical-icon.changes_owner img {width: 14px; }
.umms_order_detail {background-color: #307241; color: #fff; } 
.checkbox_form {height: 34px; padding: 6px 12px; border: 1px solid #ccc; border-radius: 4px; } 
.e-Sign-check {display: none; } 
.transform-unset {text-transform: unset !important; } 
.max_scroll {max-height: 190px; overflow: auto; } 
.cursor-pointer{cursor: pointer; } 
.text_color_black { color: #000; }
.voyage-label-orange { background-color: #FF8500 !important; color: #ffffff !important; font-size: 20px !important; padding: 6px 10px !important; }
.voyage-label-red { background-color: #d9534f !important; color: #ffffff !important; font-size: 20px !important; padding: 6px 10px !important; }

.defect-category-orange { background-color: #FF8500 !important; color: #ffffff !important; font-size: 12px !important; padding: 4px 6px !important; height: auto !important;  }
.defect-category-red { background-color: #d9534f !important; color: #ffffff !important; font-size: 12px !important; padding: 4px 6px !important; height: auto !important; }
.text-red { color: #f00; }
.text-primary-color { color: #428bca; }
.component_sub.view .action-dropdown i {float: none; line-height: 100%; background: inherit; padding: 0px 8px; border-radius: 4px; color: #fff; } 
.due_date_rules table tr{background-color: #F0F0F0; } 
.component_sub.view  .pop-over i {line-height: 100%; padding: 0; background-color: inherit; color: #000; } 
.component_sub.view  .pop-over span { color: #1C449B; } 
.pop-over.pop_over_more span { color: #1C449B; cursor: pointer;} 
.umms_sub_componet_table.due_date_rules .table { position: relative; } 
.umms_time_line td{padding: 0 !important; border: 0 !important; } 
.time-line-box {/*height: 80px; */ padding: 10px 20px; width: 100%; position: relative; overflow: auto; background: #0D4B84; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 8px; } 
.time-line-box .timeline {list-style-type: none; display: flex; padding: 0; text-align: center; } 
.time-line-box .timestamp {margin: auto; margin-bottom: 5px; padding: 0px 4px; display: flex; flex-direction: column; align-items: center; min-height: 18px; }
.time-line-box .status {padding: 0px 10px; display: flex; justify-content: center; border-top: 3px solid #CCCCCC; position: relative; transition: all 200ms ease-in; min-height: 29px; } 
.time-line-box .status span {padding-top: 8px; } 
.time-line-box .status span:before {content: ''; width: 12px; height: 12px; background: #4ABAFF; border-radius: 50px; border: 1px solid #FFFFFF; position: absolute; left: 50%; top: -2px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: all 200ms ease-in; }
.time-line-box .swiper-slide:nth-child(2n) .status span:before {background: #00FF19; }
.time-line-box .swiper-slide:nth-child(3n) .status span:before {background: #FFE600; }
.time-line-box .swiper-slide:nth-child(4n) .status span:before {background: #FB2CFF; }
.time-line-box .swiper-slide:nth-child(5n) .status span:before {background: #864EFF; }
.swiper-container::-webkit-scrollbar-track{background:#a8a8a8b6; } 
.swiper-container::-webkit-scrollbar{height: 4px; }
.swiper-container::-webkit-scrollbar-thumb{background: #ccc !important; }

.swiper-container {width: 100%; overflow-y: auto; padding-bottom: 20px; padding-top: 10px; }
.swiper-wrapper{display: inline-flex; flex-direction: row; overflow-y:auto; justify-content: center; } 
.swiper-slide {text-align: center; font-size: 12px; width: 150px; height: 100%; min-height: 52px; position: relative; color: #fff; } 
.swiper-slide .year_status {padding: 0px 10px; display: flex; justify-content: center; border-bottom: 3px solid #CCCCCC; position: relative; transition: all 200ms ease-in; min-height: 25.4px; } 
.swiper-slide .year_status span {background: #ffffff; border: 1px solid #FFFFFF; border-radius: 2px; font-weight: 400; font-size: 12px; color: #233F78; padding: 1px 4px; position: absolute; top: 13px; } 
.time-line-box .arrow-left i {transform: matrix(-1, 0, 0, 1, 0, 0); } 
.time-line-box .arrow-left {/*background: linear-gradient(270.57deg, rgba(255, 255, 255, 0.3) 0.49%, rgba(255, 255, 255, 0) 99.51%); backdrop-filter: blur(2px);*/ background-color: #288ed3; transform: matrix(-1, 0, 0, 1, 0, 0); color: #fff; padding: 6px; position: absolute; left: 0; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; font-size: 26px; cursor: pointer	; } 
.time-line-box .arrow-right {/*background: linear-gradient(270.57deg, rgba(255, 255, 255, 0.3) 0.49%, rgba(255, 255, 255, 0) 99.51%); backdrop-filter: blur(2px);*/ background-color: #288ed3; color: #fff; padding: 6px; position: absolute; right: 0; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; font-size: 26px; cursor: pointer	; } 
.time-line-box .arrow-right:hover, 
.time-line-box .arrow-left:hover {text-decoration: none; }

/*.action-dropdown-menu img { line-height: 100%; padding: 0px 4px; border-radius: 4px; width: 29px; }*/
.action-dropdown-menu img { line-height: 100%; border-radius: 4px; }


.component_sub.view .fa-caret-square-o-down {display: none; }
.component_sub.view .open .fa-caret-square-o-down {display: block; }
.component_sub.view .open .fa-caret-square-o-right {display: none; }
.component_sub.view .umms_expand i {float: left; background-color: transparent; color: #000; padding: 0 10px 0 0 ; }
.textcontent_max_height { max-height: 250px; overflow: auto; border: 1px solid #cccccc; border-radius: 4px; padding: 10px 5px; text-align: left; display: block; }
.bg_color_gay {background: #f5f5f5 !important;}
.bg_color_darkgay {background: #cdcdcd !important;}
.bg_color_lightgay {background: #eeeeee !important;}
.bg_color_white {background: #fff !important;}

.certificate_detail_status strong { margin-right: 5px; }
.certificate_detail_status {margin-top: 14px; float: right; margin-right: 21px; border: 1px solid #ccc; height: 44px; width: 110px; border-radius: 4px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background-color: #f5f5f5; }
.setting-icon .umms_sc_vessel { margin-top: 0; padding: 2px 12px; height: 28px; margin-left: 8px;}
.umms_sc_vessel a{color: #fff; }
.umms_sc_vessel {margin-top: 14px; float: right; margin-right: 21px; /*border: 1px solid #285e8e;	*/ height: 34px; min-width: 150px; border-radius: 4px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: relative; z-index: 100; /*background-color: #3276b1;*/ }
.umms_sc_vessel i {margin-right: 10px;}
.component_sub.view.umms_active {background-color: #cfcbcb; }

.umms_sc_status {min-width: 90px; font-size: 12px; text-transform: uppercase; min-height: 25px; line-height: 16px; margin-top: 1px; }
.umms_sc_vessel + .dropdown-menu {left: unset; right: 0; max-width: 600px; text-align: left; padding: 15px; overflow: auto; margin-top: 0; flex-flow: column wrap; max-height: 440px; min-width: 250px;}

 .dropdown:hover .umms_sc_vessel + .dropdown-menu { display: flex; }

.border0 { border: 0 !important; }

.umms_sc_change_vessel { margin-left: 15px; float: right; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: relative; border: 1px solid #cccccc; background-color: #EEEEEE; padding: 5px 8px; border-radius: 3px; color: #000;}
.umms_sc_change_vessel:hover{text-decoration: none;}
.umms_sc_change_vessel i { padding-left: 12px; }
.umms_sc_change_vessel:after {content: ''; width: 1px; height: 100%; background-color: #ccc; position: absolute; top: 0; right: 25px;}

.umms_sc_change_vessel + .dropdown-menu {left: 0; max-width: 600px; text-align: left; padding: 15px; overflow: auto; margin-top: 0; 
  flex-flow: column wrap;
  max-height: 440px; min-width: 420px;}

  .dropdown:hover .umms_sc_change_vessel + .dropdown-menu { display: flex; }

.umms_sc_change_vessel + .dropdown-menu a { font-weight: 400; }
.umms_sc_vessel + .dropdown-menu li { float: left; /*width: calc(100% / 3 - 10px);*/ margin-right: 5px;}
.umms_sc_change_vessel + .dropdown-menu li { float: left; /*width: calc(100% / 3 - 10px);*/ margin-right: 5px;}
.umms_sc_vessel + .dropdown-menu li a {padding-left: 5px;}
.umms_sc_change_vessel + .dropdown-menu li a {padding-left: 5px;}

.sc_status_card.label_certificates { width: 100% !important; background: #FFFFFF; border: 0.5px dashed #286C8F; border-radius: 10px; justify-content: flex-start;  padding: 3px 10px; margin-bottom: 10px; margin-right: 0;}
.sc_status_first .sc_status_card { margin-right: 0; }
.sc_status_block [class^="col"] { padding-right: 5px; padding-left: 5px; }


.sc_status_card {display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; width: calc(100% / 4 - 5px); float: left; margin-right: 5px; min-height: 45px; border-radius: 4px; padding: 5px !important; cursor: pointer;  border-width: 0px; border-style: solid; border-radius: 5px; background-color: #fff; }
.sc_status_card:last-child { margin-right: 0; }
.cs_certificates .sc_status_card { width: calc(100% / 5 - 5px); }

.sc_status_card label {width: 100%; float: left; text-align: left; color: #fff; line-height: 100%; text-transform: capitalize; margin-bottom: 7px;  font-size: 10px; word-break: break-word; cursor: pointer; min-height: 20px;}
.sc_status_card a { width: 100%;}
.sc_status_card label i { float: right; }

.sc_status_card span {float: left; width: 100%; color: #000; text-align: left; font-size: 14px; font-weight: 700; line-height: 100%; margin-bottom: 0px; }

.label_certificates span.label_certificates_icon { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; margin-top: 0; border-radius: 3px; margin-right: 10px;}
.label_certificates_icon img{ width: 30px; height: auto; }

.label_certificates a { display: flex; align-items: center; justify-content: flex-start; width: calc(100% - 50px); }
.label_certificates a span { color: #000; font-weight: 700; font-size: 21px; margin-right: 10px; line-height: 100%;}

.label_certificates a label { color: #80ab37; font-weight: 600; font-size: 12px; line-height: 100%; margin-bottom: 0;}
.cs_surveys .label_certificates a label { color: #CE29BD;}
.cs_services .label_certificates a label { color: #9B0303;}
.cs_vessel_doc .label_certificates a label { color: #73199C;}
.survey_name_list { float: left; width: calc(100% - 25px); }
.cs_certificates .sc_status_card label { color: #80ab37; }
.cs_surveys .sc_status_card label { color: #CE29BD; }
.cs_services .sc_status_card label { color: #9B0303; }
.cs_vessel_doc .sc_status_card label { color: #73199C; }
.cs_documents .label_certificates a label { color: #9B0303;}
.cs_documents .sc_status_card label { color: #9B0303; }

.label_certificates {
	/*border: 2px solid #428bca;*/
}

.sc_status_card.active_status a label, .sc_status_card.active_status a span{ color: #fff; }
.sc_status_card.active_status .label_certificates_icon img{ filter: brightness(0) invert(1); }

.cs_certificates .active_status {
	background-color: #253748;
}

.cs_surveys .active_status {
	background-color: #253748;
}

.cs_services .active_status {
	background-color: #253748;
}
.cs_vessel_doc .active_status {
	background-color: #253748;
}
/*VESSEL CONDITION MONITORING Design Start*/
.vessel_condition_section { position: relative; float: left; width: 100%;/* height: 390px; overflow: auto;*/ }
#slideLeft { position: absolute; left: 270px; z-index: 99; top: 40px; /*transform: translateY(-50%); *//*background-color: #2536475c;*/ width: 40px; height: 330px; 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);}
#slideRight { position: absolute; right: 30px; z-index: 99; top: 40px;  /*transform: translateY(-50%);*/ /*background-color: #000000bf;*/ width: 40px; height: 330px; 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; }
/*.button_sticky { position: sticky !important; }*/
.vessel_condition_des { float: left; width: 220px; position: absolute; z-index: 1; top: 0; left: 0; background-color: #fff;}
.vessel_condition_des ul{ float: left; padding: 0; margin-bottom: 0; list-style-type: none; float: left; width: 100%; display: flex; align-items: stretch; justify-content: center; flex-wrap: wrap; }
.vessel_condition ul li:first-child {background-color: #253647; padding: 10px; float: left; /*width: 100%;*/ align-items: center; color: #fff; border-radius: 6px; display: flex; text-align: center; /*aspect-ratio: 16/9;*/  margin-bottom: 10px; justify-content: center;}
.vessel_condition_des li label { font-size: 12px; font-weight: 400; }
.vessel_condition { /*overflow-x: auto; -webkit-overflow-scrolling: touch;*/ float: left; width: 100%;}
.vessel_condition ul { float: left; padding: 0; margin-bottom: 0; list-style-type: none; float: left; width: calc(100% - 9px); display: flex; align-items: stretch; justify-content: flex-start; /*flex-wrap: wrap;*/ /*overflow: auto; */ /*--items: 6; --cell-padding: 20px; --cell-basis: calc((100% - var(--cell-padding) * 2) / var(--items));*/}

.vessel_condition li { float: left; margin-right: 10px; position: relative;  border-radius: 6px; overflow: hidden; color: #fff; /*height: calc(var(--cell-basis) - 2px);*/ margin-bottom: 10px; transition: all 0.3s ease-in-out; /*flex: 1 0 var(--cell-basis);*/ width: calc(100% / 6); border: 1px solid #eee; background-color: #e5e5e5;}
.upload_vessel_img { border: 2px dashed #253647 !important; background-color: #fff !important; display: flex; align-items: center; justify-content: center;}
.upload_vessel_img button{ color: #000; border: 0; background-color: transparent; font-size: 20px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}

.upload_vessel_img button i { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border: 2px dotted #253647; border-radius: 8px; }
.vessel_title_section { height: 65px !important; background: #38B496 !important; padding: 0 !important;  border-width: 0 !important; border: 2px dashed #253647 !important; justify-content: center; font-weight: bold; letter-spacing: 1px; font-size: 18px;}
.vessel_title_section button { height: 30px; } 

.vessel_condition_title.title_fixed {  position: fixed; top: 130px; width: calc(100% - 110px); z-index: 9;}
.vessel_condition_title li:last-child{ margin-right: 0; }
.vessel_condition_title li { height: 65px; border-radius: 6px; /*border: 1px solid #253647;*/ display: flex; align-items: flex-start;  flex-wrap: wrap; }

.vessel_condition  .vessel_condition_title label {color: #fff; margin-bottom: 0;}
.vessel_condition  .vessel_condition_title span {color: #fff; float: right; margin-left: auto;}
.vessel_condition li label { text-align: center; }
.vessel_condition_upload { position: absolute; top: 5px; right: 5px; background-color: #000c; border-radius: 6px; padding: 5px ;}
.vessel_condition_image { float: left; width: 100%; position: relative; cursor: pointer; }
.vessel_condition_image img { aspect-ratio: 16/9; width: 100%; object-fit: contain; object-position: center; }
.vessel_condition_info { position: absolute; bottom: 0; left: 1px; top: 0; background-color: #000c; color: #fff; width: 100%; text-align: left; padding: 4px 10px; transform: translate(100%, 0%); cursor: pointer; overflow: auto; border-radius: 6px;}
.vessel_condition_info>span { display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 10px;}
.vessel_condition ul li:hover .vessel_condition_info { transform: translate(0%, 0%); transition: all 0.3s ease;} 
.vessel_condition_des_fix ul li:last-child { margin-right: 0; }
.vessel_select_condition { width: 100%; height: 200px; display: flex; align-items: center; justify-content: center; border-radius: 6px; border: 1px dashed #298FD3; font-weight: bold; font-size: 14px; color: #1C449B; }
.vessel_condition_view_img { width: 800px; float: left; text-align: center; }
/*.vessel_condition_view_img img { width: 100%; height: auto;}*/
.vessel_detail_view { background-color: #d9ebf6; padding: 10px; }
.vessel_tag.job_permit_section { padding: 1px 4px; font-size: 10px; margin-right: 4px; border-radius: 4px; }
.vessel_condition_info .iconed-input { height: 40px; overflow: hidden; font-size: 10px;}
.add_vessel_condition_image { flex-wrap: wrap; padding-left: 20px; transition: all 0.3s ease;}
.add_vessel_condition_image label { float: left; width: 100%; border-bottom: 1px solid #ccc; }
.add_vessel_condition_image li { float: left; width: calc(100% / 2); }
.add_vessel_tag fieldset { margin-bottom: 0 !important; }
.add_vessel_info { background-color: #253647; padding: 10px; float: left; width: 100%; align-items: center; color: #fff; border-radius: 6px; display: flex; text-align: center; min-height: 125px; margin-top: 7px; flex-wrap: wrap; justify-content: center; }
.add_upload_image { border: 2px dashed #253647;
    align-items: center;
    justify-content: center; height: 100px; display: flex; }
.upload_image_view { border: 2px dashed #253647; height: 100px; width: auto; display: flex;
    align-items: center;
    justify-content: center; background-color: #e5e5e5; }

.add_upload_image.add_upload_image_hover  {  position: absolute;left: 0; background-color: #000c; width: 100%; opacity: 0; z-index: 999; }
.upload_image_view_hover:hover .add_upload_image.add_upload_image_hover{ opacity: 1; border-color: #fff; }
.upload_image_view_hover .add_upload_image.add_upload_image_hover.hover{ opacity: 1; border-color: #fff; }
.upload_image_view_hover:hover .add_upload_image.add_upload_image_hover i,
.upload_image_view_hover .add_upload_image.add_upload_image_hover.hover i{ color: #fff; border-color: #fff; }
.upload_image_view img { height: 100%; width: auto; }
.add_upload_image i { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border: 2px dotted #253647; border-radius: 8px; font-size: 20px; }

.vessel_radio_button label { color: #000; }
.vessel_radio_button .switch-input:checked + .switch-label { color: #fff; }
.add_vessel_condition_image.vessel_fixposition { position: fixed; right: 50px; top: 103px; left: 50px; z-index: 9;
transition: all 0.3s ease;}

.vessel_button_section.vessel_button_section_fixposition { position: fixed; right: 50px; top: 210px; right: 50px; z-index: 9;
transition: all 0.3s ease; }
.vessel_radio_button.switch { width: 100px; height: 25px; }
.vessel_radio_button .switch-label { width: 48px; font-size: 12px; line-height: 100%; margin: 0; padding-top: 5px; }
.vessel_radio_button .switch-selection { height: 21px; width: 50px; }
.vessel_radio_button .switch-input:checked + .switch-label-on ~ .switch-selection { left: 46px; background:linear-gradient(to bottom, #737373 0%, #737373 100%); }
.category_skip .add_vessel_info { min-height: 80px; }

/*new index design*/
.vessel_monitoring_view a { width: 100%; display: block; }
.vessel_monitoring_view a:hover, .vessel_monitoring_view a:focus { text-decoration:none; }
.vessel_monitoring_view i { float:right; }

.vessel_monitoring_view ul { list-style-type: none; padding: 0; }
.vessel_monitoring_view ul li { float: left; width: 260px;  box-shadow: -6.559321880340576px -6.559321880340576px 11.661016464233398px 0px #FFFFFF99; box-shadow: 2.9152541160583496px 2.9152541160583496px 11.661016464233398px 0px #A3B1C699; padding: 10px; border-radius: 15px; margin-right:15px; margin-bottom: 15px; border-width: 10px 0 0 0; border-style: solid;}

.vessel_monitoring_name { float: left; width: 100%;  display:flex; align-items: center; }
.vessel_monitoring_name label{ color: #233F78; width: calc(100% - 20px);  display:flex; align-items: center; }
.vessel_monitoring_name label img { margin-right: 3px; }
.vessel_monitoring_name span { float: right; width: 20px;}

.vessel_monitoring_type { float: left; width: 100%;  display:flex; align-items: center; }
.vessel_monitoring_type label { color: #5C5C5E; width: calc(100% - 20px);  display:flex; align-items: center;  }
.vessel_monitoring_type span { float: right; width: 20px;  }

.vessel_monitoring_info { float:left; width:100%; margin-top:5px; }
.vessel_monitoring_info span { width: calc(100% / 2); font-weight: bold; font-size:12px; }
.vessel_monitoring_info .vessel_monitoring_id { border-right: 2px solid #c1c1c1; float: left; }
.vessel_monitoring_info .vessel_monitoring_imo { float: right; text-align:right; }

.vessel_monitoring_type .progress-item { height: 20px; border-radius:50px; }

.active_vessel { border-color: #35a535; }
.expected_vessel { border-color: #0480be; }
.inactive_vessel { border-color: #cccccc; }

.vessel_monitoring_view .panel-heading { background: #233F78; }
.vessel_monitoring_view .panel-heading .panel-title a { color: #fff }
.condition_date_time { float: left; width: 100%; background: linear-gradient(128deg, #38B496 50%, #4d4d4d 50%); padding: 8px 10px; min-height: 36px;}
.vessel_condition_btn { float: right; width: 100%; padding: 0px 10px; display: flex; align-items: center;}
.condition_view_chet { margin-top: 15px; border: 1px solid #cccccc; border-radius: 6px; }
.view_chet_section { margin-top: 10px; margin-bottom: 15px; max-height: 185px; overflow: auto; }
/*VESSEL CONDITION MONITORING Design End*/

.active_status label, .active_status span { color: #fff !important; }

.sc_status_card.label_certificates label, .sc_status_card.label_certificates span { width: auto; min-height: auto; }

.sc_status_section { background: #13719A; border-radius: 10px; float: left; width: 100%; display: flex; align-items: center; justify-content: space-around; padding: 15px; flex-wrap: wrap; margin-bottom: 10px; }
.pie_chart_title  { background-color: #fff; text-align: center; font-weight: bold; font-size: 18px; border-top: 1px solid #f2f2f2; padding: 5px;}
#column_chart { height: 600px; }
.record_pending { height: 270px; border-radius: 6px; display: flex; align-items: center; justify-content: center; border: 1px dashed #298FD3; color: #CCC; font-size: 14px; font-weight: bold; width: 100%;}

.umms_unit_section { margin: 10px 0; }
.umms_unit_section .widget-content { width: 100%; }
.umms_unit_section ul { list-style-type: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap;}

.umms_unit_section ul li { float: left; margin: 5px; border: 1px solid #217dbb; border-radius: 4px; padding: 5px; width: calc(100% / 4 - 10px);}
.umms_unit_section ul li a { float: left; display: flex; align-items: center;}
.umms_unit_section ul li label { float: left; margin-right: 5px; margin-bottom: 0; color: #000; }
.umms_unit_section ul li span { float: left; margin-right: 5px; margin-bottom: 0; color: #000; }
.umms_unit_section ul li span.label { color: #fff; }
.umms_unit_section.cba_content h4.section-title { border-width: 0 0 1px 0; border-radius: 0; padding-left: 0;}
.umms_unit_section.widget.cba_content { margin-top: 0 !important; margin-bottom: 10px !important; cursor: pointer;}
.umms_unit_section ul li span.popup_due_date { color: #000; font-size: 12px; }
.umms_unit_section ul li span.popup_due_date span{ color: #888; font-size: 11px; font-weight: bold; line-height: 100%; float: none; }

.umms_popup_overflow { overflow: auto; max-height: 85vh;}

.total_bg_color span{ background-color: #159A24; font-weight: bold; text-align: right; color: #fff; margin-left: 5px; border-radius: 4px; padding: 2px 5px;}
.umms_total_section .total_bg_color { margin-right: 25px; }
.umms_total_section .total_bg_color i { margin-left: 5px; }


.oop_expenses .inline-field-two .form-control { width: 49%; }
.umms_oop_total_allowance { border-bottom: 1px solid #000; padding-top: 6px; width: 100%;}

.umms_inventory_dashboard .total-textContent { height: auto; text-align: center; }
.umms_inventory_dashboard .manaulContainer .textContent { height: auto; padding: 15px; }
.inventory-total_section { display: flex; align-items: center; justify-content: right; }
.umms_inventory_dashboard .inventory-total_section .total-heading { float: left; padding: 0px 15px; display: flex; align-items: center; min-height: 32px; border-radius: 6px 0 0 6px; width: 50%;}
.umms_inventory_dashboard .inventory-total_section .total-textContent { border-top: 1px solid #ddd; float: left; min-height: 32px; display: flex; align-items: center; padding: 0px 15px; border-radius: 0 6px 6px 0; width: 50%;}
.umms_inventory_dashboard table tr td { border-top: 0; }

.quote_compare_status .label { font-size: 14px; font-weight: 400; }

.umms_compare_status { margin-top: -2px; margin-left: 10px; }

.audit-form-wrapper fieldset { position: relative; margin-bottom: 30px !important;}
.audit-form-wrapper fieldset .widget-control-remove { position: absolute; top: -7px; right: -6px; }
.audit-form-wrapper fieldset hr { border-color: #d4d4d4; }


.umms_qhsc_ops { float: left;}
.umms_qhsc_ops span { padding: 1px 5px; font-size: 9px; /*width: 100%;*/ margin-right: 3px; float: left; border-radius: 4px; text-align: center; }

.umms_order_approved {
    margin-top: 5px;
    text-transform: capitalize !important;
    padding: 4px !important;
    font-size: 10px !important;
}

.audit_defect_overlay { width: 100%; left: 0; top: 0px; border-radius: 8px; height: 100%; position: absolute; background-color: rgba(0,0,0,0.15); z-index: 99; display: none; }

.audit_checkbox {     line-height: 10px;
    display: flex;
    flex-wrap: wrap;
    float: left;
    align-items: center; }
.audit_checkbox input { margin-top: 0; }

.dropdown-wrapper .dropdown-menu a i { width: 15px; }

.oop_fieldset_section {position: relative; border: 1px solid #B1D1E5; border-radius: 8px; padding: 0 15px;}
.oop_fieldset_section .bunker-view { border-radius: 8px; }
.oop_fieldset_section .bunker-view .form-group { margin-bottom: 0; }
.oop_fieldset_section legend { font-size: 15px; font-weight: bold; border: none; background: none; width: auto; padding: 0px 5px; margin-bottom: 0px; }

#advance_date_picker {width: 0; padding: 0; border: 0; margin: 0; float: left; position: absolute;}

.request_store_cat { display: flex; align-items: center; justify-content: center;}
.request_store_cat span {width: 70px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block;}
.request_store_cat i { margin-right: 10px;}

.total_payable_popover .popover { max-width: 320px ; }
.total_payable_popover .popover-title { min-height: 25px; }
.total_payable_popover .popover .crew-onsigner-close { top: 0; right: 0; }
.total_payable_popover table tr td { font-size: 11px; }
.total_payable_popover table tr th { font-size: 10px; }

.requisitions_component .tableFixHead { max-height: 138px; border-bottom: 1px solid #B1D1E5; }
.date-help-text { color: #888; font-weight: bold; font-size: 12px; }
.requisitions_text_overflow { width: 130px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; }

.table_layout_fixed { table-layout: fixed; }
.pull-none {float: none !important;}
.oop_expenses_checkbox { border: 1px solid #ccc; border-radius: 4px; padding: 5px 10px; background-color: #ccc; display: flex; align-items: center; }

.oop_expenses_checkbox label { margin-bottom: 0; padding: 0; margin-right: 10px; }
.oop_expenses_checkbox input[type="checkbox"] { zoom: 1.3; margin-top: 1px; }

.umms_year_icon { position: absolute;
    top: 0px;
    right: 0px;
    width: auto !important;
    padding: 4px 5px 4px 5px !important;
    font-size: 11px;
    text-transform: capitalize !important; }

.evidence_images { height: 250px; width: auto; }

.font_weight_normal{font-weight: normal !important; }
.font_weight_bold{font-weight: bold !important; }

.umms_amount_view label { padding: 5px; }
.umms_amount_view span { padding: 5px; }

.umms_cash_advance { padding-top: 22px; }
.umms_cash_advance .daily-vessel-fieldset legend { background-color: #fff; }

.modal_width_50 { width: 50%;}

.umms_cs_library_block { float: left; width: 100%; padding: 0; margin: 0; list-style-type: none;}
.umms_cs_library_block li { float: left; width: calc(100% / 5 - 12px); margin-right: 15px; text-align: center; }
.umms_cs_library_block li:last-child { margin-right: 0; }
.umms_cs_library_block li a { width: 100%; border-radius: 5px; float: left; color: #fff; min-height: 100px; display: flex; align-items: center; justify-content: center; font-size: 20px; }

.cs_flag_docs{ background: #ce9107; }
.cs_us_docs{ background: #ca3e3e;}
.cs_tech_info{ background: #0080C0; }
.cs_plans_booklets{ background: green; }
.cs_ops_commercial{ background: #02623c; }

.umms_cs_library_content .widget-title { background: #fff; border: none; box-shadow: none;  }
.umms_cs_library_content h4.section-title {border-width: 0 0 1px 0; border-radius: 6px 6px 0 0; padding-left: 0; padding: 7px 15px; margin-top: 10px; color: #fff; }
.umms_cs_library_content .widget-controls {position: absolute; right: 35px; top: 24px; }
.umms_cs_library_content .widget-controls a{ color: #fff; }
.umms_cs_library_content .widget-content {border: none; background-color: #fdfdfd; border-radius: 0px; }

.cs_library_side_menu { position: fixed; top: 162px; left: 0; z-index: 99999; }
.cs_library_side_menu ul { padding: 0; list-style-type: none; float: left; display: grid; }
.cs_library_side_menu ul li{ -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; float: left; margin-bottom: 3px;}
.cs_library_side_menu ul li a { float: left; padding: 5px 15px; border-radius: 0 50px 50px 0; min-width: 50px;}
.cs_library_side_menu ul li a:hover, .cs_library_side_menu ul li a:focus { color: #fff; text-decoration: none;}
.cs_library_side_menu ul li a:hover .side_menu_close{ display: none;}
.cs_library_side_menu ul li a:hover .side_menu_open{ display: block;}
.cs_library_side_menu ul .side_menu_open{ display: none;}
.cs_library_side_menu ul .active .side_menu_open{ display: block;}
.cs_library_side_menu ul .active .side_menu_close{ display: none;}
.umms_cs_library_content .side_menu_close { display: none;}

.cs_applicable_certificates.tableFixHead .component_sub td.vessel-name { top: 0; background-color: #eeeeee; line-height: 30px;}
.cs_applicable_certificates .component_sub.view i { font-size: 24px; font-weight: 900; background-color: transparent; color: #000; }

.component_sub.view .fa-angle-up {
    display: none;
}

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

.component_sub.view.open .fa-angle-down {
    display: none;
}

.cs_applicable_certificates.tableFixHead  th { height: 36px; vertical-align: middle; }
.cs_applicable_certificates.tableFixHead tr:nth-child(2) th { top: 0px; }

.evidence_detail img { border: 1px solid #ccc; border-radius: 6px;}

.sel_closed { background-color: #38B496 !important; }
.sel_approved { background-color: #35A535 !important; }

.label.sel_closed { margin-bottom: 5px; }
.umms_noonreport .input-group-addon { border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 4px !important; border-top-right-radius: 4px !important; border-left: 0;}
.umms_noonreport .umms_noonreport_msg { margin-left: 5px; color: #FF8500; position: absolute; top: 8px; font-size: 14px; }
.umms_noon_changes { position: relative;}
.umms_noon_changes .umms_noonreport_msg{ right: -19px;}
.umms_noonreport_nonrelative  .umms_noonreport_msg {margin-left: 5px; color: #FF8500;  font-size: 14px;} 

.umms_selfserver { padding-right: 30px!important; }
.btn { text-transform: uppercase; }

.umms_send_payment { float: left; width: 100%; border: 1px solid #B1D1E5; margin-top: 15px; }
.umms_send_payment>h4 { background-color: #E8F2F8; border: 1px solid #B1D1E5; margin-bottom: 0; margin-top: 0; padding: 10px; font-size: 14px;}
.umms_invoice_view { margin-top: 10px; float: left; width: 100%; }
.umms_invoice_view label { margin-bottom: 0px; color: #888; font-weight: bold; display: block; font-size: 12px }
.umms_send_payment h4 span { color: #428BCA; }
.umms_send_payment_section {padding: 10px;}
.umms_send_payment_section .bunker-view [class^="col"]{ margin-bottom: 10px; }

.iom_usertable { list-style-type: none; padding: 0; float: left; width: 100%; }
.iom_usertable li:nth-child(3n) { margin-right: 0; }
.iom_usertable li { float: left; padding: 0px 10px; border: 1px solid #ccc; margin-top: 5px; background-color: #E8F2F8; margin-right: 5px; border-radius: 4px; width: calc(100% / 3 - 3.4px);}
.iom_summary_section label { color: #888; }
.umms_iom_remark { margin-left: 5px !important; cursor: pointer; padding: 2px 5px !important; background-color: #3BB022 !important;}
.umms_iom_remark:hover { color: #fff !important; }
.umms_iom_summary_icon { position: absolute; top: 3px; right: 3px; padding: 0; height: 25px; width: 25px; display: flex; align-items: center; justify-content: center; }
.iom_summary_icon { position: relative; padding-right: 30px !important; }
.umms_iom_user { padding: 0 !important; }
.umms_iom_user table { border: 0; }
.umms_iom_user table td { border-left: 0 !important; }
.view_iom_detail { padding: 0 !important; }
.view_iom_detail .view_iom_user_list { border-bottom: 1px solid #B1D1E5 !important; width: 100%; float: left; padding: 4px 8px; height: 34px;}
.view_iom_detail .view_iom_user_list:last-child{ border-bottom: 0px solid #B1D1E5 !important }

.blacklisted_msg {border: 1px solid #3498db; border-radius: 6px; padding: 13px 16px; font-size: 15px; line-height: normal; text-align: left; color: #428ac9; float: left; width: 100%; }




/*new tab design*/

.process-model {
    list-style: none;
    padding: 15px 0;
    position: relative;
    max-width: 100%;
    margin: 0px auto 26px;
    border: none;
    z-index: 0;
    background: #FFFFFF;
    box-shadow: 0px 11px 14px -10px rgb(0 0 0 / 15%);
    border-radius: 6px;
}
.process-model li::after {
    background: #233F78 none repeat scroll 0 0;
    bottom: 0;
    /*content: "";*/
    display: block;
    height: 2px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 20px;
    width: 100%;
    z-index: -1;
}
/*.process-model li.visited::after {
    background: #233F78;
}*/
.process-model li:last-child::after {
    width: 0;
}
.process-model li {
   display: inline-block;
	width: calc(100% / 7 - 9px);	
    margin-right: 10px;
   text-align: center;
   float: left;
}
.process-model li:last-child { margin-right: 0; }
.nav-tabs.process-model > li.active > a, .nav-tabs.process-model > li.active > a:hover, .nav-tabs.process-model > li.active > a:focus, .process-model li a:hover, .process-model li a:focus {
    border: none;
    background: transparent;

}
.nav-tabs.process-model li a {
    padding: 5px;
    border: 3px solid #cccccc;
    border-radius: 6px;
    margin-right: 0;
    margin-bottom: 10px;
    background: #F4F9FF !important;
    /*width: 140px;*/
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.nav-tabs.process-model li.active a,
.nav-tabs.process-model li.active a:focus,
.nav-tabs.process-model li.active a:hover {
    border: 3px solid #233F78;
    background: #233F78 !important;
    border-color: #233F78;
    color: #fff;
}
/*.process-model li.visited p*/
.process-model li.active p {
    font-weight: 400;
    color: #fff;
}
.nav-tabs.process-model li.active span img {filter: brightness(0) invert(1);}
.process-model li span img { width: 30px; height: auto; }
.process-model li span {
    display: flex;
    align-items: center;
    justify-content: center;
    /*height: 100px;*/
    width: 100%;
    margin: 0 auto;
    /*background: #F4F9FF;*/
    /*border: 3px solid #cccccc;*/
    /*border-radius: 6px;*/
}

/*.process-model li.visited span*/
.process-model li.active span  {
    /*background: #233F78;*/
    border-color: #233F78;
    /*color: #fff;*/
    border-width: 5px;
}
.process-model li.complete_form a span img{}
.process-model li.complete_form a:after {
    content: "\f00c";
    font: normal normal normal 14px FontAwesome;
    position: absolute;
    left: 10px;
    top: 5px;
    width: 20px;
    height: 20px;
    border-radius: 50px;    
    color: #fff;
    background-color: #69b5e7;
    display: flex;
    align-items: center;
    justify-content: center;
    
}
.process-model li.complete_form a {  }
.process-model li p {
    font-size: 14px;
    margin-top: 3px;
    margin-bottom: 0;
}
.umms_tab_content.tab-content, .ctm_tab_content.tab-content { border: 0; padding: 15px; }
.unchecking { margin-left: 5px; margin-top: 7px; display: inline-block; font-size: 16px; color: #ff7c7c;}
.unchecking_msg {  color: #F00;
    /*margin-left: 5px;*/
    display: inline-block;
    border-width: 1px 1px 1px 4px;
    border-style: solid;
    padding: 5px;
    border-radius: 6px;
    border-color: #F00; background-color: #fff; }
.unchecking + .tooltip.top .tooltip-arrow { border-top-color: #f00; }
.unchecking + .tooltip.top .tooltip-inner { padding: 0; border-radius: 6px; }
.alert_and_task { width: 100%; padding: 0; list-style-type: none; }
.alert_and_task .alert_section { position: relative; padding-left: 40px !important; background-color: #FFF0F0; border-radius: 5px; padding: 5px; margin-bottom: 5px;}
.alert_and_task .task_section { position: relative; padding-left: 40px !important; background-color: #EAF5FF; border-radius: 5px; padding: 5px; margin-bottom: 5px;}
.alert_and_task span { position: absolute; left: 10px; top: 50%; transform: translateY(-50%);}
.alert_and_task label { font-size: 12px; font-weight: 400;  }
.alert_and_task span img { width: 20px; height: auto;}


.msa_checkbox { float: left; background-color: #428bca; border-radius: 5px; padding: 5px 10px; display: flex; align-items: center; justify-content: center;}
.msa_checkbox input { margin-top: 0; margin-right: 5px;}
.msa_checkbox label { color: #fff; margin-top: 0; margin-bottom: 0; }
.msa_topbutton { position: absolute; right: 15px; top: 0px; z-index: 999; }
.msa_topbutton.msa_fixposition { position: fixed; right: 66px; top: 205px; }
.msa_topbutton.msa_fixposition .save_exit, .msa_topbutton.msa_fixposition .save_continue{ box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }

.msa_cash_info.msa_cash_fixposition {  position: fixed; left: 50px; top: 53px; z-index: 399; width: calc(100% - 100px); background: #f1f1f1; padding: 15px 10px; /*border: 2px solid #233f78;*/ border-radius: 8px; box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;}
.msa_cash_info.msa_cash_fixposition .row { margin-bottom: 0; }
.msa_cash_info.msa_cash_fixposition + .msa_cash_blank { min-height: 50px;}
.msa_cash_info.msa_cash_fixposition .form-group { margin-bottom: 0;}
.msa_cash_info.msa_cash_fixposition .form8 .form-group>label { width: 148px;}
.msa_top_section { border: 2px solid #B1D1E5; padding: 5px 10px; border-radius: 8px; line-height: 100%;}
.msa_top_section legend{ font-size: 12px; font-weight: bold; border: none; background: none; width: auto; padding: 0px 5px; margin: 0;}
.msa_tab_block_shadow { box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; margin-bottom: 20px !important; }
.msa_tab_block_line {position: relative; margin-bottom: 30px !important; }
.msa_tab_block_line:last-child {margin-bottom: 0px !important; }
.msa_tab_block_line:last-child:after { display: none; }
.msa_tab_block_line::after {content: ""; width: calc(100% + 20px);
    height: 1px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    background-color: rgba(0, 0, 0, 0.11);
    display: block;
    position: absolute;
    bottom: -15px;
    left: -10px;
}


.umms_tab_content .msa-refresh-icon { top: 48%; transform: translateY(-50%);}
.umms_tab_content .umms_massage { margin-bottom: 0; }
/*.umms_tab_content .table, .ctm_tab_content .table  { min-width: 680px; }*/

.widget-remove-red.widget-legend { top: -18px;}
.widget-remove-red { position: absolute; top: -6px; right: -6px; color: red; }
.widget-remove-red a { color: #a82315; font-size: 18px; line-height: 18px; display: inline-block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: all all 0.3s ease ease-out; -moz-transition: all all 0.3s ease ease-out; -o-transition: all all 0.3s ease ease-out; transition: all all 0.3s ease ease-out; text-decoration: none !important; outline: 0 !important; }
.widget-control-remove-red, .widget-control-remove-red:hover { color: #a82315; font-size: 18px; }

.widget-remove-white { position: absolute; top: -10px; right: -6px; padding: 4px 5px; border-radius: 4px;}
.widget-remove-white a { color: #fff; font-size: 14px; line-height: 18px; display: inline-block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: all all 0.3s ease ease-out; -moz-transition: all all 0.3s ease ease-out; -o-transition: all all 0.3s ease ease-out; transition: all all 0.3s ease ease-out; text-decoration: none !important; outline: 0 !important; }
.widget-control-remove-white { color: #a82315; font-size: 18px; }

.msa_overlay { position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.15);
    top: 0px;
    left: 0px;
    z-index: 99; border-radius: 8px;}

.msa_total_cash_section { border: 1px #B1D1E5; padding: 10px; background-color: #fff; border-style: solid; border-radius: 8px;}
.msa_total_cash_section table td { background-color: #fff; }


/*END*/


.expand_component .fa-caret-square-o-down {display: none; }
.expand_component.open .fa-caret-square-o-down {display: inline-block; }
.expand_component.open .fa-caret-square-o-right {display: none; } 
.expand_component i{ margin-right: 5px; display: inline-block; }
.expand_component span{ display: inline-block; }

.sub_expand_component .fa-caret-square-o-down {display: none; }
.sub_expand_component.open .fa-caret-square-o-down {display: inline-block; }
.sub_expand_component.open .fa-caret-square-o-right {display: none; } 
.sub_expand_component i{ margin-right: 5px; display: inline-block; }
.sub_expand_component span{ display: inline-block; }

.collapse_component>td { padding: 0 0 0 0px !important;  }
.collapse_component table { border: 0 !important; }


.pms_radio_btn { display: flex; align-items: center;  justify-content: flex-start; }
.pms_radio_btn input { margin-top: 0; margin-right: 5px; }
.pms_radio_btn label { margin-bottom: 0; margin-right: 15px; }
.inline-field-button .form-control{ display: inline-block; width: calc(100% - 50px); }
.inline-field-button a{ display: inline-block; float: right;}

.pms_manage_assets .expand_component i { margin-right: 0; }
.pms_manage_assets .expand_component { /*background-color: #428bca;*/ display: flex; width: 20px; height: 20px; margin-right: auto; float: left; margin-right: 5px; align-items: center; justify-content: center; border-radius: 3px; /*color: #fff;*/ font-size: 20px; position: absolute;}
.pms_manage_assets .expand_component + a { padding-left: 25px; }
.pms_manage_assets .view.open { background-color: #e3e3e3; }
.pms_manage_assets .collapse_component.open { background-color: #e3e3e3; }
.pms_manage_assets .collapse_component>td { padding: 0 0 0 15px !important; border-width: 1px 0 0 0 !important; }
.pms_manage_assets table { table-layout: fixed; }
.pms_manage_assets th:nth-child(1) { width: 200px; }
.pms_manage_assets th:nth-child(2) { width: 200px; }
.pms_manage_assets th:nth-child(3) { width: 200px; }
.pms_manage_assets th:nth-child(4) { width: 200px; }
.pms_manage_assets th:nth-child(5) { width: 200px; }
.pms_manage_assets th:nth-child(6) { width: 80px; }

.pms_manage_assets .collapse_component td:nth-child(1) { width: 192px; }
.pms_manage_assets td:nth-child(1) { width: 200px; }
.pms_manage_assets td:nth-child(2) { width: 200px; }
.pms_manage_assets td:nth-child(3) { width: 200px; }
.pms_manage_assets td:nth-child(4) { width: 200px; }
.pms_manage_assets td:nth-child(5) { width: 200px; }
.pms_manage_assets td:nth-child(6) { width: 80px; }


.pms_update_hours .expand_component i { margin-right: 0; }
.pms_update_hours .expand_component { /*background-color: #428bca;*/ display: flex; width: 20px; height: 20px; margin-right: auto; float: left; margin-right: 5px; align-items: center; justify-content: center; border-radius: 3px; /*color: #fff;*/ font-size: 20px; position: absolute; }
.pms_update_hours .expand_component + a { padding-left: 25px; }
.pms_update_hours .view.open { background-color: #e3e3e3; }
.pms_update_hours .collapse_component.open { background-color: #e3e3e3; }
.pms_update_hours .collapse_component>td { padding: 0 0 0 15px !important; border-width: 1px 0 0 0 !important; }

.pms_update_hours table { table-layout: fixed; }
.pms_update_hours th:nth-child(1) { width: 200px; }
.pms_update_hours th:nth-child(2) { width: 200px; }
.pms_update_hours th:nth-child(3) { width: 200px; }
.pms_update_hours th:nth-child(4) { width: 300px; }
.pms_update_hours th:nth-child(5) { width: 200px; }
.pms_update_hours th:nth-child(6) { width: 200px; }

.pms_update_hours td:nth-child(1) { width: 200px; }
.pms_update_hours td:nth-child(2) { width: 200px; }
.pms_update_hours td:nth-child(3) { width: 200px; }
.pms_update_hours td:nth-child(4) { width: 300px; }
.pms_update_hours td:nth-child(5) { width: 200px; }
.pms_update_hours td:nth-child(6) { width: 200px; }

.pms_update_hours .fold.collapse_component td:nth-child(1){ width: 200px; }
.pms_update_hours .fold.collapse_component td:nth-child(2){ width: 200px; }
.pms_update_hours .fold.collapse_component td:nth-child(3){ width: 200px; }
.pms_update_hours .fold.collapse_component td:nth-child(4){ width: 150px; }
.pms_update_hours .fold.collapse_component td:nth-child(5){ width: 150px; }
.pms_update_hours .fold.collapse_component td:nth-child(6){ width: 200px; }

.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 .input-group {
    float: right;
}
.pms_jobs_heading .input-group-addon {
    padding: 0;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pms_jobs_heading .form-control {
    padding: 3px 3px 3px 3px;
    font-size: 11px;
    height: 25px;
    width: 135px;
    float: left;
}
.pms_keyword_search_btn.input-group-addon { padding: 0; border: 0;}
.pms_keyword_search_btn.input-group-addon button { margin: 0; padding: 6px 12px; min-height: 34px; border-radius: 0 4px 4px 0; border: 0;}

.director_view tr td { line-height: 27px !important; }
.director_view .expand_component { font-size: 20px; }
.director_view .view.open { background-color: #e3e3e3; }
.director_view .director_view_subsection.open { background-color: #e3e3e3; }
.director_view_button{
	position: relative;
	margin-right: 30px !important;
	float: right;
}

.director_view_count {
	height: 18px;
	width: 18px;
	position: absolute;
	right: -8px;
	top: -8px;
	background-color: #428bca;
	border: 1px solid #FFFFFF;
	border-radius: 10px;
	font-weight: 600;
	font-size: 10px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.director_view_subcomponent {
	float: right;
	margin-top: 7px;
	position: relative;
	z-index: 99;
}

.director_view_subsection table { margin-left: 30px; width: calc(100% - 29px); }
.director_view_subsection .site-tab .tab-pane table { margin-left: 0px; width: 100%;}
.director_view_subsection .nav-tab-wrapper.site-tab { margin-top: 10px; }

/*.director_view_table_border tr th { border-top: 1px solid #B1D1E5 !important; }*/
.director_view_subsection tr th { border-top: 1px solid #B1D1E5 !important; }
.director_view_subsection .view { background-color: #F8F8F8 !important; }
.director_view_subsection .collapse_component  { background-color: #F8F8F8; }

.director_view_table_scroll {
	overflow: auto;
	max-height: 210px;
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #B1D1E5;
}

.modal-fullscreen-xl{ width: 90%; }

.drill_title { position: sticky;
    top: 28px;
    background: #E8F2F8;
    border: 1px solid #B1D1E5 !important;
    z-index: 99 !important;
    font-weight: bold;
    font-size: 16px; text-align: center;}
.drill_subtitle { font-size: 14px; background-color: #d9d9d9; font-weight: bold; }


/* New Event History Start */
.umms_event_history { float: left; width: 100%;}
.umms_event_history ul { list-style-type: none; padding: 0 ;}
/* New Event History End*/


.form-table-width input[type=text].form-control{width: 90px;}


.guides_list_breadcrumb { float: left; width: 100%; }
.guides_list_breadcrumb ul { list-style-type: none; float: left; width: 100%; padding: 5px; margin-bottom: 0; display: flex; flex-wrap: wrap; align-items: center;}
.guides_list_breadcrumb ul li { float: left; }
.guides_list_breadcrumb ul li a { font-weight: bold; }
.guides_list_breadcrumb ul li i{  margin-left: 8px; margin-right: 8px;}

.dot-icon {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
}

.custom-input-disable {
    pointer-events:none;
  }
.slider_img_height .carousel-inner img { width: auto !important; height: 100px; }
/*.model_img_height { height: 500px !important; width: auto !important; margin: 0 auto; }*/


/*Video Guides View design Start*/

.guides_list { list-style-type: none; float: left; width: 100%; padding: 0; }
.guides_list li { float: left; width: 100%; background: #FFFFFF; border: 1px solid #B1D1E5; min-height: 40px; margin-top: -1px; }

.guides_list li:hover { background-color: #e3e3e3;}
.guides_list li:hover a{ font-weight: bold; text-decoration: none;}
.guides_list li a { padding: 12px 7px; font-size: 12px; float: left; width: 100%; }
.guides_list li a:focus { text-decoration: none; }
.guides_list li.guides_list_active { background-color: #e3e3e3; }
.guides_list li.guides_list_active a { font-weight: bold; }

.guides_list_breadcrumb { float: left; width: 100%; }
.guides_list_breadcrumb ul { list-style-type: none; float: left; width: 100%; padding: 0; }
.guides_list_breadcrumb ul li { float: left; margin-right: 10px; }
.guides_list_breadcrumb ul li i{  margin-left: 5px; margin-right: 5px;}

.video_thumbnail { width: 100%; float: left; position:relative; }
.video_thumbnail video { width: 100%; min-height: 200px; background-color: #000; border-radius: 6px 6px; 0 0 }
.video_thumbnail_info { width: 100%; float: right; list-style-type: none; padding: 0; margin-bottom: 0;}
.video_thumbnail_info label {float: left; width: 260px; padding: 10px 10px 0 10px; font-size: 15px; color: #000;  margin-bottom: 10px; white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}
.video_thumbnail_info li { float: left; width: 100%; /*margin-top: 10px;*/ }
.video_thumbnail_info li a { margin-right: 10px !important; width: 40px; float: right; margin-top: 8px !important;}

.video_folder_list { float: left; width: 100%; }
.video_folder_list ul { list-style-type: none; float: left; width: 100%; padding: 0; }
.video_folder_list ul li{ float: left; margin-right: 20px; width: 180px; min-height: 180px; }
.video_folder_list fieldset { border: 1px solid #B1D1E5; padding: 0px; border-radius: 8px; margin-bottom: 10px; float: left; width: 100%; }
.video_folder_list .video_thumbnail_info label{ float: left; width: 153px; padding: 10px 10px 0 10px; font-size: 12px; color: #000; margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.video_folder_list .video_thumbnail_info a { margin-right: 5px !important; width: 20px; float: right; margin-top: 8px!important; height: 20px; padding: 0; display: flex; align-items: center; justify-content: center; font-size: 10px;}
.video_folder_list .video_thumbnail_info a i { margin-top: 1px; }
.video_folder_list .video_thumbnail iframe { width: 100%; height: 120px; background-color: #000; border-radius: 6px 6px;}

.folder_icon { float: left; width: 100%; position: relative; cursor: pointer;}
.folder_icon i { color: #C3E3F3; margin: 0;  font-size: 150px; line-height: 130px;}
.folder_icon label { position: absolute; top: 30px; left: 20px; font-size: 40px; color: #7F0F81; cursor: pointer; width: calc(100% - 35px); text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.8);}
.folder_icon label span{ float: left; width: 100%; color: #2C2C2C; font-size: 18px; font-weight: bold; margin-bottom: 20px; text-align: left; text-shadow: none; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.folder_icon label p { font-size: 16px; color: #000; text-shadow:none; display: inline-block; margin-left: 5px; }

.video_folder_pdf { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 120px; background-color: #F6F6F6; border-radius: 6px 6px;}
.video_folder_pdf img { height: 70px; width: auto; }

.add_new_video {  }
.dropdown_with_btn select{ width: calc(100% - 40px); display: inline-block;}
.dropdown_with_btn input { width: calc(100% - 40px); display: inline-block;}
.dropdown_with_btn button{ width: 30px; height: 30px; float: right;}
.add_new_category_video { min-height: 132px; margin-bottom: 15px; position: relative; }
.add_new_category_video .widget-remove-white { top: -17px; right: -11px; }
.video_play_icon { height: 120px; display: flex; align-items: center; justify-content: center; border-radius: 6px 6px; background: #000; color: #fff; font-size: 40px; }
.video_play_icon a { color: #fff; float: left; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.video_play_icon a:hover, .video_play_icon a:focus { text-decoration: none; }

.video_model_section iframe { width: 100%; min-height: 380px; }
.video_model_section .widget-blue .widget-title { background: transparent; border: 0; box-shadow: none; }
.video_model_section .widget-control-remove { color: #fff; position: absolute; bottom: -10px; right: -10px; font-size: 25px !important; z-index: 9; }
.video_model_section .modal-content { background: transparent; box-shadow: none; border: 0; }
.video_model_section .widget .widget-content { background: transparent; box-shadow: none; border: 0; padding: 0;}

.video_model_section.modal {text-align: center; padding: 0!important; }
.video_model_section.modal:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; }
.video_model_section .modal-dialog {display: inline-block; text-align: left; vertical-align: middle; }

.vid_item:before {content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
/* Video Popup */
.video-popup {position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center; z-index: 998; background: rgba(0, 0, 0, .7); cursor: pointer; display: none !important; }
.video-popup.show-video {display: flex !important;}
.iframe-wrapper {position: relative; }
.iframe-wrapper .close-video {content: ''; position: absolute; width: 25px; height: 25px; top: -10px; right: -10px; background: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px;}
/*.remove_before_video.vid_item:before { display:block; }*/
/*Video Guides View design END*/

/*cii css*/
.carbon_intensity_chart { box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; margin-bottom: 30px; background: #fff; min-height: 407px; }
.carbon_intensity_chart #chart1, .carbon_intensity_chart #chart2, .carbon_intensity_chart #chart3 { height: 300px; }
.carbon_intensity_chart .section-title { margin-bottom: 20px; }
.carbon_intensity_data {  float: left; width: 100%; border: 1px solid #159A24; border-radius: 10px; padding: 15px; display: flex; align-items: center; background: #edfeed; }
.carbon_intensity_data.intensity_data_red { border-color: #FF0000; background: #ffeaea; }
/*.carbon_intensity_data label { margin-bottom: 0; margin-right: 10px; }*/
.carbon_intensity_data label { display: flex; align-items: center; justify-content: center; margin: 0 auto; font-size: 10px; flex-wrap: wrap; position: relative; line-height: 100%;}
.carbon_intensity_data label p { position: absolute; right: 100%; width: 150px; margin-bottom: 0; text-align: right; font-size: 15px; margin-right: 15px;}
.carbon_intensity_data label span { position: absolute; left: 100%; width: 150px; }
.carbon_intensity_data label strong { font-size: 28px; margin-right: 5px; color: #159A24;}
.carbon_intensity_data.intensity_data_red label strong { color: #FF0000;}
/*.carbon_intensity_chart .tableFixHead { max-height: 339px; }*/
.required_intensity { float: left; width: 100%; list-style-type: none; padding: 0; }
.required_intensity li { width: 100%; margin-bottom: 15px; float: left; background: #f2f2f2; border-radius: 6px; padding: 10px 15px; min-height: 50px; display: flex; align-items: center;}
.required_intensity li label { margin-bottom: 0; width: calc(100% - 160px); float: left;}
.required_intensity li>span { width: 150px; font-size: 22px;  display: inline-block; float: left; line-height: 100%; font-weight: bold; text-align: right; margin-left: auto;}
.btn_reduction_target { float: right; background: #fff;  margin-top: -3px; color: #217DBB; font-weight: bold; }
.btn_reduction_target i { font-size: 15px; color: #217DBB;}

/*cii design Start*/

.cii_rating_a { background: #0068b3; color: #fff; }
.cii_rating_b { background: #00b050; color: #fff; }
.cii_rating_c { background: #92d050; color: #fff; }
.cii_rating_d { background: #ffc000; color: #fff; }
.cii_rating_e { background: #ff0000; color: #fff; }

/*cii design End*/

/*napa Desiggn Start*/

.napa_table table { table-layout: fixed; }


/*napa Desiggn END*/

/*MTR Page Design Start*/

.comparison_section { width: 700px; margin: 0 auto; display: flex; margin-top: 50px;}
.comparison_layout {box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); width: calc(100% / 2 - 8px); float: left; padding: 0; margin-right: 15px; border-radius: 10px;}

.comparison_layout_header {  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; min-height: 100px; width: calc(100% - 60px); background: #fff; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: -28px auto 0; border-radius:  10px; padding: 15px;}
.comparison_layout_header h4 { margin-top: 0; font-weight: 800; text-transform: capitalize;}
.comparison_layout:last-child {margin-right: 0;}
.comparison_input { width: 100%; float:left; }
.comparison_layout_container {float: left; width: 100%;}
.comparison_layout_container ul {float: left; width: 100%; padding: 0; margin: 0; list-style-type: none; margin-top: 15px;}
.comparison_layout_container ul li{float: left; width: 100%; color: #fff; padding: 8px 15px;}
.comparison_layout_container ul li:nth-child(odd){ background: #ffffff1a; }
.comparison_layout_container ul li label{float: left; width: 100px; letter-spacing: 0.5px}
.comparison_layout_container ul li span{float: right; width: calc(100% - 110px); letter-spacing: 0.5px}

.comparison_layout_footer { float: left; width: 100%; display: flex; align-items: center; justify-content: center; padding-bottom: 15px;}
.comparison_layout_footer button {background-image: none; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; border: 2px solid #fff; margin: 40px auto 0; padding: 15px 30px; border-radius: 10px; background-color: #fff;}
.comparison_layout_footer button:hover { background-color: transparent; color: #fff;}

.email_color { background: #00556b; }
.user_color { background: #004a86; }

.email_color .comparison_layout_header h4 { color: #00556b;}
.user_color .comparison_layout_header h4 { color: #004a86;}

/*MTR page Design End*/

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

.equal_height { display: flex; align-items: stretch; flex-wrap: wrap;}
.equal_height [class^="col-"] { display: flex; align-items: stretch; flex-wrap: wrap;}
.equal_height .fieldset_section { width: 100%;}


@media (max-width: 1199px) {
	.umms_unit_section ul li { width: calc(100% / 3 - 10px); }
}
@media (max-width: 991px) {
	.umms_beneficiary_details { border-right: 0; }
	.umms_unit_section ul li { width: calc(100% / 2 - 10px); }
}

@media (max-width: 767px) {
	.vessel_status_cs .modal-dialog { width: 95% !important; }
	.modal_width_50 { width: 90%; }
}

@media (max-width: 640px) {
	.umms_unit_section ul li { width: 100%; }
}

@media (max-width: 480px) {
	.umms_sc_status {
		width: 100%;
		margin-right: 0;
	}
}

/*tag list Start*/
.tag_list { list-style-type: none; padding:0; margin:0; width: 100%; max-height: 150px; overflow: auto;}
.tag_list li { display: inline-block; vertical-align: top; margin: 5px 0 5px 5px; position: relative; cursor: default; white-space: nowrap; transition: .13s ease-out; animation: .3s tags--bump 1 ease-out;}
.tag_list li span { font-weight: normal; float: left; padding: 2px 20px 2px 5px; border: 1px solid #428bca; color: #000; border-radius: 6px; background-color: #fff; transition: .13s ease-out;}
.tag_list li i { font: 14px / 15px Serif; width: 14px; height: 14px; text-align: center; border-radius: 50px; position: absolute; right: calc(0.5em - 2px); top: 50%; cursor: pointer; transform: translateY(-50%); transition: .2s;}
.tag_list li i:after{ content: "\00D7"; }
.tag_list li:hover span{box-shadow: 0 0 0 2px #7AC3FF inset; transition: 50ms;}
.tag_list li i:hover {color: white; background: #cc8282;}
.tag_list li i:hover + span {
    box-shadow: 0 0 0 2px #D39494 inset;
    transition: .2s;
}
/*tag list End*/


.documentation_section .btn-primary {width: calc(100% - 30px); float: left; }
.documentation_section .btn-success {width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; float: right; }
.check_documents_model .btn {white-space: normal !important; }
/*Crew Documentation Start*/
.documentation_section [class^="col-"] { min-height: 60px; }
.documentation_section .btn-primary { width: calc(100% - 30px); float: left; }
.documentation_section .documentation_view { width: calc(100% - 30px); float: left; display: flex; align-items: center; min-height: 26px }
.documentation_section .documentation_view i { margin-right: 5px; }
.documentation_section .btn-success { width: 26px; height: 26px; display: flex; align-items: center; justify-content:center; float: right; }
.documentation_section .btn-danger { width: 26px; height: 26px; display: flex; align-items: center; justify-content:center; float: right; margin:  0;}
/*Crew Documentation End*/

.small-switch.switch {height: 30px; width: 82px; display: flex; align-items: center;}
.small-switch .switch-label {width: 40px; font-size: 12px; padding-top: 0px; margin-bottom: 0; padding-bottom: 0;}
.switch-input.switch-input-small:checked + .switch-label-on ~ .switch-selection {left: 38px; background: linear-gradient(to bottom, #737373 0%, #737373 100%);}
.small-switch .switch-selection {width: 41px; height: 26px;}
.small-switch .switch-input:checked + .switch-label-on ~ .switch-selection {
    left: 38px;
}
.supplier_category_popover .popover {
    max-width: 540px;
}
.supplier_category_popover .popover-content {
    width: 540px;
}
.supplier_category_popover .category-list {
        float: left;
    margin-right: 20px;
}
.supplier_category_popover .category-list ul.list-unstyled {
    margin-left: 10px;
    font-size: 12px;
}
.supplier_category_popover .popover .crew-onsigner-close {
    top: 5px;
}
.supplier_category_popover .popover-heading {
    /*    position: absolute;
    top: 4px;*/
    font-weight: bold;
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.view-supplier-category .category-list ul.list-unstyled {
    margin-left: 10px !important;
    font-size: 12px;
    overflow: unset !important;
}
.view-supplier-category .category-heading {
    font-weight: bold;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #000;
    font-size: 16px;
}
.view-supplier-category li {
    width: 98% !important;
    border: none !important;
    margin-bottom: 0 !important;
    font-weight: normal !important;
}

/*Supplier Rating Design Start*/

.supplier_name { font-weight: 800; font-size: 20px; line-height: 100%; color: #217DBB; float: left; width: 100%; margin-bottom: 25px; border-bottom: 1px solid #ccc; padding: 15px;}
.user_name { float:left;  width: 100%; margin-top: 10px; }
.user_name label {  }

.rating i {color: #ffa41b; }
.rating-text i {color: #ffa41b; }

.course-details-card {
  border-radius: 8px;
/*  border: 1px solid #EEEEEE;*/
/*  padding: 30px;*/
/*  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;*/
}
.course-details-card .course-details-two-content p:last-child {
  margin-bottom: 0;
}
.course-details-content .rating-box {background: #FFFFFF; box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.07); border-radius: 5px; text-align: center; width: 100%; float: left; padding: 29px 10px; }
.course-details-content .rating-box .rating-number {font-weight: 800; font-size: 72px; line-height: 100%; color: #231F40; }
.rating-box .rating i { font-size: 18px; }
.course-details-content .course-tab-content {margin-top: 40px; }
.total_review {font-weight: 500; font-size: 16px; line-height: 26px; }
.review-wrapper .single-progress-bar {position: relative; }
.review-wrapper .rating-text {display: inline-block; position: relative; top: 19px; }
.review-wrapper .progress {max-width: calc(100% - 130px); margin-left: 38px; height: 12px; background: #EEEEEE; }
.review-wrapper .progress .progress-bar {background-color: #FFA41B; }
.review-wrapper span.rating-value {position: absolute; right: 0; top: 50%; }
.edu-comment {display: flex; }
.edu-comment .comment-content .comment-top {display: flex; align-items: flex-start; } 
.edu-comment .comment-content .title {font-weight: 700; font-size: 20px; margin-right: 15px; margin-bottom: 0; }
.edu-comment .comment-content .subtitle {font-weight: 700; font-size: 16px; line-height: 26px; display: block; margin-bottom: 10px; color: #231F40; }
.edu-comment + .edu-comment {border-top: 1px solid #EEEEEE; padding-top: 30px; margin-top: 15px; }
.rating_top { margin-bottom: 15px; }
.comment-top .rating { margin-top: 12px; }
.remark_bby_label { margin-bottom:0; font-size: 13px; color: #95979d; }
.rating_detail { padding: 0; float: left; width: 100%; list-style-type: none; display: flex; border-top: 1px solid #ccc; margin-top: 10px; padding-top: 10px; flex-wrap: wrap; }
.rating_detail li { float: left; width: calc(100% / 3); text-align: center; }
.rating_detail label { color: #9b9b9b; font-weight: 500; width: 100%; display: inline-block; }
.rating_detail li .label { padding: 5px 10px; font-weight: 500; letter-spacing: 0.5px; }
.table_rating_number { font-weight: 600; font-size: 16px; line-height: 100%; color: #231F40; margin-bottom: 3px;}
.table_rating_number  + .rating i { font-size: 14px; }

.supplier_rating { width: 120px !important; }
.supplier_rating img { width: 18px; }

.rating_hover_btn { width: 85px; cursor: pointer; }

.rating_popupover {  }
.rating_popupover .rating-box { margin-bottom: 0px; text-align: center; float: left; width: 100%;}
.rating_popupover .rating-number { font-weight: 800; font-size: 20px; line-height: 100%; color: #231F40; margin-bottom: 3px;}
.rating_popupover .rating_detail label { font-size: 12px; }
.rating_popupover .rating_detail { border-bottom: 1px solid #ccc; padding-top: 0; padding-bottom: 0;}
.rating_popupover .rating_detail li { padding-left: 2px; padding-right: 2px; padding-top: 10px; padding-bottom: 10px; width: calc(100% / 2)}
.rating_popupover .rating_detail li + li { border-left: 1px solid #ccc; }
.rating_popupover .review-wrapper .single-progress-bar { float: left; width: 100%; }
.rating_popupover .review-wrapper .progress { max-width: 43%; margin-bottom: 0; margin-left: 30px; height: 8px; }
.rating_popupover .review-wrapper .rating-text { font-size: 12px; top: 12px; }

.rating_box_info { background: #FFFFFF; box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.07); border-radius: 5px; width: 100%; float: left; padding: 29px 10px; }
.rating_box_info .rating_detail { border-bottom: 1px solid #ccc; padding-top:0; }
.rating_box_info .rating_detail li { padding-left: 2px; padding-right: 2px; padding-top: 10px; padding-bottom: 10px;}
.rating_box_info .rating_detail li + li { border-left: 1px solid #ccc; }
.rating_box_info .rating_detail label { color: #000; }
.supplier_info li.supplier_info_title { margin-bottom: 0; border-radius: 6px 6px 0 0; bottom: -6px; position: relative; z-index: 1;}
.supplier_info li.supplier_info_title label { color: #217DBB;  font-weight: bold; border-bottom: 1px solid #e0dacf; padding-bottom: 7px; width: 100%;}

.rating_box_info .rating-number label { font-weight: 400; font-size: 18px; line-height: 100%; color: #231F40; float:left; width: 100%; }
.rating_box_info .rating-number { font-weight: 800; font-size: 24px; line-height: 100%; color: #231F40; text-align: center; }
.supplier_info { float:left; width: 100%; list-style-type: none; padding: 0; }
.supplier_info li { float:left; margin-bottom: 5px; padding: 5px 10px; border-radius: 6px; width: 100%;}
.supplier_info li.iconed-input-field-two { width: calc(100% / 2 - 4px) !important; }
.supplier_info label { display: inline-block; margin-bottom: 0; margin-left: 0px; color: #727680; font-weight: normal; }
.supplier_info label span { margin-left: 5px;}
.supplier_info span { display: inline-block; margin-bottom: 0; margin-left: 0px; font-weight: 900;}
.rating_trend_label { padding: 5px 6px; font-weight: 500; letter-spacing: 0.5px; margin-bottom: 0; border-radius: 3px; display: inline-block;} 
.rotate_180{transform: rotate(180deg);}

.rating-box.ony_rating_view { margin-top: 5px; padding-top: 5px; border-top: 1px solid #ccc; }
.ony_rating_view .table_rating_number  { display: inline-block; font-size: 12px;}
.ony_rating_view .table_rating_number  + .rating { display: inline-block; margin-left: 5px; }
.ony_rating_view .table_rating_number  + .rating  i{ font-size: 11px;}

.quote_compare_rating { float:left; width: 90px; border-right: 1px solid #ccc; padding-right: 3px; margin-right: 5px; }
.quote_compare_rating  .table_rating_number{ display: inline-block; font-size: 10px;}
.quote_compare_rating  .table_rating_number+ .rating { display: inline-block; margin-left: 5px; }
.quote_compare_rating  .table_rating_number+ .rating  i{ font-size: 10px;}

.inner_loader { position:relative; display: inline-block; width: 100%; min-height: 70px;}
.inner_loader .inner_spinner { background: rgb(0 0 0 / 50%); position: absolute; top:0; bottom:0; right:0; top: 0; left: 5px; width: calc(100% - 10px); height: calc(100% + 15px); z-index: 9; display: flex; align-items: center; justify-content: center;}

.avg_rating_table { display: inline-flex; padding: 2px 3px; justify-content:flex-start; width: 100%; cursor: pointer; }
.avg_rating_table .avg_rating { margin-right: 3px; margin-left: 3px; }
.avg_rating_table i { margin-right: 3px; display:flex; align-items:center; }
.avg_rating_table .help-text { margin-left: 3px; margin-right: 3px; }

.avg_rating_table.cs_140 { background: #b55250; }
.avg_rating_table.ff_140 .avg_rating { color: #ff0000; }
.avg_rating_table.ff_140 .help-text { color: #ff0000; }

/*Supplier Rating Design End*/

.img_thumbnail { width: 50px; height: 50px; cursor: pointer; }
.img_thumbnail img { object-fit: cover; object-position: center center; width: 50px; height: 50px; }
.disabled-dept {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
}


.bvrexp_sub_table { padding-left: 15px; }
.bvrexp_table .bvrexp_sub_table>td { padding: 0 0 0 15px !important; border-width: 1px 0 0 0 !important; }
.bvrexp_sub_table>td table { border-width: 0 0 1px 0 !important; margin-top: 0 !important;}
.bvrexp_sub_table table td { padding: 3px 5px 3px 5px !important;}

.bvrexp_table { border-top: 1px solid #B1D1E5; border-bottom: 1px solid #B1D1E5; }
.bvrexp_table table {
    table-layout: fixed;
}

.bvrexp_table td { word-break: break-all; }

.bvrexp_table th:nth-child(1) { width: 50px; }
.bvrexp_table th:nth-child(3) { width: 500px; }
.bvrexp_table th:nth-child(4) { width: 150px; }
.bvrexp_table .bvrexp_sub_table td:nth-child(1) { width: 35px; }
.bvrexp_table .bvrexp_sub_table td:nth-child(3) { width: 500px; }
.bvrexp_table .bvrexp_sub_table td:nth-child(4) { width: 150px; }

.po-table-footer {position: sticky; bottom: 0; z-index: 99;}

.notification_badge {width: 20px; height: 20px; border-radius: 50px; background-color: #FF0000; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 11px; line-height: 100%; z-index: 9; position: absolute; top: -12px; right: -9px; }
.notification_badge1 {width: 20px; height: 20px; border-radius: 50px; background-color: #FF0000; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 11px; line-height: 15; float: right; margin-left: 4px;}

/* TOP ROW */
.top-row {display: grid; gap: 14px; margin-bottom: 14px; grid-template-columns: 7fr 4fr; } 
/* KPI GROUP */ 
.kpi-group {display: grid; background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; overflow: hidden; flex-shrink: 0; grid-template-columns: repeat(4, 1fr); } 
.kpi-card {padding: 6px 10px; display: flex; align-items: center; gap: 12px; border-right: 1px solid #e5e7eb; min-width: 155px; margin: 20px 0; } 
.kpi-card:last-child {border-right: none; } 
.kpi-icon-box {width: 38px; height: 38px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; } 
.kpi-text { width: 100%; } 
.kpi-label {font-size: 11.5px; color: #666; line-height: 1.4; margin-bottom: 4px; } 
.kpi-value {font-size: 24px; font-weight: 700; color: #111; } 
/* STATUS PANEL */ 
.status-panel {flex: 1; background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 14px 20px; } 
.status-title {font-size: 13px; font-weight: 600; margin-bottom: 14px; } 
.status-body {display: flex; align-items: center; gap: 0; } 
.stat-col {padding: 0 28px 0 0; } 
.stat-col:first-child {padding-left: 0; } 
.stat-name {font-size: 12px; color: #555; margin-bottom: 5px; } 
.stat-val {font-size: 24px; font-weight: 700; line-height: 1; } 
.stat-pct {font-size: 11.5px; color: #666; margin-top: 3px; } 
.c-red {color: #ef4444; } 
.c-blue {color: #3b82f6; } 
.c-green {color: #22c55e; }
/*.donut-area { height: 300px; }
#DeficiencyCount { height: 300px; }*/

.column_configuration_dropdown { text-align: left; font-size: 12px; }
.column_configuration_dropdown input[type="checkbox"] { margin: 0 0 0 -20px; }