/*

#
# --- BEGIN_HEADER ---
#
# jquery.managers - style overrides for multiple pages
# Copyright (C) 2003-2016  The MiG Project lead by Brian Vinter
#
# This file is part of MiG.
#
# MiG is free software: you can redistribute it and/or modify
# it under the terms of the GNU General Public License as published by
# the Free Software Foundation; either version 2 of the License, or
# (at your option) any later version.
#
# MiG is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
# GNU General Public License for more details.
#
# You should have received a copy of the GNU General Public License
# along with this program; if not, write to the Free Software
# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
#
# -- END_HEADER ---
#

*/

/* Shared fm_filemanager and fm_filechooser settings */
#fm_filemanager, #fm_filechooser {
    background: #eee;
    padding: 4px;
    border-radius: 4px;
    cursor: default;  
}
/* Extras for fm_filemanager */
h1.fileman-title {
    /* Pull filemanager up close to title block */
    margin-bottom: 2px;
}
#fm_filemanager {
    border: 1px solid grey;
}
#jm_jobmanager {
    border-spacing: 0;
    border: 1px solid grey;
    padding: 4px;
    border-radius: 4px;
    cursor: default;
}
#fm_filemanager table, #fm_filechooser table, #jm_jobmanager table {
    border: 0;
    padding: 0;
    background-color: #fff;
    /* no space between elements - to avoid gap without context menu */
    border-spacing: 0px;
}
#fm_filemanager thead, #fm_filechooser thead, #jm_jobmanager thead {
    background-color: #eee;
}

#fm_filemanager thead td, #fm_filechooser thead td, #jm_jobmanager thead td {
    border: 0;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid grey;
    padding: 2px;
}
/* Hide the sorting element in the table body only - thead has divs, too */
#fm_filelisting tbody div { display: none; }
#fm_filelisting table {
    padding: 2px;
    border-spacing: 0;
}
#fm_filelisting tbody tr.odd:hover, #jm_jobmanager tbody tr.odd:hover {
    color: #46743C;
}
#fm_filelisting tbody tr.even:hover, #jm_jobmanager tbody tr.even:hover {
    color: #46743C;
}
#jm_jobmanager tbody tr.odd.ui-selected { background-color: #ffdd4d; }
#jm_jobmanager tbody tr.even.ui-selected { background-color: #ffdd7f; }

#fm_filelisting td, th { padding: 6px; background-position: 2px 50%; }
#jm_jobmanager td, th { padding: 4px; background-position: 2px 50%; }

/* hide sortkey helpers everywhere */
tbody tr td div.sortkey { display: none; }

#fm_debug {
    display: none;
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
}
.fm_path_breadcrumbs {
    display: inline-block;
    border: 1px solid grey;
}
.fm_buttonbar {
    background: #F0F0F0;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    float: right;
}
.fm_buttonbar ul {
    margin: 0;
    padding: 0;
    list-style: none;
    vertical-align: middle;
    /* Use inline-block here and float left in li to always right-fit buttons */
    display: inline-block;
}
.fm_buttonbar ul li {
    border: 1px solid grey;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 4px;
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
}
.fm_buttonbar li:hover {
    border: 1px solid lightgrey;
}
/*
.fm_buttonbar li.parentdirbutton {
    background-image: url('/images/icons/arrow_up.png');
}
.fm_buttonbar li.refreshbutton {
    background-image: url('/images/icons/arrow_refresh.png');
}
.fm_buttonbar li.datatransfersbutton {
    background-image: url('/images/icons/table_refresh.png');
}
.fm_buttonbar li.sharelinksbutton {
    background-image: url('/images/icons/table_link.png');
}
*/
.fm_addressbar {
    border: 0;
}
.fm_addressbar input {
    width: 98%;
}
.fm_folders {
    float: left;
    width: 25%;
    padding: 0;

    border: 1px solid grey;
    border-bottom: 0;
    background-color: white;

    overflow: scroll;
    height: 500px;
}
.fm_previews {
    float: right;
    width: 100%;
    height: 0px;
    background-color: #FFF; 
    visibility: hidden;
}
.fm_preview_caman {
    float: right;
    border: 0px;
    width: 0px;
    height: 0px;
    background-color: #FFF; 
    visibility: hidden;
}
.fm_preview_paraview {
    float: right;
    border: 0px;
    width: 0px;
    height: 0px;
    background-color: #FFF; 
    visibility: hidden;
}

