/** 
//2023-11-24//андрей//Вынесли стили ЖЗА в отдельный файл для отдельного гита danube4devs
//2023-11-25//Денис//проба 2025 test
*/
body {
	height: 100%;
}

.ui-progressbar {
    position: relative;
}
.progress-label {
    position: absolute;
    left: 50%;
    top: 4px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
}

/** tabulator - переназначаем стандартные стили только для этого режима
*    ----------------------------------*/
table.tbl_info td, table.tbl_info th {
    border-color: #e6e6e6;
    border-width: 1px;
    border-style: solid;
    padding-left: 1px;
    padding-right: 3px;
    font-size: small;
}
table.tbl_info td {
    min-width: 85px;
    /* min-width: 90px; */
    /*max-width: 70px;*/
    /*max-width: 90px;*/
    padding: 0px;    
    /* #99ffa959; */
    /* background-color: #99dfff59;          */
    color: gray;    
}
table.tbl_info th.header_read_only {
    background-color: #f0f8ff;
    color: gray;
    font-size: small;
    padding-bottom: 4px;
    padding-top: 5px;
}

table.tbl_info th {
    background-color: #ffeb3b52;
    /*white-space: nowrap;*/
    /*max-width: 64px;*/
}

/** чтобы текс в ячейке переносился, если не помещается */
.tabulator-cell {
    word-wrap: break-word!important;
    white-space: normal!important;
	text-align: center;
}
.tabulator-row.tabulator-selectable:hover {
    background-color: #e7f6fc !important;
    cursor: pointer;
}

#frm_colmn_dlg, .frm_colmn_dlg {
    /*width: 485px;*/
    width: 317px;
    z-index: 255;
    position: relative;
    float: left;
    box-shadow: 2px 2px 3px #666666;
    /* border-bottom: 1px solid #e7e7e7; */
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #B7B7B7;
    /* margin: 1px; */
    margin: 5px 5px 5px 5px;        
    margin-bottom: 0px;
    font-family: Arial;
    line-height: 10px;
}
.frm_colmn_hdr {
    z-index: 255;
    width: 100%;
    position: relative;
    float: left;
    padding: 0px 0px 0px 0px;
    background: rgb(179,220,237);
    background: -moz-linear-gradient(-45deg, rgba(179,220,237,1) 0%, rgba(0,173,226,1) 50%, rgba(188,224,238,1) 100%);
    background: -webkit-linear-gradient( -45deg , rgba(179,220,237,1) 0%,rgb(26 114 191) 50%,rgba(188,224,238,1) 100%);
    background: linear-gradient( 135deg , rgba(179,220,237,1) 0%,rgb(26 114 191) 50%,rgba(188,224,238,1) 100%);        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee',GradientType=1 );
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    text-shadow: 1px 1px 2px #666666;
}
.p_header_frm {
    -webkit-margin-after: 0.1em;-webkit-margin-before: 0.1em;
    margin-bottom: -13px;
}
table.tbl_info th {
    background-color: #ffeb3b52;
    /*white-space: nowrap;*/
    /*max-width: 64px;*/
}
/* в окне выбора фильтров таблица */
.tbl_info_100w_center {
    width: 100%;
    text-align-last: center;
}    

/** radiocheckbox active  Sender - отправитель */    
.ui-state-active.np_payer_type_radio_sender {
    border: 1px solid #003eff;
    background: #ff9800 !important;
}
/** в радиокнопке не активной, была какая-то стрелка */
.ui-state-hover, .ui-state-hover {
    background: none !important;
}    
.ui-state-active {
    background: #ff9800;
} 
    
/** radiocheckbox active  Recipient - получатель*/
.ui-state-active.np_payer_type_radio_recipient {
    border: 1px solid #003eff;
    background: #4caf50 !important;
}

/* селектор для установки высоты окна */
.select2-container--default .select2-results > .select2-results__options {
    max-height: 120px
}
/** #9abcea91 - полупрозрачность убрана, т.к. зафиксированные столбцы плохо отображаются */
.tabulator-row.tabulator-selected {
    background-color: #9abcea !important;
}
/* выпадающий список в фильтре таблицы*/
#select2-sl2_fltr_is_locked-results {
    overflow-y: hidden;
}
#select2-sl2_fltr_is_activated-results {
    overflow-y: hidden;
}
/** SWITCH_begin - это группа стилей для ползунков checkbox - в ЖЗА не применен пока нигде //2023-11-24 */
.switch {
	position: relative;
	display: inline-block;
	width: 78px; /*47*/
	/* height: 24px; */
	height: 19px;
	top: 3px;
	text-shadow: none;
}
.switch label {
    margin-bottom: 1px;
}

.switch input {display:none;}

.slider, .slider_off {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background-color: #ccc; */
    background-color: #ff9800;
    -webkit-transition: .4s;
    transition: .4s;
    /* border-radius: 7px; */
    border-radius: 2px;
    border-radius: 2px;
    border-style: inset;
    border-width: thin;    
}

.slider:before, .slider_off:before {
    position: absolute;
    content: "";
    height: 17px;/*13*/
    width: 44px;
    left: 4px;
    /* bottom: 4px; */
    bottom: 0px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    /* border-radius: 5px; */

    border-radius: 1px;
    top: 0px;
    font-weight: normal;
    padding-top: 4px;
}
.slider:before {
    content: 'Да';
    color: #4992cc;
}
.slider_off:before {
    content: 'Нет';
    /* color: #919191; */
    color: #ff9800;
}

input:checked + .slider {
    background-color: #4992cc;
}

/*
input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
*/

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}
/** SWITCH_end */    
.tagify {
    max-width: 225px !important;
}

.not_valid_warning{
    background-color: #ff9847 !important;
    color: black;
    font-weight: bold;        
}
.not_valid {
    /* background-color: #ff000030; */
    background-color: #ff0000 !important;
    /* color: #e4ff00; */
    color: yellow;
    font-weight: bold;        
}
.not_valid::placeholder {
    color:black;
}

/** счетчики уведомления */
.statist_cnt{
    /* background-color: black; */
    /* color: springgreen; */
    background-color: yellow;
    color: red;
    /* margin-left: -10px; */
    padding: 1px 5px;
    border-radius: 5px;
    border-style: inset;
    border-width: 2px;
    box-shadow: 1px 1px #9c9c9c;
    text-shadow: 1px 0px 0px #a09f9f;
    border-color: white;
}

/* табулатор внутри диалогового окна - строка заголовков */
/* пока не надо - без фильтров в дополнительных колонках все ок    
#dubl-table > div.tabulator-header > div.tabulator-headers
{
    margin-top: -12px !important;
}
*/
/** Блок 5 - второстепенные суда */    
/* span:has(#select2-shiptype_sel2-container), */    
span:has(#select2-req_sel_ship_id_01-container)
,span:has(#select2-req_sel_ship_id_02-container)
,span:has(#select2-req_sel_ship_id_03-container)
,span:has(#select2-req_sel_second_shiptype_01-container)
,span:has(#select2-req_sel_second_shiptype_02-container)
,span:has(#select2-req_sel_second_shiptype_03-container)
,span:has(#select2-req_sel_second_cargo_id_01-container)
,span:has(#select2-req_sel_second_cargo_id_02-container)
,span:has(#select2-req_sel_second_cargo_id_03-container)
{
    height: 20px;
}
/* #select2-shiptype_sel2-container, */
#select2-req_sel_ship_id_01-container,#select2-req_sel_ship_id_02-container,#select2-req_sel_ship_id_03-container,#select2-req_sel_ship_id_04-container    
,#select2-req_sel_second_shiptype_01-container
,#select2-req_sel_second_shiptype_02-container
,#select2-req_sel_second_shiptype_03-container
,#select2-req_sel_second_cargo_id_01-container
,#select2-req_sel_second_cargo_id_02-container
,#select2-req_sel_second_cargo_id_03-container    
{
    line-height: 19px;        
    text-shadow: none;
}

#select2-prov_sel_port_otkuda-results,#select2-prov_sel_port_kuda-results,
#select2-prov_sel_moor_otkuda-results,#select2-prov_sel_moor_kuda-results
{
    line-height: 13px;
}
li[id*="select2-req_sel_cargo-result"],
li[id*="select2-shiptype_sel2-result"],
li[id*="select2-flag_sel2-result"],
li[id*="select2-req_sel_port_otkuda-result"],
li[id*="select2-req_sel_port_kuda-result"],
li[id*="select2-req_sel_second_shiptype_"],
li[id*="select2-req_sel_second_cargo_id_"]    
{
    padding: 0px !important;
    line-height: 20px;
    font-size: 10pt;        
}
#select2-req_sel_second_shiptype_03-results {
    max-height: 70px;
}
#select2-shiptype_sel2-container > span, #select2-flag_sel2-container > span {
    color:black !important;
}

/** выпдадющий фильтры в загаловке таблицы заявок */
#select2-sl2_fltr_agent-results,
#select2-sl2_fltr_otkuda_port-results,
#select2-sl2_fltr_otkuda_moor-results,
#select2-sl2_fltr_kuda_port-results,
#select2-sl2_fltr_kuda_moor-results,
#select2-sl2_fltr_flag-results,
#select2-sl2_fltr_cargo_main-results,
#select2-sl2_fltr_cargo_name_01-results,
#select2-sl2_fltr_cargo_name_02-results,
#select2-sl2_fltr_cargo_name_03-results,
#select2-sl2_fltr_dispatcher_is_confirmed-results,
#select2-sl2_fltr_is_planned-results,
#select2-sl2_fltr_pilot-results,
#select2-sl2_pilot-results,
#select2-sl2_status-results {
    max-height: 211px;
    width: 211px;
    background-color: white;
}
/** выпдадющий фильтры в загаловке таблицы заявок - тип проводки - высота 336 */
#select2-sl2_fltr_type_provodki-results
{
    max-height: 667px;
    /*width: 197px;*/
    /* width: 217px; */
    width: 347px;
    background-color: white;
    box-shadow: 1px 1px 10px #777;
}
#select2-sl2_fltr_shiptype-results
{
    max-height: 211px;
    width: 251px;
    background-color: white;
}
/* цвет placeholder в выпадающем списке */
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    /* color: #999; */
    color: #000000;
}

/** распределение лоцманов - откуда */
.th_ports_4pilots{
    padding: 5px;
    padding-left: 1px;
    padding-right: 1px;
    background-color: #87cefa50; /*lightyellow;*/ /* #ffffa6;*/
    background-color: lightskyblue;
    text-shadow: 1px 1px 5px white;        
}
/** распределение лоцманов - куда */
.th_ports_4pilots_kuda{
    padding: 5px;
    padding-left: 1px;
    padding-right: 1px;
    background-color: #b0e0e650;
    background-color: powderblue;
    text-shadow: 1px 1px 5px white;
}
.tr_ports_4pilots_not_even {
    background-color:#ffff;
    border-color: lightgray;
}
.tr_ports_4pilots_even {
    background-color:#f3faff;
    border-color: lightgray;
}

/** кнопки - фильтры по портопунктам */
.btn_flrt_port_in_reqs {
    min-width: 300px;
    min-height: 28px;
    padding: 9px 0px;
    font-weight: bold;
    margin: 3px;
}
/** кнопки - фильтры по портопунктам в распределении лоцманов */
.btn_flrt_port_4pilots {
    /* min-width: 300px; */
    min-height: 28px;
    /* padding: 9px 0px; */
    padding: 0px 0px;
    font-weight: bold;
    /* margin: 3px; */
    margin: 0px; /* в распределении ужимаемся*/
    width: 91%;
    height: 40px;
}
/** кнопки - фильтры по портопунктам в распределении лоцманов - счетчики заявок с и без лоцманов */
.btn_flrt_port_4pilots_cnt {
    min-height: 20px;
    padding: 0px 0px;
    font-weight: bold;
    width: 91%;
    /* height: 40px; */
}
/** Счетчики на кнопках - фильтры по портопунктам в распределении лоцманов - счетчики заявок с и без лоцманов */
.statist_cnt_btn_flrt_port_4pilots_cnt {
    padding: 0px 6px !important;
    text-align-last: left;
    margin-left: -8px;
}
/** Счетчики на кнопках - фильтры по портопунктам в распределении лоцманов - счетчики заявок с и без лоцманов - ПОДСКАЗКИ */
.statist_cnt_btn_flrt_port_4pilots_cnt_hint {
    float: right;
    margin-top: -1px;
    margin-right: -7px;
    font-size: 12pt;
    color: gray;
}
/** кнопки - фильтры по портопунктам в распределении лоцманов - ВСЕ заявки распределены */
.btn_flrt_port_4pilots_all_req_with_pilots {
    /* background-color: green; */
    background-color: #b2ffb2;
    border-color: greenyellow;
}
/** кнопки - фильтры по портопунктам в распределении лоцманов - НЕ ВСЕ заявки распределены */
.btn_flrt_port_4pilots_not_all_req_with_pilots {
    /*background-color: red;*/
    background-color: #f5514557;
    border-color: pink;
}
/** подсветка ОДИНАКОВЫХ лоцманов при наведении  */
.span_pilots_select {
    background-color: #b2ffb2 !important;
    border-color: yellowgreen !important;
}
/** подсветка ОДИНАКОВЫХ ЗАЯВОК при наведении  */
.span_req_select {        
    background-color: #03ff03 !important;
    color: #000000;
    text-shadow: 0px 0px 1px black;
}

.connectedSortable {
    list-style-type: none;
    margin-left: -40px;
    min-height: 36px;
}   
.ui-sortable-handle {
    cursor: move;
} 

.span_pilots_lst {
    width: 300px;
    display: block;
    border: 1px solid lightgray;
    margin: -3px -34px 8px 8px;
    margin-bottom: 2px;
    padding: 5px 1px;
    line-height: 17px;
    text-align-last: left;
}
.span_pilot {
    padding: 4px 2px;
    background-color: #ffff0059;
    border: 1px solid lightgray;
    margin-left: 3px;
    margin-right: 3px;        
    display: inline-block;
    /* white-space: nowrap;         */
    /* min-width: 142px; */
    min-width: 161px;
    text-align-last: left;
}
.span_pilot_n_smena_work_day {        
    background-color:#818181;/* black;*/
    color: white;
    padding-left: 4px;
    /* border-radius: 5px; */
    margin-right: 2px;
    text-shadow: 1px 1px 2px #666666;
}
.span_pilot_n_smena_not_work_day {        
    background-color: red;
    color: yellow;
    padding-left: 4px;
    /* border-radius: 5px; */
    margin-right: 2px;
    text-shadow: 1px 1px 2px #666666;
}
.span_pilot_n_smena_not_work_day_in_req {
    /* background-color: orange; */
    color:red;
}
/* в ночное время - вторая половина вахты */
.span_pilot_n_smena_not_work_day_2half_in_req {
    /* background-color: orange; */
    /* color:orange; */
    font-weight: bold;
    background-color: blue;
    color: yellow;
}
/* li для перетаскивания лоцманов */
.ui-state-default{
    cursor: move;
}

/** кнопки в таблице (ячейки) редактирование и ввод квитанций */
.btn_prov_in_cell {
    font-weight: bold;
    margin-top: -2px;
    margin-left: -2px;
    padding: 0px;
    font-size: 8pt;
    display: block;
    line-height: 13px;
    width: 100%;
}
/** span для отображения номера квитанции в таблице на кнопке - фон и рамка*/
.span_backgrnd_4_prov_id {
    float: left;
    max-width: 41px;
    font-size: 6pt;
    letter-spacing: 1pt;
    background: #fff;
    color: #333;
    border-style: dashed;
    border-color: #aaa;        
    border-width: 1px;
    border-radius: 0px 0px 11px 0px;
    padding: 0px;
    line-height: 11px;
}
/** span для отображения номера квитанции в таблице на кнопке - вторая строка - номер в текущем дне*/
.span_2number_4_prov_id {
    letter-spacing: 2pt;
    font-weight: 900;
    /* тень в мобильной версии двоится, поэтому делаем болд */
    /* text-shadow: 0px 1px 0px #333;*/
}
/** span для отображения откуда ► куда в ячейке в верху с кнопками редактирования кв-ий*/
.span_prov_id_otkuda_kuda {
    display: block;
    font-size: 9pt;
}
/** кнопки - фильтры над таблицей */
.btn_filter_above_table {
    line-height: 9pt;
    text-wrap: nowrap;
    margin-top: 0px;
    display: block;
    margin-bottom: 0px;
    margin-left: 3px;
}
/** текст статуса фильтра - кнопки - фильтры над таблицей */
.span_status_btn_filter_above_table {
    font-size: 7pt;
}
/** logo-dollar возле кнопки с фильтром по моим квитанциям */
.span_logo_dollar {
    background: green;
    color: lightyellow;
    font-size: 9pt;
    padding: 0px 3px;
    font-weight: bold;
    /* border-style: dotted; */
    border-width: thin;
    border-radius: 7px 0 7px 0;
    font-style: italic;
}
/** в распределении лоцманов подвсечиваем лоцмана в проводке */
.span_pilot_class_status_v_provodke {
    background-color: #ff9847;
}
/** в таблице ячейки и в выпадающем списке фильтра - тип проводки - линейная*/
.span_type_provodki {
    /* margin: -6px; */
    /* margin: -10px 0px -9px 0px; */
    margin: -10px 0px -5px 0px;
    display: block;
    /* padding: 3px; */
    padding: 3px 0px 0px 3px;
    
}
.span_type_provodki_line {
    background-color: #8ed6ff;
    /* background-color: #00a2ff; */
}
/** в таблице ячейки и в выпадающем списке фильтра - тип проводки - портовая*/
.span_type_provodki_port {
    background-color: #ffff0059;        
}

/*
.select2-results__option{
    padding: 5px 0px 5px 3px ; 
}
*/

/** в таблице ячейки и в выпадающем списке фильтра - тип проводки - в портопункте без разделения на линейную и портовую*/
.span_type_provodki_all {
    background-color: #ff9847;
    font-weight: bold;
}
/** в выпадающих списках (фильтров) разделитель разделов HR  */
.span_fltr_option_hr {        
    box-shadow: 1px 1px #eee;
    border-style: inset;
    border-width: 1px;
    font-size: 1pt;
    /* width: 100%; */
    /* min-width: 100%; */
    /* max-width: 100%; */
    display: block;
    padding: 0px;
    margin: -2px -6px 0px -7px
}
/** в выпадающих списках (фильтров) сообщение не для выбора  */
.span_fltr_option_warning_msg {        
    color: red;
    display: block;
    padding: 0px;
    text-align-last: center;
    margin: -13px 0px -4px 0px;
    line-height: 13px;
}
/** в выпадающих списках (фильтров) первая строка название фильтра  */
.span_fltr_name {        
    display:inline-flex;
    line-height: 14px;
    text-align-last: center;
}
/** в выпадающих списках (фильтров) вторая строка описание  */
.span_fltr_description {        
    font-size: 9pt;
    line-height: 14px;
    display: inline-flex;
    text-align-last: center;
    font-weight: normal;
}

/** кнопка - фильтр - найти попутчиков */
.btn_in_tabulator_get_poputchik {
    color: dodgerblue;
    line-height: 13px;
    padding: 2px 2px;
    border-color: lightgray;
    border-style: solid;
    border-width: thin;
}
/** кнопка - фильтр - показать суда в лидировании */
.btn_in_tabulator_get_lider_list {
    padding: 1px 2px 2px;
    margin: 0px 3px 0px 0px;
    font-size: 9pt;
    line-height: 13px;
    font-weight: bold;
    color: red;
    top: -4px;
    /* display: inline-block; */
    position: sticky;
}
/** кнопка - ссылка на www.vesselfinder.com */
.btn_in_tabulator_link_vesselfinder {
    position: relative;
    float: right;
    top: 0px;
    margin-left: 0px;
    padding: 2px 2px 3px 2px;
    /* border: lightgray; */
    border-color: darkgrey;
    border-style: solid;
    border-width: 1px;
    background-color: aliceblue;
}
/** кнопка - ссылка на www.vesselfinder.com при вводе заявки в таблице выбора судна */
.btn_in_tabulator_link_vesselfinder_left {
    position: relative;
    float: left;
    top: 0px;
    margin-left: 0px;
    padding: 2px 2px 3px 2px;
    /* border: lightgray; */
    border-color: darkgrey;
    border-style: solid;
    border-width: 1px;
    background-color: aliceblue;
}
/* меню фильтров - фокус */
.social-menu>li>a:focus, .social-menu>li>a:hover {
    color: #fff;
    background: #5bacdb;
}
/** меню фильтров в верхней панели - активный фильтр */
.social-menu li.active_li_fltr_fav a {
    color: #000080a6 !important;
    /* color: #ffffff !important; */
    /* text-shadow: 0 0 black; */
    background: #dff3fff8;        
    /* box-shadow: 0px 0px 2px 1px #FFFFFF !important; */
    /* text-shadow: 0px 0px 9px #0022f8; */
    /* text-shadow: 1px 0px 1px #000000; */
    /* border-top-style: solid; */
}

/* Добавление-изменение квитанции */
#dlg_edit_prov {
    padding: 0;
    margin: 0;
}
#dlg_edit_prov #frm_colmn_dlg {
    min-width: 317px;
    max-width: 400px;
    width: 97%;
    padding: 0 !important;
    margin: 10px 0 0 !important;
    box-shadow: none;
    border-radius: 0;
    box-sizing: border-box;
    border: none;
}

/* ШАПКА СИНЯЯ - Bootstrap override*/
.col-sm-8.header-right {
    width: auto;
	margin-left: 30px;
}

/* ----------------- */
/* --- ИНФО-ОКНО --- */
/* ----------------- */

@font-face {
  font-display: swap;
  font-family: 'Osw_200';
  font-style: normal;
  font-weight: 200;
  src: url('../css/fonts/oswald-v53-cyrillic_cyrillic-ext_latin_latin-ext-200.woff2') format('woff2'), 
       url('../css/fonts/oswald-v53-cyrillic_cyrillic-ext_latin_latin-ext-200.ttf') format('truetype'); 
}
@font-face {
	font-display: swap;
	font-family: 'Osw_300';
	font-style: normal;
	font-weight: 300;
	src: url('../css/fonts/oswald-v53-cyrillic_cyrillic-ext_latin_latin-ext-300.woff2') format('woff2'), 
	url('../css/fonts/oswald-v53-cyrillic_cyrillic-ext_latin_latin-ext-300.ttf') format('truetype'); 
}
@font-face {
	font-display: swap;
	font-family: 'Osw_400';
	font-style: normal;
	font-weight: 400;
	src: url('../css/fonts/oswald-v53-cyrillic_cyrillic-ext_latin_latin-ext-regular.woff2') format('woff2'), 
	 url('../css/fonts/oswald-v53-cyrillic_cyrillic-ext_latin_latin-ext-regular.ttf') format('truetype'); 
}
@font-face {
	font-display: swap;
	font-family: 'Osw_500';
	font-style: normal;
	font-weight: 500;
	src: url('../css/fonts/oswald-v53-cyrillic_cyrillic-ext_latin_latin-ext-500.woff2') format('woff2'), 
	 url('../css/fonts/oswald-v53-cyrillic_cyrillic-ext_latin_latin-ext-500.ttf') format('truetype'); 
}
@font-face {
	font-display: swap;
	font-family: 'Osw_600';
	font-style: normal;
	font-weight: 600;
	src: url('../css/fonts/oswald-v53-cyrillic_cyrillic-ext_latin_latin-ext-600.woff2') format('woff2'), 
	 url('../css/fonts/oswald-v53-cyrillic_cyrillic-ext_latin_latin-ext-600.ttf') format('truetype'); 
}
@font-face {
	font-display: swap;
	font-family: 'Osw_700';
	font-style: normal;
	font-weight: 700;
	src: url('../css/fonts/oswald-v53-cyrillic_cyrillic-ext_latin_latin-ext-700.woff2') format('woff2'), 
	 url('../css/fonts/oswald-v53-cyrillic_cyrillic-ext_latin_latin-ext-700.ttf') format('truetype'); 
}

div[aria-describedby="dialog_info_lst_req"] {
	width: auto !important;
	max-width: 1000px;
	min-width: 320px;
}
#dialog_info_lst_req .frm_colmn_grp_cont div {
	background: #eff5f8;
	border-radius: 6px;
	margin-top: 5px;
	text-align: left;
}
#dialog_info_lst_req #frm_colmn_dlg {
	margin: 0 !important;
	padding: 0;
	width: 100%;
	border: none;
	border-radius: 0;
	box-shadow: none;
	font-weight: normal;
	font-family: Osw_200;
	font-size: 17px;
	line-height: 1.2;
}
#dialog_info_lst_req #frm_colmn_dlg .frm_colmn_hdr {
	display: none;
}
#dialog_info_lst_req .frm_colmn_grp_cont > div {
	padding: 10px;
}
#dialog_info_lst_req h3 {
	margin: 8px 0 5px;
	padding: 0 0 3px;
	border-bottom: 1px solid #dddddd;
	text-align: left;
	font: normal 14px Arial;
	text-transform: uppercase;
	color: #999999;
}
#dialog_info_lst_req h3:first-child {
	margin-top: 0;
}
#dialog_info_lst_req h3:last-child {
	margin-bottom: 0;
}
#dialog_info_lst_req ol {
	margin: 0 0 0 15px;
	padding: 0;
}
#dialog_info_lst_req ol li {
	text-align: left;
}
#dialog_info_lst_req p,
#dialog_info_lst_req .label {
	margin: 0;
	padding: 0;
	color: #333333;
	text-align: left;
	font-weight: normal;
	font-family: osw_300;
	font-size: 100%;
}
#dialog_info_lst_req p {
	margin-bottom: 4px;
}
#dialog_info_lst_req p:last-child {
	margin-bottom: 0;
}
#dialog_info_lst_req .label {
	margin-right: 5px;
	color: #777777;
}
#dialog_info_lst_req p .label:after {
	content: ":";
}
#dialog_info_lst_req p .value {
	margin-right: 5px;
	font-family: osw_500;
	font-weight: normal;
}
#dialog_info_lst_req p .value:last-child {
	margin-right: 0;
}
#dialog_info_lst_req p span {
	margin: 0;
	padding: 0;
}
#dialog_info_lst_req .ship_name .value {
	color: #2e6796;
	font-family: osw_400;
}

