a:hover, a:focus {text-decoration: none; }
.language_change .form-control { display: flex; background: transparent; font-weight: 400; border-radius: 6px; align-items: center; cursor: pointer; justify-content: space-between; box-shadow: none; color: #646464; font-size: 12px; border: 0; color: #fff; }
.language_change .svg-icon { width: 24px; margin-right: 5px; position: relative; top: -1px; }
.language_change .dropdown-menu>li>a { padding: 5px 10px; }
.language_change .dropdown-menu .selected { background: #253647; }
.language_change .dropdown-menu .selected a { color: #fff; }
.language_change .dropdown-menu>li>a:hover, .language_change .dropdown-menu>li>a:focus { color: #000; }
.language_change .bootstrap-select.btn-group .dropdown-menu { min-width: 190px; margin-top: -2px; }
.language_change .bootstrap-select.form-control button { font-size: 12px; text-transform: capitalize; border: 0; color: #fff;}
.language_change .bootstrap-select.form-control button:focus { outline: none; }
.popover_list_section .popover-title {min-height: 25px; }
.popover_list_section .popover-content {  padding: 0; }
.popover_list {list-style-type: none; padding: 0; }
.popover_list li { padding: 5px 10px; border-bottom: 1px solid #e0dacf; font-size: 11px;}
.font_weight_normal{font-weight: normal !important; }
.font_weight_bold{font-weight: bold !important; }
.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;}
.table_layout_fixed { table-layout: fixed; }
.tooltip { z-index: 9999; }
.table_sub_title { font-size: 18px; color: #217DBB; font-weight: bold; position: sticky; top: 28px; background: #E8F2F8; border: 1px solid #B1D1E5 !important; z-index: 99 !important; }
.popover_title { color: #217DBB; border-bottom: 1px solid #e0dacf; width: 100%; padding-bottom: 5px; margin: 0 0 10px 0; }
.text-right { text-align: right !important; }
.job_permit_section.filter-tag li {padding: 4px; background-color: #ededed; margin-right: 10px; position: relative; margin-bottom: 6px;font-size: 11px;}
.hidden-table { display: none; }
.ajax-upload-dragdrop .ajax-file-upload { padding-left: 0 !important; }
.date_picker_white { background-color: #fff!important; }
.tableFixfooter { position: sticky; left:0; bottom:0; background: #FFF; }

.input-group-addon {border-radius: 0px 4px 4px 0px !important; }

.overflow_ellipsis_100 {width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; } 

.formula_tooltip_img { width: 300px; }
.formula_tooltip_section { opacity: 1 !important; }
.formula_tooltip_section.tooltip.top .tooltip-arrow{ border-top-color: #f9f9f9 !important; border-radius: 8px;}
.formula_tooltip_section .tooltip-inner{ background: #f9f9f9; box-shadow: 0 5px 10px rgba(0,0,0,0.2); border: 1px solid rgba(0,0,0,0.2);}
.info_icon { padding: 3px 8px; border-radius: 4px; font-size: 18px; font-weight: bolder; text-transform: lowercase !important;}
.info_icon img { width: 20px; }
.info_icon:hover,
.info_icon:focus { color: #fff;}

.small-form-control {padding:3px 5px; height: auto; font-size: 12px;}

.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;}

.radio_btn_two .border_radius_ltb{ border-radius: 4px 0 0 4px }
.radio_btn_two .border_radius_rtb { border-radius: 0 4px 4px 0 }

.tags_section tags { border: 1px solid #ccc; border-radius: 4px;}
.tags_section tags div { min-width: 280px; padding: 0;}
.tags_section tags div .input { min-width: 280px; min-height: 25px; display: flex; align-items: center;}
.tags_section tags tag span { float: left; padding: 2px 20px 2px 5px; border: 1px solid #428bca; color: #000; border-radius: 6px; background-color: transparent; }

select option:disabled {color: #d4d4d4;}

.select2-selection__arrow { display: none; }
.select2-selection .select2-selection__rendered{ line-height: 22px !important; color: #333 !important;}
.select2-selection{display: inline-block !important;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0) !important;
    color: #333;
    background-color: #EEE !important;
    border-color: #CCC !important; height:  35px !important; width: 100%;}
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #0076EC !important; }
.select2-container--default .select2-results__option[aria-selected=true] { background-color: #004F00 !important; color: #fff !important; }
.select2-container--default .select2-selection--single .select2-selection__placeholder { color: #333 !important; }

#load_form .iconed-input input[type="file"] {display: inline-block; }
.border_red {border-color: #E2284D; border-style: solid; border-width: 1px 1px 5px 1px; }
.border_green {border-color: #008000; border-style: solid; border-width: 1px 1px 5px 1px; }
.border_yellow {border-color: #F16403; border-style: solid; border-width: 1px 1px 5px 1px; }

.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;}
.filter_form_group { width: 100%; margin-bottom: 15px; }
.overlay_msg { position:absolute; right: 20px; top: 2px; z-index: 999; padding: 10px; margin: 4px 0px 8px 0px; border-width: 1px 1px 1px 4px; border-style: solid; border-color: #428bca; border-radius: 6px; display: flex; align-items: center;  font-weight: normal; font-size: 12px; background: #fff; }
.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;}
.border_top {border-top: 1px solid #eee;}
.border-right-2 {border-right: 2px solid #ddd !important;}
.border-left-2 {border-left: 2px solid #ddd !important;}
.border-left-5 {border-left: 5px solid #000 !important;}
.border_all2 {border: 2px solid #B1D1E5;}

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

.checkbox_bg { float: left; background: #38B496; border-radius: 5px; padding: 5px 10px; display: flex; align-items: center; justify-content: center;}
.checkbox_bg input { margin-top: 0; margin-right: 5px;}
.checkbox_bg label { color: #fff; margin-top: 0; margin-bottom: 0; }
.approve_reject_view { background: #F1F1F1; padding: 10px; line-height: 16px; }
.approve_reject_edit { border-right: 2px solid #B1D1E5; margin-top: 15px; }
.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; }*/
.fieldset_section.fieldset_subsection legend {all: revert; font-size: 15px; font-weight: bold; width: auto; padding: 5px 10px; margin-bottom: 0px; color: #000000; border: 1px solid #B1D1E5; border-radius: 4px; line-height: 100%; background: #fff; letter-spacing: 0.5px;} 

.fieldset_title_bg .fieldset_title { float: left; width: calc(100% + 10px); margin-bottom: 0; position: relative; padding: 6px 3px; border-radius: 8px; font-weight: normal; top: -5px; left: -5px;}
.table-font-16 th,
.table-font-16 td { font-size: 11px; padding: 4px !important; }
.table-font-16 .form-control { font-size: 11px; }
.tableFixColumn .sticky-col{ position: sticky; background: #E8F2F8; border: 1px solid #B1D1E5 !important; z-index: 120 !important; left: -1px;}

.addon-field-two .w50percent { display: inline-block; width: 47% !important; }
.addon-field-two .w40percent { display: inline-block; width: 40% !important; }
.close-field-two a { display: inline-block; padding: 0 7px; float: left; margin-bottom: 5px; }
.close-field-two a:first-child {padding-left: 0;}

.max_scroll {max-height: 190px; overflow: auto; } 
.max_scroll-390 {max-height: 390px !important; overflow: auto; } 
.max_scroll-530 {max-height: 530px !important; overflow: auto; } 
.cursor-pointer{cursor: pointer; } 
.text_color_black { color: #000; }
.text_decoration_underline { text-decoration: underline !important; }

.border-radius0 {border-radius: 0px;}
.flex_bottom { display: flex; align-items: flex-end; }
.flex_middle { display: flex !important; align-items: center; }
.flex_center { display: flex; justify-content: center; }
.flex_start { display: flex; justify-content: flex-start; flex-wrap: wrap; }
.flex_middle_start { justify-content: flex-start !important; align-items: center !important; }
.flex_middle_center { display: flex; justify-content: center; align-items:center; flex-wrap: wrap; }
.justify_content_end { justify-content: flex-end; }
.flex_wrap { flex-wrap: wrap; }
.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;}


.form13 .form-group{ margin-bottom:15px;}
.form13 .form-group>label{width:350px;}
.form13 .form-group .iconed-input{ margin-left:365px; margin-right:0px;}
.paddr0 {padding-right: 0;}
.white_space_normal{white-space: normal !important;}

.break_spaces_status { white-space: break-spaces; white-space: normal; line-height: 15px; width: 105px; padding: 10px; }
.new_status { list-style-type: none; padding: 0; margin: 0 auto; display: inline-block; }
.new_status li { float: left; border-radius: 50px; width: 20px; height: 20px; margin-right: 5px; font-size: 8px; display: flex; align-items: center; justify-content: center; cursor: default;}

.text_to { font-weight: bold; margin-left: 10px; display: inline-block; margin-top: 10px; }
.section_bg { /*background: #f0f0f0;*/ padding: 10px; margin: 25px 0 20px 0; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }

.user_label { list-style-type: none; padding:0; margin:0; }
.user_label li { float:left; background: #38B496; color: #fff; padding: 4px 10px; border-radius: 6px; margin-right: 5px; font-size: 12px; }
.btn-outline-primary { color: #428bca; background-color: transparent; background-image: none; border-color: #428bca; }

.multi_upload { float: left; width:100%; }
.multi_upload .form-control { display: inline-block; width: calc(100% - 90px); float:left; }
.multi_upload a { float: left; margin-left: 10px; width: 30px; height: 34px; display:flex; align-items:center; justify-content:center; margin-top: 0;}

.width_calc_15 { width: calc(100% - 15px); }
.width_calc_26 { width: calc(100% - 25px); }
.width_calc_25 .ui-multiselect { width: calc(100% - 25px) !important; }
/*.width_calc_25 .select2-container { width: calc(100% - 25px) !important; }*/
.width_calc_30 { width: calc(100% - 30px); }
.grid_2 { display: grid; grid-template-columns: repeat(1, 1fr) 25px; align-items: center; }

.card_section { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); align-items: self-start; gap: 15px; }

.documents_uploade_danger { border-width: 1px 1px 1px 5px !important; border-radius: 6px; background: #fbe0e0; color: #000; border-color: #d43f3a; border-style: solid; white-space: normal;}
.documents_uploade_success { border-width: 1px 1px 1px 5px; color: #000; border-radius: 6px; background: #d1ead1; border-color: #4cae4c; border-style: solid; white-space: normal; }

.documents_danger_border { border-width: 1px 1px 1px 5px !important; border-radius: 6px; color: #000; border-color: #d43f3a; border-style: solid; white-space: normal; margin-top: 10px;}
.documents_success_border { border-width: 1px 1px 1px 5px; color: #000; border-radius: 6px; border-color: #4cae4c; border-style: solid; white-space: normal; margin-top: 10px; }
.documents_danger_border legend { background: #fbe0e0; border: 1px solid #d43f3a; border-radius: 6px; }
.documents_success_border legend { background: #d1ead1; border: 1px solid #4cae4c; border-radius: 6px; }

.widget_title_dropdown .widget-controls a.widget-control { font-size: 25px; }
.widget_title_dropdown .form-control { height: 28px; padding: 1px 3px; }
.widget_title_dropdown .export_btn { margin-top: -10px; margin-right: 0; }
.widget_title_dropdown .export_btn .svg-icon { width: 16px; }
/*colspan example section Start*/

/*Page Error Design Start*/
.page_error { font-size: 180px; font-weight: bold; letter-spacing: -10px }
/*Page Error Design End*/

.colspan_example_section { box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border: 1px solid #ccc; margin-bottom: 20px !important; background-color: #fff; }
.colspan_example_section .section-title { margin-top: 10px; }
.colspan_example_section .widget-title { background: transparent; box-shadow: none; border: 0; }
.colspan_example_section .widget-controls {position: absolute; right: 35px; top: 14px; }
.colspan_example_section .widget-content { border: 0; background: transparent;}
.colspan_example_section .widget-controls a.widget-control:hover { color: #196090; }
/*colspan example section End*/

.job_history_table tr td:last-child span{ width: 100%; }
.job_history_table tr td:last-child a{ width: 100%; float: left;}
.job_history_table .date-help-text { display: block; width: 100%; }
.job_history_table .popover { max-width: 900px; }
.job_history_table .popover .col-sm-4 { padding-left: 7px; padding-right: 7px;}
.job_history_table .popover .attachment-wrapper { border: 0; }
.job_history_table .popover .newform-wrapper { margin-bottom: 0; padding: 10px 5px; }
.job_history_table .popover .attachment-wrapper li .addi-attach-name { width: 275px; position: relative;}
.job_history_table .popover .addi-attach-name i { position: absolute; top: 5px; left: 5px; }
.job_history_table .popover .addi-attach-name a { width: 275px; padding-left: 25px; margin-left: 0; float: left; /*word-break: break-all;*/ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


.maintenance_history_table .maintenance_evidences .popover { max-width: unset; left: unset !important; right: 0; }
.maintenance_history_table .maintenance_evidences .popover.top .arrow { left: unset; right: 10%; }
.maintenance_history_table .popover .col-sm-4 { padding-left: 7px; padding-right: 7px;}
.maintenance_history_table .popover .attachment-wrapper { border: 0; }
.maintenance_history_table .popover .newform-wrapper { margin-bottom: 0; padding: 10px 5px; }
.maintenance_history_table .popover .attachment-wrapper li .addi-attach-name { width: 275px; position: relative;}
.maintenance_history_table .popover .addi-attach-name i { position: absolute; top: 5px; left: 5px; }
.maintenance_history_table .popover .addi-attach-name a { width: 275px; padding-left: 25px; margin-left: 0; float: left; /*word-break: break-all;*/ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.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;}

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

.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; }

.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_104.switch { width: 210px; }
.switch_104.switch .switch-label { width: 104px; }
.switch_104.switch .switch-input:checked + .switch-label-on ~ .switch-selection { left: 104px; }
.switch_104.switch .switch-selection { width: 104px; }

.switch_font.switch label { font-size: 10px v!important; }

.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; }

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

/*New Auto with Switch Design Start*/

.auto_switch {width: auto; display: inline-flex; align-items: center; padding: 2px; }
.auto_switch .switch-label {padding: 2px 15px; margin-bottom: 0; display: flex; align-items: center; width: auto; }

/* Auto width sliding background */




/*New Auto with Switch Design End*/

/*toggle switch Design*/
/* Genel stil */
.toggle-switch {position: relative; display: inline-block; width: 40px; height: 24px; /*  margin: 10px;*/ }
/* Giriş stil */
.toggle-switch .toggle-input {display: none; } 
/* Anahtarın stilinin etrafındaki etiketin stil */ 
.toggle-switch .toggle-label {position: absolute; top: 0; left: 0; width: 40px; height: 24px; background-color: #737373; border-radius: 34px; cursor: pointer; transition: background-color 0.3s; }
/* Anahtarın yuvarlak kısmının stil */
.toggle-switch .toggle-label::before {content: ""; position: absolute; width: 20px; height: 20px; border-radius: 50%; top: 2px; left: 2px; background-color: #fff; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); transition: transform 0.3s; }
/* Anahtarın etkin hale gelmesindeki stil değişiklikleri */
.toggle-switch .toggle-input:checked + .toggle-label {background: linear-gradient(to bottom, #075901 0%, #087900 100%); }
.toggle-switch .toggle-input:checked + .toggle-label::before {transform: translateX(16px); }
/* Light tema */
.toggle-switch.light .toggle-label {background-color: #BEBEBE; }
.toggle-switch.light .toggle-input:checked + .toggle-label {background-color: #9B9B9B; }
.toggle-switch.light .toggle-input:checked + .toggle-label::before {transform: translateX(6px); }
/* Dark tema */
.toggle-switch.dark .toggle-label {background-color: #4B4B4B; }
.toggle-switch.dark .toggle-input:checked + .toggle-label {background-color: #717171; }
.toggle-switch.dark .toggle-input:checked + .toggle-label::before {transform: translateX(16px); }


.duration_enter .fieldset_section { cursor: pointer; }
.duration_enter .fieldset_section:hover { background: #89c5c5 }
.switch-input:checked + .duration_enter .fieldset_section { background-color: #89C5C5 }

.table-borderless tbody+tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {border: 0 !important; }
.pms_dashboard_umms .pms_jobs_number {height: 180px; }
.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;}

.close_job_bgcolor{background-color: #f5f5f5; padding: 10px; border-width: 2px !important;}
.close_job_sub_section { position: relative; border: 1px solid #B1D1E5; padding: 5px 10px; border-radius: 8px; margin-bottom: 10px; }
.close_job_sub_section .form-group { margin-bottom: 0; }
.close_job_sub_section legend { font-size: 15px; font-weight: bold; border: none; background: none; width: auto; padding: 0px 5px; margin-bottom: 0px; }

.close_job_sub_section ul li { float: left; width: calc(100% / 3); margin-bottom: 7px; }

.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;}

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

.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; }


.iconed-input { position:relative; }
.form-control.is-invalid, .was-validated .form-control:invalid {border-color: #dc3545; padding-right: calc(1.5em + .75rem); background-image: none; }
.invalid_message { position:absolute; right:0; top: 0; height: 100%; z-index: 9; color: #dc3545; display: flex; align-items: center; width: calc(1.5em + .75rem); justify-content: center; }
.error_info.tooltip{ opacity: 1; }
.error_info .tooltip-arrow{ border-top-color: #dc3545 !important; }
.error_info .tooltip-inner{ background-color: #dc3545; border: 2px solid #dc3545; color: #000; opacity: 1; color: #fff; font-family: 'Inter'; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}


.prompt_msg { position: relative; padding: 15px 40px; border: 1px solid transparent; border-radius: 4px; }
.prompt_msg .prompt_icon { position: absolute; left: 10px; transform: translateY(-50%); top: 50%; font-size: 24px;}
.prompt_msg .prompt_close { position: absolute; right: 10px; top: 10px; font-size: 18px;}


.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;}

.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; text-transform: capitalize !important; white-space: normal; }
.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;}

.hover_bg:hover { background: #eeeeee; }

.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: 5px; 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%; display: inline-block; margin-top: 5px; } 
.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: none !important; } 
.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: 0 !important; display: flex; justify-content: center; align-items: center; width: 20px; height: 20px !important; line-height: 11px; font-family: 'Roboto Slab', serif;}
.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;}

.cs_remove_padding { padding: 0 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; display: flex;  flex-wrap: wrap; min-height: 20px; }
.sc_status_card a { width: 100%;}
.sc_status_card label i { float: right; margin-left: auto;}

.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;
    outline: 2px solid #fff;
    outline-offset: -5px;
}

.cs_surveys .active_status {
    background-color: #253748;    
    outline: 2px solid #fff;
    outline-offset: -5px;
}

.cs_services .active_status {
    background-color: #253748;
    outline: 2px solid #fff;
    outline-offset: -5px;
}
.cs_vessel_doc .active_status {
    background-color: #253748;
    outline: 2px solid #fff;
    outline-offset: -5px;
}

.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: calc(100% - 75px); }
.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; }

.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; }
.oop_expenses_checkbox input[type="radio"] { 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; }
.small_label { width: auto !important; padding: 4px 5px 4px 5px !important; font-size: 11px; }

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


.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; }
.vessel_memo_tabs .nav-tabs li a { font-size: 12px; }
.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 }
.payable_amount { position: fixed; bottom:0; right:50px; background: #5cb85c; color: #fff; font-size: 18px; z-index: 99; }
.local_currency { font-weight: bold; margin-right: 7px; }
.usd_currency { margin-left: 3px; color: #444444; font-size: 16px; }
.umms_send_payment h4 span { color: #428BCA; }
.umms_send_payment_section {padding: 10px;}
.umms_send_payment_section .bunker-view [class^="col"]{ margin-bottom: 10px; }


/*Internal Office Memo Design*/
.iom_usertable { list-style-type: none; padding: 0; float: left; width: 100%; display: flex; align-items: stretch; flex-wrap: wrap; }
.iom_usertable li:nth-child(3n) { margin-right: 0; }
.iom_usertable li { float: left; padding: 0px; border: 1px solid #ccc; margin-top: 5px; background-color: #E8F2F8; margin-right: 5px; border-radius: 4px; width: calc(100% / 3 - 3.4px); display: flex; align-items: stretch; flex-wrap: wrap; font-size: 11px;}
.iom_summary_section { margin-top: 10px; margin-bottom: 10px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }
.iom_summary_section legend { border: 1px solid #B1D1E5; border-radius: 4px; padding: 2px 2px 4px 2px; background: #233F78; color: #fff; font-weight: normal; display: flex; align-items: center; }
.iom_summary_section legend .new_checkbox { margin-right: 5px; margin-left: 5px; color: #fff; font-weight: normal; }
.iom_summary_section legend .new_checkbox i {position:relative; top: 2px; }
.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 {min-height: 32px; border-bottom: 1px solid #B1D1E5 !important; width: 100%; float: left; padding: 4px 8px; }
.view_iom_detail .view_iom_user_list:last-child{ border-bottom: 0px solid #B1D1E5 !important }

.iom_user_section { float:left; width: 100%; }
.iom_user_section>label {margin-bottom: 0; margin-top: 8px;}
.iom_user_checkbox { float:left; width: 100%; position:relative; display: flex; align-items: stretch; flex-wrap: wrap; }
.iom_user_checkbox input { display: none; }
.iom_user_checkbox label { color: #000; margin-bottom: 0; float:left; width: 100%; padding: 10px 32px 10px 10px; display: flex; align-items: center; flex-wrap: wrap; font-weight:normal; letter-spacing: 0.5px; }
.iom_user_checkbox label span {  display: flex; align-items:center; }

.iom_check_img { display: none; }
.iom_user_checkbox input:checked + label { background: #233F78; color: #fff; border-radius: 4px; }
.iom_user_checkbox input:checked + label img { display: block; position:absolute; right: 5px; top: 50%; transform: translateY(-50%); }

/*Internal Office Memo END*/

.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% / 10 - 0px); 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; outline: none;}
.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: 80px; 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 10px FontAwesome; position: absolute; left: 10px; top: 5px; width: 15px; height: 15px; 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: 12px; 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 { opacity:1; }
.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;  height: 152px; overflow: auto;  }
.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: 106px; 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; }
.top_right-2211 { top: -24px; right: -14px; }
.top_right-14 { top: -14px; right: -14px; }

.msa_overlay { position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    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; }

.process-model.process-model_xs li { margin: 0 0 0 -2px; }
.process-model.process-model_xs li:first-child { margin: 0; }
.process-model.process-model_xs li a { height: 40px; border-radius: 0; }
.process-model.process-model_xs li:first-child a { border-radius: 6px 0 0 6px; }
.process-model.process-model_xs li:last-child a { border-radius: 0 6px 6px 0; }

/*END*/

/*pms design start*/
.componentname { margin-right: 5px; }
.subcomponentname { margin-left: 5px; }

.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; }

.sub_component_type_info { position: absolute; top: 4px; right: 0; }
.component_type_info { display: none; position: absolute; top: 4px; right: 0; }
.pms_radio_btn { display: flex; align-items: center;  justify-content: flex-start; position: relative; }
.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 button.ui-multiselect{ display: inline-block; width: calc(100% - 50px) !important; }
.inline-field-button .btn { height: 34px; display: flex; align-items:center; justify-content: center; float: right; }
.inline-field-button a{ display: inline-block; float: right;}
.pms_manage_assets .view td:nth-child(1) { position: relative; }
.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, .pms_manage_assets .pms_subcomp { padding-left: 25px; }
.pms_manage_assets .fold.collapse_component.open .pms_subcomp{ padding-left: 0px; }
.pms_manage_assets .view.open { background-color: #e3e3e3; }
.pms_manage_assets .view.open { background-color: #e3e3e3; }
.pms_manage_assets .collapse_component.open { background-color: #e3e3e3; }
.pms_manage_assets .collapse_component>td { border-width: 1px 0 0 0 !important; }
.pms_manage_assets table { table-layout: fixed; }
.pms_manage_assets th:nth-child(1) { width: 120px; }
.pms_manage_assets th:nth-child(2) { width: 250px; }
.pms_manage_assets th:nth-child(3) { width: 240px; }
.pms_manage_assets th:nth-child(4) { width: 200px; }
.pms_manage_assets th:nth-child(5) { width: 70px; }
.pms_manage_assets th:nth-child(6) { width: 80px; }

.pms_manage_assets .collapse_component td:nth-child(1) { border-left: 26px solid #e3e3e3; }
.pms_manage_assets td:nth-child(1) { width: 120px; }
.pms_manage_assets td:nth-child(2) { width: 250px; }
.pms_manage_assets td:nth-child(3) { width: 240.7px; }
.pms_manage_assets td:nth-child(4) { width: 200px; }
.pms_manage_assets td:nth-child(5) { width: 70px; }
.pms_manage_assets td:nth-child(6) { width: 80px; }
.pms_manage_assets td:nth-child(7) { width: 80px; }

.pms_manage_subcomponent.pms_manage_assets table { table-layout: unset; }
.pms_manage_subcomponent.pms_manage_assets th:nth-child(1) { width: 120px; }
.pms_manage_subcomponent.pms_manage_assets th:nth-child(2) { width: 250px; }
.pms_manage_subcomponent.pms_manage_assets th:nth-child(3) { width: 150px; }
.pms_manage_subcomponent.pms_manage_assets th:nth-child(4) { width: 240px; }
.pms_manage_subcomponent.pms_manage_assets th:nth-child(5) { width: 80px; }
.pms_manage_subcomponent.pms_manage_assets th:nth-child(6) { width: 110px; }
.pms_manage_subcomponent.pms_manage_assets th:nth-child(7) { width: 121px; }

.pms_manage_subcomponent.pms_manage_assets .collapse_component td:nth-child(1) { border-left: 26px solid #e3e3e3; }
.pms_manage_subcomponent.pms_manage_assets td:nth-child(1) { width: 130px; }
.pms_manage_subcomponent.pms_manage_assets td:nth-child(2) { width: 290px; }
.pms_manage_subcomponent.pms_manage_assets td:nth-child(3) { width: 150px; }
.pms_manage_subcomponent.pms_manage_assets td:nth-child(4) { width: 200px; }
.pms_manage_subcomponent.pms_manage_assets td:nth-child(5) { width: 250px; }
.pms_manage_subcomponent.pms_manage_assets td:nth-child(6) { width: 110px; }
/*.fold-table tr:last-child td {border-bottom: 3px double #000 !important;}*/
/*.fold-table tr:last-child td:nth-child(1) {border-bottom: 2px double #000 !important;}*/

.pms_manage_subcomponent.pms_manage_assets tr.expanded_component {background: #e3e3e3;}
.pms_manage_subcomponent.pms_manage_assets .collapse_component td:nth-child(1) { width: 130px; }
.pms_manage_subcomponent.pms_manage_assets .collapse_component td:nth-child(2) { width: 289px; }
.pms_manage_subcomponent.pms_manage_assets .collapse_component td:nth-child(3) { width: 151px; }
.pms_manage_subcomponent.pms_manage_assets .collapse_component td:nth-child(4) { width: 240px; }
.pms_manage_subcomponent.pms_manage_assets .collapse_component td:nth-child(5) { width: 249px; }
table.fold-table > tbody > tr.view.expand_row {background: #e3e3e3; }

.pms_manage_assets .expand_component.component_count { width: 40px; border: 0px solid #000; background-color: #555; border-radius: 4px; display: flex !important; align-items:center; padding: 2px 6px 2px 5px; cursor: pointer; left: 3px; color: #fff;}
.component_count strong { font-size: 12px; width: calc(100% - 13px); float: left; display: inline-block; font-weight: normal;}
.expand_component.component_count .fa-chevron-circle-down {display: none; }
.expand_component.component_count.open .fa-chevron-circle-down {display: inline-block; }
.expand_component.component_count.open .fa-chevron-circle-right {display: none; } 
.expand_component.component_count i{ margin-left: 5px; display: inline-block; width: 12px; float: right; font-size: 13px; }
.pms_manage_assets.component_count_padding .expand_component + a, .pms_manage_assets.component_count_padding .pms_subcomp { padding-left: 40px; }


.subcomponent_list_open.component_count { width: 40px; border: 0px solid #000; background-color: #555; border-radius: 4px; display: flex !important; align-items:center; padding: 2px 6px 2px 5px; cursor: pointer; left: 3px; color: #fff; height: 18px; top: 12px;}
.subcomponent_list  li:hover .subcomponent_list_open.component_count:hover { color: #fff; }
.component_count strong {font-size: 12px; width: calc(100% - 13px); float: left; display: inline-block; font-weight: normal;}
.subcomponent_list_open.component_count .fa-chevron-circle-down {display: none; }
.subcomponent_list_open.component_count.open .fa-chevron-circle-down {display: inline-block; }
.subcomponent_list_open.component_count.open .fa-chevron-circle-right {display: none; } 
.subcomponent_list_open.component_count i{ margin-left: 5px; display: inline-block; width: 12px; float: right; font-size: 13px; }
.subcomponent_list  li:hover .subcomponent_list_open.component_count { color: #fff; }

.pms_manage_assets.component_count_padding .expand_component + a, .pms_manage_assets.component_count_padding .pms_subcomp { padding-left: 40}


.pms_running_hours .view td:nth-child(1) { position: relative; }
.pms_running_hours .expand_component i { margin-right: 0; }
.pms_running_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_running_hours .expand_component + a, .pms_running_hours .pms_subcomp { padding-left: 25px; }
.pms_running_hours .view.open { background-color: #e3e3e3; }
.pms_running_hours .view.open { background-color: #e3e3e3; }
.pms_running_hours .collapse_component.open { background-color: #e3e3e3; }
.pms_running_hours .collapse_component>td { border-width: 1px 0 0 0 !important; }

.pms_running_hours table { table-layout: fixed; }
.pms_running_hours th:nth-child(1) { width: 74%; }
.pms_running_hours th:nth-child(2) { width: 10%; }
.pms_running_hours th:nth-child(3) { width: 8%; }
.pms_running_hours th:nth-child(4) { width: 8%; }
.pms_running_hours th:nth-child(5) { width: 200px; }
.pms_running_hours th:nth-child(6) { width: 80px; }

.pms_running_hours .collapse_component td:nth-child(1) { border-left: 26px solid #e3e3e3; }
.pms_running_hours td:nth-child(1) { width: 74%; }
.pms_running_hours td:nth-child(2) { width: 10%; }
.pms_running_hours td:nth-child(3) { width: 8%; }
.pms_running_hours td:nth-child(4) { width: 8%; }
.pms_running_hours td:nth-child(5) { width: 200px; }
.pms_running_hours td:nth-child(6) { width: 80px; }

.pms_manage_assets_job table { table-layout: fixed; }
.pms_manage_assets_job th:nth-child(1) { width: 115px; }
.pms_manage_assets_job th:nth-child(2) { width: 390px; }
.pms_manage_assets_job th:nth-child(3) { width: 140px; }
.pms_manage_assets_job th:nth-child(4) { width: 100px; }
.pms_manage_assets_job th:nth-child(5) { width: 200px; }
.pms_manage_assets_job th:nth-child(6) { width: 90px; }
.pms_manage_assets_job th:nth-child(7) { width: 80px; }
.pms_manage_assets_job th:nth-child(8) { width: 80px; }

.pms_manage_assets_job td:nth-child(1) {  width: 115px;  }
.pms_manage_assets_job td:nth-child(2) { width: 390px; }
.pms_manage_assets_job td:nth-child(3) { width: 140px; }
.pms_manage_assets_job td:nth-child(4) { width: 100px; }
.pms_manage_assets_job td:nth-child(5) { width: 200px; }
.pms_manage_assets_job td:nth-child(6) { width: 90px; }
.pms_manage_assets_job td:nth-child(7) { width: 80px; }
.pms_manage_assets_job td:nth-child(8) { 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 .view td:nth-child(1) { position: relative; }
.pms_update_hours table { table-layout: fixed; }
.pms_update_hours th:nth-child(1) { width: 500px; }
.pms_update_hours th:nth-child(2) { width: 90px; }
.pms_update_hours th:nth-child(3) { width: 80px; }
.pms_update_hours th:nth-child(4) { width: 220px; }
.pms_update_hours th:nth-child(5) { width: 100px; }
.pms_update_hours th:nth-child(6) { width: 100px; }

.pms_update_hours td:nth-child(1) { width: 500px; }
.pms_update_hours td:nth-child(2) { width: 90px; }
.pms_update_hours td:nth-child(3) { width: 80px; }
.pms_update_hours td:nth-child(4) { width: 150px; }
.pms_update_hours td:nth-child(5) { width: 150px; }
.pms_update_hours td:nth-child(6) { width: 100px; }

.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; }

/*dashboard*/
.pms_dash_job_info {float: left; width: 100%; border-width: 2px; border-style:solid; border-radius: 6px; background: url("images/job-bg.png") }
.pms_dash_job_heading { float:left; width: 100% }
.pms_das_jobs_date { float:left; padding: 5px; width: 100%; }
.pms_das_jobs_date label { float: left; font-size: 11px; margin-bottom:0 }
.pms_das_jobs_date span { float: right; font-size: 10px; }
.pms_das_jobs_date span strong { background: #d9d9d9; padding: 2px 3px; border-radius: 6px; }
.pms_dash_job_heading a { float:right; background: #fff; }
.pms_das_jobs_number { float:left; width:100%; }
.pms_das_jobs_number ul { list-style-type: none; margin-bottom: 0; padding: 5px; }
.pms_das_jobs_number li { float: left; width: 100%; }
.pms_das_jobs_number label { float: left; font-size: 11px; width: calc(100% - 95px); }
.pms_das_jobs_number a { float: right; width: 25px; font-size: 10px; color: #fff; margin-left: 3px; text-align: center; border-radius: 6px; padding: 2px 3px;}


.job_total { background: #008000; }
.job_done { background: #F16403; }
.pending_job { background: #E2284D; }
.pms_dash_job_done { border-color: #008000; }
.pms_dash_job_done .pms_dash_job_heading{background: #008000; color: #fff; padding: 5px;}
.pms_dash_job_due {border-color: #ca3e3e;}
.pms_dash_job_due .pms_dash_job_heading{background: #ca3e3e; color: #fff; padding: 5px;}
.pms_dash_job_spare {border-color: #73199C;}
.pms_dash_job_spare .pms_dash_job_heading{background: #73199C; color: #fff; padding: 5px;}
.pms_dash_job_running {border-color: #425cfb;}
.pms_dash_job_running .pms_dash_job_heading{background: #425cfb; color: #fff; padding: 5px;}

.pms_version { position: fixed; right: 0px; top: 120px; transform: translateY(-50%); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform-origin: bottom right; z-index: 9;}
.pms_version label { background: #334659; color: #fff; padding: 5px 10px; font-weight: normal; letter-spacing: 1px; font-size: 11px; border-radius: 4px 4px 0 0;}

.total_job { float:left; width: calc(100% / 2 - 10px); background: #f1f1f1; padding: 8px 15px; border-radius: 6px; }
.total_job label { padding: 0 !important; }
.total_job .form-group { align-items:center; }
/*pms design End*/


.workplan_link_job .subjob_color1 td:nth-child(1) { border-left: 26px solid #cfffbc !important; }
.workplan_link_job .subjob_color2 td:nth-child(1) { border-left: 26px solid #f0ffea !important; }
.workplan_link_job .workplan_link_subjob.subjob_color1 td { background-color: #cfffbc; }
.workplan_link_job .workplan_link_subjob.subjob_color2 td { background-color: #f0ffea; }
.workplan_link_job .view.open { background-color: #e3e3e3; }
.workplan_link_job .workplan_link_subjob { background-color: #cfffbc; }
/*.workplan_link_job .workplan_link_subjob>td { border-width: 2px 0 0 0 !important; padding: 0 !important; }*/
.workplan_link_job table { table-layout: fixed; border-collapse: separate; }
.workplan_link_job th:nth-child(1) { width: 130px; }
.workplan_link_job th:nth-child(2) { width: 130px; }
.workplan_link_job th:nth-child(3) { width: 170px; }
.workplan_link_job th:nth-child(4) { width: 100px; }
.workplan_link_job th:nth-child(5) { width: 300px; }
.workplan_link_job th:nth-child(6) { width: 100px; }
.workplan_link_job th:nth-child(7) { width: 120px; }
.workplan_link_job th:nth-child(8) { width: 80px; }
.workplan_link_job th:nth-child(9) { width: 100px; }

.workplan_link_job .workplan_link_subjob {display: table-row; }
.workplan_link_job .workplan_link_subjob td:nth-child(1) { border-left: 0px solid #e3e3e3 !important; position: relative; }
.workplan_link_job td:nth-child(1) { width: 130px; }
.workplan_link_job td:nth-child(2) { width: 130px; }
.workplan_link_job td:nth-child(3) { width: 170px; }
.workplan_link_job td:nth-child(4) { width: 100px; }
.workplan_link_job td:nth-child(5) { width: 302px; }
.workplan_link_job td:nth-child(6) { width: 101px; }
.workplan_link_job td:nth-child(7) { width: 120px; }
.workplan_link_job td:nth-child(8) { width: 80px; }
.workplan_link_job td:nth-child(9) { width: 100px; }
.workplan_link_subjob table { border-width: 0 0 1px 0; }
.workplan_link_subjob { position: relative; }
.workplan_link_subjob .sub_link_border:after { content: ''; height: calc(100% + 1px); width: 26px; position: absolute; left: 0; top: -2px; z-index: 9; }
.workplan_link_subjob.subjob_color1 .sub_link_border:after {  background-color: #cfffbc; border-right: 2px solid #B1D1E5; }
.workplan_link_subjob.subjob_color2 .sub_link_border:after {  background-color: #f0ffea; border-right: 2px solid #B1D1E5; }
.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;}

.workplan_link_job .popover { max-width: 700px; }
.workplan_link_job .popover .col-sm-4 { padding-left: 7px; padding-right: 7px;}
.workplan_link_job .popover .attachment-wrapper { border: 0; }
.workplan_link_job .popover .newform-wrapper { margin-bottom: 0; padding: 10px; }
.workplan_link_job .popover .attachment-wrapper li .addi-attach-name { width: 160px; position: relative; }
.workplan_link_job .popover .addi-attach-name i { position: absolute; top: 5px; left: 5px; }

.workplan_link_job .popover .addi-attach-name a { width: 140px; padding-left: 25px; margin-left: 0; float: left; /*word-break: break-all;*/ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.director_view tr td { line-height: 27px !important; }
.director_view tr td a{ padding-left: 25px; }
.director_view tr td.subcomponent_list {position: relative; }
.director_view tr td span.expand_component {position: absolute; left: 8px; top: 8px; }
.director_view .expand_component { font-size: 20px; }
.director_view .view.open { background-color: #e3e3e3; }
.director_view .view.select_component { background-color: #e3e3e3; }
.director_view .director_view_subsection.open { background-color: #e3e3e3; }
.director_view_button{
    position: relative;
    margin-right: 30px !important;
    float: right;
    top: 4px;
}

.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: 20px; width: calc(100% - 19px); }
.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; }

/*Manage Email design Start*/
.vessel_name_list { list-style-type: none; padding: 0; }
.vessel_name_list li { float: left; border-radius: 8px; border: 1px solid #B1D1E5; padding: 3px 30px 3px 8px; margin-bottom: 5px; margin-right: 5px; cursor: pointer; position: relative;}
.vessel_name_list li i { margin-left: 5px; display: none; position: absolute; top: 50%; transform: translateY(-50%); right: 10px;}
.vessel_name_list li.vessel_name_select { background: #38B496; color: #fff }
.vessel_name_list li.vessel_name_select i { display: inline-block;}
.vessel_name_list li:hover { background: #ccc; color: #000 }
.manage_table table { table-layout: fixed; }
.manage_table table td:nth-child(1) { width: 350px; }
.manage_table table td:nth-child(2) { width: 100px; }
.manage_table table td:nth-child(3) { width: 400px }
/*Manage Email design End*/
/* 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*/

/*snq forms Start*/
.form-table-width input[type=text].form-control{width: 90px;}
.snqform-width-100 input[type=text].form-control{width: 100px;}
.snqform-width-80 input[type=text].form-control{width: 80px;}
.snqform-width-70 input[type=text].form-control{width: 70px;}
.snqform_font_10 input { font-size: 10px; padding-left: 5px; padding-right: 5px; } 
/*snq forms End*/

/*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: 30px !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: 30px; border-radius: 6px; /*border: 1px solid #253647;*/ padding: 10px; display: flex; align-items: center; background: linear-gradient(128deg, #38B496 50%, #4d4d4d 50%); }

.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 }
/*VESSEL CONDITION MONITORING Design End*/


/*Add User Design Start*/

.add_user_section .panel-default { float: left; width: 100%; }
.add_user_section .panel-heading { float: left; width: 100%; }
.add_user_section .panel-heading .panel-title span {font-size: 20px; font-weight: bold;}
.user_title { border-bottom: 1px solid #ccc; margin-bottom: 15px; padding-bottom: 5px; float: left; width: 100%; margin-top: 20px; }
.add_user_section { float: left; width: 100%; }
.unit_section { float: left; width: 100%; }
.unit_section ul { padding: 0; margin: 0; list-style-type: none; float: left; width: 100%; }
.unit_section li { float: left; width: 102px; background: #E4E4E4; margin-right: 13px; border-width: 10px 1px 1px 1px; border-style: solid; border-radius: 8px; margin-bottom: 10px;}

.user_active_vessel { border-color: #3BB022; }
.user_inactive_vessel { border-color: #afafaf; }
.user_expected_vessel { border-color: #9a3eff; }

.unit_section li>label { float: left; width: 100%; height: 30px; display: flex; align-items: center; justify-content: center; }
.user_select { float: left; width: 100%; }
.user_select input[type="checkbox"]{ position: absolute; opacity: 0; }


.user_select [type="checkbox"]:checked + label,
.user_select [type="checkbox"]:not(:checked) + label
{position: relative; cursor: pointer;}

.user_select [type="checkbox"]:checked + label:before,
.user_select [type="checkbox"]:not(:checked) + label:before {content: ''; position: absolute; left: 2px; top: 4px; width: 10px; height: 10px; border: 1px solid #ddd; border-radius: 100%; background: #fff; }

.user_select [type="checkbox"]:checked + label:after,
.user_select [type="checkbox"]:not(:checked) + label:after {content: ''; width: 6px; height: 6px; background: #000; position: absolute; top: 6px; left: 4px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }

.user_select [type="checkbox"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 

.user_select [type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


.user_select label { float: left; width: calc(100% / 2); height: 50px; display: flex; align-items: center; justify-content: center; margin-bottom: 0; color: #000;}

.user_active_vessel.primary { background-color: #8A2D00; }
.user_active_vessel.secondary { background-color: #428bca; }

.p_user { background-color: #428bca !important; border-radius: 0 7px;}
.s_user { background-color: #8bc7e5 !important; border-radius: 7px 0;}

.user_checkall { float: left; margin-left: 15px; border-radius: 6px!important; padding: 0 10px 0 10px; }
.user_checkall input[type="checkbox"]{ position: absolute; opacity: 0; left: 0; }


.user_checkall [type="checkbox"]:checked + label,
.user_checkall [type="checkbox"]:not(:checked) + label
{position: relative; padding: 5px 5px 5px 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #000; margin-bottom: 0; font-size: 14px; }

.user_checkall [type="checkbox"]:checked + label:before,
.user_checkall [type="checkbox"]:not(:checked) + label:before {content: ''; position: absolute; left: 0; top: 7px; width: 14px; height: 14px; border: 1px solid #ddd; border-radius: 100%; background: #fff; }

.user_checkall [type="checkbox"]:checked + label:after,
.user_checkall [type="checkbox"]:not(:checked) + label:after {content: ''; width: 10px; height: 10px; background: #000; position: absolute; top: 9px; left: 2px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }

.user_checkall [type="checkbox"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 

.user_checkall [type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.select_policies { list-style-type: none; padding: 0; }
.select_policies li { float: left; width: calc(100% / 2 - 15px); display: flex; flex-direction: row; align-items: center; padding: 5px; border: 1px solid #CCCCCC; border-radius: 5px; position: relative; margin-bottom: 15px;}
.select_policies li:hover { background-color: #253647; }
.select_policies li:hover label{ color: #fff; }
.select_policies li:nth-child(odd) { margin-right: 15px; }
.policies_img { width: 50px; height: 30px; float: left; display: flex; align-items: center; justify-content: center;}
.policies_img img{width: auto; height: 100%;}
.select_policies li label { margin-bottom: 0; float: right; width: calc(100% - 60px); padding-right: 25px;}
.policies_checkbox { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); }
.sub_policies_section { float: left; width: 100%; background-color: #314457; border-radius: 5px; max-height: 381px; overflow: auto; }
.select_sub_policies {  list-style-type: none; float: left; width: 100%; padding: 10px; color: #fff; margin-bottom: 0;}
.select_sub_policies a{ color: #fff; text-decoration: none; margin-bottom: 5px;}
.select_sub_policies li.sub_policies_list_open .sub_policies_list { display: block; }
.sub_policies_list { display: none; float: left; width: 100%; list-style-type: none; }
.sub_policies_list span { width: 10px !important; height: 6px; border-width: 0 0 2px 2px; border-style: solid; border-color: #5C5C5E; margin-right: 7px; }
.select_sub_policies li { float: left; width: 100%; }
.policies_name { float: left; width: 100%;  display: flex; align-items: center; flex-wrap: wrap; padding: 6px 5px 6px 9px; background: rgba(0, 0, 0, 0.16); border-radius: 4px; margin-bottom: 5px; position: relative;}
.select_sub_policies li span { width: 15px; float: left; margin-top: -2px; display: flex; align-items: center; justify-content: center;}
.select_sub_policies li  .permission_icon { position: absolute; top: 50%; right: 10px; height: auto; transform: translateY(-50%); margin-top: 0; }
.select_sub_policies li [type=checkbox] { width: 15px; float: left; margin-top: -3px !important; margin-right: 5px;}
.sub_policies_list_open span .fa-angle-right { display: none; }
.select_sub_policies li span .fa-angle-down { display: none; }
.select_sub_policies li.sub_policies_list_open span .fa-angle-down { display: inline-block; }
.permissions_select td { background-color: #F4F9FF; }
..permissions_select td:hover { color: #000; }
.policies_title { float: left; width: 100%; padding: 10px 10px 0 10px;  }
.policies_title span { border-bottom: 2px solid #fff; float: left; width: 100%; display: flex;  align-items: center;}
.policies_title img { width: 40px; height: auto; margin-right: 8px; float: left; }
.policies_title h4 { float: left; margin: 0; color: #fff; }
.policies_breadcrumb { text-align: left; width: 100%; border-bottom: 3px solid #217dbd; margin-bottom: 10px; padding: 5px 10px; background-color: #cfcfcf; border-radius: 6px;}
.policies_breadcrumb img { width: 30px; margin-right: 4px; }
.policies_breadcrumb span { margin-right: 5px; margin-left: 5px; font-weight: bold;}


.otp_section { width: 100%; float:left; margin-top: 10px; }
.otp_section .otp_select { float:left; min-width: 120px; background: #cccc; margin-right: 5px; border-radius: 6px; padding: 6px 10px; display: flex; align-items: center; margin-bottom: 0}
.otp_section .otp_select input { margin-top: 0; margin-right: 5px;}
.otp_section .otp_select.select {  background: #3276b1; color: #fff;}
.otp_section .otp_select.decline {  background: transparent; color: #000; border: 1px solid #ff0000;}
.otp_section .otp_select.decline.select {  background: #E0752D; color: #fff;}
/*Add User Design END*/


/*Requisition Messages With Supplier design START*/
.rfq_supplier_detail { box-shadow: none; background-color: #fff; padding-top: 10px; }
.rfq_supplier_detail .widget-title {background: #428bca; border: none !important; box-shadow: none;}
.rfq_supplier_detail .section-title { color: #fff; border-bottom: 0 !important; margin-bottom: 0; padding: 0; text-transform: capitalize; display: flex; }
.rfq_supplier_detail .widget-content {background: #fff; box-shadow: none; }
.rfq_supplier_detail .widget-controls a span { color: #fff;}


.rfq_supplier_msg {display: block; width: 100%; }
.rfq_supplier_msg ul { ;list-style-type: none; width: 100%; padding: 0; margin: 0; max-height: 300px; overflow-y: auto; }
.rfq_supplier_msg ul li {display: block; width: 100%; border-bottom: 1px solid #cecece; padding-bottom: 5px; margin-bottom: 5px; position: relative; }
.rfq_supplier_msg ul li span { margin-right: 5px; }
.rfq_supplier_msg ul li a { margin-right: 5px; margin-bottom: 5px; }
.rfq_supplier_msg ul li .attachment_label { position: relative;}
.rfq_supplier_msg ul li .attachment_label:hover { color: #000; }

.additional_attch .attachment-wrapper { border: 0; }
.additional_attch .jqList { float: left; width: 100%; margin-top: 10px; }
.additional_attch ul { position: relative; float: left; width: 100%; margin-bottom: 15px !important; display: flex; flex-wrap: wrap;  }
.additional_attch ul:after { content: ''; height: 100%; width: 1px; background-color: #ccc; position: absolute; left: 50%; top: 0; }
.additional_attch ul li { float: left; width: calc(100% / 2 - 8px); margin-right: 15px !important; margin-bottom: 8px;}
.additional_attch ul li:nth-child(even) { float: right; margin-right: 0 !important; }
.additional_attch ul li .attachment_label { margin-left: 0 !important; }
.additional_attch .addi-attach-name { width: 100% !important;  }
.additional_attch .attach_edit { margin: 0; float: right; }

.rfq_supplier_msg .help-text {display: block;  width: 100%; margin-bottom: 0;}
.unread_msg { 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: -6px; right: -2px;}
.unread_notification {  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%; margin-left: 5px; }
.unread_notifi {  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%; margin-left: 5px; }
.suppliers_attachment { width: 100%; display: block; margin-top: 5px; }
.ihm_compliant { flex-wrap: wrap; }
/*Requisition Messages With Supplier design END*/


/*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_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: 10px; 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 video { width: 100%; min-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: 35px; color: #254054; }
.folder_icon label span{ float: left; width: 100%; color: #2C2C2C; font-size: 18px; font-weight: normal; }

.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 {  }
/*Video Guides View design END*/

/*tooltip design Start*/
.info_tooltip table tr th { background: #E8F2F8; color: #000; }
.info_tooltip table tr td { color: #000; text-align: left; }
.info_tooltip_custom.tooltip {width: auto; opacity: 1; }
.info_tooltip_custom.tooltip .tooltip-inner{ background: #fff;  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border-radius: 6px;}
.info_tooltip_custom.tooltip .tooltip-arrow{ border-top-color: #fff;}


.port_tooltip { padding: 3px 4px; }
.port_tooltip_custom.tooltip .tooltip-inner table { border: 0px solid #ccc; }
.port_tooltip_custom.tooltip .tooltip-inner table tr th { background: #E8F2F8; color: #000;padding: 4px;  border: 1px solid #ccc;}
.port_tooltip_custom.tooltip .tooltip-inner table tr td { color: #000; text-align: left; padding: 4px; border: 1px solid #ccc; text-align: left}
.port_tooltip_custom.tooltip {width: auto; opacity: 1; }
.port_tooltip_custom.tooltip .tooltip-inner{ background: #fff;  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border-radius: 6px; color: #000;}
.port_tooltip_custom.tooltip .tooltip-arrow{ border-top-color: #fff;}
/*tooltip design End*/


.slider_img_height .carousel-inner img { width: auto !important; height: 100px; }
/*.model_img_height { height: 500px !important; width: auto !important; margin: 0 auto; }*/

.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_rating_na { background: #999999; color: #fff; }

/*cii design End*/

/*profile crop Start*/
.user_profile_section {}
.user_profile_section .user-profile-img{ height: 200px; width: 200px; border:1px solid #ccc; }
.img_crop_model { width: 100%; display: flex; align-items: center; justify-content: center;}
.img_crop_model .img_rotate_right { width: 150px; }
.img_crop_model .img_crop_section { width: calc(100% - 300px); }
.img_crop_model .img_rotate_left { width: 150px; }
/*profile crop End*/

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

/*appraisal design start*/
.tableFixHead .appraisal_table th{ top: 0px; }
.tableFixHead .appraisal_table tr:nth-child(2) th { top: 35px; }
.tableFixHead th.appraisal_head { top: 65px; }
    top: 0;
    background: #E8F2F8;
    z-index: 99 !important;
    border-top: 2px solid #ddd !important; }
/*appraisal design END*/


/*DNV OVD Design Start*/
.dnv_ovdla_table table { table-layout: fixed; border-collapse: separate; }
.dnv_ovdla_table { padding-bottom: 10px; }

.dnv_ovdla_table tr:nth-child(2) th { top: 27px !important; }
.dnv_ovdla_table .table-bordered>thead>tr>th, .dnv_ovdla_table .table-bordered>thead>tr>td { border-bottom-width: 1px !important; }

.dnv_esigned { float:left; position:relative; margin-right: 10px; border-radius: 4px; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; font-size: 12px; }
.dnv_esigned span { position: absolute; right: -5px; bottom: -5px; width: 10px; height: 10px; display: flex; align-items: center; justify-content: center; border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;}
.dnv_esigned span i { font-size: 7px; color: #fff; font-weight: normal; margin: 0; }

/*DNV OVD Design End*/

/*napa Desiggn Start*/

.napa_table table { table-layout: fixed; }


/*napa Desiggn END*/


/*Crew Documentation Start*/
.documentation_section [class^="col-"] { min-height: 45px; }
.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*/


/*Sidebar Design Start*/

.task_rightbar{background:#fff; position:fixed; top:100px; bottom:0; width:600px; border-left: solid 1px #DDD; padding: 15px; z-index:300; right: -600px; -webkit-transition: right 0.5s ease-in-out; -moz-transition: right 0.5s ease-in-out; -o-transition: right 0.5s ease-in-out; transition: right 0.5s ease-in-out; max-height: 87vh; overflow: auto;}
.show_task_list .task_rightbar { right: 0px; }
.task_list_toggler {padding: 0px 50px 0px 10px; margin: 0px; top: 180px; width: 185px; text-align: center;padding: 0; height: 40px; background: #273849; z-index: 15; position: fixed; right: 0px; margin-top: -100px; color: #FFF; border-radius: 5px 5px 0px 0px; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform-origin: bottom right; -webkit-transition: right 0.5s ease-in-out; -moz-transition: right 0.5s ease-in-out; -o-transition: right 0.5s ease-in-out; transition: right 0.5s ease-in-out; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }
.task_list_toggler .task-list-info {display:inline-block; line-height:40px; font-size:16px; margin-top: -2px;}
.task_list_toggler .task_img .show_task_list .task_list_toggler { right: 199px; } 
.task_list_toggler .task_img {position: absolute; top: 0px; right: 0px; width: 40px; height: 40px; background-color: #fff; border-radius: 4px 0 0 0; -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.task_list_toggler:hover, .task_list_toggler:focus{color:#e0f1f9; text-decoration:none !important;}
.show_task_list .task_list_toggler { right: 600px; }
/*.user_task_section { padding: 15px; }*/

.user_task_section .fieldset_section { border-width: 2px; margin-bottom: 15px; }
.user_task_section .fieldset_section:last-child { margin-bottom: 50px; }
.user_task_section ul { list-style-type: none; padding:0; float: left; width: 100%; margin-bottom: 0;}
.user_task_section ul li { float: left; width: 100%; line-height: 18px; margin-top: 5px; margin-bottom: 5px; font-size: 12px;}
.user_task_section ul li .task_days_action { float: left; width: calc(100% / 2);}
.user_task_section ul li .task_module { float: left; width: calc(100% / 3);}
.user_task_section ul li .task_module span { font-size: 12px; padding: 6px 12px; line-height: 18px; height: auto; border: 0;}

/*Sidebar Design END*/

.ongoing_event_status {
    display: inline-block;
    padding: .4em .8em .4em;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    text-align: center;
    white-space: normal;
    vertical-align: baseline;
    border-radius: .25em;
    background: #d9d9d9;
    color: #000;
}
/*flip design Start*/
    
.flip-card-3D-wrapper {
  width: 100%;
  position: relative;
  -o-perspective: 900px;
  -webkit-perspective: 900px;
  -ms-perspective: 900px;
  perspective: 900px;
  margin: 0 auto;
}
#flip-card {
  width: 100%;
  height: 100%;
/*  text-align: center;*/
/*  margin: 50px auto;*/
/*  position: absolute;*/
  -o-transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  -o-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.do-flip {
  -o-transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

#flip-card .flip-card-front, #flip-card .flip-card-back{
  width: 100%;
  height: 100%;
/*  position: absolute;*/
  -o-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 2;
}
#flip-card .flip-card-front {
/*    background: lightgreen;*/
    
}
#flip-card .flip-card-back {
    -o-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.flip-card-front { display: block; }
.do-flip .flip-card-front { display: none; }
.flip-card-back { display: none; }
.do-flip .flip-card-back { display: block; }

.custom_date { width: 200px; margin: 0 auto; }
.custom_date input { background-color: #ccc !important;
    border-radius: 4px;
    border-width: 0;
    box-shadow: rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
    box-sizing: border-box;
    color: #36395A; 
    cursor: pointer;
    display: inline-flex;
    height: 48px;
    justify-content: center;
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
    transition: box-shadow .15s, transform .15s;
    will-change: box-shadow, transform;
    font-size: 18px;}
.custom_date .input-group-addon { background-color: #ccc !important;
    border-radius: 4px;
    border-width: 0;
    box-shadow: rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
    box-sizing: border-box;
    color: #36395A;

    cursor: pointer;
    height: 48px;
    justify-content: center;
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
    transition: box-shadow .15s, transform .15s;
    will-change: box-shadow, transform;
    font-size: 18px; }


.custom_btn {
    align-items: center;
    appearance: none;
    background-color: #38B496;
    border-radius: 4px;
    border-width: 0;
    box-shadow: rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #6e837e 0 -3px 0 inset;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    height: 48px;
    justify-content: center;
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
    transition: box-shadow .15s, transform .15s;
    will-change: box-shadow, transform;
    font-size: 18px;}
/*flip design End*/

/*hazardous Start*/
.hazardous { width: 100%; float:left; }
.hazardous .otp_select { float:left; min-width: 110px; background: #cccc; margin-right: 5px; border-radius: 6px; padding: 3px 6px; display: flex; align-items: center; margin-bottom: 0;}
.hazardous .otp_select input { margin-top: 0; margin-right: 5px;}


.hazardous .otp_select { background: transparent; color: #000; border: 1px solid #ccc;}
/*.hazardous .otp_select.hazardous_green {  background: transparent; color: #000; border: 2px solid #008000;}*/
.hazardous .otp_select.hazardous_green.select {  background: #4ca64c; color: #fff;}

/*.hazardous .otp_select.hazardous_orange {  background: transparent; color: #000; border: 2px solid #FF8500;}*/
.hazardous .otp_select.hazardous_orange.select {  background: #ff9b2e; color: #fff;}

/*.hazardous .otp_select.hazardous_red {  background: transparent; color: #000; border: 2px solid #FF0000;}*/
.hazardous .otp_select.hazardous_red.select {  background: #ff4545; color: #fff;}
.hazardous .otp_select.select {  background: #428bca; color: #fff;}
.hazardous .otp_select .svg-icon { width: 25px; margin-right: 3px; border-radius: 6px; padding: 2px; }
.hazardous .otp_select.hazardous_green .svg-icon {background: #4ca64c;}
.hazardous .otp_select.hazardous_orange .svg-icon {background: #ff9b2e;}
.hazardous .otp_select.hazardous_red .svg-icon {background: #ff4545;}
.hazardous_disabled label { background: #ccc; opacity:0.5; cursor: not-allowed; }
.hazardous_section a { height: 28px !important; }
.hazardous_section a i { line-height: 20px; }
/*hazardous End*/

/*Time line design Start*/

.time_line_topbar { float: left; width: calc(100% - 42px); margin-left: 42px; }
.time_line_topbar ul { padding:0; margin:0; list-style-type: none; float:left; width:100%; position:relative; height: 50px; }
.time_line_topbar ul li{ float:left; position:relative; display: flex; align-items: center; cursor: pointer; }
.time_line_topbar ul li a{ float:left;  width: 100%; position: relative; z-index: 3;}
.time_line_topbar ul li span { border-radius: 50px; padding:3px 9.2px; display:flex; align-items: center; justify-content:center; position: relative; z-index: 1; float: left;}
.time_line_topbar ul li:after { content:''; width: 100%; height: 6px; position: absolute; left: 13px; top: 50%; z-index: 0; transform: translateY(-50%);}
.time_line_topbar ul li:last-child:after { display: none; }
.time_line_topbar ul li:last-child { width: 26px !important; }
.time_line_topbar ul li.bd_142:after {background: #6FAD88; }
.time_line_topbar ul li.bd_25:after {background: #7F0F81; }
.time_line_topbar ul li.bd_50:after {background: #519AE9; }
.time_line_topbar ul li.bd_67:after {background: #E0752D; }
.time_line_topbar ul li a:hover span { z-index: 4; box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; }

.time_line_section { float:left; width: calc(100% - 12px); }
.time_line_group { float: left; width: 100%; margin-bottom:15px; position:relative; }
.time_line_view { float:left; width: calc(100% - 55px); background: #E8F2F8; margin-left: 55px; position: relative; padding: 10px 15px; display: flex; align-items: center; justify-content: center;  flex-wrap: wrap;}
.time_line_status {width: 45px; position: absolute; left: 0px; top: 0; height: 100%;}
.status_complete span{ border-color: #243545; background-color: #243545; color: #fff; width: auto; height: 25px; display: flex; align-items: center; /* justify-content: center; */ border-radius: 50px; position: relative; z-index: 1; text-align:right; margin-left: auto; font-size: 11px; top: 10px; }
.status_complete span i { border-color: #669f59; background-color: #669f59; color: #fff; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; border-radius: 50px; position: relative; z-index: 1; margin-right: 3px;}
/*.status_complete:before{border-color: #669f59; background-color: #669f59; color: #fff; content: "\2713"; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; border-radius: 50px; position: relative; z-index: 1;}*/
.time_line_status:after { content:''; width: 1px; height: calc(100% + 27px); border-left: 1px dashed #78767A; position: absolute; left: 13px; top: 10px; bottom: 0; z-index: 0;}
.time_line_group:last-child .time_line_status:after { display: none; }
.time_line_name { float: left; width: calc(100% - 350px); }
.time_line_menu { float: left; width: 50%; font-weight: bold; font-size: 16px;}
.time_line_user { float: right; width: 50%; text-align:right; padding-left: 10px; padding-right: 10px;  font-weight: bold; font-size: 16px;}
.time_line_user span { font-weight: 400; font-size:13px; color: #545454; margin-left: 5px; }
.time_line_date { float: left; width: 250px; font-size:13px; color: #545454; border-left: 1px solid #898989; padding-left: 10px; padding-right: 10px; }
.time_line_day { float: left; width: 90px; border-left: 1px solid #898989; padding-left: 10px; text-align: center;}
.time_line_day span { padding: 4px 10px; border-radius: 100px; font-size: 12px; }
.time_line_progress { width: calc(100% - 55px); float: right; background: #E5E5E5; height: 5px; margin-left: 55px; position:relative; }
.time_line_progress span {position: absolute; top: 0; height: 5px; border-radius: 50px;}
.time_line_remark { width: calc(100% - 55px); float: right; background: #F6F6F8; margin-left: 55px; padding: 12px 15px; color: #545454; border: solid #cccccc; border-width: 0 1px 1px 1px}
.time_line_group.time_line_active .time_line_view{ background: #253647; }
.time_line_group.time_line_active .time_line_name,
.time_line_group.time_line_active .time_line_menu,
.time_line_group.time_line_active .time_line_user,
.time_line_group.time_line_active .time_line_user a,
.time_line_group.time_line_active .time_line_user span,
.time_line_group.time_line_active .time_line_date { color: #fff; }

.time_line_group.time_line_upcoming .time_line_view { background: #D0D0D0; }
.time_line_group.time_line_upcoming .time_line_name { width: 100%; }
/*.time_line_group.time_line_upcoming .status_complete span { width: auto; float:left; }*/
.time_line_group.time_line_upcoming .status_complete span i { border-color: #727272; background-color: #727272; font-size: 17px; }
/*.time_line_group.time_line_upcoming .status_complete:before { content:"\f017"; font: normal normal normal 17px/1 FontAwesome;  border-color: #727272; background-color: #727272; }*/

/*Time line design End*/


/*New Timeline History Design Start*/

.new_timeline_history { position:relative; }
.new_timeline_history::before {content: ''; position: absolute; top: 0; left: 50%; height: 100%; width: 4px; background: #7E57C2; transform: translateX(-50%);}

.new_timeline_history .cd-timeline-block .cd-timeline-content { float: right !important; text-align: left !important; }
.new_timeline_history .cd-timeline-block .cd-timeline-content p span { font-weight: bold; font-size: 18px; margin-right: 5px; }

.new_timeline_history .cd-timeline-block .cd-timeline-content::before {top: 16px; left: auto; right: 100%; border-color: transparent; border-right-color: transparent; border-right-color: #333C42; }
.new_timeline_history .cd-timeline-block .cd-timeline-content .cd-date {left: auto; right: 115%; text-align: right; color: #666; font-size: 15px; font-style: italic; font-weight: bold; }

/*New Timeline History Design END*/

/*Telecard Inventory Start*/
.telecard_inventory { table-layout: fixed; }
.telecard_inventory .expand_component i { font-size: 18px; }
.telecard_inventory a { color: #000; }
.telecard_inventory .subsection_telecard_inventory {background: #e3e3e3;}
.telecard_inventory .subsection_telecard_inventory table{ margin-left: 20px; width: calc(100% - 19px); }
.telecard_inventory tr th:nth-child(1) { width: 20%; }
.telecard_inventory tr th:nth-child(2) { width: 20%; }
.telecard_inventory tr th:nth-child(3) { width: 15%; }
.telecard_inventory tr th:nth-child(4) { width: 15%; }
.telecard_inventory tr th:nth-child(5) { width: 15%; }
.telecard_inventory tr th:nth-child(6) { width: 15%; }

.telecard_inventory tr td:nth-child(1) { width: 20%; }
.telecard_inventory tr td:nth-child(2) { width: 20%; }
.telecard_inventory tr td:nth-child(3) { width: 15%; }
.telecard_inventory tr td:nth-child(4) { width: 15%; }
.telecard_inventory tr td:nth-child(5) { width: 15%; }
.telecard_inventory tr td:nth-child(6) { width: 15%; }
.telecard_inventory .subsection_telecard_inventory table tr th:nth-child(1) { width: 18.6% }
.telecard_inventory .subsection_telecard_inventory table tr td:nth-child(1) { width: 18.6% }
/*Telecard Inventory END*/


/*Budget Design Stert*/
.budget_table .subcomponent_list { position:relative; }
.budget_table span.expand_component {position: absolute; left: 8px; transform: translateY(-50%); top: 50%; }
.budget_table .budget_table_subsection table td:first-child { padding-left: 25px;}
.extend_budget_table tr th:nth-child(1) { width: 190px; }
.extend_budget_table tr td:nth-child(1) { width: 190px; }
.bvr_budget_table tr th, .bvr_budget_table tr th { width: 150px; }
.bvr_budget_table tr th:nth-child(1), .bvr_budget_table tr td:nth-child(1) { width: 190px; }
.budget_color {
  background-color: purple;
}

.budget_table .budget_color:nth-child(4n), .budget_table .budget_color:nth-child(4n-1) {
  background-color: steelblue;
}
.budget_table .budget_color:nth-child(4n-2), .budget_table .budget_color:nth-child(4n-3) {
  background-color: purple;
}
/*Budget Design END*/

/*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*/

/*google authenticator Design Start*/

.otp_email {    float: left;
    width: 100%;
    border: 2px solid #ccc;
    border-radius: 6px;
    padding: 8px;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    flex-wrap: wrap;}
.otp_email label { display: flex; align-items:center; flex-wrap: wrap; width: 100%; }
.otp_email [type="radio"] { float: left; margin-right: 10px; zoom: 2; }
.otp_email img { width: 50px; float: left; margin-right: 15px; }

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

.subtext { color: #666;
  font-size: 12px; width: 100%; margin-top: 3px; }

.mfa_stap { float:left; width: 100%; position: relative; padding: 15px 15px 15px 50px; }
.mfa_number { position: absolute; top: 15px; left:0; width: 30px; height: 30px; border-radius: 100px; border: 2px solid #eeeeee; display: flex; align-items: center; justify-content: center; font-size: 16px; background: #fff;}
.mfa_stap:before { content:''; position: absolute; top: 15px; left: 14px; width: 2px; height: 100%; border: 1px dashed #000; }
.mfa_stap:last-child:before { display: none; }
.app_image { float: left; width: 100%; }
.app_image img { float: left; width: 150px; margin-left: 10px; }
.qr_image { float: left; width: 150px; margin-right: 15px; }
.qr_image img { float: left; width: 100%; }

/*google authenticator Design End*/

/*show NC design Start*/
.show_nc { width:16px; /*background: -webkit-linear-gradient(45deg, #f00 18%, #ffffff 18%);*/ position: relative;}
.show_nc:before {content:''; position: absolute; left: 0; bottom: 0; width: 0; border-top: 7px solid #CC0000; border-left: 7px solid transparent; border-right: 0; transform: rotate(180deg);}
.crew_working { background: #333333; }
.nc_list { margin: 0; padding: 0; list-style-type: none; }
.nc_list li { border: 1px solid #B1D1E5; padding: 10px; border-radius: 6px; margin-top: 10px;}
.nc_list li label { margin-left: 8px;}
/*show NC design End*/


/*Login Model Design Start*/

.appraisals_login_model .widget-content { padding:0 !important; border: 0 !important; }
.appraisals_login_model .modal-content { border:0 !important; }
.appraisals_login_section { background-color: #116fb7; padding: 0px; }
.appraisals_login_section .login-logo {

  width: 100%;
  height: 320px;
  aspect-ratio: 3/2;
  clip-path: ellipse(76% 100% at 50% 0%);
  background: #ffffff;
  text-align: center;
  margin-bottom: 40px;
  padding-top: 40px;
}

.appraisals_login_section .new-widget-header h1 {font-size: 24px; color: #116fb7; text-align: center; width: 100%; }
.appraisals_login_section .login_form_section {padding: 0 25px 25px 25px; }
.appraisals_login_section .form-control {background: #fff; height: 50px; font-size: 20px; color: #8e8787; margin: 0px auto; padding-top: 0px; padding-left: 50px; }
.appraisals_login_section .input-abs-icon {position: absolute; left: 6px; top: 50%; transform: translateY(-50%); width: 38px; }
.appraisals_login_section .email_btn { background: #fff; color: #116fb7;}
.appraisals_login_section .email_cancel {background: transparent; color: #fff; border: 1px solid #fff; }




/*Login Model Design End*/

/*Accordion Color Start*/
.new_accordion a:hover, .new_accordion a:focus, .new_accordion a:active { text-decoration:none;  }
.new_accordion .accordion-toggle i { float:right; font-size: 25px !important; font-weight: bold; }
.new_accordion .panel-heading .panel-title a { width: 100%; display: block; }
.new_accordion .panel-heading .section-title a { width: 100%; display: block; }
.new_accordion .panel-heading .section-title { margin-bottom: 0 !important; padding-bottom: 7px !important; font-size: 14px;  }

.cs_141_accordion .panel-heading { background: #233F78; }
.cs_141_accordion .panel-heading .panel-title a { color: #fff }
/*Accordion Color End*/

/*custom check box design*/
.new_checkbox { margin: 2px 0; }
.new_checkbox input[type="checkbox"] {
    display: none;
}

.new_checkbox input[type="checkbox"] + i:before{
    content: "\f096";
    position: relative;
/*    bottom: -4px;*/
    margin-right: 5px;
    color: #000;
}
.new_checkbox input[type="checkbox"]:checked + i:before {
    content: "\f046";
    color: #233F78;
}
.new_checkbox i { width: 22px; }

/*Check Box Color Start*/
.cs_141_checkbox.new_checkbox input[type="checkbox"] + i:before { color: #000 }
.cs_141_checkbox.new_checkbox input[type="checkbox"]:checked + i:before { color: #233F78; }

.cs_ff_checkbox.new_checkbox input[type="checkbox"] + i:before { color: #fff }
.cs_ff_checkbox.new_checkbox input[type="checkbox"]:checked + i:before { color: #fff; }


/* From Uiverse.io by PriyanshuGupta28 */ 
.checkbox-wrapper {-webkit-tap-highlight-color: transparent; outline: none; border: 1px solid #B1D1E5; border-radius: 8px; padding: 3px 5px; min-width: 90px; display: flex; align-items: center; margin-bottom: 5px; }
.checkbox-wrapper span { font-weight: bold; }
.checkbox-wrapper input[type="checkbox"] {display: none; }
.checkbox-wrapper label {--size: 20px; --shadow: calc(var(--size) * .07) calc(var(--size) * .1); position: relative; display: block; width: var(--size); height: var(--size); margin: 0 5px 0 0; background-color: #fff; border: 4px solid #334659; border-radius: 50%; /*  box-shadow: 0 var(--shadow) #253647;*/ cursor: pointer; transition: 0.2s ease transform, 0.2s ease background-color, 0.2s ease box-shadow; overflow: hidden; z-index: 1; display: inline-block; }
.checkbox-wrapper label:before {/*  content: "";*/ position: absolute; top: 50%; right: 0; left: 0; width: calc(var(--size) * .7); height: calc(var(--size) * .7); margin: 0 auto; background-color: #fff; transform: translateY(-50%); border-radius: 50%; /*  box-shadow: inset 0 var(--shadow) #253647;*/ transition: 0.2s ease width, 0.2s ease height; }
.checkbox-wrapper label:hover:before {width: calc(var(--size) * .55); height: calc(var(--size) * .55); /*  box-shadow: inset 0 var(--shadow) #253647;*/ }
.checkbox-wrapper label:active {transform: scale(0.9); }
.checkbox-wrapper .tick_mark {position: absolute; top: 1px; right: 0; left: calc(var(--size) * 0); width: calc(var(--size) * .6); height: calc(var(--size) * .6); margin: 0 auto; margin-left: calc(var(--size) * .14); transform: rotateZ(-40deg); }
.checkbox-wrapper .tick_mark:before,
  .checkbox-wrapper .tick_mark:after {content: ""; position: absolute; background-color: #fff; border-radius: 2px; opacity: 0; transition: 0.2s ease transform, 0.2s ease opacity; }
.checkbox-wrapper .tick_mark:before {left: 0; bottom: 0; width: 2.1px; height: 7px; /*  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.23);*/ transform: translateY(calc(var(--size) * -.68)); }
.checkbox-wrapper .tick_mark:after {left: 0; bottom: 0; width: 100%; height: 2.1px; /*  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.23);*/ transform: translateX(calc(var(--size) * .78)); }
.checkbox-wrapper input[type="checkbox"]:checked + label {background-color: #89b43f; background-image: linear-gradient(43deg, #89b43f 0%, #77A22F 46%, #77A22F 100%); /*  box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;*/ border: 0; }
.checkbox-wrapper input[type="checkbox"]:checked + label:before {width: 0; height: 0; }
.checkbox-wrapper input[type="checkbox"]:checked + label .tick_mark:before,
.checkbox-wrapper input[type="checkbox"]:checked + label .tick_mark:after {transform: translate(0); opacity: 1; }
.checkbox-wrapper input[type="checkbox"]:checked + label + span { color: #89b43f; }

.checkbox-wrapper:has(input:checked) {border-color: #89b43f; border-width: 2px; }
.checkbox-wrapper.bg_checked:has(input:checked) {background-image: linear-gradient(43deg, #89b43f 0%, #77A22F 46%, #77A22F 100%) }
.checkbox-wrapper.bg_checked:has(input:checked) label + span{ color: #fff; }

.review_section { float: left; display:flex; align-items:flex-start; width:100%; }
/*end*/


/*product Start*/
.table_select_product .category td.vessel-name { background-color: #eeeeee; color: #000; line-height: 30px; }
.table_select_product .component_sub.view i { background-color: #233F78; color: #fff; }
.table_select_product .product-row>td { padding:0 !important; }

.table_select_product.table_select_product_1 .category td.vessel-name {background-color: #233F78; color: #fff; line-height: 30px;}
.table_select_product.table_select_product_1 .component_sub.view i {background-color: #fff; color: #233F78;}

.table_select_product tr th:nth-child(1) { width: 50px; }
.table_select_product tr th:nth-child(2) { width: 100px; }
.table_select_product tr th:nth-child(3) { width: 250px; }
.table_select_product tr th:nth-child(4) { width: 80px; }
.table_select_product tr th:nth-child(5) { width: 70px; }
.table_select_product tr th:nth-child(6) { width: 100px; }
.table_select_product tr th:nth-child(7) { width: 100px; }
.table_select_product tr th:nth-child(8) { width: 180px; }
.table_select_product tr th:nth-child(9) { width: 250px; }
.table_select_product .select_product_rowspan th:nth-child(1) { width: 90px !important; top: 0;}
.table_select_product .select_product_rowspan th:nth-child(2) { width: 90px !important; top: 0;}

.table_select_product tr td:nth-child(1) { width: 50px; }
.table_select_product tr td:nth-child(2) { width: 100px; word-break: break-all; }
.table_select_product tr td:nth-child(3) { width: 250px; }
.table_select_product tr td:nth-child(4) { width: 80px; }
.table_select_product tr td:nth-child(5) { width: 70px; }
.table_select_product tr td:nth-child(6) { width: 100px; }
.table_select_product tr td:nth-child(7) { width: 100px; }
.table_select_product tr td:nth-child(8) { width: 90px; }
.table_select_product tr td:nth-child(9) { width: 90px; }
.table_select_product tr td:nth-child(10) { width: 250px; }
.table_select_product.table_select_product_new tr th:nth-child(8), .table_select_product.table_select_product_new tr td:nth-child(8) { width: 90px; }
.table_select_product .product-row>td:nth-child(2) { padding:0 5px !important; }
.table_select_product .product-row>td:nth-child(3) { padding:0 5px !important; }

.tableFixHead .table_select_product .component_sub td.vessel-name { top: 45px }

/*.table_select_product .sub-category td { width: 50px; }*/
.table_select_product .fold-table  { border-width:0; }
.table_select_product.table-provison textarea.form-control  {max-width: 100% }
.table_select_product.table-provison .form-control  {max-width: 100% }

/*product END*/

.widget-remove-white.edit_activity_icon { top: -3px; right: 5px; }

.uplod_vaccination {margin-top: 15px; white-space: normal; display: inline-block; text-transform: capitalize; font-size: 11px; }
.check_documents_model .btn { white-space: normal !important; }
.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.ui-multiselect { width: calc(100% - 40px) !important; display: inline-flex; float: none; align-items: center; justify-content: center;}
.dropdown_with_btn .iconed-input { width: calc(100% - 40px); display: inline-block;}
.dropdown_with_btn a{ width: 30px; height: 30px; float: right; display: flex; align-items: center; justify-content: center; margin: 0 !important;}
.dropdown_with_btn button{ width: 30px; height: 30px; float: right; float: right; display: flex; align-items: center; justify-content: center; margin: 0 !important;}
.table_input .dropdown_with_btn button { height: auto; width: 20px; }
.table_input .dropdown_with_btn a { height: auto; width: 20px; }
.table_input .dropdown_with_btn input { width: calc(100% - 25px);}

.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%;}

.model_width { width: 65%; }
.model_width_50 { width: 50%; }
.model_width_80 { width: 80%; }
.model_width_90 { width: 90%; }
.glass-case ul li .gc-li-display-container img { width: auto; height: 100%;}

.bg_ai { background: #f3f8fd !important; }
.heade_ai_section { position: absolute; top: 5px; left: 5px; height: calc(100% - 10px); width: calc(100% - 10px); display: flex ; align-items: center; min-height: 130px;}
.ai_section { border: 1px dashed #6a7479;  border-radius: 6px; background-color: #f3f8fd; padding: 10px 15px; }
.ai_section h4 { color: #15171e; font-weight: bold; font-size: 18px; margin-top: 0;}
.ai_section span { color: #ccc; float: right; font-size: 12px; width: 100%; text-align: right; line-height: 100%;}
.ai_section h4 .svg-icon { margin-right: 10px; width: 50px; }
.ai_section p { color: #515659; margin-bottom: 0; }
.ai_section ul { padding-left: 0px; list-style-type: none;}
.ai_section li { color: #515659; margin-bottom: 0; border-top: 1px solid #e9e9e9; padding-top: 5px; padding-bottom: 5px; padding-left: 25px; position: relative; display: flex;}
.ai_section li:first-child { border-top-width:0; }
.ai_section li:before { content: "\f0a4"; font: normal normal normal 14px/1 FontAwesome; position: absolute; left: 0; top: 9px;}

.sidebar_form { float:left; width: 100%; padding: 15px; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;}
.voyage_top_section {padding: 0; border-bottom: 0px solid #F9FAFB; float: left; width: 100%; background: #fff; border-radius: 6px; margin-bottom: 15px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; display: flex; align-items: center; flex-wrap: wrap;}
.section_title {border-bottom: 0; padding: 0; margin-bottom: 0; display: flex; align-items: center; font-size: 26px; font-weight: 600; color: #233F78; margin-top: 0; float: left;}
.top_section { float:left; width: 100%; display: flex; align-items: center; padding: 15px 30px}
.port_badge {border-radius: 9px; margin-left: 10px; padding: 5px 10px; font-size: 12px; font-weight: 600; color: #284B97; background: #D9ECFF; }
.section_id { font-size: 14px; font-weight: 600; color: #000; float: right; padding: 5px; margin-left: auto;}
.section_id span{ color: #1A8BF5;}

.voyage_form_section { float: left; width: 100%; padding: 15px 30px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; border-radius: 6px;}
.voyage_form_section + .voyage_form_section { margin-top: 15px; }

.port_name { display: flex; align-items: center; border-bottom: 1px solid #233F78; margin-bottom: 10px; padding-bottom: 5px;}
.port_name h4 { border-bottom: 0; padding: 0; margin-bottom: 0; display: flex; align-items: center; font-size: 16px; font-weight: 600; color: #233F78; margin-top: 0; float: left; }
/*.tableFixHead.new_table_design { border-color: #dee2e6 !important; border-width: 0 !important;}
.tableFixHead.new_table_design th { background: #EFF1F6; text-transform: capitalize; border-color: #dee2e6 !important; }
.tableFixHead.new_table_design td { border-color: #dee2e6 !important; }
.tableFixHead.new_table_design tr:nth-child(2) th{ background: #EFF1F6; text-transform: capitalize; border-color: #dee2e6 !important; }*/
.new_table_design .ajax-upload-dragdrop .ajax-file-upload { padding:0 !important; }
.new_table_design [class^="upload-image"] { border: 1px solid #eee; margin-bottom: 3px; display: flex; align-items:center; justify-content: center; border-radius: 4px; padding: 2px 3px; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
.new_table_design [class^="upload-image"] .btn-remove { margin-left: auto; font-size: 14px; color: red; }

.defect_info_section { float: left; width: 100%; padding: 10px 15px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; border-radius: 6px; margin-bottom: 10px; border: 1px solid #ccc;}
.images_section { float:left; width: 100%; list-style-type: none; padding:0; margin:0; }
.images_section .image-item { float:left; width: calc(100% / 5 - 12px); margin-right: 15px; margin-bottom: 15px; }
.images_section .image-item:nth-child(5n) { margin-right: 0;}
.images_section .image-item img { object-fit: cover; object-position: center center; width: 250px; height: 250px; }
.defect_title { float: left; width: 100%;}
.defect_title + .defect_title { margin-top: 10px;}
.images_name { float:left; width:100%; }
.images_name label { margin-bottom:0; margin-top: 5px; font-weight: 400; color: #888;}
.defect_title label { float: left; width: 150px; padding:0; margin:0; }
.defect_title p { float: left; width: calc(100% - 170px); padding:0; margin:0; }
.image-item { float: left; width: 100%; text-align: center; background: #eeeeee; }
.images_list { float: left; width: 100%;}
.image-item .select-box { display: none; }
.condition_title {padding: 0 0 10px 0; margin-bottom: 0; display: flex; align-items: center; font-size: 16px; font-weight: 600; color: #233F78; margin-top: 0; float: left; border-bottom: 2px dashed #ccc; width: 100%; }
.image-item .img_check { float: left; width: 100%; padding: 5px; border-radius: 6px; border: 1px solid #ccc; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; margin-bottom: 0;}
.image-item .select-box:checked + .img_check{ border: 1px solid #27384a; background-color: #253647}
.image-item .select-box:checked + .img_check .images_name label { color: #fff; }

.moved_image { float:left; width: 50px; height: 50px; border-radius: 50px; margin-right: 6px; padding: 2px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}
.moved_image img { border-radius: 50px; object-fit: cover; width: 100%; height: 100%; }

.sidebar_form .table_input .form-group{ margin-bottom:5px; }
.sidebar_form .table_input .form-group>label{ font-size: 10px; }
.sidebar_form .table_input [class^="col-"]{  display: block; }

/*Vessel Activities Design start*/

.das_section { float: left; width: 100%; margin-top: 10px; }
.metrics-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; }
.metric-card {background: #f1f1f1; padding: 15px; text-align: center; border-radius: 8px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
.metric-card h3 {margin: 0; font-size: 14px; color: #253647; font-weight: bold; }
.metric-card p {margin: 5px 0 0; font-size: 11px; color: #888; font-weight: bold; }

.rob_metrics_grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(83px, auto)); gap: 15px; }
.rob_metrics_grid .metric-card {background: #f1f1f1; padding: 3px 5px; text-align: center; border-radius: 8px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.rob_metrics_grid .metric-card h3 {margin: 0; font-size: 12px; color: #253647; font-weight: bold; width: 100%; }
.rob_metrics_grid .metric-card p {margin: 5px 0 0; font-size: 10px; color: #888; font-weight: bold; width: 100%; }

.bdn_fuel_consumption { display: grid; grid-template-columns: repeat(auto-fit, minmax(83px, auto)); gap: 10px; }
.bdn_fuel_consumption .bdn_fuel_qty .voyage-label { padding: 5px 10px; height: auto;  }
.bdn_fuel_consumption .bdn_fuel_qty:nth-child(4) { width: 125px; }
.bdn_fuel_consumption .bdn_fuel_qty label { padding-top: 0;  }
.bdn_fuel_consumption .bdn_fuel_qty .form-group { margin-bottom: 0; align-items: center; margin-right: 0;  }
.bdn_fuel_consumption .bdn_fuel_qty .form-control { padding: 2px 5px; height: auto; font-size: 12px; line-height: 100%; }
.bdn_fuel_consumption .bdn_fuel_qty .input-group-addon { padding: 4px 10px; font-size: 12px; }



.rob_card_section { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); align-items: center; gap: 15px;}
.rob_card { box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border-radius:  16px; border-left: 4px solid #253647; padding: 15px; width: 100%; float: left; }

.bdn_info { display: flex; margin-bottom: 5px; }
.bdn_info h3 { font-size: 14px; margin:0; font-weight: 600;  color: #253647; }
.bdn_info span { margin-left: auto; font-weight: 400; font-size: 10px; background: #253647; color: #fff; padding: 3px 5px; /*border-radius: 50px;*/  }
.bdn_info span.rob_value label { margin-bottom: 0; font-weight: 400; }
.bdn_info span.rob_value span { font-weight: bold; }
.rob_card ul { padding: 0; list-style-type: none; float:left; width:100%; margin-bottom: 0;}
.rob_card ul li { margin-bottom: 5px; display: inline-block; width:100%; }
.rob_card ul li label { color: rgb(55, 65, 81); margin:0 10px 0 0; font-size: 12px; font-weight: normal;  }
.rob_card ul li label i { color: #727680; }
.rob_card ul li span { font-size: 14px; font-weight: bold;  }
.rob_value { background-color: #253647; color: #fff; padding: 5px 10px; border-radius: 6px; text-align: center; float: left; width: auto !important; margin-bottom: 0 !important;}
.rob_card ul li.rob_value label { color: #fff; opacity: 1; font-size: 14px;}

.report_consumption_table tr { border-width: 1px 0 1px 0; border-style: solid; border-color: #B1D1E5; }
.report_consumption_table .border-left { border-width: 0 0 0 1px !important; border-style: solid !important; border-color: #B1D1E5 !important; }
.report_consumption_table .border-right { border-width: 0 1px 0 0 !important; border-style: solid !important; border-color: #B1D1E5 !important; }
.report_consumption_table tr td { vertical-align: middle !important; }
.report_consumption_table .form-group { border-width: 0px 0; border-style: solid; border-color: #B1D1E5; }
.report_consumption_table .form-group .section-title{ margin-bottom: 10px; margin-top:0; display: inline-block; }

/*Vessel Activities Design End*/

.crew_documentation_name { font-size: 12px; color: #000; border-bottom: 0px solid #e0dacf; font-weight: bold; float: left; width: 100%; position:relative; padding-left: 20px; padding-bottom: 0px; }
.crew_documentation_name:after { content: ''; position: absolute; left: 5px; top: 5px; width: 8px; height: 8px; background: #000000; border-radius: 50px; /*transform: translateY(-50%);*/}

.crew_documentation_list { display: grid; grid-template-columns: repeat(1, 1fr) 180px 120px; column-gap: 10px; row-gap: 0; list-style-type: none; padding: 0; border: 1px solid #B1D1E5 !important; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border-radius: 6px; padding: 5px; width: 100%; margin-bottom: 10px;}

.crew_documentation_list.crew_documentation_view { grid-template-columns: repeat(1, 1fr); box-shadow: none; background: #f2f8fb; }
.crew_documentation_list.crew_documentation_view .crew_documentation_name { color: #253647; font-size: 11px; -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; display: -webkit-box; }
.crew_documentation_list.crew_documentation_view .crew_documentation_name:after { content: "\f019"; font: normal normal normal 14px / 1 FontAwesome;     height: 100%; width: 16px; background: #253647; top: 0; color: #fff; border-radius: 4px; display: flex; align-items: center; justify-content: center; left: 0; font-size: 10px; line-height: 17px;}

.crew_documentation_list li { position:relative; }
.crew_documentation_list li:after {content: ''; width: 1px; height: calc(100% + 10px); background: #cacaca; position:absolute; top: -5px; left: -5px; }
.crew_documentation_list li:first-child:after { display: none; }

.vertical_tab { display: flex; width: 100%; padding: 10px; }
.vertical_tab .nav-tabs { width: 250px; float: left; border: 0; background: #f1f1f1; padding: 10px 0 10px 5px;}
.vertical_tab .nav-tabs li { margin-left: 0; background: transparent; width: 100%; }
.vertical_tab .nav-tabs li.active a { border: 0; position:relative; margin-right: 0; color: #000;}
.vertical_tab .nav-tabs li.active a:hover { border: 0;}
.vertical_tab .nav-tabs li.active a:after { content: ''; width: 5px; height: 100%; background-color: #0480be; position:absolute; top: 0; left: -5px; border-radius: border-radius: 6px 0 0 6px;}
.vertical_tab .nav-tabs li a{ background: none; border: 0; padding: 10px 5px;}
.vertical_tab.nav-tab-wrapper .nav-tabs > li.active > a,
.vertical_tab.nav-tab-wrapper .nav-tabs > li.active > a:hover, 
.vertical_tab.nav-tab-wrapper .nav-tabs > li.active > a:focus { border-top:0; border-bottom:0; }
.vertical_tab .tab-content { width: calc(100% - 260px); float: right; margin-left: auto; border: 0;}

.file_list { list-style-type: none; padding: 0;}
.file_list li { border: 1px solid #298FD3; margin-bottom: 5px; padding: 5px; cursor: move; position:relative; border-radius: 6px; }
.file_list li span { position:absolute; right:0; top:0; height: 100%; display: flex; align-items: center; width: 25px; justify-content: center; background: #c4e0f2; border-radius: 0 5px 5px 0; }
.file_list li label{ font-size: 12px; margin-bottom:0; cursor: move; }
.download_center .input-box-content input[type="checkbox"] { zoom: 1.4; }


.new_design .nav>li>a { padding: 5px 15px; }
.new_design .custom_radio_button label { padding: 2px 10px; }

@media (max-width: 1480px) {
    .model_width, .model_width_50 { width: 70%; }
}
@media (max-width: 1280px) {
    .model_width, .model_width_50, .model_width_80 { width: 85%; }
    .model_width_90 { width: 95% }
}
@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, .model_width_80 { 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;
    }
}

.border-none {border: none !important;}
.forgot-password .otp_email {margin-bottom: 0;}
.forgot-password .otp_email_radio {width: 50px;}


.compare-crew .nav-tabs.process-model li a {
    height: 45px;
    padding: 0;
}
.compare-crew .nav-tabs.process-model li p {
    margin-top: 0;
    font-size: unset;
}
.compare-crew .process-model {
    padding: 5px 0;
    margin: 0px auto 10px;
}
.compare-crew .vessel-purpose-table {max-height: unset;  min-height: unset;}
.compare-crew .vessel-purpose-table thead th {
  background: #f1f1f1;
  text-align: left;
  font-weight: bold;
}
.compare-crew .vessel-purpose-table thead th span{
  font-weight: normal;
}
.compare-crew .vessel-purpose-table tfoot tr:last-child{
  border-bottom: 2px solid #B1D1E5;
}
.compare-crew .vessel-purpose-table .suggest-replace{
  border-top: 4px solid #B1D1E5;
}
.compare-profile-img {position: relative; cursor: pointer;}
.compare-profile-img img{width: 30px; height: 30px; border-radius: 50%;}
.compare-profile-img-big{height: 100px; display: none; padding: 10px; background: #fff;}
.compare-profile-img-big img{height: 100px; border-radius: 50%;  width: unset;}
.compare-profile-img:hover .compare-profile-img-big{display: block; position: absolute; top: -35px; right: -125px; z-index: 999;}
.w160 {width: 160px !important;}

.compare-crew .crew-action-btn {width: unset !important;}
.compare-crew .nav-tabs.process-model li.crew-action-btn a{width: unset; padding: 0 10px; background: #47a447!important; color: #fff; border: #47a447; font-size: 14px !important;}
.reject-info-icon {display: inline-block; margin-top: 5px; margin-right: 15px; margin-left: -15px;}
.process-model.inventory-page li {width: calc(100% / 7 - 0px);}


.table_select_product.table_select_product_1 tr th:nth-child(2) { width: 250px; }
.table_select_product.table_select_product_1 tr td:nth-child(2) { width: 250px; word-break: break-all; }
.table_select_product.table_select_product_1 tr:nth-child(2) th:nth-child(1) { width: 110px; }
.table_select_product.table_select_product_1 tr:nth-child(2) th:nth-child(2) { width: 110px; }
.table_select_product.table_select_product_1 tr th:nth-child(8) { width: 220px; }
.table_select_product.table_select_product_1 tr th:nth-child(9) { width: 200px; }
.table_select_product.table_select_product_1 tr td:nth-child(9) { width: 200px; }


.table_select_product.table_select_product_1 tr td:nth-child(8) { width: 110px; }
.table_select_product.table_select_product_1 tr td:nth-child(9) { width: 110px; }
.table_select_product.table_select_product_1 tr td:nth-child(10) { width: 200px; }

.table_select_product.table_select_product_1 .select_product_rowspan th:nth-child(1) { top: 25px !important; z-index: 100 !important}
.table_select_product.table_select_product_1 .select_product_rowspan th:nth-child(2) { top: 25px !important; z-index: 100 !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;}

.avg_rating_table { display: inline-flex; padding: 2px 3px; justify-content:flex-start; width: 100%; }
.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*/  

.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;}
/*.inner_loader .spinner { position:absolute; }*/

.sc_template { display: flex; width: calc(100% - 50px); align-items: center;}
.vir_question.widget {margin-bottom: 5px; background: #233F78; border-radius: 6px; float: left; width: 100%; margin-top: 15px; border: 1px solid #217DBB; }
.vir_question .widget-title {background: none; border: none; box-shadow: none; padding: 5px 15px;}
.vir_question.widget .widget-controls {position: absolute; right: 15px; top: 45%; transform: translateY(-50%); }
.vir_question.widget .widget-control i { color: #fff; }
.vir_question .widget-content {float: none; padding: 5px 15px !important; background: #f5f5f5; border-radius: 0 0 6px 6px;  border-top: 1px solid #217DBB; }
.vir_question .vessel_monitoring_view { margin-bottom: 10px; }
.vir_question .vessel_monitoring_view .panel-heading { background: #fff; border: 1px solid #233F78; border-radius: 6px 6px 0 0 !important;  }
.vir_question .vessel_monitoring_view .panel-collapse { border: 1px solid #233F78 !important; border-radius: 0 0 6px 6px !important; border-top:0 !important; }
.vir_question .vessel_monitoring_view .panel-heading .panel-title a { color: #000;  }
.template_name { float:left; margin-right: 30px; width: calc(100% - 18px); float: left; margin-bottom: 7px; border-bottom: 1px solid #5d7095; padding-bottom: 5px;}
.template_name label { font-size: 14px; color: #fff; margin: 0; border-radius: 6px;}
.template_info { float:left; margin-right: 10px; border-radius: 6px; padding: 3px 5px; display: flex; align-items: center;}
.template_info span { float:left; display: block; margin-right: 5px; }
.template_info label { margin-bottom:0; padding: 5px; font-size: 12px; }

.info_vessel_tooltip ul { list-style-type: none; padding: 0; columns: 3; -webkit-columns: 3; -moz-columns: 3; column-gap: 0; border: 1px solid #fff; }
.info_vessel_tooltip ul li { border: 1px solid #fff; padding: 3px; text-align: left; font-size: 10px; }
.info_vessel_tooltip td { border: 1px solid #fff; padding: 5px; text-align: left; font-size: 10px; }