.fm_preview_menubar {
    float: left;
    border: 0px;
    width: 20px;
    height: 100%;
    background-color: #EEE;
}
.fm_preview_menubar_entry {
    border: 0px;
    width: 19px;
    margin-top: 1px;
    margin-left: 1px;
}
.fm_preview_left_tile {
    float: left;
    border: 0px;
    width: 0px;
    height: 100%;
    background-color: #FFF; 
    overflow-x: hidden;
    overflow-y: auto;
}
.fm_preview_center_tile {
    float: left;
    border: 0px; 
    padding: 0px;
    width: 0px;
    height: 100%;
    background-color: #FFF; 
    overflow-x: hidden;
    overflow-y: hidden;
}
.fm_preview_right_tile {
    float: left;
    border: 0px;
    width: 0px;
    height: 100%;
    background-color: #FFF; 
    overflow-x: hidden;
    overflow-y: auto;
}
#fm_preview_left_tile_histogram {
    display: block;
    margin-top: 1%; 
    margin-left: 5%; 
    border: 0;
    width : 80%;
    height : 0px;
    background-color: #FFF; 
}
#fm_preview_left_tile_histogram_actions {
    display: block;
    margin-left: 5%; 
    border: 0;
    width : 80%;
    background-color: #FFF; 
}
#fm_preview_left_output {
    margin-left: 5%;
    margin-right: 5%; 
    background-color: #FFF; 
}
#fm_preview_right_output {
    margin-left: 5%;
    margin-right: 5%; 
    background-color: #FFF; 
}
#fm_preview_left_tile .noUi-target {
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
#fm_preview_left_tile .noUi-horizontal {
    height: 8px !important;
}
#fm_preview_left_tile .noUi-horizontal .noUi-handle {
    width: 6px;
    height: 12px;
    left: -3px;
    top: -3px;
}
#fm_preview_left_tile .noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #FFF,
        inset 0 1px 7px #EBEBEB,
        0 3px 6px -3px #BBB;
}
#fm_preview_left_tile .noUi-handle:before,
#fm_preview_left_tile .noUi-handle:after {
    content: "";
    display: block;
    position: absolute;
    height: 0px;
    width: 0px;
    background: #E8E7E6;
    left: -3px;
    top: -3px;
}
#fm_preview_left_tile .noUi-handle:after {
    left: 17px;
}
#fm_preview_left_tile .noUi-handle {
}
#fm_preview_histogram_min_max_slider .noUi-origin {
}
#fm_preview_histogram_min_max_slider .noUi-handle {
}
#fm_preview_histogram_min_max_slider .noUi-handle-lower {
}
#fm_preview_histogram_min_max_slider .noUi-handle-upper {
}
#fm_preview_left_tile .noUi-base {
     background: lightgrey;
}
#fm_preview_histogram_min_max_slider .noUi-connect {
  background: black;
} 
#fm_preview_histogram_min_max_slider .noUi-background{
  background: lightgrey;
}
#fm_preview_histogram_min_max_slider .noUi-state-tap {
}
#fm_preview_histogram_min_max_slider .fm_preview_histogram_min_max_slider_tooltip {
    display: block;
    position: absolute;
    border: 0px solid #D9D9D9;
    font-size: 12px;
    top: -5px;
    padding: 0px;
    left: -13px;
    text-align: center;
    width: 30px;
}
.fm_preview_min_max_slider_tooltip_org {
    display: block;
    position: absolute;
    border: 1px solid #D9D9D9;
    font: 400 12px/12px Arial;
    border-radius: 3px;
    background: #fff;
    top: -43px;
    padding: 5px;
    left: -9px;
    text-align: center;
    width: 50px;
}
/* hide paraview SVG bar which only shows up on IE and covers refresh button */
.fm_previews .pipelineSVG svg rect {
    display: none;
}
/* avoid waiting banner from flying around */
.fm_previews .app-wait-start-page {
    position: absolute;
}