/* інформація по судну */
#dialog_info_lst_req #dialog_info_req_lst_ship_info {
	font-size: 110%;
}
#dialog_info_lst_req #dialog_info_req_lst_ship_info .ship_name .label {
	display: none;
/*font-size: 20px;*/
}
#dialog_info_lst_req #dialog_info_req_lst_ship_info .ship_name .value {
	font-size: 130%;
}
#dialog_info_lst_req #dialog_info_req_lst_ship_info .line p  {
	display: inline-block;
	margin: 0 10px 2px 0;
	padding: 2px 4px;
	border-radius: 4px;
	border: 1px solid #dddddd;
}
#dialog_info_lst_req #dialog_info_req_lst_ship_info .line p:last-child {
	margin: 0;
}
#dialog_info_lst_req .line.imo_call p {
	background: #d7e6f2;
}
#dialog_info_lst_req .line.draughts p {
	background: #fbf7e6;
}
#dialog_info_lst_req .line.dimentions p {
	background: #ffffff;
}
#dialog_info_lst_req .line.dw_net_gross p {
	background: #e8f9f7;
}

/* інформація із заявки */
#dialog_info_req_lst_req_info p.value {
	display: inline-block;
}
#dialog_info_req_lst_req_info .req-status .value {
	padding: 1px 3px;
	border-radius: 3px;
	width: auto;
	height: auto;
	font-size: 14px;
	color: #000;
}
#dialog_info_req_lst_req_info .req-status .status_active {
	background: #ffffbf;
}
#dialog_info_req_lst_req_info .req-status .status_completed {
	background: #a4dcfb;
}
#dialog_info_req_lst_req_info .req-status .status_canceled {
	background: #cccccc;
}
#dialog_info_req_lst_req_info .req-status .date_is_planned {
	background: #b8ec1c;
}
#dialog_info_req_lst_req_info .req-status .date_confirmed {
	background: #cfffbf;
}
#dialog_info_req_lst_req_info .req-status .date_not_confirmed {
	background: #ffd2d3;
}
#dialog_info_req_lst_req_info .req-route .value {
	margin-right: 5px;
	color: #075c5c;
}
#dialog_info_req_lst_req_info .req-route .otkuda_port_name,  #dialog_info_req_lst_req_info .req-route .kuda_port_name{
	text-transform: uppercase;
}
#dialog_info_req_lst_req_info .req-route .otkuda_moor_name, #dialog_info_req_lst_req_info .req-route .kuda_moor_name {
	display: inline-block;
	font-weight: normal;
}
#dialog_info_req_lst_req_info .req-route .separator:after {
	content: " ► ";
}

/* склад суден у каравані */
#dialog_info_req_lst_karavan_info {
	line-height: 1;
	font-size: 90%;
}
#dialog_info_req_lst_karavan_info li {
	border-bottom: 1px solid #cccccc;
	margin-bottom: 5px;
}
#dialog_info_req_lst_karavan_info li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#dialog_info_req_lst_karavan_info p {
	display: inline-block;
	margin: 0;
}
#dialog_info_req_lst_karavan_info p:after {
	content: "\2022";
	font: bold 18px Arial;
	margin: 0 5px;
}
#dialog_info_req_lst_karavan_info p:last-child:after {
	content: "";
	margin: 0;
}
#dialog_info_req_lst_karavan_info .shiptype_name .value {
/*font: normal 14px Arial;*/
	font-weight: normal;
}

/* попередні проводки */
#dialog_info_req_lst_prev_pilotages {
	font-size: 90%;
}
#dialog_info_req_lst_prev_pilotages p {
	border-bottom: 1px solid #cccccc;
	padding-bottom: 3px;
	margin-bottom: 3px;
}
#dialog_info_req_lst_prev_pilotages p:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
#dialog_info_req_lst_prev_pilotages .time:after, #dialog_info_req_lst_prev_pilotages .kuda_moor_name:after {
	content: "\2022";
	font: bold 18px Arial;
	margin: 0 5px;
	color: #666666;
}
#dialog_info_req_lst_prev_pilotages p span {
	margin-right: 5px;
}
#dialog_info_req_lst_prev_pilotages p span:last-child {
	margin-right: 0;
}

#dialog_info_req_lst_prev_pilotages .ship_name .value {
	font-size: 17px;
}
#dialog_info_req_lst_prev_pilotages .date {
	font-family: osw_500;
}
#dialog_info_req_lst_prev_pilotages .otkuda_port_name, #dialog_info_req_lst_prev_pilotages .otkuda_moor_name,
#dialog_info_req_lst_prev_pilotages .kuda_port_name, #dialog_info_req_lst_prev_pilotages .kuda_moor_name {
	color: #075c5c;
}
#dialog_info_req_lst_prev_pilotages .otkuda_port_name, #dialog_info_req_lst_prev_pilotages .kuda_port_name {
	font-weight: bold;
}
#dialog_info_req_lst_prev_pilotages p span.time, #dialog_info_req_lst_prev_pilotages p span.kuda_moor_name {
	margin-right: 0;
}
#dialog_info_req_lst_prev_pilotages .separator:after {
	content: " ► ";
	color: #075c5c;
}
#dialog_info_req_lst_prev_pilotages .pilot {
	display: inline-block;
}
#dialog_info_req_lst_prev_pilotages .pilot span span:first-child {
	display: none;
}
#dialog_info_req_lst_prev_pilotages .pilot span span:last-child {
	background: none;
	color: #000;
	font-family: osw_500;
}

/* ====================== */
/* 2023-12-25 Перенесено из временного logreq */
/** заголовки в таблице инфо из заявки */
.tbl_info_th_read_only{
    background: #eee !important;
    text-align-last: left;
}
/** дата в заявке или уточненная агентом, или уточненная диспетчером в НЕ подвержденной заявке 
* красный
*/
.date_not_confirmed{
    color:red;
}
/** дата в заявке или уточненная агентом, или уточненная диспетчером в подвержденной заявке 
* зеленый на белом фоне
*/
.date_confirmed{
    /*background-color: #ffffff;*/
    color:#009403;
    font-weight:bold;
}
/** дата в заявке или уточненная агентом, или уточненная диспетчером в заявке отмеченной в планируемую  
* желтый на зеленом фоне
*/
.date_is_planned {
	padding: 2px 2px 0px;
    background-color: #009403;
    color:yellow;
    font-weight:bold;
}
/** иконка часиков в колонке is_planned
* желтый на зеленом фоне
*/
.icon_in_field_is_planned{
    background-color: #009403;
    color:yellow;
    font-weight:bold;
    padding: 2px;
    border-radius: 11px;
    margin: 0px;
    font-size: larger;
}
/** иконка часиков в колонке is_planned - не планируется
* крестик - красный
*/
.icon_in_field_is_not_planned{
    text-align: center;
    padding-right: 1px;
    color: #888888;
    /* text-shadow: 0px 0px 1px red; */
    font-size: larger;
}
/** дата в заявке уточненная диспетчером в заявке, но АГЕНТ УТОЧНИЛ ВРЕМЯ после уточнеий диспетчером
* серый на белом фоне
*/
.date_upd_agent_after_disp{
    background-color: #ffffff;
    color:gray;
    font-weight:bold;
}
/** классы для статусов - используется пока только в инфо окне 
* НЕ ОТПРАВЛЕНА
*/
.status_not_sended{
    font-size: 12px;
    line-height: 16px;
    /* display: table-caption; */
    color: red;
    font-weight: bold;
    letter-spacing: 1px;
    margin-left: -4px;
    text-shadow: 0px 0px 0px black;
}
/** ДЕЙСТВУЕТ */
.status_active{
    width: 101px;
    background-color: #ffff0059;
    height: 66px;
}
/** В ПРОВОДКЕ */
.status_in_prov{
    width: 101px;
    background-color: #ff984799;
    height: 83px;
}
/** ВЫПОЛНЕНА */
.status_completed{
    width: 101px;
    background-color: deepskyblue;
    height: 66px;
}
/** ОТМЕНЕНА */
.status_canceled{
    width: 101px;
    background-color: gray;
    height: 60px;
    color:#ffffff
}
.frm_colmn_hdr_req_info{
    /* background: linear-gradient( 135deg , #f6f7f8 0%,#fff9c0 50%,#f1f5f7 100%); */
    background: none;
}
.frm_colmn_dlg_block{
    width: 300px !important;
}
/** подсказка в инфоокне */
.span_info_help_in_fields{
    /* margin-right: -4px; */
    margin-right: -8px;
    color: #337ab7;
    margin-top:0px;
    font-size: 13pt;
    float: left;
}
/** подсказка в диалоге подтверждения - тут отсутп не экономим */
.span_info_help_in_fields_dlg_confirm{
    /* margin-right: -4px; */
    margin-right: 0px;
    color: #337ab7;
    margin-top:0px;
    font-size: 13pt;
    float: left;
}

.fltr_cell_is_locked{
    text-align:center; padding-right: 1px;color:red;
}
.fltr_cell_is_unlocked{
    text-align:center; padding-right: 1px;color:black;
}


/** этот стиль надо перенести в logreq.css */
/** выпадающий список фильтра  */
#select2-sl2_fltr_is_planned_clock-results{
    max-height: 211px;
    width: 211px;
    background-color: white;
}
/** выпадающий список фильтра БЛОКИРОВКИ - он чуть шире остальных */
#select2-sl2_fltr_is_locked-results{
    max-height: 211px;
    width: 325px;
    background-color: white;
}
/** инфо таблица в сплывающих подсказках flashMsg */
.tbl_info_in_flashmsg{
    background: #e7f6fc !important; 
    color: black;
    text-align-last: left;
    margin-left: auto; 
    margin-right: auto;
}
@media screen and (max-width: 987px) {
    .dialog_info_req{
        max-height: 81vh  !important;
    }
}
/* END */


/* **************************************************** */
/* ПЕРЕНЕСЕНО из <style> со страницы 2024-01-02 */
/** BEGIN (АНДРЕЙ) стили для формы ввода кв-ии ЛС вер.02 

/* подсказки возле полей ввода на форме */
#dlg_edit_prov_2  .wn-icon-info-circle4_fileds {
    margin-top:0px;
    font-size: 13pt;
    color: #539ac2;
    margin-right: -7px;
}
/* подсказки возле полей ввода на форме -  left*/
.wn-icon-info-circle4_fileds_left{
    float:left;
}
/** иконки на кнопках в форме_кв-ий_02: фото, буксиры, комменты  */
.prov_2_icon_btn_right{
    float: right;
    margin-right: -17px;
}

/* END 2024-01-02 (АНДРЕЙ) */
/* ****************************************************************************************** */


/* ***************************************************************************************** */
/* --- ОБЩИЕ - DEN --- */
/* ***************************************************************************************** */
button:hover {opacity: .75;}
label {font-weight: normal;}
.label {
	font-size: 100%;
	padding: 0;
	font-weight: normal;
	color: #444;
}
span.label {
	font-family: osw_300;
}
.separator.circle:after {
	content: "\2022";
	font-family: Arial;
	font-weight: bold;
	margin: 0 2px;
}
.separator.triangle_right:after {
    content: " ► ";
    font-size: 13px;
}
.date_confirmed {
    color: #4b7913;
	background: none;
}
.span_2number_4_prov_id { /* 552 */
    letter-spacing: 0;
    font-weight: normal;
	font-family: osw_500;
}
.footer {display: none;}
.filemtime_css {display: none;} /* для отладки в перегляді заявок */

/* ******************************************************************* */
/* --- СТРАНИЦА ЛОГИНА - DEN --- */
/* ******************************************************************* */
.page-account .footer {display: none;}
.page-account .frm_colmn_grp_cont button {
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 8px 12px;
	background: #eeeeee;
	font-size: 16px;
	border: 1px solid #aaaaaa;
	border-radius: 4px;
}
.page-account #partialUserResetForm #frm_colmn {
	margin-top: 15px;
	height: auto !important;
}

/* ***************************************************************************************** */
/* --- ЖЗА - DEN --- */
/* ***************************************************************************************** */
/* Задний фон при запущенном jq dialog */
.ui-widget-overlay {
	opacity: .89;
}
/* Меню "нові діючі" и т.д. */
.menu_dop_req {text-align: center; margin: 3px 0;}
.menu_dop_req button {margin: 0 3px;}
/* ЯЧЕЙКА Название судна */
.tabulator-cell[tabulator-field="ship_name"] {text-align: left;}
/* скрываем кнопку инфо-окна для ДИСПЕТЧЕРОВ */
.code_grp_dispetchera-ls .tabulator-cell[tabulator-field="ship_name"] .btn_in_tabulator_get_lider_list {
	display: none;
}
/* размер иконки-фильтра */
.tabulator-cell[tabulator-field="ship_name"] .wn-icon-filter {font-size: 12px;}
/* название судна */
.tabulator-cell[tabulator-field="ship_name"] p {
	margin-top: -3px !important;
	margin-left: 0 !important;
}
.tabulator-cell[tabulator-field="ship_name"] p a:nth-child(2) {
	font-size: 16px;
	color: #0072bc !important;
	line-height: 1;
}
/* Агент */
.tabulator-cell[tabulator-field="agent_name"] span {
	display: inline-block !important;
	font-size: 12px !important;
	line-height: 1.3 !important;
	color: #496c81;
}
/* Дата-время заявки */
.tabulator-cell[tabulator-field="otkuda_datetime_all"] .time {
	font-family: osw_500;
	font-size: 16px;
	font-weight: normal !important;
}
.tabulator-cell[tabulator-field="otkuda_datetime_all"] .date {
	margin-right: 0;
	font-family: osw_300;
	font-size: 15px;
	font-weight: normal !important;
}

/* Откуда - куда */
.tabulator-cell[tabulator-field="otkuda_port_name"] .btn_in_tabulator_get_lider_list {
	display: none; /* 2024-03-20 ПЛОТНО ЗАЙМЕМСЯ ЛИДИРОВАНИЕМ, КАК ТОЛЬКО ОНО ХОТЬ РАЗ СЛУЧИТСЯ) */
}
.tabulator-cell[tabulator-field="otkuda_port_name"],
.tabulator-cell[tabulator-field="kuda_port_name"] {
	line-height: 1.2;
}
.tabulator-cell[tabulator-field="otkuda_port_name"] {
	background-color: rgba(135, 206, 250, 0.314);
}
.tabulator-cell[tabulator-field="otkuda_port_name"] p,
.tabulator-cell[tabulator-field="kuda_port_name"] p {
	margin: 0; 
	padding: 0;
	line-height: 1.2;
}
.tabulator-cell[tabulator-field="otkuda_moor_name"],
.tabulator-cell[tabulator-field="kuda_moor_name"] {
	font-size: 13px;
	text-align: center;
	line-height: 1.1;
}
.tabulator-cell[tabulator-field="otkuda_port_name"] .port_unctad_UABST, /* БЫСТРОЕ */
.tabulator-cell[tabulator-field="kuda_port_name"] .port_unctad_UABST {
	font-weight: bold;
	color: #0b5bb5;
}
.tabulator-cell[tabulator-field="otkuda_port_name"] .port_unctad_UACTL, /* ЧАТАЛ */
.tabulator-cell[tabulator-field="kuda_port_name"] .port_unctad_UACTL {
	font-weight: bold;
	color: #b30000;
}
.tabulator-cell[tabulator-field="otkuda_port_name"] .port_unctad_UARNI, /* РЕНИ */
.tabulator-cell[tabulator-field="kuda_port_name"] .port_unctad_UARNI {
	color: #af6300;
}
.tabulator-cell[tabulator-field="otkuda_port_name"] .port_unctad_UAKIA, /* КИЛИЯ */
.tabulator-cell[tabulator-field="kuda_port_name"] .port_unctad_UAKIA {
	color: #69008c;
}
.tabulator-cell[tabulator-field="otkuda_port_name"] .port_unctad_UAIZM, /* Измаил */
.tabulator-cell[tabulator-field="kuda_port_name"] .port_unctad_UAIZM {
	color: #547700;
}
/* предыдущий порт-причал при изменении */
.port_moor_otkuda_kuda_prev {
	font-size: 11px;
	text-decoration: line-through;
	line-height: 1.1;
	color: #aaaaaa;
}

