/* --------------------------------------------- */
/* Навигационный бар                             */
.navbar-xs { min-height:32px; height: 32px; }
.navbar-xs .navbar-brand{
    padding: 0px 10px;font-size: 14px;line-height: 32px; height: 32px;
    font-weight:bolder;
}
.navbar-xs .navbar-brand a {color: #ff8f6c;font-size:20px;}
.navbar-xs .navbar-nav > li > a {  padding: 0px 8px 0px; line-height: 32px;}

.dropdown-menu {background-color:#e3f2fd;}
/*.dropdown-menu li a {color:#2a857f;}*/
.dropdown-menu li a {color:#004488;}
a, a:link, a:visited{ color: #005577;}
/* иконки #004488 */
/* иконки #804040 ???? */

/* --------------------------------------------- */
/* Экран логина                                  */
.vertical-center{
    width: 100%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.alert {height:28px;line-height:28px;margin-bottom: 1px;padding:0px 15px;}

/* --------------------------------------------- */
h2 {margin-top:10px;}
.table-place {padding-left:5px;padding-right:5px;}


/* Для демонстрации Fishbone*/
#mynetwork {
    width: 100%;height:100%;
    border: 1px solid lightgray;
}

/*подкладка для диалога*/
.ui-widget-overlay {opacity:.1;background:#005577;}

#fishplate {
    position: fixed; /* Sit on top of the page content */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.9); /* Black background with opacity */
    z-index: 101; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}
.fish_hdr {float:left;margin:5px;font:15px bold;padding-left:15px;}
.fish_bar {float:right;margin:5px;padding-right:15px;line-height:25px;}
.fish_bar * {padding-right:10px;}
.fish_bar input {margin-right:10px;}
.fish_bar input[type='text'] {height:25px;}

.ui-datepicker-calendar a {  border:none;background-color: transparent;  }
.ui-datepicker-calendar tr:hover {  background-color: #ff8f6c;  }

table.draft {border-collapse: collapse; width:100%}
table.draft th, table.draft td {padding:5px;alignment: center;border: 1px solid gray;}

td.worker_matrix {background-color:#e3f2fd;}

td.nom_lack { background-color: #ffd09c; }
td.nom_late { background-color: #ff9ea2; }
td.nom_ll {
    background: repeating-linear-gradient(
            45deg, #ffd09c, #ffd09c 10px, #ff9ea2 10px, #ff9ea2 20px
    );
}

/*th.workload {padding:4px;text-align:center;}*/
.overload {background-color: #ff9ea2;}
.worker_lack { background-color: #ffd09c; }
.unassigned { background-color: #f8ffb6; }

.worker_over { background-color: #eaa5ff; }
.worker_good { background-color: #cdffc9; }
.worker_under { background-color: #ddfaff; }

td.ef_right {font-weight: bold;text-align:right;}
td.ef_center {font-weight: bold;text-align:center;}

input.wcross_input {width:25px;}
input.scross_input {width:40px;}
img.wcross_button {padding-right:5px;}
.wcross_worker_name {white-space: nowrap;text-align:left;}

.fld1s {background-color: rgb(250,250,170)}
.nom_qq_1s {color: blue}
.nom_qq_out,.nom_qq_send {color:red;}
table.minihelp td {
    text-align: center;
    padding: 2px 10px 2px 10px;
    border: solid darkgrey 1px;
}

.tr_simplan_period th, .per { text-align: center; border-right: 3px solid red; }

.ti_mode, .alert_container {padding-left:10px; padding-right:10px;}

.worker_name {font-weight: bold; font-size: 20px; color: black;}
table.smena {border-collapse: collapse;}
table.smena th, table.smena td {border: 1px solid lightgray; padding-left:10px; padding-right:20px; vertical-align: top;}
table.smena th {padding-bottom: 40px; }
table.smena td {padding-bottom: 10px;}
table.smena td.minihdr {font-weight: bold;}
table.smena th.current {font-size: 30px; background-color: #ddfaff; }
table.smena td.current {font-size: 20px; background-color: #ddfaff;}
.breaking {font-size: 20px; color: red; width: 100%; text-align: center;}
.bold {font-weight:bold;}
.selected { background-color: #ddfaff; }

.smena_hdr .even, #tasks_ready .even, #tasks_wait .even, .task_work .even {background-color: #eeeeee;}
.task_work .even td {padding-top:5px;padding-bottom:5px;}

/* мигающий текст */
.indicator {font-weight: bold; color: red; animation:blinkingText 1s infinite; padding-right: 10px; }
@keyframes blinkingText{
    0%{     color: red;    }
    10%{    color:transparent;  }
    30%{   color: red;    }
    100%{   color: red;    }
}
form.change_wp {font-size: 20px;padding-top:10px;}
form.change_wp span {padding-right:20px;}
form.change_wp select {width:70%;}
#task h4 {color: grey; border-bottom: solid 1px grey; }
#tasks_ready th, #tasks_ready td {padding-right:10px;}
#tasks_wait th, #tasks_wait td {padding-right:10px;}
.task_details th, .task_details td {padding-right:10px;}

#tasks_ready .selected, #tasks_wait .selected { background-color: #ff8f6c; }

.stopwatch { font-weight: bold;  color: red;    }

#task form.task_end { font-size: 18px;}

#babar {width: 400px; border: solid 1px gray; text-align: center; margin-top: 40px; margin-bottom: 40px ;}
#babar canvas {vertical-align: middle; padding: 20px;}
#babar div {font-size:20px;font-weight:bold;padding-top:0px;padding-bottom:20px;}

#task_simple th {text-align: right;}
#task_simple .big {font-size:20px;font-weight:bold;padding-top: 10px;}
#task_simple th, #task_simple td {padding-right:10px;}

#task_simple th {text-align: right;}
#task_simple .centered th, .centered td {text-align: center;}
#task_simple .centered td {padding-top:20px;}
#task_simple .qtys td.lab,.qtys td.pla {font-size:16px;font-weight:bold;}
#task_simple .qtys td.lab {text-align: right; border-bottom: solid 1px white;padding-top:20px;}
#task_simple .qtys td.pla {text-align: center; border-bottom: solid 1px black;padding-top:20px;}
#task_simple .qtys th {padding-top:20px;}

.task-form, .task_normal, .task_small {vertical-align: top;}
.task_normal {font-size:20px;}
.task_small {font-size:14px;}

table.tbatch .bo {font-weight: bold;}
table.tbatch .it {font-style: italic;}
table.tbatch .ctr {text-align: center;}
table.tbatch .rig {text-align: right;}
table.tbatch .vctr {vertical-align: center;}
table.tbatch .vtop {vertical-align: top;}
table.tbatch .bnnb {border-top: 2px solid grey; border-left: 2px solid grey;}
table.tbatch .bbtn {border-top: 2px solid grey; border-right: 2px solid grey; border-bottom: 1px solid grey;}
table.tbatch .bnnn {border-left: 2px solid grey;}
table.tbatch .nntn {border-bottom: 1px solid grey;}
table.tbatch .nbnn {border-right: 2px solid grey;}
table.tbatch .nbtn {border-right: 2px solid grey; border-bottom: 1px solid grey;}
table.tbatch .nbnb {border-bottom: 2px solid grey; border-left: 2px solid grey;}
table.tbatch .nnbn {border-bottom: 2px solid grey;}
table.tbatch .nbbn {border-bottom: 2px solid grey; border-right: 2px solid grey;}
table.tbatch .bbbb {border-top: 2px solid grey; border-right: 2px solid grey; border-bottom: 2px solid grey; border-left: 2px solid grey;}
table.tbatch .nttn {border-bottom: 1px solid grey; border-right: 1px solid grey;}
table.tbatch .nttb {border-bottom: 1px solid grey; border-right: 1px solid grey;  border-left: 2px solid grey;}
table.tbatch .ntbn {border-bottom: 1px solid grey; border-right: 2px solid grey;}

.folder_path td p.selected_folder {
    color: red;
    font-weight: bold;
}

#monthpicker { width: 200px; }
#kab_show_works {margin-left: 30px;}
#kab_show_works_label {margin-left: 10px;}
.day_bold { font-weight: bold; }
#kab_month th { text-align: center; }
#kab_month .kab_num { text-align: right; padding-right: 10px; padding-left: 10px; }
#kab_month td { padding-right: 10px; padding-left: 10px; }
#kab_month th { padding-right: 5px; padding-left: 5px; }
#kab_month tr.even, #kab_month td.even { background-color: #eeeeee; }
#kab_month tr.even td.even { background-color: #dddddd; }
#kab_month tr.kab_task { font-size: 10px; }
#kab_month th.kab_small { font-size: 10px; }
#kab_month td.task_time { white-space: nowrap; }

:root {
  --thick: 1px solid darkgrey;
}
table.broute th, table.broute td {border: 0.5px solid grey; text-align: center; min-width:32px;padding-top:3px; padding-bottom: 3px;}
table.broute .tbtt {border-right: var(--thick);}
table.broute .bttt {border-top: var(--thick); }
table.broute .bttb {border-top: var(--thick); border-left: var(--thick);}
table.broute .bbtt {border-top: var(--thick); border-right: var(--thick);}
table.broute .tbbt {border-right: var(--thick); border-bottom: var(--thick);}
table.broute .btbb {border-top: var(--thick); border-bottom: var(--thick); border-left: var(--thick);}
table.broute .bbbb {border-top: var(--thick); border-right: var(--thick); border-bottom: var(--thick); border-left: var(--thick);}

table.broute .nnnn {border: none;}

table.broute .td_wp {font-size: 10px; font-style: italic;}

table.broute .editable {color: darkblue; font-style: italic;}
table.broute input {width: 90px;}
table.broute input.qty {width: 30px;}
table.broute td.buttons {text-align: right;}

.datepicker table tr td, .datepicker table tr th {width: 15px; height: 15px; padding: 1px;}

/* отчеты ТМ */
#report_settings th { padding-right: 10px; font-size: 14px; }
#report_settings td { padding-right: 20px; font-size: 14px; }
#crosss { padding-top: 20px; }
#crosss td.data { white-space: nowrap;}

div.nom_details { padding-left: 30px; }
div.nom_subdetails { padding-left: 60px; }

div.nom_details td { text-align: center; }

.place img, .place span, .place a { padding-right: 10px; font-size: 16px; }
.song { font-weight: bold; }
.place div.record { padding-left:30px; }
.place div.player { padding-left:60px; }
div.player table { width: 100% }
div.player table tr td:not(:last-child) { width: 1% }
div.player table tr td.player { padding-left: 40px; }
div.player input.vol { width: 50px; }
div.player table tr td.download { white-space: nowrap; }

div.fg-toolbar {border:none;background-color: transparent;}
table.dataTable th {
    background-color: transparent;
    border-left: none; border-right: none; border-top: none;
    border-bottom: solid 1px black;
}

body {min-width:500px;}

div.chord, div.track { line-height: 2; }
div.chord tr { vertical-align: top; }
table.multitrack { background-color: lightgrey; white-space: nowrap; margin: 10px;}
table.player {background-color: #ffd09c; margin: 10px; }
table.player td, table.multitrack td { padding: 5px; }

span.title {color: #ff8f6c;}
span.ke, span.error {color:red; font-weight:bold;}
span.comment {font-style: italic;}
input[type=search] {border-color: lightgrey;}

h3 img { padding-left: 10px; }

.dataTables_filter a.myc { padding-right: 30px; }
span.myc { padding-right: 0px; }
span.myc_last { padding-right: 30px; }
input.myc[type=radio] { margin-right: 5px; }

#edit_plist input, #edit_plist textarea { font-size: 16px; width: 300px; }
#edit_plist td { font-size: 16px; }

.plist_container { padding-left: 40px; color: #005577;}
.plist_container .myc { padding-right: 10px; }
.plist_container td { font-size: 16px; padding-right: 20px; }

span.jam_year {font-weight: bold; padding-right: 30px;}