.fm_metaio_list ul.edit {
    list-style-image: url(/images/icons/page_white_edit.png);
}
.fm_metaio_list ul.pending {
    list-style-image: url(/images/icons/hourglass.png);
}
.fm_metaio_list ul.updating {
    list-style-image: url(/images/icons/server_lightning.png);
}
.fm_metaio_list ul.edit:hover {
    background-color: #ffdd7f;
}
.fm_metaio_edit_table {
    background: #fff;
    border: 0px;
    padding: 0px;
}

.fm_files {
    float: right;
    width: 74%;
    padding: 0;
    border: 1px solid grey;
    border-bottom: 0;
    overflow: scroll;
    height: 500px;
    background-color: #fff;
}
.fm_files .bulk {
    padding: 0;
    margin: 0;
}
.fm_files .fm_size {
    width: 80px;
}
.fm_files .fm_type {
    width: 60px;
}
.fm_files .fm_date {
    width: 140px;
}
.fm_files .fm_toolbox {
    width: 10px;
}
.fm_toolbar {
    float: right;
    width: 74%;
    padding-bottom: 5px;
    padding-top: 5px;
    border: 0;
}
.fm_toolbar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.fm_toolbar li {
    display: inline;
    margin: 0;
    padding: 0;
}
.fm_toolbar ul li {
    list-style-type: none;
    display: inline;
}
.fm_toolbar ul li a:hover {
    background-color: 999;
    color: white;
}
.fm_toolbar ul li a.selected {
    background-color: #666;
    color: white;
}
.fm_toolbar ul li a {
    border-radius: 4px;
  
/*
    background-repeat: no-repeat;
    background-image: url('/images/icons/bullet_black.png');
    background-position: 5px 50%;
*/
    background: none;

    border: 1px solid darkgrey;
    color: black;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 9px 3px 9px;
    text-decoration: none;
    background-color: #ccc;

    margin-right: 10px;
}
/*
.fm_toolbar ul li.fm_upload a {
    background-image: url('/images/icons/add.png');
}
.fm_toolbar ul li.fm_refresh a {
    background-image: url('/images/icons/arrow_refresh.png');
}
.fm_toolbar ul li.fm_home a {
    background-image: url('/images/icons/folder.png');
}
*/
.fm_toolbar ul li input {
    border: 1px solid #999999;
    display: inline;
    padding: 2px 4px;
    width: 80%;
}
/* statusbar with info left and progress right */
#fm_statusbar {
    padding: 2px;
    border: 1px solid grey;  
    background-color: #ddd;
    clear: right;
    overflow: hidden;
}
#fm_statusprogress {
    padding: 0;
    float: left;
    width: 25%;
    height: 14px;
}
#fm_statusprogress .progress-label {
    width: 100%;
    left: 0px;
    right: 0px;
    text-align: center;
    text-shadow: 1px 1px 0 #fff;
    font-size: 12px;
    font-weight: bold; 
}
#fm_options {
    padding: 0;
    margin: 0;
    float: left;
    width: 30%;
}

#fm_statusinfo {
    padding: 0;
    margin: 0;
    float: left;
    width: 44%;
}
#fm_toggle_dotfiles, #fm_toggle_touchscreen {
    vertical-align: middle;
}
/* NOTE: these are needed for vertical text centering and alignment with sliders */
#fm_statusbar span {
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
}


.more-button {
  width: auto;
  border-radius: 16px;
  padding: 2px 4px;
  border: none;
  border-style: none;
  cursor: pointer;
  box-shadow: none;
  color: #666;
  background-color: #eee;
}
.more-button:hover {
  color: #333;
  background-color: #ccc;
}