/* Лоцман */
.tabulator-cell[tabulator-field="pilot_name"] {
	line-height: 1.2;
	text-align: left;
}
.tabulator-cell[tabulator-field="pilot_name"] span {text-align-last: auto !important;}
/* Прибув/Вибув */
.tabulator-cell[tabulator-field="prov_last_dttm_pribil_ubil_html"] {
	text-align: center;
	line-height: 1.4;
}
.tabulator-cell[tabulator-field="prov_last_dttm_pribil_ubil_html"] p {
	margin: 0;
	padding: 0;
}
.tabulator-cell[tabulator-field="prov_last_dttm_pribil_ubil_html"] .date {margin-right: 6px;}
.tabulator-cell[tabulator-field="prov_last_dttm_pribil_ubil_html"] .time {font-weight: bold;}
.tabulator-cell[tabulator-field="prov_last_dttm_pribil_ubil_html"] .otkuda {color: #0b5394;}
.tabulator-cell[tabulator-field="prov_last_dttm_pribil_ubil_html"] .kuda {color: #b45f06;}
/* Проведення стовчик */
.tabulator-cell[tabulator-field="prov_id"] button {
	border: 1px solid #888;
	border-radius: 3px;
}
/* Примітки */
.tabulator-cell[tabulator-field="status_notes"],
.tabulator-cell[tabulator-field="status_notes_common"],
.tabulator-cell[tabulator-field="req_notes_agent"] {
	font-size: 13px;
	font-style: italic;
	line-height: 1.2;
	text-align: left;
	text-align-last: left !important;
}
/* Редакторы */
.tabulator-cell[tabulator-field="user_name_sended"],
.tabulator-cell[tabulator-field="user_name_upd"] {
	text-align: center;
	text-align-last: center !important;
	line-height: 1.1;
}
/* Footer */
.footer .copyright br {display: none;}
.footer .copyright .wn-icon-envelope {margin-left: 15px;}
/* ЖЗА ЛОЦМАНА */
.code_grp_locmana-pls .tabulator-cell[tabulator-field="ship_name"] {text-align: left;}
.code_grp_locmana-pls .tabulator-cell[tabulator-field="prov_id"] {
	line-height: 1.2;
}
.code_grp_locmana-pls .tabulator-cell[tabulator-field="prov_id"] .btn_prov_in_cell {
	margin-top: 3px !important;
}
.code_grp_locmana-pls .tabulator-cell[tabulator-field="prov_id"] button.btn_new_prov {
	padding-top: 5px;
	padding-bottom: 5px;
	background: #c5d3e2;
	font-size: 11px;
	text-transform: uppercase;
}
/* Диалог - Закрытие диалога проводки */
.dlg_prov_close .btn_save_close {background: #cdf198;}
.dlg_prov_close .btn_no_save_close {background: #fdd68c;}

@media screen and (max-width: 530px) {
	.dlg_prov_close .ui-dialog-buttonset {text-align: center;}
	.dlg_prov_close .ui-dialog-buttonset button {
		width: 280px;
		max-width: 90%;
	}
	.code_grp_locmana-pls .footer {display: none;}
}


/* ***************************************************************************************** */
/* ФОРМА ПРОВОДКИ v2 - BEGIN*/
/* ***************************************************************************************** */

/* загальне */
.dlg_edit_prov_2 {
	width: auto !important;
}
@media screen and (max-width: 400px) {
	.dlg_edit_prov_2 {
		width: 100% !important;
		min-width: 319px;
	}
}
#dlg_edit_prov_2 {
	min-width: 310px;
	max-width: 400px;
	/*width: 320px;*/
	padding: 3px;
	margin: 0 auto;
	font-family: Osw_400;
	font-size: 16px;
	color: #333333;
	line-height: 1;
}
#dlg_edit_prov_2 p {
	margin: 0;
	padding: 0;
	line-height: 1;
}
#dlg_edit_prov_2 label {
	font-weight: normal;
}
/*
#dlg_edit_prov_2 span {
	display: inline-block;
}
*/
/*
#dlg_edit_prov_2 input {
	padding: 2px 3px;
	border: 1px solid #aaa;
	border-radius: 4px;
}
*/
#dlg_edit_prov_2 textarea {
	padding: 2px 6px;
	width: 100%;
	font-family: osw_300;
	font-size: 16px;
	border: 1px solid #b9b9b9;
	border-radius: 6px;
}
/*
#dlg_edit_prov_2 select {
	padding: 3px 1px 3px;
	background: #fff;
	font-family: osw_400;
	font-size: 16px;
	color: #333333;
	line-height: 1;
	border: 1px solid #aaa;
	border-radius: 4px;
}
*/
#dlg_edit_prov_2 hr {
	border: none;
	border-top: 1px solid #b9b9b9;
	margin: 10px -5px;
}
#dlg_edit_prov_2 button {
	padding: 6px 7px 8px;
	font-family: osw_300;
	font-size: 16px;
	line-height: 1;
	border: none;
	border-radius: 6px;
	cursor: pointer;
}
#dlg_edit_prov_2 button:hover {
	opacity: .75;
}
#dlg_edit_prov_2 input[type="checkbox" i] {
	position: relative;
	bottom: -1px;
	margin: 0;
	width: 20px;
	height: 20px;
}
#dlg_edit_prov_2 .not_valid {
	background: #fd0000 !important;
	color: #ffffff;
	font-weight: normal;
}
#dlg_edit_prov_2 .frm_colmn_dlg_2 {
	margin-top: 10px;
	border: 1px solid #b9b9b9;
	border-radius: 6px;
}
#dlg_edit_prov_2 .frm_colmn_dlg_2:first-child {
	margin-top: 0;
}
#dlg_edit_prov_2 .frm_colmn_hdr_2 {
	background: #3d5976;
	padding: 4px 5px 6px 5px;
	border-radius: 6px 6px 0 0;
	font-size: 17px;
	color: #fff;
}
#dlg_edit_prov_2 .frm_colmn_hdr_2 .sect_num {
	font-family: Osw_700;
}
#dlg_edit_prov_2 .wn-icon-info-circle_2:after {
	content: "i";
	color: #fff;
	font: bold 16px Arial;
}
#dlg_edit_prov_2 .wn-icon-info-circle_2 {
	display: inline-block;
	position: relative;
	bottom: 2px;
	padding: 0px 7px 0px;
	border-radius: 11px;
	cursor: pointer;
}
#dlg_edit_prov_2 .wn-icon-info-circle_2:hover {
	opacity: .75;
}
#dlg_edit_prov_2 .wn-icon-info-circle_2.grey {
	background: #6c6c6c;
}
#dlg_edit_prov_2 .wn-icon-info-circle_2.white {
	background: #fff;
}
#dlg_edit_prov_2 .wn-icon-info-circle_2.white:after {
	color: #3d5976;
}
#dlg_edit_prov_2 .wn-icon-info-circle_2.blue {
	background: #3d5976;
}
#dlg_edit_prov_2 span.label {
	padding: 0;
	color: #555;
	font-family: osw_300;
	font-size: 16px;
	font-weight: normal;
}
#dlg_edit_prov_2 span.label:after {
	content: ":";
}
#dlg_edit_prov_2 .separator.circle:after {
	content: "\2022";
	font: bold 18px Arial;
}
#dlg_edit_prov_2 .separator.ring:after {
	content: "\25E6";
	font: bold 18px Arial;
}
#dlg_edit_prov_2 .separator.triangle_right:after {
	content: " ► ";
	font-size: 13px;
}
#dlg_edit_prov_2 .separator.triangle_left:after {
	content: " ◄ ";
	font-size: 13px;
}
#dlg_edit_prov_2 .separator.triangle_down:after {
	position: relative;
	bottom: 1px;
	content: " ▼ ";
	font-size: 13px;
}
#dlg_edit_prov_2 .separator.triangle_up:after {
	position: relative;
	bottom: 1px;
	content: " ▲ ";
	font-size: 13px;
}
#dlg_edit_prov_2 .ship_name {
	font-family: osw_500;
	color: #164e7d;
	text-transform: uppercase;
}
#dlg_edit_prov_2 .ship_type {
	color: 6c6c6c;
	text-transform: uppercase;
}
#dlg_edit_prov_2 .otkuda_port_name,
#dlg_edit_prov_2 .kuda_port_name {
	font-family: osw_500;
}

.frm_colmn_grp_cont_2 {
	padding: 5px;
}
#dlg_edit_prov_2 .date_confirmed {
	font-weight: normal;
	font-family: osw_500;
	background: none;
}

/* [1] інфо із заявки */
#dlg_edit_prov_2 .frm_colmn_dlg_2.section_1 {
	background: #efefef;
}
/* шапка */
#dlg_edit_prov_2 .frm_colmn_dlg_2.section_1 .frm_colmn_hdr_2 {
	background: #cecece;
	color: #6c6c6c;
} 
#dlg_edit_prov_2 .frm_colmn_hdr_2 .wn-icon-info-circle_2 {
	float: right;
}
/* тіло */
#dlg_edit_prov_2 #req_main .line.num_1, 
#dlg_edit_prov_2 #req_main .line.num_2 {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
}
#dlg_edit_prov_2 #req_main .ship_name {
	font-size: 19px;
}
#dlg_edit_prov_2 #req_main .imo {
	width: 87px;
	text-align: right;
}
#dlg_edit_prov_2 #req_main .ship_type {
	font-size: 14px;
}
#dlg_edit_prov_2 #req_main .draught {
	color: #8c0023;
}
#dlg_edit_prov_2 #req_main .agent {
	margin-top: 1px;
	font-size: 16px;
	/*text-align: center;*/
}
#dlg_edit_prov_2 #req_main .agent .value {
	color: #2f3e4d;
	font-family: osw_500;
}

/* квитанції */
#dlg_edit_prov_2 #kvit_list {
	margin-top: 8px;
}
#dlg_edit_prov_2 #kvit_list .kvit {
	margin: 5px 0 0;
	padding: 0;
	background: #51769b;
	color: #fff;
	font-family: osw_300;
	border-radius: 5px;
}
#dlg_edit_prov_2 #kvit_list .kvit.selected_prov {
	border: 2px solid #ff4000;
	margin-left: -2px;
	margin-right: -2px;
}
#dlg_edit_prov_2 #kvit_list .kvit:hover {
	opacity: .75;
	cursor: pointer;
}
#dlg_edit_prov_2 #kvit_list .kvit .line,
#dlg_edit_prov_2 #kvit_list .kvit.new_kvit {
	padding: 3px 5px 5px;
}
#dlg_edit_prov_2 #kvit_list .kvit_number {
	font-family: osw_200;
	font-size: 13px;
	color: #dddddd;
}
#dlg_edit_prov_2 #kvit_list .line.num_1 {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
}
#dlg_edit_prov_2 #kvit_list .line.num_2 {
	text-align: center;
	background: #5b83aa;
	color: #eeebbb;
	font-size: 14px;
	border-radius: 0 0 5px 5px;
}
#dlg_edit_prov_2 #kvit_list .line.num_2 p {
	display: inline-block;
}
#dlg_edit_prov_2 #kvit_list .line.num_2 .separator {
	color: #fff;
}
#dlg_edit_prov_2 #kvit_list .new_kvit {
	text-align: center;	
}

/* Заявка звідки-куди-коли */
#dlg_edit_prov_2 #req_details {
	margin-top: 8px;
}
#dlg_edit_prov_2 #req_details .line {
	display: flex;
	margin-top: 5px;
	font-size: 17px;
}
#dlg_edit_prov_2 #req_details .line .label {
	width: 50px;
	text-align: left;
}
#dlg_edit_prov_2 #req_details .otkuda .value {
	color: #3c620f;
}
#dlg_edit_prov_2 #req_details .kuda .value {
	color: #7b4a0f;
}

/* караван */
#dlg_edit_prov_2 #prov_2_info_req_karavan h3 {
	margin: 8px -5px 5px;
	padding: 3px 5px 4px;
	background: #d2dae3;
	text-align: center;
	font-family: osw_200;
	font-size: 12px;
	color: #6c6c6c;
	text-transform: uppercase;
}
#dlg_edit_prov_2 #prov_2_info_req_karavan h3 p {
	display: block;
}
#dlg_edit_prov_2 #prov_2_info_req_karavan .line {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-end;
	border-bottom: 1px solid #d7d7d7;
	margin-bottom: 3px;
	padding-bottom: 3px;
	line-height: 1.1;
}
#dlg_edit_prov_2 #prov_2_info_req_karavan .line:last-child {
	border: none;
}
#dlg_edit_prov_2 #prov_2_info_req_karavan .ship_name {
	flex-grow: 1;
	font-family: osw_500;
	font-size: 13px;
	padding-right: 4px;
}
#dlg_edit_prov_2 #prov_2_info_req_karavan .ship_type {
	width: 85px;
	min-width: 85px;
	text-align: left;
	font-size: 12px;
}
#dlg_edit_prov_2 #prov_2_info_req_karavan .dimentions {
	width: 70px;
	min-width: 70px;
	font-size: 12px;
	text-align: right;
}
#dlg_edit_prov_2 #prov_2_info_req_karavan .dimentions .separator {
	line-height: .5;
}
#dlg_edit_prov_2 #prov_2_info_req_karavan .dimentions .draught {
	color: #b3002d;
}

/* кнопка показати-сховати */
#dlg_edit_prov_2 .button.req_details {
	padding: 3px 5px;
	color: #6c6c6c;
	text-align: center;
	background: #cecece;
	border-radius: 0 0 6px 6px;
	cursor: pointer;
    /* чтобы уместить две кнопки внизу блока   */
    /*
    width: 50%;
    display: inline-block;
    box-shadow: 1px 0px 1px #adacac;
    line-height: 17px;
    */
}
/* кнопка показати-сховати предыдущие кв-ии ЛС */
#dlg_edit_prov_2 .button.prov_previous {
	padding: 3px 5px;
	color: #6c6c6c;
	text-align: center;
	background: #cecece;
	border-radius: 0 0 6px 6px;
	cursor: pointer;
    /* чтобы уместить две кнопки внизу блока   */
    width: 50%;
    display: inline-block;
    box-shadow: 1px 0px 1px #adacac;
    /*float: right;*/
    line-height: 17px;
}


/* [2] КВИТАНЦІЯ */
#dlg_edit_prov_2 .frm_colmn_dlg_2.section_2 {
	background: #fdf4dd;
}
#dlg_edit_prov_2 .frm_colmn_dlg_2.section_2 div.line {
	margin: 0 0 5px;
	/*text-align: center;*/
}
#dlg_edit_prov_2 .frm_colmn_dlg_2.section_2 div.line .label {
	margin-right: 3px;
}
#dlg_edit_prov_2 .frm_colmn_dlg_2.section_2 div.line:last-child {
	margin-bottom: 0px;
}
#dlg_edit_prov_2 .frm_colmn_dlg_2.section_2 #kvit_pilots {
	margin-top: 5px;
}
#dlg_edit_prov_2 .frm_colmn_dlg_2.section_2 #kvit_pilots .line {
	display: flex;
	justify-content: start;
	align-items: center;
}
#dlg_edit_prov_2 .frm_colmn_dlg_2.section_2 #kvit_pilots .label {
	width: 85px;
	text-align: right;
	margin-right: 3px;
}
#dlg_edit_prov_2 .frm_colmn_dlg_2.section_2 #kvit_pilots .value {
	text-align: left;
	margin-left: 3px;
}
#dlg_edit_prov_2  #kvit_pilots .wn-icon-info-circle4_fileds {
	margin-left: 10px;
}

#dlg_edit_prov_2 .frm_colmn_dlg_2.section_2 #otkuda_kuda {
	display: flex;
	margin-top: 10px;
	margin-bottom: 10px;
}
#dlg_edit_prov_2 .frm_colmn_dlg_2.section_2 #otkuda_kuda div {
	position: relative;
	width: 50%;
}
#dlg_edit_prov_2 .frm_colmn_dlg_2.section_2 #otkuda_kuda button {
	min-height: 46px;
	margin-bottom: 6px;
	padding: 6px 4px;
	width: 100%;
	font-family: osw_400;
	font-size: 17px;
	color: #fff;
}
#dlg_edit_prov_2 .frm_colmn_dlg_2.section_2 .otkuda button {
	background: #3c620f;
}
#dlg_edit_prov_2 .frm_colmn_dlg_2.section_2 .kuda button {
	background: #7b4a0f;
}
#dlg_edit_prov_2 .frm_colmn_dlg_2.section_2 #otkuda_kuda .otkuda {
	padding-right: 5px;
	border-right: 1px solid #bbbbbb;
}
#dlg_edit_prov_2 .frm_colmn_dlg_2.section_2 #otkuda_kuda .kuda {
	padding-left: 5px;
}
#dlg_edit_prov_2 .frm_colmn_dlg_2.section_2 #otkuda_kuda input[type="datetime-local"] {
	margin-bottom: 5px;
	padding: 2px 3px;
	width: 100%;
    min-width: 141px;
	max-height: 32px;
	background: #fff;
	font-family: osw_400;
	font-size: 16px;
	border: 1px solid #aaa;
	border-radius: 4px;
	/*color: #333333;*/
}
#dlg_edit_prov_2 .frm_colmn_dlg_2.section_2 #otkuda_kuda .title {
	text-align: center;
	margin: 2px 0 3px;
	font-size: 14px; 
	text-transform: uppercase;
	color: #777;
}
#dlg_edit_prov_2 .frm_colmn_dlg_2.section_2 #otkuda_kuda .title .wn-icon-info-circle_2 {
	display: none;
	position: relative;
	bottom: 1px;
}
#dlg_edit_prov_2 .frm_colmn_dlg_2.section_2 #otkuda_kuda select {
	width: 100%;
	margin-bottom: 6px;
}
#dlg_edit_prov_2 .frm_colmn_dlg_2.section_2 #otkuda_kuda select:last-child {
	margin-bottom: 0;
}
#dlg_edit_prov_2 .frm_colmn_dlg_2.section_2 #otkuda_kuda .port {
	font-family: osw_500;
	text-transform: uppercase;
}
#dlg_edit_prov_2 .frm_colmn_dlg_2.section_2 .line.draughts {
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
}
#dlg_edit_prov_2 .frm_colmn_dlg_2.section_2 .line.draughts > span {
	margin-right: 30px;
}
#dlg_edit_prov_2 .frm_colmn_dlg_2.section_2 .line.draughts > span:last-child {
	margin-right: 0;
}
#dlg_edit_prov_2 .frm_colmn_dlg_2.section_2 .line.draughts .wn-icon-info-circle_2 {
	/*display: none;*/
	position: relative;
	top: 2px;
	height: 17px;
}
#dlg_edit_prov_2 .frm_colmn_dlg_2.section_2 .line.draughts input {
	width: 35px;
	font-family: osw_500;
	font-size: 15px;
	text-align: center;
	border: 1px solid #aaa;
    border-radius: 4px;
}

/* Кнопки загрузки фоток, буксиры, комменты */
#dlg_edit_prov_2 .box_open_close {
	position: relative;
}
#dlg_edit_prov_2 .btn_open_close {
	position: relative;
}
#dlg_edit_prov_2 .btn_open_close button {
	display: block;
	padding-right: 23px;
	width: 100%;
	margin-bottom: 6px;
	background: #5f7675;
	text-align: center;
	color: #fff;
	border-radius: 6px;
}
#dlg_edit_prov_2 .btn_open_close button.opened {
	margin-bottom: 0;
	border-radius: 6px 6px 0 0;
}
#dlg_edit_prov_2 .btn_open_close .indicator_filled {
	position: absolute;
	right: 6px;
	top: 7px;
	padding: 1px 3px;
	background: #fff;
	color: #5f7675;
	border-radius: 3px;
	font-size: 13px;
	font-family: osw_500;
}
#dlg_edit_prov_2 .content_open_close {
	margin-bottom: 10px;
	padding: 5px 5px 7px;
	background: #fefbf3;
	border: 1px solid #b9b9b9;
	border-top: none;
	border-radius: 0 0 6px 6px;
}

#dlg_edit_prov_2 .box_open_close.comments p.title {
	margin-bottom: 4px;
	color: #777777;
	font-family: osw_300;
	font-size: 15px;
}
#dlg_edit_prov_2 .frm_colmn_dlg_2.section_2 textarea.comment_kvit {
	margin-bottom: 10px;
}
#dlg_edit_prov_2 .tugs_container div.line:last-child {
	margin-bottom: 0px;
}

/* Кнопки сохранения и т.д. */
#dlg_edit_prov_2 .frm_colmn_dlg_2.section_2 .buttons {
	text-align: center;
}
#dlg_edit_prov_2 .frm_colmn_dlg_2.section_2 .buttons button {
	padding: 6px 7px 8px;
	background: #3d73af;
	font-family: osw_300;
	font-size: 16px;
	color: #fff;
}

/* СКРЫТОЕ */
#dlg_edit_prov_2 .hidden {
	display: none;
}

/* OVERRIDE на код Андрея */
#dlg_edit_prov_2 .not_valid_warning {
	font-weight: normal;
}
#dlg_edit_prov_2 .select2-container .select2-selection--single .select2-selection__rendered {
	line-height: 1.5;
	padding-bottom: 2px;
	border-radius: 3px;
}
#dlg_edit_prov_2 #kvit_pilots .select2-container {
	width: 170px !important;
}
#dlg_edit_prov_2 #kvit_pilots .select2-container .select2-selection {
	padding: 4px 0;
}
#dlg_edit_prov_2 #kvit_pilots .select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 4px;
	line-height: 1;
}
#dlg_edit_prov_2 .span_pilot_n_smena_not_work_day,
#dlg_edit_prov_2 .span_pilot_n_smena_work_day {
	/* padding: 2px !important; */
	text-shadow: none;
	line-height: 1.2;
	color: #fff;
}
#dlg_edit_prov_2 .span_pilot_n_smena_not_work_day {
	background: #b30000;
}
#dlg_edit_prov_2 .span_pilot_n_smena_not_work_day_2half_in_req {
	font-weight: normal;
	background-color: #145ac2;
}
#dlg_edit_prov_2 #kvit_list .span_pilot_n_smena_not_work_day_in_req {
	color: #ffe1ce;
}
#dlg_edit_prov_2 #otkuda_kuda .select2-container {
	width: 100% !important;
	margin-bottom: 5px;
}
#dlg_edit_prov_2 #kvit_pilots .label.not_valid {
	background: none !important;
	font-family: osw_500;
	color: #b30000;
}