UL.jqueryFileTree {
    /*
    font-family: Verdana, sans-serif;
    font-size: 11px;
    */
    line-height: 22px;
    padding: 0px;
    margin: 0px;
}
UL.jqueryFileTree LI {
    list-style: none;
    padding: 0px;
    padding-left: 20px;
    margin: 0px;
    white-space: nowrap;
}
UL.jqueryFileTree div:hover {
    background-color: #ffdd7f;
}

/* Core Styles */
#fm_filemanager .wait, #fm_filechooser .wait, #jm_jobmanager .wait { 
    background: url(/images/icons/spinner.gif) left center no-repeat; background-position: 2px 50%; 
}
.jqueryFileTree LI.wait {
    background: url(/images/icons/spinner.gif) left center no-repeat;
}

UL.jqueryFileList {
    /*
    font-family: Verdana, sans-serif;
    font-size: 11px;
    */
    line-height: 22px;
    padding-left: 0px;
    margin: 0px;
}

UL.jqueryFileList LI {
    list-style: none;
    padding: 0px;
    margin: 0px;
    /*white-space: nowrap;*/
}

UL.jqueryFileList A {
    color: #333;
    text-decoration: none;
    display: block;
    padding: 0px 2px;
}


UL.jqueryFileList A:hover {
    background: #BDF;
}

.jqueryFileList div {
    display: inline;
}
.jqueryFileList .cdate, .jqueryFileList .size { 
    float: right; 
    margin-top: -20px;
}


/* File Extensions */
.icon {
  padding-left: 16px;
}
/*
.directory.icon { background: url(/images/icons/folder.png) left top no-repeat; }
.file.icon { background: url(/images/icons/file.png) left center no-repeat; }
.mkdir.icon { background: url(/images/icons/folder_add.png) left center no-repeat; }
.rmdir.icon { background: url(/images/icons/folder_delete.png) left center no-repeat; }
.upload.icon { background: url(/images/icons/page_white_get.png) left center no-repeat; }
.rm.icon { background: url(/images/icons/page_white_delete.png) left center no-repeat; }
.edit.icon { background: url(/images/icons/page_white_edit.png) left center no-repeat; }

.refresh.icon { background: url(/images/icons/arrow_refresh.png) left center no-repeat; }

.directoryicon { background: url(/images/icons/folder.png) left top no-repeat; }
.fileicon { background: url(/images/icons/file.png) left center no-repeat; }
*/