/* убираем сомнительные подсказки */
#dlg_edit_prov_2 .draughts .wn-icon-info-circle,
#dlg_edit_prov_2 .pilot_1_podvahta .wn-icon-info-circle,
#dlg_edit_prov_2 .pilot_2 .wn-icon-info-circle,
#dlg_edit_prov_2 #otkuda_kuda .wn-icon-info-circle {
	display: none;
}

/* OVERRIDE на ВСТРОЕННЫЕ в элементы стили. Нужно убрать встроенные стили */
#dlg_edit_prov_2 p.ship_name span {
	color: #164e7d !important;
	font-weight: normal !important;
	text-shadow: none !important;
}
#dlg_edit_prov_2 #req_details .date_time .value .date > span,
#dlg_edit_prov_2 #req_details .date_time .value .time > span {
	display: inline-block !important;
}

/* -------------------------*/
/* END Новая квитанция v2 */
/* -------------------------*/

/* ***************************************************************************************** */
/* PROV v3 - BEGIN - форма проводки */
/* ***************************************************************************************** */

/* загальне */
.dlg_edit_prov_3 {
	width: auto !important;
	padding: 6px 6px 6px;
	border-radius: 0;
	box-shadow: 0 0 15px #5f5f5f;
}
@media screen and (max-width: 400px) {
	.dlg_edit_prov_3 {
		width: 100% !important;
		min-width: 319px;
		/*padding: 5px 5px 0;*/
	}
}
.dlg_edit_prov_3.ui-widget.ui-widget-content {
	border: none;
}

#dlg_edit_prov_3 {
	min-width: 350px;
	max-width: 450px !important;
	height: auto;
	padding: 0;
	margin: 0 auto;
	font-family: Osw_400;
	font-size: 16px;
	color: #333333;
	line-height: 1;
}
#dlg_edit_prov_3 p {
	margin: 0;
	padding: 0;
	line-height: 1;
}
#dlg_edit_prov_3 label {
	font-weight: normal;
}
#dlg_edit_prov_3 textarea {
	padding: 2px 6px;
	width: 100%;
	font-family: osw_300;
	font-size: 16px;
	border: 1px solid #b9b9b9;
	border-radius: 6px;
}
#dlg_edit_prov_3 hr {
	border: none;
	border-top: 1px solid #b9b9b9;
	margin: 10px -5px;
}
#dlg_edit_prov_3 button {
	padding: 6px 7px 8px;
	font-family: osw_300;
	font-size: 16px;
	line-height: 1;
	border: none;
	border-radius: 6px;
	cursor: pointer;
}
#dlg_edit_prov_3 button:hover {
	opacity: .75;
}
#dlg_edit_prov_3 input[type="checkbox" i] {
	position: relative;
	bottom: -1px;
	margin: 0;
	width: 20px;
	height: 20px;
}
#dlg_edit_prov_3 .not_valid {
	background: #fd0000 !important;
	color: #ffffff;
	font-weight: normal;
}
#dlg_edit_prov_3 .frm_colmn_dlg_2 {
	margin-top: 10px;
	border: 1px solid #b9b9b9;
	border-radius: 6px;
}
#dlg_edit_prov_3 .frm_colmn_dlg_2:first-child {
	margin-top: 0;
}
#dlg_edit_prov_3 .frm_colmn_hdr_2 {
	background: #3d5976;
	padding: 4px 5px 6px 5px;
	border-radius: 6px 6px 0 0;
	font-size: 17px;
	color: #fff;
}
#dlg_edit_prov_3 .frm_colmn_hdr_2 .sect_num {
	font-family: Osw_700;
}
#dlg_edit_prov_3 .wn-icon-info-circle_2:after {
	content: "i";
	color: #fff;
	font: bold 16px Arial;
}
#dlg_edit_prov_3 .wn-icon-info-circle_2 {
	display: inline-block;
	position: relative;
	bottom: 0px;
	padding: 0px 7px 0px;
	border-radius: 11px;
	cursor: pointer;
}
#dlg_edit_prov_3 .wn-icon-info-circle_2:hover {
	opacity: .75;
}
#dlg_edit_prov_3 .wn-icon-info-circle_2.grey {
	background: #6c6c6c;
}
#dlg_edit_prov_3 .wn-icon-info-circle_2.white {
	background: #fff;
}
#dlg_edit_prov_3 .wn-icon-info-circle_2.white:after {
	color: #3d5976;
}
#dlg_edit_prov_3 .wn-icon-info-circle_2.blue {
	background: #3d5976;
}
#dlg_edit_prov_3 span.label {
	padding: 0;
	color: #555;
	font-family: osw_300;
	font-size: 16px;
	font-weight: normal;
}
#dlg_edit_prov_3 span.label:after {
	content: ":";
}
#dlg_edit_prov_3 .separator.circle:after {
	content: "\2022";
	font: bold 18px Arial;
	margin: 0 3px;
}
#dlg_edit_prov_3 .separator.ring:after {
	content: "\25E6";
	font: bold 18px Arial;
}
#dlg_edit_prov_3 .separator.triangle_right:after {
	content: " ► ";
	font-size: 13px;
}
#dlg_edit_prov_3 .separator.triangle_left:after {
	content: " ◄ ";
	font-size: 13px;
}
#dlg_edit_prov_3 .separator.triangle_down:after {
	position: relative;
	bottom: 1px;
	content: " ▼ ";
	font-size: 13px;
}
#dlg_edit_prov_3 .separator.triangle_up:after {
	position: relative;
	bottom: 1px;
	content: " ▲ ";
	font-size: 13px;
}
#dlg_edit_prov_3 .ship_name {
	font-family: osw_500;
	color: #164e7d;
	text-transform: uppercase;
}
#dlg_edit_prov_3 .ship_type {
	color: 6c6c6c;
	text-transform: uppercase;
}
#dlg_edit_prov_3 .otkuda_port_name,
#dlg_edit_prov_3 .kuda_port_name {
	font-family: osw_500;
	margin-right: 4px;
}

.frm_colmn_grp_cont_2 {
	padding: 5px;
}
#dlg_edit_prov_3 .date_confirmed {
	font-weight: normal;
	font-family: osw_500;
	background: none;
}

/* [1] ІНФО ІЗ ЗАЯВКИ */
#dlg_edit_prov_3 .frm_colmn_dlg_2.section_1 {
	margin-top: 0;
	background: #efefef;
}
/* Заявка - шапка */
#dlg_edit_prov_3 .frm_colmn_dlg_2.section_1 .frm_colmn_hdr_2 {
	background: #cecece;
	color: #6c6c6c;
} 
#dlg_edit_prov_3 .frm_colmn_hdr_2 .wn-icon-info-circle_2 {
	float: right;
}
/* Заявка - Основная информация */
#dlg_edit_prov_3 #req_main .line {
	margin-top: 5px;
	font-size: 17px;
}
#dlg_edit_prov_3 #req_main .line p {
	display: inline-block;
}
#dlg_edit_prov_3 #req_main .line .label {
	width: 50px;
	text-align: left;
}
#dlg_edit_prov_3 #req_main .line.shipname_dim {
	margin-bottom: 0px;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
}
#dlg_edit_prov_3 #req_main .ship_name {
	font-size: 19px;
}
#dlg_edit_prov_3 #req_main .draught {
	color: #8c0023;
}
#dlg_edit_prov_3 #req_main .agent {
	margin: 1px 0 3px;
	font-size: 16px;
	/*text-align: center;*/
}
#dlg_edit_prov_3 #req_main .agent .label {
	display: none;
}
#dlg_edit_prov_3 #req_main .agent .value {
	color: #8b8b8b;
	font-family: osw_400;
}
#dlg_edit_prov_3 #req_main .line.otkuda,
#dlg_edit_prov_3 #req_main .line.kuda {
	display: inline-block;
}
#dlg_edit_prov_3 #req_main .line.otkuda::after {
	content: " ► ";
	color: #888888;
}
#dlg_edit_prov_3 #req_main .line.otkuda p.label,
#dlg_edit_prov_3 #req_main .line.kuda p.label {
	display: none;
 }
#dlg_edit_prov_3 .line.otkuda .value {
	color: #3c620f;
}
#dlg_edit_prov_3 .line.kuda .value {
	color: #7b4a0f;
}
#dlg_edit_prov_3 #req_main .line.date_time p.label {
	display: none;
}
#dlg_edit_prov_3 #req_main .req-dispatcher-comment {
	margin-top: 0px;
	padding: 3px 5px 5px;
	background: #ffddbb;
	border-radius: 5px;
}
#dlg_edit_prov_3 #req_main .req-dispatcher-comment .label {margin-right: 5px; color: #8c0023;}

/* Заявка - Доп. информация (скрытая) */
#dlg_edit_prov_3 .req_details_container h3 {
	margin: 8px -5px 5px;
	padding: 4px 5px 3px;
	background: #d2dae3;
	text-align: center;
	font-family: arial;
	font-size: 12px;
	color: #6c6c6c;
	text-transform: uppercase;
}
#dlg_edit_prov_3 .req_details_container h3 p {display: block;}
#dlg_edit_prov_3 .req_details_container .frm_colmn_grp_cont {text-align: left !important;}

/* v3 Детальна інформація по судну */
#dlg_edit_prov_3 .req_details_container .label {margin-right: 4px;}
#dlg_edit_prov_3 #dialog_info_req_lst_ship_info {font-size: 110%;}
#dlg_edit_prov_3 #dialog_info_req_lst_ship_info p {line-height: 1.4;}
#dlg_edit_prov_3 #dialog_info_req_lst_ship_info .line p  {
	display: inline-block;
	margin: 0 10px 2px 0;
	padding: 2px 4px;
	border-radius: 4px;
	border: 1px solid #dddddd;
}
#dlg_edit_prov_3 #dialog_info_req_lst_ship_info .line p:last-child {
margin: 0;
}
#dlg_edit_prov_3 .line p {margin: 0 8px 0 0; padding: 0 4px;}
#dlg_edit_prov_3 .line.imo_call p {background: #d7e6f2;}
#dlg_edit_prov_3 .line.draughts p {background: #fbf7e6;}
#dlg_edit_prov_3 .line.dimentions p {background: #ffffff;}
#dlg_edit_prov_3 .line.dw_net_gross p {background: #e8f9f7;}
/* інформація із заявки */
#dlg_edit_prov_3 .req_details_container p {line-height: 1.5;}
#dlg_edit_prov_3 .req_details_container .req-status .value {
	margin-right: 5px;
	padding: 1px 3px;
	border-radius: 3px;
	width: auto;
	height: auto;
	font-size: 14px;
	color: #000;
}
#dlg_edit_prov_3 .req_details_container .req-status .status_active {background: #ffffbf;}
#dlg_edit_prov_3 .req_details_container .req-status .status_completed {background: #a4dcfb;}
#dlg_edit_prov_3 .req_details_container .req-status .status_canceled {background: #cccccc;}
#dlg_edit_prov_3 .req_details_container .req-status .date_is_planned {background: #b8ec1c;}
#dlg_edit_prov_3 .req_details_container .req-status .date_confirmed {background: #cfffbf;}
#dlg_edit_prov_3 .req_details_container .req-status .date_not_confirmed {background: #ffd2d3;}
#dlg_edit_prov_3 .req_details_container .req-route .value {margin-right: 5px; color: #075c5c;}
#dlg_edit_prov_3 .req_details_container .req-route .otkuda_port_name,
#dlg_edit_prov_3 .req_details_container .req-route .kuda_port_name {text-transform: uppercase;}
#dlg_edit_prov_3 .req_details_container .req-route .otkuda_moor_name,
#dlg_edit_prov_3 .req_details_container .req-route .kuda_moor_name {display: inline-block;	font-weight: normal;}
#dlg_edit_prov_3 .req_details_container .req-route .separator:after {content: " ► ";}
#dlg_edit_prov_3 .req_details_container .req-agent-comment .value, #dialog_info_req_lst_req_info .req-dispatcher-comment .value {display: inline-block;}
/* попередні проводки */
#dlg_edit_prov_3 #dialog_info_req_lst_prev_pilotages {
	font-size: 90%;
}
#dlg_edit_prov_3 #dialog_info_req_lst_prev_pilotages p {
	border-bottom: 1px solid #cccccc;
	padding-bottom: 3px;
	margin-bottom: 3px;
}
#dlg_edit_prov_3 #dialog_info_req_lst_prev_pilotages p:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
#dlg_edit_prov_3 #dialog_info_req_lst_prev_pilotages .time:after,
#dlg_edit_prov_3 #dialog_info_req_lst_prev_pilotages .kuda_moor_name:after {
	content: "\2022";
	font: bold 18px Arial;
	margin: 0 5px;
	color: #666666;
}
#dlg_edit_prov_3 #dialog_info_req_lst_prev_pilotages p span {
	margin-right: 5px;
}
#dlg_edit_prov_3 #dialog_info_req_lst_prev_pilotages p span:last-child {
	margin-right: 0;
}

#dlg_edit_prov_3 #dialog_info_req_lst_prev_pilotages .ship_name .value {
	font-size: 17px;
}
#dlg_edit_prov_3 #dialog_info_req_lst_prev_pilotages .date {
	font-family: osw_500;
}
#dlg_edit_prov_3 #dialog_info_req_lst_prev_pilotages .otkuda_port_name,
#dlg_edit_prov_3 #dialog_info_req_lst_prev_pilotages .otkuda_moor_name,
#dlg_edit_prov_3 #dialog_info_req_lst_prev_pilotages .kuda_port_name, 
#dlg_edit_prov_3 #dialog_info_req_lst_prev_pilotages .kuda_moor_name {
	color: #075c5c;
}
#dlg_edit_prov_3 #dialog_info_req_lst_prev_pilotages .otkuda_port_name,
#dlg_edit_prov_3 #dialog_info_req_lst_prev_pilotages .kuda_port_name {
	font-family: osw_600;
	font-weight: normal;
}
#dlg_edit_prov_3 #dialog_info_req_lst_prev_pilotages p span.time,
#dlg_edit_prov_3 #dialog_info_req_lst_prev_pilotages p span.kuda_moor_name {
	margin-right: 0;
}
#dlg_edit_prov_3 #dialog_info_req_lst_prev_pilotages .separator:after {
	content: " ► ";
	color: #075c5c;
}
#dlg_edit_prov_3 #dialog_info_req_lst_prev_pilotages .pilot {
	display: inline-block;
}
#dlg_edit_prov_3 #dialog_info_req_lst_prev_pilotages .pilot span span:first-child {
	display: none;
}
#dlg_edit_prov_3 #dialog_info_req_lst_prev_pilotages .pilot span span:last-child {
	background: none;
	color: #000;
	font-family: osw_500;
}

/* караван */
#dlg_edit_prov_3 .button.karavan {
	margin: 4px 0 8px;
	padding: 5px 5px 6px;
	background: #7891ab;
	text-align: center;
	font-family: osw_300;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
	border-radius: 5px;
}
#dlg_edit_prov_3 #prov_2_info_req_karavan .line {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-end;
	border-bottom: 1px solid #d7d7d7;
	margin-bottom: 3px;
	padding-bottom: 3px;
	line-height: 1.1;
}
#dlg_edit_prov_3 #prov_2_info_req_karavan .line:last-child {
	border: none;
}
#dlg_edit_prov_3 #prov_2_info_req_karavan .ship_name {
	flex-grow: 1;
	font-family: osw_500;
	font-size: 13px;
	padding-right: 4px;
}
#dlg_edit_prov_3 #prov_2_info_req_karavan .ship_type {
	width: 85px;
	min-width: 85px;
	text-align: left;
	font-size: 12px;
}
#dlg_edit_prov_3 #prov_2_info_req_karavan .dimentions {
	width: 70px;
	min-width: 70px;
	font-size: 12px;
	text-align: right;
}
#dlg_edit_prov_3 #prov_2_info_req_karavan .dimentions .separator {
	line-height: .5;
}
#dlg_edit_prov_3 #prov_2_info_req_karavan .dimentions .draught {
	color: #b3002d;
}

/* кнопка показати-сховати */
#dlg_edit_prov_3 .button.req_details {
	padding: 6px 5px;
	color: #6c6c6c;
	text-align: center;
	background: #cecece;
	border-radius: 0 0 6px 6px;
	cursor: pointer;
}
/* кнопка показати-сховати предыдущие кв-ии ЛС */
#dlg_edit_prov_3 .button.prov_previous {
	padding: 3px 5px;
	color: #6c6c6c;
	text-align: center;
	background: #cecece;
	border-radius: 0 0 6px 6px;
	cursor: pointer;
    /* чтобы уместить две кнопки внизу блока   */
    width: 50%;
    display: inline-block;
    box-shadow: 1px 0px 1px #adacac;
    /*float: right;*/
    line-height: 17px;
}

/* квитанції */
#dlg_edit_prov_3 #kvit_list {
	margin-top: 8px;
}
#dlg_edit_prov_3 #kvit_list .kvit {
	margin: 5px 0 0;
	padding: 0;
	background: #51769b;
	color: #fff;
	font-family: osw_300;
	border-radius: 5px;
}
#dlg_edit_prov_3 #kvit_list .kvit.selected_prov {
	border: 2px solid #ff9b6a;
}
#dlg_edit_prov_3 #kvit_list .kvit:hover {
	opacity: .75;
	cursor: pointer;
}
#dlg_edit_prov_3 #kvit_list .kvit .line,
#dlg_edit_prov_3 #kvit_list .kvit.new_kvit {
	padding: 3px 5px 5px;
}
#dlg_edit_prov_3 #kvit_list .kvit_number {
	font-family: osw_200;
	font-size: 13px;
	color: #dddddd;
}
#dlg_edit_prov_3 #kvit_list .line.num_1 {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
}
#dlg_edit_prov_3 #kvit_list .line.num_2 {
	text-align: center;
	background: #5b83aa;
	color: #eeebbb;
	font-size: 14px;
	border-radius: 0 0 5px 5px;
}
#dlg_edit_prov_3 #kvit_list .line.num_2 p {
	display: inline-block;
}
#dlg_edit_prov_3 #kvit_list .line.num_2 .separator {
	color: #fff;
}
#dlg_edit_prov_3 #kvit_list .new_kvit {
	text-align: center;	
}

/* [2] КВИТАНЦІЯ */
#dlg_edit_prov_3 .frm_colmn_dlg_2.section_2 {
	background: #fdf4dd;
	margin-bottom: 6px;
}
#dlg_edit_prov_3 .frm_colmn_dlg_2.section_2 div.line {
	margin: 0 0 5px;
	/*text-align: center;*/
}
#dlg_edit_prov_3 .frm_colmn_dlg_2.section_2 div.line .label {
	margin-right: 3px;
}
#dlg_edit_prov_3 .frm_colmn_dlg_2.section_2 div.line:last-child {
	margin-bottom: 0px;
}
.code_grp_locmana-pls #dlg_edit_prov_3 .frm_colmn_dlg_2.section_2 #prov_2_liders_div {display: none;}
#dlg_edit_prov_3 .frm_colmn_dlg_2.section_2 #kvit_pilots {
	margin-top: 5px;
}
#dlg_edit_prov_3 .frm_colmn_dlg_2.section_2 #kvit_pilots .line {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
#dlg_edit_prov_3 .frm_colmn_dlg_2.section_2 #kvit_pilots .line.pilot_1 {right: -20px;}
#dlg_edit_prov_3 .frm_colmn_dlg_2.section_2 #kvit_pilots .label {
	width: 85px;
	text-align: right;
	margin-right: 3px;
}
#dlg_edit_prov_3 .frm_colmn_dlg_2.section_2 #kvit_pilots .value {
	text-align: left;
	margin-left: 3px;
}
#dlg_edit_prov_3  #kvit_pilots .wn-icon-info-circle4_fileds {
	margin-left: 10px;
	color: #539ac2;
}

#dlg_edit_prov_3 .frm_colmn_dlg_2.section_2 #otkuda_kuda {
	margin-top: 10px;
	margin-bottom: 5px;
	text-align: center;
}
#dlg_edit_prov_3 .frm_colmn_dlg_2.section_2 #otkuda_kuda .kuda {
	margin-top: 10px;
}
#dlg_edit_prov_3 .frm_colmn_dlg_2.section_2 #otkuda_kuda .title {
	display: inline-block;
	width: 45px;
	margin: 0 5px 0 0;
	text-align: right;
	font-size: 14px;
	text-transform: uppercase;
	color: #777;
}
#dlg_edit_prov_3 .frm_colmn_dlg_2.section_2 #otkuda_kuda .title .wn-icon-info-circle_2 {
	display: none;
	position: relative;
	bottom: 1px;
}
#dlg_edit_prov_3 .frm_colmn_dlg_2.section_2 #otkuda_kuda select {
	width: 100%;
	margin-bottom: 6px;
}
#dlg_edit_prov_3 .frm_colmn_dlg_2.section_2 #otkuda_kuda select:last-child {
	margin-bottom: 0;
}
#dlg_edit_prov_3 .frm_colmn_dlg_2.section_2 #otkuda_kuda .port {
	font-family: osw_500;
	text-transform: uppercase;
}
#dlg_edit_prov_3 .frm_colmn_dlg_2.section_2 .dod_miles {
	text-align: center;
	margin-bottom: 4px;
}
#dlg_edit_prov_3 .frm_colmn_dlg_2.section_2 .dod_miles select {
	padding: 2px 0 1px 4px;
	border: 1px solid #aaa;
    border-radius: 4px;
}
#dlg_edit_prov_3 .frm_colmn_dlg_2.section_2 .miles {
	text-align: center;
	margin-bottom: 12px;
}
.code_grp_ekonomisty #dlg_edit_prov_3 .frm_colmn_dlg_2.section_2 .dod_miles {
	display: inline-block !important;
	width: 40%;
	text-align: right;
	margin: 3px 0 16px;
}
.code_grp_ekonomisty #dlg_edit_prov_3 .frm_colmn_dlg_2.section_2 .miles {
	display: inline-block;
	padding-left: 15px;
	width: 58%;
	text-align: left;
	margin: 3px 0 16px;
}
#dlg_edit_prov_3 .frm_colmn_dlg_2.section_2 .miles .value {
	font-family: osw_500;
	color: #00468c;
}

#dlg_edit_prov_3 .frm_colmn_dlg_2.section_2 .line.draughts {
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
}
#dlg_edit_prov_3 .frm_colmn_dlg_2.section_2 .line.draughts > span {
	margin-right: 25px;
}
#dlg_edit_prov_3 .frm_colmn_dlg_2.section_2 .line.draughts > span:last-child {
	margin-right: 0;
}
#dlg_edit_prov_3 .frm_colmn_dlg_2.section_2 .line.draughts .wn-icon-info-circle_2 {
	/*display: none;*/
	position: relative;
	top: 2px;
	height: 17px;
}
#dlg_edit_prov_3 .frm_colmn_dlg_2.section_2 .line.draughts input {
	width: 42px;
	font-family: osw_500;
	font-size: 15px;
	text-align: center;
	border: 1px solid #aaa;
    border-radius: 4px;
}
/* Облік часу та прибу-вибув */
#dlg_edit_prov_3 #tsh_prybuv_vybuv {
	margin: 15px 0 15px;
	text-align: center;
	line-height: 1;
}
#dlg_edit_prov_3 #tsh_prybuv_vybuv > div {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 8px;
}
#dlg_edit_prov_3 #tsh_prybuv_vybuv .wn-icon-info-circle {display: none;}
#dlg_edit_prov_3 #tsh_prybuv_vybuv input.form-control {
	margin: 0;
	padding: 6px 4px;
	background: #fff;
	font-family: osw_400;
	font-size: 16px;
	text-align: center;
	border: 1px solid #aaa;
	border-radius: 5px;
}
#dlg_edit_prov_3 #tsh_prybuv_vybuv input.flatpickr {width: 86px; margin-right: 5px;}
.flatpickr-days .flatpickr-day {font-size: 17px;}
#dlg_edit_prov_3 #tsh_prybuv_vybuv input.clockpicker {width: 48px; cursor: pointer;}
#dlg_edit_prov_3 #tsh_prybuv_vybuv input[type="datetime-local"] {
	position: relative;
	bottom: 1px;
	padding: 4px 3px;
	width: 145px;
    min-width: 145px;
	background: #fff;
	font-family: osw_400;
	font-size: 16px;
	border: 1px solid #aaa;
	border-radius: 4px;
	/*color: #333333;*/
}
#dlg_edit_prov_3 #tsh_prybuv_vybuv .timesheet select {
	position: relative;
	width: 140px;
	padding: 5px 0;
	border-radius: 5px;
	font-family: osw_400;
	font-size: 15px;
	border: 1px solid #aaa;
}
#dlg_edit_prov_3 #tsh_prybuv_vybuv .timesheet .icon_watch{
	margin: 0 5px;
	padding: 9px 8px;
	width: auto;
	background: #3c620f;
	color: #fff;
	border-radius: 5px;
	cursor: pointer;
}
#dlg_edit_prov_3 #tsh_prybuv_vybuv .timesheet input[type="datetime-local"] {
	bottom: 0px;
}
#dlg_edit_prov_3 #tsh_prybuv_vybuv .timesheet.tsh_end .icon_watch{
	background: #7b4a0f;
}
@media screen and (max-width: 350px) {
	#dlg_edit_prov_3 #tsh_prybuv_vybuv .timesheet select {
		width: 125px;
	}
	#dlg_edit_prov_3 #tsh_prybuv_vybuv input[type="datetime-local"] {
		width: 130px;
		min-width: 130px;
		font-size: 14px;
	}
}
#dlg_edit_prov_3 #tsh_prybuv_vybuv .prybuv button,
#dlg_edit_prov_3 #tsh_prybuv_vybuv .vybuv button {
	/*margin-bottom: 6px;*/
	margin-right: 5px;
	padding: 8px 4px 9px;
	width: 130px;
	font-family: osw_400;
	font-size: 17px;
	color: #fff;
}
#dlg_edit_prov_3 #tsh_prybuv_vybuv .prybuv button {
	background: #3c620f;
}
#dlg_edit_prov_3 #tsh_prybuv_vybuv .vybuv button {
	background: #7b4a0f;
}


/* Кнопки загрузки фоток, буксиры, комменты */
#dlg_edit_prov_3 .box_open_close {
	position: relative;
}
#dlg_edit_prov_3 .btn_open_close {
	position: relative;
}
#dlg_edit_prov_3 .btn_open_close button {
	display: block;
	padding-right: 23px;
	width: 100%;
	margin-bottom: 6px;
	background: #5f7675;
	text-align: center;
	color: #fff;
	border-radius: 6px;
}
#dlg_edit_prov_3 .btn_open_close button.opened {
	margin-bottom: 0;
	border-radius: 6px 6px 0 0;
}
#dlg_edit_prov_3 .btn_open_close .indicator_filled {
	position: absolute;
	right: 6px;
	top: 7px;
	padding: 1px 3px;
	background: #fff;
	color: #5f7675;
	border-radius: 3px;
	font-size: 13px;
	font-family: osw_500;
}
#dlg_edit_prov_3 .content_open_close {
	margin-bottom: 10px;
	padding: 5px 5px 7px;
	background: #fefbf3;
	border: 1px solid #b9b9b9;
	border-top: none;
	border-radius: 0 0 6px 6px;
}
#dlg_edit_prov_3 .frm_colmn_dlg_2.section_2 .box_open_close.tugs div.line {
	margin-bottom: 8px;
}
#dlg_edit_prov_3 .frm_colmn_dlg_2.section_2 .box_open_close.tugs div.line:last-child {
	margin-bottom: 0px;
}
#dlg_edit_prov_3 .frm_colmn_dlg_2.section_2 .box_open_close.tugs .label {
	display: inline-block;
	position: relative;
	bottom: -2px;
	margin-right: 0;
	width: 70px;
}
#dlg_edit_prov_3 .box_open_close.tugs .select2-container {
	width: 170px !important;
}
#dlg_edit_prov_3 .box_open_close.comments p.title {
	margin-bottom: 4px;
	color: #777777;
	font-family: osw_300;
	font-size: 15px;
}
#dlg_edit_prov_3 .frm_colmn_dlg_2.section_2 textarea.comment_kvit {
	margin-bottom: 10px;
}
#dlg_edit_prov_3 .tugs_container div.line:last-child {
	margin-bottom: 0px;
}

/* Загрузка квитанций */

#dlg_edit_prov_3 .box_open_close.upload_kvit .content_open_close {
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-bottom: 0;
	width: 100%;
	max-width: 440px;
}
#dlg_edit_prov_3 .box_open_close.upload_kvit #upload_message_4newprovodka_not_saved {
	padding: 5px 6px 15px;
	width: 100%;
	text-align: center;
	font-family: osw_500;
	font-size: 18px;
	color: #8c0000;

}
#dlg_edit_prov_3 .box_open_close.upload_kvit .upload_section {
	position: relative;
	margin-bottom: 6px;
	padding: 0 6px 6px;
	width: 49%;
	background: #c2cdcc;
	border-radius: 6px;
}
#dlg_edit_prov_3 .box_open_close.upload_kvit h3 {
	margin: 0 -5px 6px;
    padding: 5px 6px 2px;
    /*background: #799392;*/
    text-align: center;
    font-family: osw_400;
    font-size: 16px;
	font-weight: normal;
    color: #5f7675;
	border-radius: 6px 6px 0 0;
}
#dlg_edit_prov_3 .box_open_close.upload_kvit h3 span {
	display: none;
}
#dlg_edit_prov_3 .box_open_close.upload_kvit .btn_upload {
	margin-bottom: 6px;
	padding: 9px 6px;
	width: 100%;
	background: #1c5e8a;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
}
#dlg_edit_prov_3 .box_open_close.upload_kvit form {margin: 0;}
#dlg_edit_prov_3 .box_open_close.upload_kvit .doc_preview {
	position: relative;
}
#dlg_edit_prov_3 .box_open_close.upload_kvit .doc_preview img {
	width: 100%;
	height: auto;
}
#dlg_edit_prov_3 .box_open_close.upload_kvit .doc_preview button {
	position: absolute;
	bottom: 6px;
	right: 6px;
	padding: 8px 10px;
	background: #1c5e8a;
	font-size: 18px;
	color: #fff;
}
/* АНДРЕЙ все дивы с загрузками фоток, чтобы скрывать или показывать */
#dlg_edit_prov_3 .box_open_close.upload_kvit #upload_kvit {
    /*display: contents;*/
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-bottom: 0;
	width: 100%;
}
#dlg_edit_prov_3 .box_open_close.upload_kvit #upload_kvit > p {
	width: 100%;
	padding: 5px 6px 15px;
	text-align: center;
	font-family: osw_500;
}
/* область загрузки */
#dlg_edit_prov_3 .label_file_upload_button {
    width: 100%;
    font-weight:100;
    font-size: 11pt;
    line-height: 17px;
	border-style: none;
}
#dlg_edit_prov_3 .label_file_upload_button span {
	margin-bottom: 6px;
}
/* фото - загруженное */
#dlg_edit_prov_3 .img_file_upload_button {
    /* max-width: 308px;max-height: 370px; */
    max-width: 100%;
    max-height: 370px;
}
/* кнопка для загрузки  */
#dlg_edit_prov_3 .span_file_upload_button {
    display: block;
    border-radius: 6px;
    padding: 9px 6px;
    width: 100%;
    background: #1c5e8a;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
}
#dlg_edit_prov_3 .span_file_upload_button:hover {
    opacity: .75;
}
#dlg_edit_prov_3 .button_del_file_upload_button {
    position: absolute;
	bottom: 21px;
	left: 15px;
	display: block;
    background: #1c5e8a;
    color: white;
}
#dlg_edit_prov_3 .button_del_file_upload_button i {font-size: 22px;}

/* Кнопки сохранения и т.д. */
#dlg_edit_prov_3 #prov_buttons {
	position: sticky;
	bottom: 0;
	left: 0;
	margin: 0 -6px;
	padding: 12px 0;
	width: 100%;
	text-align: center;
	background: #fff;
}
#dlg_edit_prov_3 #prov_buttons button {
	margin: 0 4px;
	padding: 8px;
	background: #3d73af;
	font-family: Osw_300;
	font-size: 17px;
	color: #fff;
}
#dlg_edit_prov_3 #prov_buttons button:last-child {
	margin-right: 0;
}
#dlg_edit_prov_3 #prov_buttons button i {
	margin-right: 7px;
}
#dlg_edit_prov_3 #prov_buttons button a {color: #fff; text-decoration: none;}
#dlg_edit_prov_3 #prov_buttons #btn_delete_prov_2 {
	background: #660000;
}
#dlg_edit_prov_3 #prov_buttons #btn_save_prov_2 {
	background: #445e13;
}
#dlg_edit_prov_3 #prov_buttons #btn_close_prov_2 {
	background: #666666;
}

/* СКРЫТОЕ */
#dlg_edit_prov_3 .hidden {
	display: none;
}

/* OVERRIDE на код Андрея */
#dlg_edit_prov_3 .not_valid_warning {
	font-weight: normal;
}
#dlg_edit_prov_3 .select2-container .select2-selection--single .select2-selection__rendered {
	line-height: 1.5;
	padding-bottom: 2px;
	border-radius: 3px;
}
#dlg_edit_prov_3 #kvit_pilots .select2-container {
	width: 170px !important;
}
#dlg_edit_prov_3 #kvit_pilots .select2-container .select2-selection {
	padding: 4px 0;
}
#dlg_edit_prov_3 #kvit_pilots .select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 4px;
	line-height: 1;
}
#dlg_edit_prov_3 .span_pilot_n_smena_not_work_day,
#dlg_edit_prov_3 .span_pilot_n_smena_work_day {
	/* padding: 2px !important; */
	text-shadow: none;
	line-height: 1.2;
	color: #fff;
}
#dlg_edit_prov_3 .span_pilot_n_smena_not_work_day {
	background: #b30000;
}
#dlg_edit_prov_3 .span_pilot_n_smena_not_work_day_2half_in_req {
	font-weight: normal;
	background-color: #145ac2;
}
#dlg_edit_prov_3 #kvit_list .span_pilot_n_smena_not_work_day_in_req {
	color: #ffe1ce;
}
#dlg_edit_prov_3 #kvit_pilots .label.not_valid {
	background: none !important;
	font-family: osw_500;
	color: #b30000;
}
/* иконки телефон у агента и знак вопроса в прибув-вибув*/
#dlg_edit_prov_3 button.button_popover_prov_2,
#dlg_edit_prov_3 button.button_popover_prov_2_quiestion {
	margin: 0 3px;
	padding: 2px 5px 2px;
	background: #777777;
	color: #fff;
}

/* убираем сомнительные подсказки */
#dlg_edit_prov_3 .draughts .wn-icon-info-circle,
#dlg_edit_prov_3 .pilot_1_podvahta .wn-icon-info-circle,
#dlg_edit_prov_3 .pilot_2 .wn-icon-info-circle,
#dlg_edit_prov_3 #otkuda_kuda .wn-icon-info-circle {
	display: none;
}

/* OVERRIDE на ВСТРОЕННЫЕ в элементы стили. Нужно убрать встроенные стили */
#dlg_edit_prov_3 p.ship_name span {
	color: #164e7d !important;
	font-weight: normal !important;
	text-shadow: none !important;
}
#dlg_edit_prov_3 #req_details .date_time .value .date > span,
#dlg_edit_prov_3 #req_details .date_time .value .time > span {
	display: inline-block !important;
}

/* Экономисты */
#dlg_edit_prov_3 #kvit_invoice {text-align: center;}
#dlg_edit_prov_3 #kvit_invoice .prov_id_invoice input {width: 100px;}
#dlg_edit_prov_3 #kvit_invoice .kvit_buttons button {
	margin-left: 3px;
	font-family: osw_300;
	color: #fff;
}
#dlg_edit_prov_3 #kvit_invoice .kvit_buttons .btn_izm {background: #3c620f;}
#dlg_edit_prov_3 #kvit_invoice .kvit_buttons .btn_reni {background: #ea6400;}
#dlg_edit_prov_3 #kvit_invoice .wn-icon-info-circle4_fileds {margin-left: 5px; color: #539ac2;}
#dlg_edit_prov_3 button.kolont_upd {
	margin: 5px 0 0;
	padding: 4px 10px 5px 6px;
	background: #1c5e8a;
	color: #fff;
}
#dlg_edit_prov_3 button.kolont_upd i {margin-right: 2px;}
#dlg_edit_prov_3 #kvit_invoice .title {
	margin-bottom: 4px;
	font-family: osw_300;
}
#dlg_edit_prov_3 #kvit_invoice hr {margin: -5px -5px 10px;}

/* -------------------------*/
/* END PROV v3 */
/* -------------------------*/

/* ************************************************************************* */
/* РОЗПОДІЛ ЛОЦМАНІВ v2 */
/* ************************************************************************* */
/* ОБЩЕЕ */
.col-md-12#rozpodil_v3 {text-align-last: auto;}
.ui-dialog#rozpodil_v3 {
	margin: 0;
	padding: 4px;
	border: none;
	border-radius: 0;
}
#rozpodil_v3 {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 0;
	padding: 0;
	font-family: osw_300;
	font-size: 18px;
	color: #000;
	line-height: 1;
}
#rozpodil_v3 .btn_dlg_close {
	position: absolute;
	top: 2px;
	right: 2px;
	padding: 4px 5px;
	background: #880000;
	color: #fff;
	border: none;
	border-radius: 0;
}
#rozpodil_v3 p {
	margin: 0;
	padding: 0;
}
#rozpodil_v3 h2 {
	margin: 0 5px 5px;
	padding: 0;
	font-family: osw_200;
	font-size: 18px;
	font-weight: normal;
	line-height: 1;
	color: #242424;
	text-transform: uppercase;
}
#rozpodil_v3 h3 {
	margin: 0;
	padding: 0;
	font-family: osw_400;
	font-size: 17px;
	font-weight: normal;
	line-height: 1;
	text-transform: uppercase;
}
#rozpodil_v3 .rozp_box {
	margin-right: 5px;
	padding: 5px;
	background: #e9ecef;
	border-radius: 10px;
}
#rozpodil_v3 .rozp_pilots {
	display: flex;
	/*flex-wrap: wrap;*/
} 
#rozpodil_v3 .rozp_header.pilots {
	display: flex;
	align-items: baseline;
}
#rozpodil_v3 .rozp_header.pilots button,
#rozpodil_v3 .rozp_header.pilots select {
	position: relative;
	top: -2px;
	margin: 0 0 0 10px;
	padding: 2px 4px;
	font-family: osw_300;
	font-size: 13px;
    color: #000;
	text-transform: uppercase;
	border: 1px solid #999;
	border-radius: 3px;
}
#rozpodil_v3 .rozp_header.pilots button:hover {opacity: .75;}
#rozpodil_v3 .rozp_header.pilots button span {
	display: inline-block;
}
#rozpodil_v3 .rozp_header.pilots i {
	position: relative;
	top: -1px;
	margin-right: 5px;
	font-size: 13px;
	color: #fff;
}
#rozpodil_v3 .rozp_header.pilots button.btn_update,
#rozpodil_v3 .rozp_header.pilots button#btn_hide_dates {
	padding: 3px 5px;
	color: #fff;
	border: none;
}
#rozpodil_v3 .rozp_header.pilots button.btn_update {background: #078585;}
#rozpodil_v3 .rozp_header.pilots button#btn_hide_dates {background: #055687;}
#rozpodil_v3 .rozp_header.pilots #sel_rozp_shedule_pdf {
	position: relative;
	top: -1px;
	padding: 0px;
	width: 95px !important;
}
/* инфо-панель поиск лоцмана */
#rozpodil_v3 .rozp_header.pilots .select2-container {
	position: relative;
	top: -1px;
	width: 180px !important;
	margin-left: 10px;
}
#rozpodil_v3 .select2-container .select2-selection--single {height: auto;}
#rozpodil_v3 .rozp_header.pilots .select2-container .select2-selection__rendered {padding: 0; line-height: 1;}
#rozpodil_v3 .rozp_header.pilots .select2-container .select2-selection__rendered > span {
	padding: 0;
	font-size: 14px;
	line-height: 1.4;
	text-transform: uppercase;
}
#rozpodil_v3 .rozp_header.pilots .select2-container .select2-selection__rendered > span > span {
	position: relative;
	top: -1px;
	padding: 0 3px 3px !important;
}

#rozpodil_v3 .rozp_header.pilots input {
	position: relative;
	bottom: 1px;
	margin: 0 0 0 10px;
	padding: 0 4px;
	font-family: osw_300;
	font-size: 13px;
	text-transform: uppercase;
	border: 1px solid #999;
	border-radius: 3px;
}
#rozpodil_v3 .rozp_pilots .rozp_header {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: -6px -6px 8px -6px;
	padding: 4px 6px;
	background: #317b88;
	text-align: center;
    color: #fff;
}
#rozpodil_v3 .cherga_box {
	display: flex;
	flex-direction: column;
	/*justify-content: center;*/
	margin: 3px;
}
#rozpodil_v3 .cherga_box.hidden_box {width: 40px;}

#rozpodil_v3 .cherga_container {
	margin: 3px;
	padding: 6px;
	/*max-width: 300px;*/
	background: #ccdae6;
	border-radius: 6px;
}
#rozpodil_v3 .cherga_container.bystre {margin-top: 0;}
#rozpodil_v3 .cherga_container.izm1,
#rozpodil_v3 .cherga_container.izm2 {height: 100%;}

#rozpodil_v3 .rozp_title {
	display: flex;
	justify-content: space-between;
}
#rozpodil_v3 .current_shift_marker {
	display: inline-block;
	position: relative;
	margin-right: 4px;
	width: 11px;
	height: 11px;
	background: #8c0023;
	border-radius: 6px;
}
#rozpodil_v3 .title_1 {
	flex-grow: 1;
	margin: -2px 0 3px 0;
	padding: 0 5px;
	font-family: osw_500;
	font-size: 14px;
	color: #2e5878;
	text-transform: uppercase;
	text-align: center;
}
#rozpodil_v3 .p_counter {
	position: relative;
	bottom: 1px;
	display: inline-block;
	margin: 0 0 0 7px;
	padding: 1px 3px;
	font-family: osw_400;
	font-size: 13px;
	color: #444;
	border: 1px solid #bbbbbb;
	border-radius: 3px;
}
#rozpodil_v3 .p_counter_smena {
	margin-left: 3px;
	margin-right: 2px;
	font-family: osw_300;
}
#rozpodil_v3 .p_counter_smena::before {content: "(";}
#rozpodil_v3 .p_counter_smena::after {content: ")";}
#rozpodil_v3 .hide_btn {
	display: block;
	height: 22px;
	margin: -6px -6px 0 0;
	padding: 0 5px;
	background: #134082;
	border: none;
	border-radius: 0 6px;
}
#rozpodil_v3 i.fa {font-size: 16px;}
#rozpodil_v3 .hide_btn i.fa {
	position: relative;
	bottom: -1px;
	font-family: arial;
	font-weight: normal;
	font-size: 22px;
	line-height: 1;
	color: #fff;
}
#rozpodil_v3 i.fa-eye::before {content:"+";}
#rozpodil_v3 i.fa-eye-slash {bottom: 0; top: -1px; margin: 0 3px;}
#rozpodil_v3 i.fa-eye-slash::before {content:"-";}