/* override folder icon for user home and vgrid folders */
/*
.userhome { background: url(/images/icons/folder_user.png) left top no-repeat; }
.vgridshared { background: url(/images/icons/folder_link.png) left top no-repeat; }
.vgridshared.readonly { background: url(/images/icons/other/folder_link-blue.png) left top no-repeat; }
.vgridpublicweb { background: url(/images/icons/folder_table.png) left top no-repeat; }
.vgridprivateweb { background: url(/images/icons/folder_key.png) left top no-repeat; }
.vgridstoreres { background: url(/images/icons/folder_server.png) left top no-repeat; }
.seafilereadonly { background: url(/images/icons/other/folder_database-blue.png) left top no-repeat; }
.trashbin { background: url(/images/icons/bin_closed.png) left top no-repeat; }
*/
/* use top here because it is relative to self plus all expanded children */
/*
.expanded { 
    background: url(/images/icons/folder_open.png) left top no-repeat;
}

.expanded.userhome { 
    background: url(/images/icons/folder_open_user.png) left top no-repeat;
}
.expanded.vgridshared { 
    background: url(/images/icons/folder_open_link.png) left top no-repeat;
}
.expanded.vgridshared.readonly { 
    background: url(/images/icons/other/folder_open_link-blue.png) left top no-repeat;
}
.expanded.vgridpublicweb { 
    background: url(/images/icons/folder_open_table.png) left top no-repeat;
}
.expanded.vgridprivateweb { 
    background: url(/images/icons/folder_open_key.png) left top no-repeat;
}
.expanded.vgridstoreres { 
    background: url(/images/icons/folder_open_server.png) left top no-repeat;
}
.expanded.seafilereadonly { 
    background: url(/images/icons/other/folder_open_database-blue.png) left top no-repeat;
}
.expanded.trashbin { 
    background: url(/images/icons/bin.png) left top no-repeat;
}

.ext_3gp { background: url(/images/icons/film.png) left center no-repeat; }
.ext_afp, .ext_afpa { 
background: url(/images/icons/code.png) left center no-repeat; 
}
.ext_asp, .ext_aspx { 
background: url(/images/icons/code.png) left center no-repeat; 
}
.ext_avi { background: url(/images/icons/film.png) left center no-repeat; }
.ext_bat { background: url(/images/icons/application.png) left center no-repeat; }
.ext_bmp { background: url(/images/icons/picture.png) left center no-repeat; }
.ext_c, .ext_h { background: url(/images/icons/code.png) left center no-repeat; }
.ext_cfm { background: url(/images/icons/code.png) left center no-repeat; }
.ext_cgi { background: url(/images/icons/code.png) left center no-repeat; }
.ext_com { background: url(/images/icons/application.png) left center no-repeat; }
.ext_cpp, .ext_cxx, .ext_cc, .ext_hpp { 
    background: url(/images/icons/code.png) left center no-repeat; 
}
.ext_css { background: url(/images/icons/css.png) left center no-repeat; }
.ext_doc { background: url(/images/icons/doc.png) left center no-repeat; }
.ext_exe { background: url(/images/icons/application.png) left center no-repeat; }
.ext_gif { background: url(/images/icons/picture.png) left center no-repeat; }
.ext_fla, .ext_flv { 
    background: url(/images/icons/flash.png) left center no-repeat;
}
.ext_flac { background: url(/images/icons/music.png) left center no-repeat; }
.ext_h5 { background: url(/images/icons/db.png) left center no-repeat; }
.ext_htm, .ext_html { 
    background: url(/images/icons/html.png) left center no-repeat; 
}
.ext_iso, .ext_img { background: url(/images/icons/drive.png) left center no-repeat; }
.ext_jar, .ext_class, .ext_jnlp { 
    background: url(/images/icons/java.png) left center no-repeat; 
}
.ext_java { background: url(/images/icons/code.png) left center no-repeat; }
.ext_jpg, .ext_jpeg { 
    background: url(/images/icons/picture.png) left center no-repeat; 
}
.ext_js { background: url(/images/icons/script.png) left center no-repeat; }
.ext_lasso { background: url(/images/icons/code.png) left center no-repeat; }
.ext_log, .ext_out, .ext_diff, .ext_conf, .ext_cfg, .ext_cnf { 
    background: url(/images/icons/txt.png) left center no-repeat; 
}
.ext_m4p { background: url(/images/icons/music.png) left center no-repeat; }
.ext_mov { background: url(/images/icons/film.png) left center no-repeat; }
.ext_mp3 { background: url(/images/icons/music.png) left center no-repeat; }
.ext_mp4, .ext_m4v { 
    background: url(/images/icons/film.png) left center no-repeat;
}
.ext_mpg, .ext_mpeg { 
    background: url(/images/icons/film.png) left center no-repeat; 
}
.ext_mrsl { background: url(/images/icons/server_lightning.png) left center no-repeat; }
.ext_ogg { background: url(/images/icons/music.png) left center no-repeat; }
.ext_pcx { background: url(/images/icons/picture.png) left center no-repeat; }
.ext_pdf { background: url(/images/icons/pdf.png) left center no-repeat; }
.ext_php { background: url(/images/icons/php.png) left center no-repeat; }
.ext_png { background: url(/images/icons/picture.png) left center no-repeat; }
.ext_ppt { background: url(/images/icons/ppt.png) left center no-repeat; }
.ext_psd { background: url(/images/icons/psd.png) left center no-repeat; }
.ext_pl { background: url(/images/icons/script.png) left center no-repeat; }
.ext_py, .ext_pyx { 
    background: url(/images/icons/script.png) left center no-repeat; 
}
.ext_rb { background: url(/images/icons/ruby.png) left center no-repeat; }
.ext_rbx { background: url(/images/icons/ruby.png) left center no-repeat; }
.ext_rhtml { background: url(/images/icons/ruby.png) left center no-repeat; }
.ext_rpm { background: url(/images/icons/linux.png) left center no-repeat; }
.ext_ruby { background: url(/images/icons/ruby.png) left center no-repeat; }
.ext_sh { background: url(/images/icons/script.png) left center no-repeat; }
.ext_sql { background: url(/images/icons/db.png) left center no-repeat; }
.ext_stdout, .ext_stderr, .ext_status, .ext_io-status { 
    background: url(/images/icons/txt.png) left center no-repeat; 
}
.ext_swf { background: url(/images/icons/flash.png) left center no-repeat; }
.ext_tar { background: url(/images/icons/compress.png) left center no-repeat; }
.ext_tbz, .ext_tbz2, .ext_bz2, .ext_bz { 
    background: url(/images/icons/compress.png) left center no-repeat; 
}
.ext_tgz, .ext_gz { 
    background: url(/images/icons/compress.png) left center no-repeat; 
}
.ext_txz, .ext_xz { 
    background: url(/images/icons/compress.png) left center no-repeat; 
}
.ext_tif, .ext_tiff { 
    background: url(/images/icons/picture.png) left center no-repeat;
}
.ext_txt { background: url(/images/icons/txt.png) left center no-repeat; }
.ext_vb { background: url(/images/icons/code.png) left center no-repeat; }
.ext_wav { background: url(/images/icons/music.png) left center no-repeat; }
.ext_wmv { background: url(/images/icons/film.png) left center no-repeat; }
.ext_xls { background: url(/images/icons/xls.png) left center no-repeat; }
.ext_xml { background: url(/images/icons/code.png) left center no-repeat; }
.ext_zip { background: url(/images/icons/zip.png) left center no-repeat; }
*/
.ui-draggable-dragging {
    /*background-color: red;*/
}