#rozpodil_v3 .pilots_list {
	min-height: 5px;
}
#rozpodil_v3 .cherga_container.izm1 .pilots_list,
#rozpodil_v3 .cherga_container.izm2 .pilots_list {height: 100%;}

/* Інфо-панель */
#rozpodil_v3 #rozp_info_panel {
	margin: 3px;
	padding: 6px;
	border: 1px solid #bbbbbb;
	border-radius: 0 0 6px 6px;
}
#rozpodil_v3 #rozp_info_panel .rozp_header {
	justify-content: space-between;
	background: #317b88;
}
#rozpodil_v3 .ip_buttons {
	display: flex;
	justify-content: flex-end;
}
#rozpodil_v3 .ip_buttons label, 
#rozpodil_v3 .ip_buttons button {
	margin: 0 0 0 3px;
	padding: 2px 5px 2px;
	font-family: osw_400;
	font-size: 13px;
	text-align: center;
	line-height: 1;
	text-transform: uppercase;
	color: #000;
	border: none;
	border-radius: 3px;
}
#rozpodil_v3 .ip_buttons label:hover, #rozpodil_v3 .ip_buttons button:hover {opacity: .8;}
#rozpodil_v3 .ip_buttons button {
	margin-right: 15px;
	padding: 1px 5px 1px;
	background: #317b88;
	font-family: osw_300;
	color: #fff;
	border: 1px solid #7da2b7;
	border-radius: 4px;
}
/* цвета кнопок-фильтров в инфо-панели */
#rozpodil_v3 .ip_buttons label {background: #fff; color: #666666;}
#rozpodil_v3 .ip_buttons .ui-checkboxradio-checked {color: #000;}
#rozpodil_v3 .ip_buttons label.switch_reni {margin-left: 15px;}
#rozpodil_v3 .ip_buttons .switch_u_prov.ui-checkboxradio-checked {background: #ffe0a8;} /* У ПРОВОДЦІ */
#rozpodil_v3 .ip_buttons .switch_plan.ui-checkboxradio-checked {background: #cce9b4;} /* ПЛАН */
#rozpodil_v3 .ip_buttons .switch_reni.ui-checkboxradio-checked {background: #ff9724;} /* РЕНІ */
#rozpodil_v3 .ip_buttons .switch_izm_port.ui-checkboxradio-checked {background: #54de5b;} /* ІЗМ-ПЛАН */
#rozpodil_v3 .ip_buttons .switch_other.ui-checkboxradio-checked {background: #a6dbea;} /* ІНШІ */

#rozpodil_v3 .ip_container {
	display: flex;
	margin-bottom: 6px;
}
#rozpodil_v3 .ip_container:last-child {margin-bottom: 0;}
#rozpodil_v3 .ip_container.title {
	text-align: center;
}
#rozpodil_v3 .ip_container.title .ip_section {
	background: #476d8d;
	color: #fff;
	text-transform: uppercase;
}
#rozpodil_v3 .ip_container.title .ip_section.ip_port {background: #314a60;}
#rozpodil_v3 .ip_section {
	/*margin-right: 3px;*/
	padding: 6px;
	background: #d2dee8;
}
#rozpodil_v3 .ip_section:last-child {margin-right: 0;}

#rozpodil_v3 .ip_zvidky, #rozpodil_v3 .ip_kudy {width: 300px;}
#rozpodil_v3 .ip_zvidky {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-end;
	border-radius: 6px 0 0 6px;
}
#rozpodil_v3 .ip_kudy {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	border-radius: 0 6px 6px 0;
}

/* інфо-панель - порти */
#rozpodil_v3 .ip_port {
	width: 25px;
	text-align: center;
	background: #799dbb;
	color: #fff;
}
#rozpodil_v3 .ip_container.bystre .ip_port {background: #2770b1;}
#rozpodil_v3 .ip_container.vylkove .ip_port {background: #5591c6;}
#rozpodil_v3 .ip_container.kiliya .ip_port {background: #7d5f94;}
#rozpodil_v3 .ip_container.izm .ip_port {background: #1e9b24;}
#rozpodil_v3 .ip_container.izm_port .ip_port {background: #4e9722;}
#rozpodil_v3 .ip_container.chatal .ip_port {background: #950000;}
#rozpodil_v3 .ip_container.reni .ip_port {background: #ff8804;}

/* інфо-панель - плитки */
#rozpodil_v3 .ip_tile {
	display: flex;
	margin-bottom: 3px;
	cursor: default;
}
#rozpodil_v3 .ip_zvidky .ip_tile {border-radius: 4px 0 0 4px;}
#rozpodil_v3 .ip_kudy .ip_tile {border-radius: 0 4px 4px 0;}
#rozpodil_v3 .ip_tile.ip_u_prov {background: #ffe0a8;}
#rozpodil_v3 .ip_tile.ip_plan {background: #e3f3d6;}

#rozpodil_v3 .ip_tile:last-child {
	margin-bottom: 0;
}
#rozpodil_v3 .ip_tile .btn_in_tabulator_link_vesselfinder {
	order: 1;
	padding: 0 1px 0 3px;
	border: 1px solid #a8a8b7;
	border-right: none;
}
#rozpodil_v3 .ip_tile .btn_in_tabulator_link_vesselfinder:hover {opacity: .65;}
#rozpodil_v3 .ip_zvidky .ip_tile .btn_in_tabulator_link_vesselfinder {
	padding: 0 3px 0 1px;
	border: 1px solid #a8a8b7;
	border-left: none;
}
#rozpodil_v3 .ip_tile .btn_in_tabulator_link_vesselfinder img {
	position: relative;
	bottom: 1px;
	width: 13px;
}
#rozpodil_v3 .ip_tile .ship_tile {
	order: 2;
	padding: 2px 4px;
	font-family: osw_400;
	font-size: 15px;
	color: #0072bc;
	border: 1px solid #a8a8b7;
	border-right: none;
	border-left: none;
}
#rozpodil_v3 .ip_tile .btn_filter_ship {
	order: 3;
	padding: 0 2px 0 1px;
	border: 1px solid #a8a8b7;
	border-left: none;
}
#rozpodil_v3 .ip_tile .btn_filter_ship:hover {opacity: .65;}
#rozpodil_v3 .ip_zvidky .ip_tile .btn_filter_ship {
	padding: 0 1px 0 2px;
	border: 1px solid #a8a8b7;
	border-right: none;
}
#rozpodil_v3 .ip_tile .btn_filter_ship b {
	position: relative;
	top: 1px;
	right: 2px;
	color: #7bbbea;
}
#rozpodil_v3 .ip_zvidky .ip_tile .btn_filter_ship b {right: 0;}
#rozpodil_v3 .ip_tile .ip_plan_btn.del_pilot {order: 4; border-radius: 0;}
#rozpodil_v3 .ip_tile .ip_plan_btn.del_pilot:hover {background: #ffb3b3;}
#rozpodil_v3 .ip_zvidky .ip_plan_btn.del_pilot i {color: #b30000;}
#rozpodil_v3 .ip_tile .pilot_tile {order: 5;}
#rozpodil_v3 .ip_zvidky .ip_tile {flex-direction: row-reverse;}

#rozpodil_v3 .ip_zvidky .ip_tile .ship_tile,
#rozpodil_v3 .ip_zvidky .ip_tile .pilot_tile {text-align: right;}
#rozpodil_v3 .ip_zvidky .ip_plan_btn {
	display: flex;
    align-items: center;
    padding: 1px 3px;
    border: 1px solid #a8a8b7;
	border-right: none;
	border-radius: 4px 0 0 4px;
	cursor: pointer;
}

/* інфо-панель - лоцмани */
#rozpodil_v3 .ip_zvidky .pilot_tile{
	border-right: none;
	border-radius: 4px 0 0 4px;
}
#rozpodil_v3 .ip_kudy .pilot_tile {
	border-left: none;
	border-radius: 0 4px 4px 0;
}
#rozpodil_v3 .ip_tile .pilot_tile .shift_mark {
	padding: 3px 3px;
}
#rozpodil_v3 .ip_kudy .pilot_tile .shift_mark {
	order: 1;
	margin: -2px -3px -2px 4px;
	border-radius: 0 4px 4px 0;
}
#rozpodil_v3 .ip_tile.ip_plan .prov_dates {display: none;}

/* подсветка судна при наведении */
#rozpodil_v3 .ip_tile .ship_tile.p_backlight {color: #e66200;}

#rozpodil_v3 .ip_tile .pilot_tile {cursor: default;}
#rozpodil_v3 #rozp_info_panel .pilot_tile .pilot_name {
	position: relative;
	/*bottom: 1px;*/
	font-size: 16px;
}
#rozpodil_v3 .ip_tile .no_pilot i {
	position: relative;
	bottom: -2px;
	font-size: 18px;
	color: #5a7b1c;
}

/* Лоцмани у портах */
#rozpodil_v3 .cherga_box.pilots_for_move {
	padding: 6px;
	border: 1px solid #bbbbbb;
	border-radius: 0 0 6px 6px;
}
#rozpodil_v3 .cherga_box.pilots_for_move .rozp_header {
	background: #2c6f7a;
}
#rozpodil_v3 .cherga_container.bystre {background: #d0e4f4;} /* Быстрое */
#rozpodil_v3 .cherga_container.bystre .title_1 {color: #2770b1;}
#rozpodil_v3 .cherga_container.vyl {background: #dbe8f2;} /* Вилкове */
#rozpodil_v3 .cherga_container.vyl .title_1 {color: #5591c6;}
#rozpodil_v3 .cherga_container.kil {background: #dad0e1;} /* Кілія */
#rozpodil_v3 .cherga_container.kil .title_1 {color: #7d5f94;}
#rozpodil_v3 .cherga_container.izm {background: #dcebc5;} /* Ізмаїл */
#rozpodil_v3 .cherga_container.izm .title_1 {color: #4f7614;}
#rozpodil_v3 .cherga_container.chatal {background: #ffdfdf;} /* Чатал */
#rozpodil_v3 .cherga_container.chatal .title_1 {color: #950000;}
#rozpodil_v3 .cherga_container.reni {background: #f7ddce;} /* Рені */
#rozpodil_v3 .cherga_container.reni .title_1 {color: #cc4d00;}
#rozpodil_v3 .cherga_container.u_prov {background: #ffe2c6;} /* У пров. */
#rozpodil_v3 .cherga_container.u_prov .title_1 {color: #e85c00;}

/* Зміни лоцманів */
#rozpodil_v3 #rozp_pilot_shifts {
	margin: 3px;
	border: 1px solid #bbbbbb;
	border-radius: 0 0 6px 6px;
}
#rozpodil_v3 #rozp_pilot_shifts .rozp_header {
	margin: 0;
	background: #255e67;
}
#rozpodil_v3 #rozp_pilot_shifts .pilot_shifts_content {
	display: flex;
	padding: 3px;
}
#rozpodil_v3 .cherga_box.izm1 .p_counter,
#rozpodil_v3 .cherga_box.izm2 .p_counter {margin-left: 2px; top: 0px;}

/* Лоцмана плитки */
#rozpodil_v3 .pilot_tile {
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 1px;
	padding: 1px 3px;
	font-size: 16px;
	border: 1px solid #a8a8b7;
	border-radius: 4px;
	background: #fdf8d5;
	cursor: move;
}
#rozpodil_v3 .pilot_tile:hover {background: #daf49d;}
#rozpodil_v3 .pilot_tile:active {
	box-shadow: 1px 1px 2px rgb(0,0,0,.4);
	border-color: transparent;
}
#rozpodil_v3 .pilot_tile:last-child {
	margin-bottom: 0;
}

#rozpodil_v3 .pilot_tile.p_selected {border-right: 5px solid #dfce00;}
#rozpodil_v3 .pilot_tile.p_selected.s_die_plan {border-right-color: #77b700;}
#rozpodil_v3 .pilot_tile.p_selected.s_u_prov {border-right-color: #ff7837;}
#rozpodil_v3 .ip_tile .pilot_tile.p_selected {border-right: none;}
/* подсветка лоцманов при наведении */
#rozpodil_v3 .pilot_tile.p_backlight {background: #cdf07b;}

#rozpodil_v3 .pilot_tile p {
	display: block;
}
#rozpodil_v3 .pilot_tile .on_the_way_mark {
	margin-left: 4px;
	padding: 4px 3px;
	background: #ff8515;
	border-radius: 5px;
}
#rozpodil_v3 .pilot_tile .on_the_way_mark i {font-size: 9px;}

#rozpodil_v3 .cherga_box .pilot_tile.date_off {padding-bottom: 2px; padding-top: 1px}
#rozpodil_v3 .cherga_box .pilot_tile.date_off .shift_mark {
	margin-bottom: -3px; 
	margin-top: -2px;
	padding: 4px 3px;
}
#rozpodil_v3 .pilot_tile .shift_mark {
	margin: -4px 4px -4px -4px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 6px 3px;
	height: calc(100% + 4px);
	min-width: 20px;
	background: #777777;
	font-family: osw_400;
	font-size: 14px;
	text-align: center;
	letter-spacing: 1px;
	color: #fff;
	border-radius: 4px 0 0 4px;
}
#rozpodil_v3 .pilot_tile .vrem_shift_mark {
	margin-right: 3px;
	padding: 2px 2px;
	font-family: osw_200;
	font-size: 12px;
	letter-spacing: 1px;
	color: #fff;
	border-radius: 2px;
}

#rozpodil_v3 .pilot_tile .shift_mark.smena_0,
#rozpodil_v3 .pilot_tile .vrem_shift_mark.smena_0 {background: #777777;} /* Офис */
#rozpodil_v3 .pilot_tile .shift_mark.smena_1,
#rozpodil_v3 .pilot_tile .vrem_shift_mark.smena_1 {background: #3e6b82;} /* Ізм-1 сині */
#rozpodil_v3 .pilot_tile .shift_mark.smena_2,
#rozpodil_v3 .pilot_tile .vrem_shift_mark.smena_2 {background: #6b971c;} /* Ізм-2 зелені*/
#rozpodil_v3 .pilot_tile .shift_mark.smena_3,
#rozpodil_v3 .pilot_tile .vrem_shift_mark.smena_3 {background: #b9b605;} /* Ізм-3 голубой */
#rozpodil_v3 .pilot_tile .shift_mark.smena_4,
#rozpodil_v3 .pilot_tile .vrem_shift_mark.smena_4 {background: #fd8500;} /* Рени-1 */
#rozpodil_v3 .pilot_tile .shift_mark.smena_5,
#rozpodil_v3 .pilot_tile .vrem_shift_mark.smena_5 {background: #e87900;} /* Рени-2 */
#rozpodil_v3 .pilot_tile .shift_mark.smena_6,
#rozpodil_v3 .pilot_tile .vrem_shift_mark.smena_6 {background: #dd7400;} /* Рени-3 */

#rozpodil_v3 .pilot_tile .pilot_name {
	flex-grow: 1;
	/* max-width: 150px; */
	font-size: 16px;
	/*text-align: left;*/
}
#rozpodil_v3 .pilot_tile .port_pilot_mark,
#rozpodil_v3 .pilot_tile .class2_mark {
	margin-left: 4px;
	padding: 2px 2px;
	color: #fff;
	font-family: osw_300;
	font-size: 12px;
	letter-spacing: 0.5px;
	border-radius: 4px;
}
#rozpodil_v3 .pilot_tile .port_pilot_mark {background: #777777;}
#rozpodil_v3 .pilot_tile .class2_mark {background: #8c0023;}
#rozpodil_v3 .pilot_tile .prov_dates {
	display: flex;
	margin-left: 4px;
	font-size: 11px;
	text-align: center;
}
#rozpodil_v3 .pilot_tile .prov_dates .p_date {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 28px;
}
#rozpodil_v3 .pilot_tile .prov_dates .vybuv {
	color: #2f4d91;
}
#rozpodil_v3 .pilot_tile .prov_dates .time {
	font-family: osw_500;
}

/* бордер правый в диве с датой -выбув- цвет по статусу в заявке */
/* пока что бордеры СКРЫТЫ (на данный момент не нужны диспетчерам */
#rozpodil_v3 .pilot_tile .prov_dates .p_date.req_finished_status_active { /** ДЕЙСТВУЕТ */
	/* width: 32px;*/
	background: none;
	/* border-right: 4px solid #dfce00;*/
	border-right: none;
}
#rozpodil_v3 .pilot_tile .prov_dates .p_date.req_finished_status_in_prov { /** В ПРОВОДКЕ */
	/*width: 32px;*/
	/*border-right: 4px solid #ff984799;*/
	border-right: none;
}
#rozpodil_v3 .pilot_tile .prov_dates .p_date.req_finished_status_completed { /** ВЫПОЛНЕНА */
	/*
	width: 32px;
	border-right: 4px solid deepskyblue;
	*/
	border-right: none;
}
#rozpodil_v3 .pilot_tile .prov_dates .p_date.req_finished_status_canceled { /** ОТМЕНЕНА */
	/*
	width: 32px;
	border-right: 4px solid gray;
	*/
	border-right: none;
}

/* убираем фон с элементов в плитке инфо-панели */
#rozpodil_v3 .ip_tile > * {background: none;}

/* Jquery Sortable */
#rozpodil_v3 .sort-highlight { 
	margin-bottom: 1px;
	width: 100%; 
	height: 26px;
	background: #204968;
	opacity: .15;
	border-radius: 4px;
}
#rozpodil_v3 .sort-highlight:last-child {margin-bottom: 0;}
/* если переносят лоцмана в инфо-панель */
#rozpodil_v3 .ip_tile.ip_plan:has(.sort-highlight) > * {background: #9dee4d;}
/*#rozpodil_v3 .ip_tile.ip_plan:has(.sort-highlight) .ship_tile {color: fff !important;}*/
#rozpodil_v3 .ip_zvidky .ip_plan .sort-highlight {
	order: 3;
	margin: 0 3px;
	width: 50px;
	height: auto;
	background: #65b812;
	opacity: 0.30;
}
#rozpodil_v3 .ip_zvidky .ip_plan .sort-highlight::after {
	content:"+";
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: ceter;
	font-family: arial;
	font-weight: bold;
	font-size: 25px;
	color: #fff;
}
#rozpodil_v3 .ip_zvidky .ip_plan:has(.pilot_tile) .sort-highlight {display: none;}

/* Скрытие списков лоцманов */
#rozpodil_v3 .cherga_box.hidden_box .cherga_container {position: relative; width: auto;}
#rozpodil_v3 .cherga_box.hidden_box .rozp_title {flex-direction: column;}
#rozpodil_v3 .cherga_box.hidden_box .title_1 {
	writing-mode: vertical-rl;
	text-orientation: mixed;
	margin: 3px 0;
	padding: 0;
}
#rozpodil_v3 .cherga_box.hidden_box .cherga_container:first-child .title_1 {margin-top: 15px;}
#rozpodil_v3 .cherga_box.hidden_box .title_1 .current_shift_marker {
	margin: 0 0 4px;
	top: 0;
}
#rozpodil_v3 .cherga_box.hidden_box .hide_btn {
	order: -1;
	margin: -6px;
	border-radius: 6px 6px 0 0;
}
#rozpodil_v3 .cherga_box.hidden_box .p_counter {margin: 7px 0 0;} 
#rozpodil_v3 .cherga_box.hidden_box .p_counter_smena {margin: 7px 0 0;} 

/* *** ВИЇЗД в Розподілі (ДИСПЕТЧЕР) *** */
/* загальні */
#rozpodil_v3 .rozp_header.info,
#rozpodil_v3 .rozp_header.vyezd  {
	display: flex;
	justify-content: space-between;
}
#rozpodil_v3 .rozp_header.info h2,
#rozpodil_v3 .rozp_header.vyezd h2 {
	flex-grow: 1;
	text-align: center;
	color: #003366;
}
#rozpodil_v3 .rozp_content {
	display: flex;
	flex-direction: column;
	font-size: 17px;
}
#rozpodil_v3 .rozp_container {
	margin: 3px;
    padding: 6px;
    background: #c4e1cc;
    border-radius: 6px;
}

#rozpodil_v3 .rozp_box.vyezd .rozp_container {background: #e7d8df;}

#rozpodil_v3 .rozp_box.vyezd .rozp_title {align-items: center; margin-bottom: 4px;}
#rozpodil_v3 .rozp_box.vyezd .title_1 {margin: 0;}

#rozpodil_v3 .rozp_box.vyezd .rozp_title button {
	margin-left: 3px;
	padding: 2px 6px 3px;
	background: #999;
	color: #fff;
	border: none;
	border-radius: 3px;
}
#rozpodil_v3 .rozp_box.vyezd .rozp_title .send_msg_btn {background: #00b300;}
#rozpodil_v3 .rozp_box.vyezd .rozp_title .clean_up {background: #d96c00;}