/* prevent text select on dclick on files or dirs in fileman */
#fm_filelisting tr {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0;
}

#fm_filemanager div.uploadspace .uploadbutton {
    /* border-width is dynamically set along with total width in js */
    border-style: dotted; 
    border-color: lightgrey;
    cursor: pointer;
}

.cmd { 
    display: inline-block; 
    width: 18px; 
    cursor: pointer;
}
.tablesorter-header { 
    background-image: url('/images/icons/desc.gif'); 
    background-image: url('/images/icons/small.gif');
    cursor: pointer; 
    font-weight: bold; 
    background-repeat: no-repeat; 
    background-position: center left; 
    padding-left: 20px; 
    border-right: 1px solid #dad9c7; 
    margin-left: -1px;
} 
.tablesorter-headerAsc { 
    background-image: url('/images/icons/asc.gif'); 
    background-color: #999; 
}
.tablesorter-headerDesc { 
    background-image: url('/images/icons/desc.gif'); 
    background-color: #999; 
}

.pager {
    /*
    border: 1px solid #000; 
    border-radius: 4px;
    */
    padding: 2px;
}
.pager .icon {
    border: 1px solid #999;
    border-radius: 4px;
    height: 16px;
    padding: 3px;
    vertical-align: middle;
}
.pager .icon:hover {
    border: 1px solid #ccc;
    cursor: pointer;
}
.pager .pagedisplay, .pager .pagesize, .pager .maxjobs, .pager .filterid {
    vertical-align: middle;
    font-size: 16px;
    padding: 0px;
}
.pager .inline {
    display: inline;
}

/* use similar colors in tabs as in navmenu */
/*
.vm-tabs li.ui-state-default { 
  background: #999;
  color: white;
}
*/
.vm-tabs li.ui-tabs-selected { 
    background: #111;
    color: white;
    font-weight: bold; 
}
.vm-tabs li.ui-state-hover a:hover { 
    background: #666;
    color: white;
}
.vm-tabs ul.no-bullets {
    list-style-type: none;
}

.jupyter-tabs { 
    /* needed to avoid tabs bar growing to entire menu height */
    overflow: auto;
}
.workflow-tabs { 
    /* needed to avoid tabs bar growing to entire menu height */
    overflow: auto;
}
.datatransfer-tabs { 
    /* needed to avoid tabs bar growing to entire menu height */
    overflow: auto;
}
.crontab-tabs { 
    /* needed to avoid tabs bar growing to entire menu height */
    overflow: auto;
}

#contextual_help { 
    position: absolute;
    display: none;
}
#contextual_help .help_gfx_bubble {
    border-radius: 20px;
    background-color: #FFFE9D;
    border: 1px solid #A9A809;
    padding: 1em;
    width: 1px;
    height: 1px;
}  
#contextual_help .help_message {
    border-radius: 20px;
    background-color: #FFFE9D;
    border: 1px solid #A9A809;
    padding: 1em;
    width: 80%;
}  
#help_text { 
    display: none;
}
.form_container {
    width: 100%;
}
.form_container td {
    width: 40%;
}
.form_container td.label {
    width: 20%;
}
.form_container td.fill_space {
    width: 40%;
}
.form_container input:not([type="checkbox"]):not([type="submit"]), .form_container textarea,
.form_container select, .form_container fill_space {
    width: 98%;
    display: block;
    padding: 2px;
}
.form_container select, .form_container textarea {
    width: 99%;
}
/* Adjust account request form rows to be of equal width */
.form_container .col-md-4 input.form-control {
    width: 97%;
}
.form_container .col-md-6 input.form-control {
    width: 98%;
}
.form_container .col-md-12 input.form-control {
    width: 99%;
}

#submit_button {
    width: auto;
}

/* gdpman */
.gm_projects_table {
    padding-left: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.gm_projects_table th {
    padding-right: 50px;
    padding-top: 7px;
    padding-bottom: 7px;
    text-align: left;
}
.gm_projects_table td {
    padding-left: 10px;
    text-align: left;
}

/* TODO: investigate a modern pure-css solution for this 
   https://fabriceleven.com/design/clever-way-to-change-the-drop-down-selector-arrow-icon/
   https://stackoverflow.com/questions/1895476/how-do-i-style-a-select-dropdown-with-only-css
*/

/* -------------------- Select Box Styles: bavotasan.com Method (with special adaptations by ericrasch.com) */
/* -------------------- Source: http://bavotasan.com/2011/style-select-box-using-only-css/ */
/*     Selectbox CSS from : https://codepen.io/ericrasch/pen/zjDBx */

.styled-select {
    background: url(/images/icons/select_arrow.png) no-repeat 96% 0;
    background-size: 25px 25px;
    height: 25px;
    overflow: hidden;
    width: 240px;
    max-width: 240px;
}

.styled-select select {
    background: transparent;
    border: none;
    font-size: 13px;
    height: 25px;
    overflow: hidden;
    padding: 3px; /* If you add too much padding here, the options won't show in IE */
    width: 268px;
    max-width: 268px;
}

.semi-square {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* -------------------- Colors: Background */
.html-select, .gm_select {
    background-color: #666;
}

/* -------------------- Colors: Text */
.html-select, .gm_select select {
    color: #fff;
}

/* Set the desired color for the focus state */
.html-select select:focus, .gm_select select:focus {
    background-color: #666;
    color: #fff;
}

/* Make M$ IE and EDGE behave like other browsers */
.html-select select:focus::-ms-value, .gm_select select:focus::-ms-value {
    background: #666;
    color:  #fff;
}