#rozpodil_v3 .vyezd_date_time {
	display: flex;
	justify-content: center;
	margin-bottom: 5px;
}
#rozpodil_v3 .vyezd_date_time input.form-control {
    display: inline-block;
	margin: 0;
    padding: 0px 4px;
	height: auto;
    background: #fff;
    font-family: osw_400;
    font-size: 16px;
    text-align: center;
    border: 1px solid #aaa;
    border-radius: 5px;
}
#rozpodil_v3 .vyezd_date_time input.flatpickr {
    width: 86px;
    margin-right: 5px;
}
#rozpodil_v3 .vyezd_date_time input.clockpicker {
    width: 48px;
    cursor: pointer;
}

#rozpodil_v3 .rozp_box.vyezd .pilot_tile .prov_dates {display: none;}
#rozpodil_v3 .rozp_box.vyezd .shift_mark {
	margin-bottom: -2px;
    margin-top: -2px;
    padding: 4px 3px;
}

/* *** ІНФОРМАЦІЯ в Розподілі (ДИСПЕТЧЕР) *** */
#rozpodil_v3 .rozp_box.info .rozp_title {margin: 2px 0 5px;}

#rozpodil_v3 .rozp_container.bystre {background: #bfdbe6;}
#rozpodil_v3 .rozp_container.bystre .info_content > div {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 10px;
	margin-bottom: 10px;
}
#rozpodil_v3 .rozp_container.bystre .info_content > div:last-child {margin: 0;}
#rozpodil_v3 .rozp_container.bystre .r_value {
	font-family: osw_500;
	color: #005571;
	text-transform: uppercase;
	cursor: pointer;
}
#rozpodil_v3 .rozp_container.bystre .r_value.bystre_stan.opened {color: #4d6600;}
#rozpodil_v3 .rozp_container.bystre .r_value.bystre_stan.closed {color: #660000;}
#rozpodil_v3 .rozp_container.bystre .r_value.bystre_osadka {position: relative; top: -3px;}

#rozpodil_v3 .rozp_container.rivni {background: #cfdaeb;}
/* Скрываем стрелочки в цифровом инпуте */
#rozpodil_v3 .rozp_container.rivni input::-webkit-outer-spin-button,
#rozpodil_v3 .rozp_container.rivni input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
/*input[type=number] {-moz-appearance: textfield;}*/

#rozpodil_v3 .rozp_container.bystre input,
#rozpodil_v3 .rozp_container.rivni input {
	width: 40px !important;
	text-align: center;
	border: 1px solid #aaaaaa;
	border-radius: 3px;
}
#rozpodil_v3 .rozp_container.rivni .info_content {
	display: grid;
	grid-template-columns: 1fr 1.25fr;
	column-gap: 20px;
	row-gap: 15px;
}
#rozpodil_v3 .rozp_container.rivni .info_content .riv_item {
	display: flex;
	justify-content: space-between;
}
#rozpodil_v3 .rozp_container.rivni .info_content .riv_item .r_label {
	left: 0 !important;
	margin-right: 5px;
}
#rozpodil_v3 .rozp_container.rivni .info_content .riv_item .r_value {
	font-family: osw_500;
    color: #0086b3;
	top: -3px;
	left: 0 !important;
}
#rozpodil_v3 .rozp_container hr {
	margin: 10px 0;
	border-color: #999999;
}
#rozpodil_v3 .rozp_container .info_buttons {
	margin: 10px 0 0;
	text-align: center;
}
#rozpodil_v3 .rozp_container .info_buttons a {
	padding: 6px 8px;
	background: #0086b3;
	font-family: osw_300;
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	border: none;
	border-radius: 4px;
}
#rozpodil_v3 .rozp_container .info_buttons button:hover {opacity: .75;}

/* Інфо диспетчер - Диспетчерська група */
.code_grp_dispetchera-ls #rozpodil_v3 .rozp_container.disp_group .sm_item {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 5px;
	line-height: 1.7;
	margin-bottom: 3px;
}

/* !!! Скрыт диспетчер Рени, пока должность убрали */
.code_grp_dispetchera-ls #rozpodil_v3 .rozp_container.disp_group .sm_item:nth-child(2) {display: none;}

#rozpodil_v3 .rozp_container select {
	padding: 0;
	font-family: osw_300;
	font-size: 16px;
	border: 1px solid #888888;
	border-radius: 4px;
	line-height: 1;
}
#rozpodil_v3 .rozp_info select option {line-height: 1;}
/* Інфо диспетчер - Статус АВТО */
#rozpodil_v3 .auto_status {background: #d6e6b7;}
#rozpodil_v3 .auto_status .auto_item {
	display: grid;
	grid-template-columns: 2.4fr 2.3fr 1.2fr 1fr 3fr;
	column-gap: 7px;
	align-items: center;
	padding: 6px 8px;
	text-align: center;
}
#rozpodil_v3 .auto_status .auto_item:last-child {margin-bottom: 0;}
#rozpodil_v3 .auto_status .auto_item.t_stroke {background: #fff;}
#rozpodil_v3 .auto_status .auto_item.t_stroke:first-child {border-radius: 6px 6px 0 0;}
#rozpodil_v3 .auto_status .auto_item.t_stroke:last-child {border-radius: 0 0 6px 6px;}
#rozpodil_v3 .auto_status .auto_item.t_stroke:nth-child(even) {background: #edf4df;}
#rozpodil_v3 .auto_status .auto_item .auto_name {text-align: left;}
#rozpodil_v3 .auto_status .auto_item.t_stroke .auto_name {
	color: #666;
	font-size: 13px;
}
#rozpodil_v3 .auto_status .auto_item.t_stroke .auto_name .a_name {
	display: block;
	margin-bottom: 4px;
	font-family: osw_500;
	font-size: 18px;
	color: #4e6222;
	text-transform: uppercase;
}
#rozpodil_v3 .auto_status .auto_item.t_stroke .a_model,
#rozpodil_v3 .auto_status .auto_item.t_stroke .a_pass {font-family: osw_500;}
#rozpodil_v3 .auto_status .auto_item.t_stroke .a_status {
	padding: 4px 6px;
	background: #666;
	font-family: osw_300;
	font-size: 15px;
	color: #fff;
	text-transform: uppercase;
	border-radius: 3px;
}
#rozpodil_v3 .auto_status .auto_item.t_stroke .a_status.s_free {background: #4e7612;}
#rozpodil_v3 .auto_status .auto_item.t_stroke .a_status.s_wait {background: #cc7500;}
#rozpodil_v3 .auto_status .auto_item.t_stroke .a_status.s_moving {background: #066897;}
#rozpodil_v3 .auto_status .auto_item.t_stroke .a_status.s_other {background: #888888;}
#rozpodil_v3 .auto_status .auto_item.t_stroke .a_time {font-family: osw_400;}
#rozpodil_v3 .auto_status .auto_item.t_stroke .location .marker {color: #777;}

/* -------------------------*/
/* END Розподіл v2 */
/* -------------------------*/

/* ************************************************************************* */
/* меню кабинет лоцмана */
/* ************************************************************************* */
#div_flt_4locman_radio_group {
	display: flex;
	justify-content: center;
	padding: 5px;
}
#div_flt_4locman_radio_group label {
	display: flex;
    align-items: center;
    justify-content: center;
	margin: 0 5px 0 0;
	font-family: osw_300;
	font-size: 16px;
	line-height: 1.1;
	background: #1c5e8a;
	color: #fff;
	border-radius: 6px;
	text-align: center;
	border: none;
}
#div_flt_4locman_radio_group label:hover {opacity: .75;}
#div_flt_4locman_radio_group label strong {font-weight: normal; font-family: osw_400;}
#div_flt_4locman_radio_group label.ui-state-active,
#div_flt_4locman_radio_group label:active {background: #ea7000;}
#div_flt_4locman_radio_group label[for="v_provodke_plan_4reni"] {display: block;}

#div_flt_4locman_radio_group input,
#div_flt_4locman_radio_group label .ui-checkboxradio-icon,
#div_flt_4locman_radio_group label .ui-checkboxradio-icon-space {display: none;}


/* ************************************************************************* */
/* РОЗПОДІЛ КАБ. ЛОЦМАНА */
/* ************************************************************************* */
.code_grp_locmana-pls .col-md-12:has(#rozpodil_v3) {padding-left: 0; padding-right: 0;}
.code_grp_locmana-pls .col-md-12:has(#rozpodil_v3[style="display: none;"]) {padding-left: 15px; padding-right: 15px;}
#rozpodil_v3.rozp_for_pilots {
	display: block;
	padding: 5px;
	/*max-width: 430px !important;*/
	min-width: 350px;
	box-sizing: border-box;
	background: #fff;
}

/* розподіл бокс */
#rozpodil_v3.rozp_for_pilots .rozp_box {
	margin: 0 0 0px;
	padding: 0;
	background: none;
}
#rozpodil_v3.rozp_for_pilots .rozp_header.pilots {
	display: none;
	width: 500px;
	margin-bottom: 5px;
}
#rozpodil_v3.rozp_for_pilots .rozp_header.pilots .btn_update {margin-left: 0;}

#rozpodil_v3.rozp_for_pilots .rozp_pilots {
	display: flex;
	/*justify-content: center;*/
	align-items: stretch;
}
.rozp_for_pilots .btn_open_close {
	display: flex;
	flex-direction: column;
	position: relative;
	margin: 0 5px 0 0;
}
.rozp_for_pilots .btn_open_close .rozp_toggle {
	padding: 10px;
	background: #216fa3;
	color: #fff;
	text-transform: uppercase;
	border-radius: 6px;
	cursor: pointer;
}

.rozp_for_pilots .btn_open_close.info_panel .rozp_toggle {background: #317b88;}
.rozp_for_pilots .btn_open_close.pilots_in_ports .rozp_toggle {background: #258ca2;}
.rozp_for_pilots .btn_open_close.izm1 .rozp_toggle {background: #3e6b82;}
.rozp_for_pilots .btn_open_close.izm2 .rozp_toggle {background: #547716;}
.rozp_for_pilots .btn_open_close.izm3 .rozp_toggle {background: #b9b605;}
.rozp_for_pilots .btn_open_close.reni .rozp_toggle {background: #cd6b0b;}
.rozp_for_pilots .btn_open_close.other .rozp_toggle {background: #5f5e7b;}

.rozp_for_pilots .btn_open_close.opened .rozp_toggle {
	padding: 6px 10px;
	border-radius: 6px 6px 0 0;
}
.rozp_for_pilots .btn_open_close.closed .rozp_toggle {
	display: flex;
    flex-direction: column;
	height: 100%;
}
.rozp_for_pilots .btn_open_close .marker {
	display: inline-block;
	position: relative;
	top: 1px;
	margin: 0 6px 0 0;
	width: 13px;
	font-family: arial;
	font-weight: normal;
	font-size: 24px;
	text-align: center;
	opacity: .6;
}
.rozp_for_pilots .btn_open_close.closed .marker {
	top: -1px;
	margin: 0 0 6px;
	width: auto;
}
.rozp_for_pilots .btn_open_close.closed .marker::before {content: "+";}
.rozp_for_pilots .btn_open_close.opened .marker::before {
	content: "-";
	position: relative;
	bottom: 2px;
}
.rozp_for_pilots .btn_open_close.closed .title {
	writing-mode: vertical-rl;
    text-orientation: mixed;
}

#rozpodil_v3.rozp_for_pilots .rozp_content {
	flex-grow: 1;
	margin: 0;
	padding: 6px;
	border: 1px solid #bbbbbb;
	border-top: none;
	border-radius: 0 0 6px 6px;
}

#rozpodil_v3.rozp_for_pilots .pilot_tile {cursor: default;}
#rozpodil_v3.rozp_for_pilots #rozp_info_panel .pilot_tile .pilot_name {bottom: 1px;}

#rozpodil_v3.rozp_for_pilots .ip_container {
	display: grid;
	justify-items: stretch;
    grid-template-columns: 1fr 25px 1fr;
}

#rozpodil_v3.rozp_for_pilots #rozp_info_panel {margin: 0; border-top: none;}
#rozpodil_v3.rozp_for_pilots #rozp_info_panel .rozp_header {
	justify-content: flex-end;
	background: #fff;
	margin-bottom: 3px;
}
#rozpodil_v3.rozp_for_pilots .ip_buttons button {background: #1c5e8a; border: none;}
#rozpodil_v3.rozp_for_pilots .ip_buttons label {
	padding: 5px;
	border: 1px solid #bbbbbb;
}
#rozpodil_v3.rozp_for_pilots .ip_zvidky, 
#rozpodil_v3.rozp_for_pilots .ip_kudy {width: auto;}

#rozpodil_v3.rozp_for_pilots .ip_tile .btn_in_tabulator_link_vesselfinder img {position: relative; top: -2px;}

#rozpodil_v3.rozp_for_pilots .cherga_box .pilot_tile.date_off {padding: 2px 1px;}
#rozpodil_v3.rozp_for_pilots .cherga_box .pilot_tile.date_off .shift_mark {
	margin: -4px 4px -4px -4px;
	padding: 6px 3px;
}
#rozpodil_v3.rozp_for_pilots .pilot_tile .prov_dates .p_date.finish {
	display: none;
}

/* насильно показываем даты, независимо от переключателя */
#rozpodil_v3.rozp_for_pilots .pilots_list .pilot_tile .prov_dates {display: flex !important;}

@media screen and (max-width: 800px) {
	#rozpodil_v3.rozp_for_pilots .rozp_pilots {flex-direction: column;}
	.rozp_for_pilots .btn_open_close {margin: 0 0 5px 0;}
	.rozp_for_pilots .btn_open_close.opened {margin: 0 0 10px 0;}
	.rozp_for_pilots .btn_open_close.closed .rozp_toggle {
		flex-direction: row;
		align-items: center;
		height: auto;
	}
	.rozp_for_pilots .btn_open_close .marker {margin: 0 6px 0 0;}
	.rozp_for_pilots .btn_open_close.closed .marker {margin: 0 6px 0 0; top: 1px;}
	.rozp_for_pilots .btn_open_close.closed .title {
		writing-mode: unset;
		text-orientation: unset;
	}
	
	/* скрываем поиск лоцманов (даже если показываем верхнее меню розподила) */
	#rozpodil_v3.rozp_for_pilots .rozp_header.pilots select#sel2_all_pilots_in_ports_rozp_v2,
	#rozpodil_v3.rozp_for_pilots .rozp_header.pilots span.select2 {display: none;}
	
	#rozpodil_v3.rozp_for_pilots .ip_buttons {
		flex-wrap: wrap;
	}
	#rozpodil_v3.rozp_for_pilots .ip_buttons button,
	#rozpodil_v3.rozp_for_pilots .ip_buttons label {margin-top: 4px;}
	#rozpodil_v3.rozp_for_pilots #rozp_info_panel {width: 100%;}
	
	/* Списки лоцманов - меняем вид плиток */
	#rozpodil_v3.rozp_for_pilots .pilots_list {
		display: flex;
		flex-direction: column;
		align-items: center;
		/*justify-content: center;*/
		flex-basis: content;
	}
	#rozpodil_v3.rozp_for_pilots .pilots_list .pilot_tile {
		margin-bottom: 3px;
		padding: 3px 3px;
		width: 100%; 
		max-width: 330px;
	}
	
	#rozpodil_v3.rozp_for_pilots .pilots_list .pilot_tile .shift_mark {
		margin: -4px 4px -4px -4px;
		padding: 7px 3px;
		height: calc(100% + 4px);
		border-radius: 4px 0 0 4px;
	}
	
	#rozpodil_v3.rozp_for_pilots .cherga_box .pilot_tile.date_off {padding: 3px;}
	#rozpodil_v3.rozp_for_pilots .cherga_box .pilot_tile.date_off .shift_mark {
		margin: -4px 4px -4px -4px;
		padding: 6px 3px;
	}
	#rozpodil_v3.rozp_for_pilots .pilots_list .pilot_tile .pilot_name {
		position: relative;
		top: -1px;
		font-size: 19px;
	}
	#rozpodil_v3.rozp_for_pilots .pilots_list .pilot_tile .prov_dates .p_date {
		flex-direction: row;
		margin-left: 2px;
		width: auto;
		font-size: 14px;
	}
	#rozpodil_v3.rozp_for_pilots .pilots_list .pilot_tile .prov_dates .p_date .time,
	#rozpodil_v3.rozp_for_pilots .pilots_list .pilot_tile .prov_dates .p_date .date {min-width: 30px;}
	#rozpodil_v3.rozp_for_pilots .pilots_list .pilot_tile .prov_dates .p_date .date {margin-left: 3px;}
}

@media screen and (max-width: 600px) {
	/* Инфо-панель - меняем вид плиток под мобилку */
	#rozpodil_v3.rozp_for_pilots .ip_tile {
		display: grid;
		justify-items: stretch;
		grid-template-columns: 18px auto 17px;
		/*grid-auto-columns: max-content;*/
		margin-bottom: 5px;
		border: 1px solid #8f8fa3;
		border-radius: 4px;
	}
	#rozpodil_v3.rozp_for_pilots .ip_kudy .ip_tile {grid-template-columns: 17px auto;}

	#rozpodil_v3.rozp_for_pilots .ip_tile .btn_filter_ship {
		/*display: none;*/
		grid-column: 1;
		grid-row: 1;
		width: 15px;
		border: none;
	}
	#rozpodil_v3.rozp_for_pilots .ip_tile .btn_filter_ship .wn-icon-filter::before {margin-right: 0;}
	#rozpodil_v3.rozp_for_pilots .ip_kudy .ip_tile .btn_filter_ship {grid-column: 3;}
	
	#rozpodil_v3.rozp_for_pilots .ip_tile .ship_tile {
		grid-column: 2;
		grid-row: 1;
		justify-self: stretch;
		max-width: 135px;
		font-size: 15px;
		border: none;
	}
	#rozpodil_v3.rozp_for_pilots .ip_kudy .ip_tile .ship_tile {grid-column: 2;}
	
	#rozpodil_v3.rozp_for_pilots .ip_tile .btn_in_tabulator_link_vesselfinder {
		grid-column: 3;
		grid-row: 1;
		text-align: right;
		border: none;
	}
	#rozpodil_v3.rozp_for_pilots .ip_kudy .ip_tile .btn_in_tabulator_link_vesselfinder {grid-column: 1;}
	
	#rozpodil_v3.rozp_for_pilots .ip_tile .pilot_tile  {
		grid-column: 1 / 4;
		grid-row: 2;
		border: none;
		border-top: 1px solid #d0d0d9;
		text-align: right;
		border-radius: 0 0 4px 4px;
	}
	#rozpodil_v3.rozp_for_pilots .ip_kudy .ip_tile .pilot_tile {text-align: left;}
	#rozpodil_v3.rozp_for_pilots .ip_kudy .pilot_tile .shift_mark {border-radius: 0 0 0 4px;}
	#rozpodil_v3.rozp_for_pilots .ip_zvidky .pilot_tile .shift_mark {
		order: 3;
		margin: 0 -3px 0 4px;
		height: calc(100% + 2px);
		border-radius: 0 0 3px 0;
	}
	#rozpodil_v3.rozp_for_pilots .ip_kudy .pilot_tile .shift_mark {
		order: 1;
		margin: 0 4px 0 -3px;
		height: calc(100% + 2px);
		border-radius: 0 0 0 3px;
	}
	#rozpodil_v3.rozp_for_pilots .ip_zvidky .pilot_tile .pilot_name {order: 2;}
	#rozpodil_v3.rozp_for_pilots .ip_kudy .pilot_tile .pilot_name {order: 2;}
	#rozpodil_v3.rozp_for_pilots .ip_zvidky .pilot_tile .port_pilot_mark {order: 1; margin-left: 0; margin-right: 4px;}
	#rozpodil_v3.rozp_for_pilots .ip_kudy .pilot_tile .port_pilot_mark {order: 3;}
	
	#rozpodil_v3.rozp_for_pilots .ip_zvidky .pilot_tile .class2_mark {margin: 0 4px 0 0;}
	#rozpodil_v3.rozp_for_pilots .ip_kudy .pilot_tile .class2_mark {order: 3;}
}

/* Каб. лоцмана - ІНФОРМАЦІЯ */
#rozpodil_v3.rozp_for_pilots .info {font-size: 20px;}
#rozpodil_v3.rozp_for_pilots .info .rozp_container {padding-top: 10px; padding-bottom: 10px;}
#rozpodil_v3.rozp_for_pilots .info .title_1 {
	margin-bottom: 8px;
	font-size: 16px;
	color: #216fa3;
}

#rozpodil_v3.rozp_for_pilots .bystre_info {background: #bfdbe6;}
#rozpodil_v3.rozp_for_pilots .bystre_info .info_content {
	display: flex;
	align-items: center;
	justify-content: space-around;
}
#rozpodil_v3.rozp_for_pilots .bystre_info .bystre_stan,
#rozpodil_v3.rozp_for_pilots .bystre_info .bystre_prohidna {
	padding: 0px 5px 2px;
	border-radius: 4px;
	margin: 0 5px;
}
#rozpodil_v3.rozp_for_pilots .bystre_info .r_value {font-family: osw_500; text-transform: uppercase;}
#rozpodil_v3.rozp_for_pilots .bystre_info .bystre_stan .opened {color: #436c04;}
#rozpodil_v3.rozp_for_pilots .bystre_info .bystre_stan .closed {color: #790000;}
#rozpodil_v3.rozp_for_pilots .bystre_info .bystre_prohidna .bystre_osadka {color: #0560a9;} 

/* Каб. лоцмана - Інфо - Рівні */
#rozpodil_v3.rozp_for_pilots .levels {text-align: center; line-height: 1.1;}
#rozpodil_v3.rozp_for_pilots .levels .title_1 span.upd_time {font-family: osw_400; color: #555;}
#rozpodil_v3.rozp_for_pilots .levels .title_1 span.time {color: #777;}
#rozpodil_v3.rozp_for_pilots .levels .levels_box {
	display: flex;
	align-items: center;
	justify-content: space-around;
	flex-wrap: wrap;
	margin-bottom: 8px;
}
#rozpodil_v3.rozp_for_pilots .levels .levels_item {margin: 0 10px 6px;}
@media screen and (max-width: 460px) {
	#rozpodil_v3.rozp_for_pilots .levels .levels_item {width: 40%;}
}
#rozpodil_v3.rozp_for_pilots .levels .levels_item > div {margin-right: 8px}
#rozpodil_v3.rozp_for_pilots .levels .levels_item > div:first-child {margin-left: 8px}
#rozpodil_v3.rozp_for_pilots .levels .levels_item .r_label {margin-right: 5px;}
#rozpodil_v3.rozp_for_pilots .levels .levels_item .r_value {
	font-family: osw_600;
	color: #0086b3;
}
#rozpodil_v3.rozp_for_pilots .rozp_container .info_buttons {margin-top: 0;}
#rozpodil_v3.rozp_for_pilots .levels button {
	padding: 5px 8px 6px;
	background: #216fa3;
	text-align: center;
	color: #fff;
	border-radius: 4px;
	border: none;
	font-family: osw_300;
	font-size: 18px;
	text-transform: none;
}
/* Каб. лоцмана - Інфо - Диспетчерська група */
#rozpodil_v3.rozp_for_pilots .disp_group .info_content {
	text-align: center;
	line-height: 1.4;
}
#rozpodil_v3.rozp_for_pilots .disp_group .r_value {
	font-family: osw_500;
	color: #004962;
}


/* ************************************************************************* */
/* ПРОСМОТР ЗАЯВОК - req_view */
/* ************************************************************************** */
/* ЗАГАЛЬНЕ */
#req_view h3 {margin: 0; text-transform: uppercase; color: #3d6c7c;}
#req_view {
	margin: 0 auto;
	padding: 15px 10px;
	min-width: 340px;
	max-width: 1920px;
	font-family: Osw_400;
	font-size: 16px;
	color: #333333;
	line-height: 1;
}
#req_view p {display: inline-block;}
#req_view a {text-decoration: none;}
#req_view a:hover {opacity: .8;}
#req_view p {
    margin: 0;
    padding: 0;
    line-height: 1;
}
#req_view button {
	padding: 5px;
	border: none;
	border-radius: 4px;
	background: #1c5e8a;
	color: #fff;
}
#req_view button:hover {opacity: .75;}
#req_view #top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}
#req_view .req_sort {font-family: osw_300; line-height: 1.2;}
#req_view .pilot_tile .port_pilot_mark,
#req_view .pilot_tile .class2_mark {
	position: relative;
	top: 1px;
	margin-left: 4px;
	padding: 2px 2px;
	color: #fff;
	font-family: osw_300;
	font-size: 12px;
	letter-spacing: 0.5px;
	border-radius: 4px;
}
#req_view .pilot_tile .port_pilot_mark {background: #777777;}
#req_view .pilot_tile .class2_mark {background: #8c0023;}

/* КНОПКИ открыть-закрыть (сделать общими с розподілом?) */
#req_view .btn_open_close {
	margin-bottom: 5px;
}
#req_view .btn_open_close.opened {margin-bottom: 10px;}
#req_view .btn_open_close .rozp_toggle {
	padding: 10px;
	background: #216fa3;
	color: #444444;
	text-transform: uppercase;
	border: 1px solid #b9b9b9;
	border-radius: 6px;
	cursor: pointer;
}
#req_view .btn_open_close.state_u_prov .rozp_toggle {background: #ffddbb;}
#req_view .btn_open_close.state_u_prov.reni .rozp_toggle {background: #eec89d;}
#req_view .btn_open_close.state_plan .rozp_toggle {background: #dcfbbf;}
#req_view .btn_open_close.state_plan.reni .rozp_toggle {background: #cae1b0;}
#req_view .btn_open_close.opened .rozp_toggle {
	padding: 6px 10px;
	border-bottom: none;
	border-radius: 6px 6px 0 0;
}
#req_view .btn_open_close.closed .rozp_toggle {
	display: flex;
	align-items: center;
}
#req_view .btn_open_close .marker {
	display: inline-block;
	position: relative;
	top: 1px;
	margin: 0 6px 0 0;
	width: 13px;
	font-family: arial;
	font-weight: normal;
	font-size: 24px;
	text-align: center;
	opacity: .6;
}
#req_view .btn_open_close.closed .marker::before {content: "+";}
#req_view .btn_open_close.opened .marker::before {
	content: "-";
	position: relative;
	bottom: 2px;
}

/* Список заявок */
#req_view .req_list:empty {
	height: 25px;
	border: 1px solid #b9b9b9;
	border-radius: 0 0 6px 6px;
}
#req_view .req_list.with_ports {
	padding: 0 6px 6px;
	border: 1px solid #b9b9b9;
	border-radius: 0 0 6px 6px;
}
#req_view .req_item {
	display: grid;
	grid-template-columns: 24px 1.5fr 24px 100px 1fr 110px 2fr 160px 2fr;
	grid-column-gap: 6px;
	align-items: center;
	margin-bottom: 0;
	padding: 4px;
	font-size: 16px;
	border: 1px solid #b9b9b9;
	border-bottom: none;
	border-radius: 0;
}
#req_view .req_item:last-child {
	border-bottom: 1px solid #b9b9b9;
	border-radius: 0 0 6px 6px;
}
#req_view .req_list.with_ports .req_item:last-child {border-radius: 0;}

#req_view .state_u_prov .req_item:nth-child(odd) {background: #fff2e6;}
#req_view .state_u_prov .req_item:nth-child(even) {background: #ffe9d5;}
#req_view .state_plan .req_item:nth-child(odd) {background: #f4feeb;}
#req_view .state_plan .req_item:nth-child(even) {background: #ebf7db;}
#req_view .req_item:hover {filter: brightness(92%);}
#req_view .req_sub_item {display: inline-block;}

#req_view .req_view_port .port_title {
	margin-top: 8px;
	padding: 5px 5px;
	background: #999;
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
}
#req_view .req_view_port.bystre .port_title {background: #2770b1;}
#req_view .req_view_port.vyl .port_title {background: #5591c6;}
#req_view .req_view_port.kiliya .port_title {background: #7d5f94;}
#req_view .req_view_port.izm .port_title {background: #69a505;}
#req_view .req_view_port.izm_port .port_title {background: #327913;}
#req_view .req_view_port.chatal .port_title {background: #b30000;}
#req_view .req_view_port.reni .port_title {background: #d06709;}

/* Заявка - Основная информация */
#req_view .btn_full_info {
	padding: 3px 1px 3px;
	font-size: 18px;
	color: #fff;
	background: #1c5e8a;
}
#req_view .ship_name {
	position: relative;
	top: -1px;
	font-size: 19px;
    font-family: osw_500;
    color: #164e7d;
    text-transform: uppercase;
}
#req_view .mt_link {
	height: 100%;
	max-height: 39px;
}
#req_view .mt_link a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	max-height: 39px;
}
#req_view .mt_link i {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 3px 7px 3px 6px;
	font-size: 18px;
	color: #fff;
	background: #2b8ed0;
	border-radius: 4px;
}
#req_view .dimentions {
	padding: 3px 3px 2px;
	opacity: .8;
	background: #fff;
	font-size: 15px;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 5px;
}
#req_view .req_list .dimentions .draught {font-family: osw_500;}
#req_view .req_list .draught {
	color: #8c0023;
}
#req_view .req_list .agent {
	color: #8b8b8b;
	font-family: osw_400;
}

#req_view .date_time {
	padding: 1px 4px 2px;
	background: #fff;
	opacity: .95;
	text-align: center;
	font-size: 18px;
	color: #4b7913;
	border: 1px solid #ccc;
	border-radius: 5px;
}
#req_view .req_list .date_time .req_time {font-family: osw_500;}

#req_view .req_list .otkuda_kuda_date_time p {line-height: 1.2;}
#req_view .req_list .otkuda::after {
	content: " ► ";
	color: #888888;
}
#req_view .req_list .otkuda {color: #4b7913;}
#req_view .req_list .kuda {color: #7b4a0f;}
#req_view .req_list .otkuda_port_name,
#req_view .req_list .kuda_port_name {font-family: osw_500;}

#req_view .pilot_tile {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  padding: 1px 3px 3px;
  font-size: 16px;
  border: 1px solid #a8a8b7;
  border-radius: 4px;
  background: #fff;
}
#req_view .pilot_tile .shift_mark {
  margin: -3px 4px -5px -4px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 3px;
  /*height: calc(100% + 4px);*/
  min-width: 20px;
  background: #777777;
  font-family: osw_400;
  font-size: 14px;
  text-align: center;
  letter-spacing: 1px;
  color: #fff;
  border-radius: 4px 0 0 4px;
}
#req_view .pilot_tile .shift_mark.smena_0,
#req_view .pilot_tile .vrem_shift_mark.smena_0 {background: #777777;} /* Офис */
#req_view .pilot_tile .shift_mark.smena_1,
#req_view .pilot_tile .vrem_shift_mark.smena_1 {background: #3e6b82;} /* Ізм-1 сині */
#req_view .pilot_tile .shift_mark.smena_2,
#req_view .pilot_tile .vrem_shift_mark.smena_2 {background: #6b971c;} /* Ізм-2 зелені*/
#req_view .pilot_tile .shift_mark.smena_3,
#req_view .pilot_tile .vrem_shift_mark.smena_3 {background: #fd8500;} /* Рени-1 */
#req_view .pilot_tile .shift_mark.smena_4,
#req_view .pilot_tile .vrem_shift_mark.smena_4 {background: #e87900;} /* Рени-2 */
#req_view .pilot_tile .shift_mark.smena_5,
#req_view .pilot_tile .vrem_shift_mark.smena_5 {background: #dd7400;} /* Рени-3 */


#req_view .req_comments {
	font-family: osw_300;
	font-size: 15px;
}
#req_view .req_sub_item.req_comments i {
		margin-right: 4px;
		font-size: 15px;
	}
#req_view .req_comment_disp {margin-right: 3px;}
#req_view .req_comment_disp_common,
#req_view .req_comment_agent {
	display: inline-block;
	margin: 3px 0;	
	padding: 2px 3px;
	background: #999;
	font-family: osw_400;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	border-radius: 3px;
}
#req_view .req_comment_disp_common {margin-right: 3px; background: #d96700;}
#req_view .req_comment_agent {background: #00698c;}


@media screen and (max-width: 1500px) {
	/* Список заявок */
	#req_view .req_item {
		grid-template-columns: 24px 1.5fr 24px 45px 2fr 156px 2fr;
		align-items: center;
		grid-column-gap: 8px;
	}
	#req_view .req_sub_item.btn_full_info {
		order: 1;
		grid-row: 1 / 3;
		grid-column: 1;
		height: 100%;
		max-height: 39px;
	}
	#req_view .req_sub_item.ship_name {
		order: 2;
		grid-row: 1;
		grid-column: 2;
	}
	#req_view .req_sub_item.mt_link {
		order: 3;
		grid-row: 1 / 3;
		grid-column: 3;
	}
	#req_view .req_sub_item.mt_link i {
		height: 100%;
		max-height: 39px;
	}
	#req_view .req_sub_item.dimentions {
		order: 4;
		grid-row: 1 / 3;
		grid-column: 4;
		display: flex;
		flex-direction: column;
		padding: 1px 0;
		line-height: 1.15;
	}
	#req_view .req_sub_item.dimentions .separator {display: none;}
	#req_view .req_sub_item.otkuda_kuda {
		order: 5;
		grid-row: 1;
		grid-column: 5;
	}
	#req_view .req_sub_item.req_pilot {
		order: 6;
		grid-row: 1 / 3;
		grid-column: 6;
	}
	#req_view .req_sub_item.req_comments {
		order: 7;
		grid-row: 1 / 3;
		grid-column: 7;
	}
	#req_view .req_sub_item.agent {
		order: 8;
		grid-row: 2;
		grid-column: 2;
	}
	#req_view .req_sub_item.date_time {
		order: 9;
		grid-row: 2;
		grid-column: 5;
		padding: 0;
		background: none;
		opacity: 1;
		text-align: left;
		border: none;
		border-radius: 0;
	}
}
@media screen and (max-width: 700px) {
	#req_view {padding-top: 5px;}
	#req_view .req_list {
		padding: 5px;
		border: 1px solid #b9b9b9;
		border-radius: 0 0 6px 6px;
	}
	#req_view .req_view_port .port_title {
		font-size: 16px;
	}
	#req_view .req_view_port:has(.req_item) > p {
		margin-top: 14px;
		margin-bottom: 5px;
	}
	#req_view .req_view_port:first-child .port_title {
		margin-top: 8px;
	}
	#req_view .req_item {
		grid-template-columns: 30px auto 30px 45px;
		align-items: center;
		grid-column-gap: 8px;
		align-items: start;
		grid-row-gap: 0;
		grid-column-gap: 6px;
		margin-bottom: 5px;
		padding: 4px;
		font-size: 16px;
		border: 1px solid #dbdbdb;
		border-bottom: 1px solid #dbdbdb;
		border-radius: 6px;
	}
	#req_view .req_item:last-child {
		margin-bottom: 0;
		border-radius: 6px;
		border-bottom: 1px solid #dbdbdb;
	}
	#req_view .req_list.with_ports .req_item:last-child {border-radius: 6px;}
	#req_view .req_sub_item.btn_full_info {
		grid-row: 1 / 3;
		grid-column: 1;
		/*padding: 6px 4px;*/
		height: 100%;
		font-size: 24px;
	}
	#req_view .req_sub_item.mt_link {
		grid-row: 3 / 5;
		grid-column: 1;
		margin-top: 4px;
	}
	#req_view .req_sub_item.mt_link i {
		/*padding: 4px 9px 4px 8px;*/
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 41px;
		margin-top: 4px;
		font-size: 24px;
	}
	#req_view .req_sub_item.ship_name {
		grid-row: 1;
		grid-column: 2;
		top: -2px;
	}
	#req_view .req_sub_item.agent {
		grid-row: 2;
		grid-column: 2 / 4;
	}
	#req_view .req_sub_item.dimentions {
		grid-row: 1 / 3;
		grid-column: 4;
		padding: 1px 3px 0px;
		font-size: 14px;
	}
	#req_view .req_sub_item.dimentions .separator {display: none;}
	#req_view .req_sub_item.otkuda_kuda {
		grid-row: 3;
		grid-column: 2 / 5;
		margin-top: 4px;
	}
	#req_view .req_sub_item.date_time {
		grid-row: 4;
		grid-column: 2 / 3;
		position: relative;
		top: -1px;
		margin-top: 4px;
		padding: 0;
		font-size: 20px;
		text-align: left;
		border: none;
		border-radius: 0;
	}
	#req_view .req_sub_item.req_pilot {
		grid-row: 4;
		grid-column: 2 / 5;
		margin-top: 4px;
		text-align: right;
	}
	#req_view .req_sub_item.req_pilot .pilot_tile {
		padding: 0px 3px 2px;
		font-size: 15px;
		border: 1px solid #a8a8b7;
		border-radius: 4px;
	}
	#req_view .pilot_tile .shift_mark {
		margin: -1px 4px -3px -4px;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 4px 3px;
	}
	#req_view .req_sub_item.req_comments {
		grid-row: 5;
		grid-column: 1 / 5;
		margin: 6px -4px 0 -4px;
		padding: 3px 6px 0px 6px;
		border-top: 1px solid #dbdbdb;
	}
	#req_view .req_sub_item.req_comments i {
		position: relative;
		top: -1px;
	}
	#req_view .req_comment_disp_common, #req_view .req_comment_agent {
		margin: 2px 0 0;
		padding: 4px 5px;
	}
}
@media screen and (max-width: 550px) {
	.page-modlogreqview .col-md-12 {padding: 0;}
}

/* ************************************************************************* */
/* АМПУ-Рени и АМПУ-Измаил - Просмотр заявок
/* ************************************************************************** */
.code_grp_ampu-izmayil #req_view .req_item,
.code_grp_ampu-reni #req_view .req_item {grid-template-columns: 1.5fr 24px 100px 1fr 110px 2fr;}

@media screen and (max-width: 1500px) {
	/* Список заявок */
	.code_grp_ampu-izmayil #req_view .req_item,
	.code_grp_ampu-reni #req_view .req_item {grid-template-columns: 1.5fr 24px 45px 2fr;}
	.code_grp_ampu-izmayil #req_view .req_sub_item.ship_name,
	.code_grp_ampu-reni #req_view .req_sub_item.ship_name {grid-column: 1;}
	.code_grp_ampu-izmayil #req_view .req_sub_item.agent,
	.code_grp_ampu-reni #req_view .req_sub_item.agent {grid-column: 1;}
	.code_grp_ampu-izmayil #req_view .req_sub_item.mt_link,
	.code_grp_ampu-reni #req_view .req_sub_item.mt_link {grid-column: 2;}
	.code_grp_ampu-izmayil #req_view .req_sub_item.dimentions,
	.code_grp_ampu-reni #req_view .req_sub_item.dimentions {grid-column: 3;}
	.code_grp_ampu-izmayil #req_view .req_sub_item.otkuda_kuda,
	.code_grp_ampu-reni #req_view .req_sub_item.otkuda_kuda {grid-column: 4;}
	.code_grp_ampu-izmayil #req_view .req_sub_item.date_time,
	.code_grp_ampu-reni #req_view .req_sub_item.date_time {grid-column: 4;}
}
@media screen and (max-width: 700px) {
	.code_grp_ampu-izmayil #req_view .req_item,
	.code_grp_ampu-reni #req_view .req_item {grid-template-columns: 30px auto 30px 45px;}
	.code_grp_ampu-izmayil #req_view .req_sub_item.mt_link,
	.code_grp_ampu-reni #req_view .req_sub_item.mt_link {grid-column: 1;}
	.code_grp_ampu-izmayil #req_view .req_sub_item.ship_name,
	.code_grp_ampu-reni #req_view .req_sub_item.ship_name {grid-column: 1 / 4;}
	.code_grp_ampu-izmayil #req_view .req_sub_item.agent,
	.code_grp_ampu-reni #req_view .req_sub_item.agent {grid-column: 1 / 4;}
	.code_grp_ampu-izmayil #req_view .req_sub_item.dimentions,
	.code_grp_ampu-reni #req_view .req_sub_item.dimentions {grid-column: 4;}
	.code_grp_ampu-izmayil #req_view .req_sub_item.otkuda_kuda,
	.code_grp_ampu-reni #req_view .req_sub_item.otkuda_kuda {grid-column: 2 / 5;}
	.code_grp_ampu-izmayil #req_view .req_sub_item.date_time,
	.code_grp_ampu-reni #req_view .req_sub_item.date_time {grid-column: 2 / 3;}
}

/* ЖЗА форма загрузки файлов НОВАЯ - СЫРОЙ КОД - исправить */
#dlg_edit_upload_reqs .upload_section {
	position: relative;
	margin-bottom: 6px;
	padding: 0 6px 6px;
	width: 49%;
	background: #c2cdcc;
	border-radius: 6px;
	width: 24%;
	display: inline-grid;
	min-width: 200px;
}
#dlg_edit_upload_reqs .button_del_file_upload_button {
	position: absolute;
	bottom: 21px;
	left: 15px;
	display: block;
	background: #1c5e8a;
	color: white;
}
#dlg_edit_upload_reqs .button_del_file_upload_button i {font-size: 22px;}
/* область загрузки */
#dlg_edit_upload_reqs .label_file_upload_button {
	width: 100%;
	font-weight:100;
	font-size: 11pt;
	line-height: 17px;
	border-style: none;
}
#dlg_edit_upload_reqs .label_file_upload_button span {margin-bottom: 6px;}
/* фото - загруженное */
 #dlg_edit_upload_reqs .img_file_upload_button {
	/* max-width: 308px;max-height: 370px; */
	max-width: 100%;
	max-height: 370px;
}
/* кнопка для загрузки  */
 #dlg_edit_upload_reqs .span_file_upload_button {
	display: block;
	border-radius: 6px;
	padding: 9px 6px;
	width: 100%;
	background: #1c5e8a;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
}
 #dlg_edit_upload_reqs .span_file_upload_button:hover {opacity: .75;}
 #dlg_edit_upload_reqs .button_del_file_upload_button {
	position: absolute;
	bottom: 21px;
	left: 15px;
	display: block;
	background: #1c5e8a;
	color: white;
}
 #dlg_edit_upload_reqs .button_del_file_upload_button i {font-size: 22px;}
 #dlg_edit_upload_reqs .upload_section h3 {
	margin: 0 -5px 6px;
	padding: 5px 6px 2px;
	/* background: #799392; */
	text-align: center;
	font-family: osw_400;
	font-size: 16px;
	font-weight: normal;
	color: #5f7675;
	border-radius: 6px 6px 0 0;
}
#dlg_edit_upload_reqs .upload_help {
	width: 100%;
	padding: 5px 6px 15px;
	text-align: center;
	font-family: osw_500;
}