ajaxplorer.css

table.sort-table tr:nth-child(even)
{
    background-color: #f9f9f9;
}

/* FONTS */

*{
    font-family: "Open Sans Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

#content_pane div.thumbnail_selectable_cell.detailed div.thumbLabel,
div.infoPanelBasenameTitle,
.table_rows_container span#ajxp_label
{
    font-family: "Open Sans Regular", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;;
}

*:focus{
    outline: none;
}

.soft_css_gradient, .menu.bookmarksMenu{
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
}

.grey_gradient_emboss,.selected{
    background: #CCC !important;
}

div.selected-webfx-tree-item-inactive{
    background: #666 !important; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera11.10+ */ /* IE10+ */ /* IE6-9 */ /* W3C */
}

.blue_gradient,div.selected-webfx-tree-item, .selected-focus{
    background: #fb725c !important; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera11.10+ */ /* IE10+ */ /* IE6-9 */ /* W3C */
}

.settings_main_pane div.selected-webfx-tree-item,
.settings_main_pane div.selected-focus,
.settings_main_pane tr.selected-focus{
    background-color: rgb(78, 167, 165);
}

.grey_gradient_light_inputs, .dialogContent input[type="text"], .dialogContent input[type="password"], .dialogContent select, #search_txt, #location_form,#treeCopy
{
    background-color: #ffffff;
}

.colorcode-alert,
span.overlay-class-span.icon-eye-open
{
    color: #F5C781;
}

.colorcode-shared,
span.overlay-class-span.icon-share-sign
{
    color: #4Aceb0;
}

.colorcode-bookmark,
span.overlay-class-span.icon-bookmark
{
    color: #77b8e2;
}

.colorcode-folder{
    color: #fb725c;
}

/*
MAJOR STYLES
*/
a:link, a:visited, a:hover, a:active, a:focus {
    text-decoration: none;
    outline: 0;
    color: #333;
}

.linked{
    cursor: pointer;
    z-index: 10;
}

body, html
{
    margin: 0;
    padding: 0;
    background-color: #333;
}

input, textarea, select
{
    margin-top: 1px;
    margin-left: 10px;
    padding: 2px;
    border: 1px solid #aaa;
    font-size: 13px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

textarea{
    margin-top: 0;
    margin-left: 0;
    padding: 0;
    background-color: #fff;
}

kbd {
    padding: .1em .6em;
    border: 1px solid #ccc;
    font-size: 11px;
    font-family: Arial,Helvetica,sans-serif;
    background-color: #f7f7f7;
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;
    box-shadow: 0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;
    border-radius: 3px;
    display: inline-block;
    margin: 0 .1em;
    text-shadow: 0 1px 0 #fff;
    line-height: 1.4;
    white-space: nowrap;
}

.tooltipped
{
    background-color: #ffffc0;
}
.resizableHandle{
    position: absolute;
    width: 10px;
    height: 10px;
    background-image: url('../images/resize_handle.png');
    opacity: 0.5;
    cursor: nwse-resize;
}

.flexbox body{
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
}

.vertical_layout{
    display:-webkit-flex;
    display:flex;
    flex-direction: column;
    -webkit-flex-direction: column;
}

.vertical_layout > *{
    flex-shrink: 0;
}

.horizontal_layout{
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-items: stretch;
    -webkit-align-items: stretch;
}

.vertical_fit{
    flex:1;
    -webkit-flex: 1;
    overflow-y: hidden;
}

#sidebar_rootdir_td
{
    height: 17px;
    vertical-align: top;
}

#sidebar_tree_td
{
    vertical-align: top;
}

#sidebar_searchform_td
{
    vertical-align: bottom;
    height: 20px;
}

.fit_background_height{
    background-size: auto 100% !important;
}

.thumbnail_selectable_cell
{
    width: 110px;
    height: 100px;
    float: left;
    text-align: center;
    margin: 4px;
    background-color: rgb(250, 250, 250);
    -moz-border-radius : 2px;
    border-radius: 2px;
    padding: 4px 6px;
    color: #666;
}

.fl-displayMode-thumb div.thumbnail_selectable_cell{
    margin: 1px;
    background-color: #f9f9f9;
    border-radius: 2px;
    padding: 0 0 3px;
}

.fl-displayMode-thumb div.thumbnail_selectable_cell div.thumbLabel{
    margin-top: -29px;
    opacity: 1;
    background-color: rgba(237, 237, 237, 0.82);
    padding: 8px 3px;
    color: #666;
    text-shadow: 1px 1px 0 white;
}

.fl-displayMode-thumb div.thumbnail_selectable_cell.fl-displayMode-thumbsize-medium div.thumbLabel{
    padding:1px;
    margin-top: -15px;
    font-size: 0.8em;
}

.fl-displayMode-thumb div.thumbnail_selectable_cell.fl-displayMode-thumbsize-small div.thumbLabel{
    display: none;
}

.fl-displayMode-thumb div.thumbnail_selectable_cell.selected-focus div.thumbLabel{
    opacity: 1;
}

.thumbnail_selectable_cell.detailed {;
    margin: 0 0 !important;
    margin-bottom: 2px;
    background-color: #ffffff;
    width: 100%;
    display: block;;
    height: auto;
    position: relative;
    border-radius: 0;
    padding: 6px 4px;
}

.thumbnail_selectable_cell.detailed:hover{
    background-color: #f7f7f7;
}

.thumbnail_selectable_cell.detailed:last-child{
    border-bottom: 0;
}

.thumbnail_selectable_cell.detailed div.thumbnail_selectable_cell{

    margin-right: 11px;
    background-color: transparent;

}

.thumbnail_selectable_cell.detailed div.thumbLabel{

    font-size: 15px;
    text-align: left;
    padding-top: 9px;
    padding-bottom: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.thumbnail_selectable_cell.detailed div.thumbnail_cell_metadata{

    text-align: left;
    padding-top: 0;
    font-size: 11px;
    white-space: nowrap;
    margin-top: 1px;
    opacity: 0.7;
}

.thumbnail_selectable_cell.detailed.metadata_empty div.thumbLabel{
    padding-top:18px;
}

div.thumbnail_cell_metadata span.metadata_chunk span.text_label{
    margin-left: 0;
    display:inline;
}

div.thumbnail_cell_metadata span.metadata_chunk{
    display: inline;
    margin-right: 5px;
}

.selectable_div.detailed{
    padding: 0 !important;
}

.thumbnail_iconlike_shadow{
    border: 0 solid white;
}

.selectable_div div.selected{}
.selectable_div div.selected-focus{}

.thumbLabel
{
    /*overflow: hidden;*/
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.img_cont
{
    width: 64px;
    height: 64px;
    border: 1px solid #ddd;
    vertical-align: middle;
}

.text_label{
    display:block;
    /*float:left;*/
    overflow:hidden;
    padding-left: 6px;
    padding-top: 4px;
    height: 18px;
    line-height: 17px;
    white-space : nowrap;
    color: #999;
    text-overflow: ellipsis;
}

.text_label.full{
    height: auto;
    white-space: normal;
}

.list_selectable_span img {
    float: left;
}

.table_rows_container span.list_selectable_span span.text_label{
    font-size: 12px;
    padding-left: 27px !important;
    background-position: 5px 4px;
    color: #444;
    letter-spacing: 1px;
}

.overlay_icon_div{
    position: absolute;
    background: none !important;
    height: 12px !important;
    bottom: 0 !important;
    width: auto !important;
    top: 9px !important;
    right: 10px !important;
    font-size: 11px;
}

.thumbnail_selectable_cell > div > div.overlay_icon_div{
    top: 24px !important;
    right: 21px !important;
    font-size: 16px;
    transition: top 0.6s ease;
}

#browser div.thumbnail_selectable_cell span.metadata_chunk.metadata_chunk_standard{
    display: none;
}
#browser div.thumbnail_selectable_cell span.metadata_chunk.metadata_chunk_standard.metadata_chunk_ajxp_modiftime{
    display: none !important;
}
#browser div.thumbnail_selectable_cell:hover span.metadata_chunk.metadata_chunk_standard,
#browser div.thumbnail_selectable_cell.selected span.metadata_chunk.metadata_chunk_standard,
#browser div.thumbnail_selectable_cell.selected-focus span.metadata_chunk.metadata_chunk_standard
{
    display: inline;
}

div.class-FetchedResultPane div.overlay_icon_div {
    top: 16px!important;
    font-size: 13px;
}

span.overlay-class-span{
    color: rgb(111,123,136);
    margin-left: 5px;
    padding: 0 !important;
    margin-top: 0 !important;
}

.selected span.overlay-class-span,
.selected-webfx-tree-item span.overlay-class-span
{
    color: white;
}

.overlay_icon_div span.overlay-class-span{
    margin-left: 7px;
}

.webfx-tree-item span.overlay-class-span{

}

/*
DIALOG BOXES
*/
/*#upload_form, #createdir_form, #createfile_form, #rename_div*/
#all_forms
{
    background-color: #eee;
}
#all_forms div{display:none;}
#all_forms form{display:inline;}

#all_forms div div,
#all_forms div.shadow_class
{display:block;}

div.shadow_class
{
    -moz-border-radius:5px;
    border-radius:5px;
}


.dialogBox, .editBox
{
    display: none;
    position: absolute;
    top: 30%;
    left: 30%;
    z-index: 1018;
    font-size: 11px;
    padding: 0;
    border-radius: 3px;
    min-width: 420px;
}

.editBox
{
    top:5%;
    left:5%;
    padding: 0;
    margin: 0;
}

.dialogTitle
{
    cursor:move;
    font-size: 15px !important;
}

.dialogTitle span.ajxp_icon_span,
.dialogTitle span#modalCloseBtn
{
    display: inline-block;
    font-size: 15px;
    padding-right: 8px;
    padding-top: 2px;
}

.dialogTitle span#modalCloseBtn{
    font-size: 17px;
    margin-top: 0;
    color: #AFAFAF;
}

.dialogTitle span.string-only-title {
    font-family: "Open Sans Regular", Helvetica, sans-serif;
}

.dialogContent
{
    background-color: #ffffff;
    padding: 10px 10px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    /* background-image: url('../images/grid_tl.png'); */
    border-top: 0;
    color: #5C5C5C;
}

.dialogContent input,
.dialogContent input[type="text"],
.dialogContent input[type="password"],
.dialogContent select,
#search_txt
{
    margin-left: 0;
    border: 1px solid #aaa;
    background-repeat: no-repeat;
    background-position: top left;
    height: 24px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;

}

.dialogContent select{
    height: 30px !important;
    font-size: 13px;
    width: 97%;
}

.dialogContent select[multiple]{
    height: 66px !important;
}

.dialogContent input:focus,
.dialogContent input[type="text"]:focus,
.dialogContent input[type="password"]:focus,
.dialogContent select:focus
{
/*    background: white;
    border: 1px solid #77b8e2;
    */
}

.dialogContent input:disabled,
.dialogContent input[type="text"]:disabled,
.dialogContent input[type="password"]:disabled,
.dialogContent option:disabled,
.dialogContent textarea:disabled
{
    background: #eee;
}

.dialogContent input[type="checkbox"],
.dialogContent input[type="radio"]
{
    height: auto;
    width: auto;
    border-radius : 0;
    border:none;
    filter: none;
    background: none;
    margin-right: 0;
}

label{
    margin: 0 5px;
    font-size: 13px;
}

.checkbox_left {
    float: left;
    clear: left;
    margin: 0 4px 5px 0 !important;
}

label.checkbox_label_left{
    float: left;
    display: inline-block;
}

.dialogLegend
{
    padding: 5px;
    line-height: 16px;
    font-size: 13px;
}

.dialogButtons
{
    text-align: right;
    clear:both;
}

.dialogButtons input,
fieldSet input.dialogButton
{
    margin-left: 3px;
    width: 32px;
    height: 32px;
    padding: 2px 0;
    background-color: transparent;
    border: 0;
}

.dialogButtons input:focus,
fieldSet input.dialogButton:focus
{
    border: 0;
    background-color: transparent;
}

.dialogButtons.inlineEdition input
{
    margin-left: 6px;
    width: 22px;
    height: 22px;
    padding: 0;
    box-shadow: none;
}

.dialogButtonsCheckbox{

    float: left;
    margin-top: 9px;

}

/************************/
/* ORBIT RESIZE DIALOGS */
/************************/
span#delete_message{
    font-size: 16px;
    display: block;
    padding: 30px 10px;
}

div#copymove_form > div
{
    width: 390px !important;
    height: auto !important;
}
select#external_repository{
    width: 390px !important;
    height: 26px !important;
}
div#copymove_form div#treeCopy{
    height: 254px !important;
}

div.treeCopyContainer div.webfx-tree-item a {
    color: #555 !important;
}

div.treeCopyContainer div.selected-webfx-tree-item a,
div.treeCopyContainer div.webfx-tree-item:hover a,
div.treeCopyContainer div.selected-webfx-tree-item-inactive a
{
    color: white !important;
}

div#copymove_form > input{
    background-color: #fff;
    padding: 5px;
    width: 380px !important;
}

div#properties_box{
    margin: 20px auto;
    width: 250px;
}

input#ajxp_link_container{
    width: 340px !important;
}

div#mkfile_form input,
div#mkdir_form input{
    width: 390px;
}

span.ajxp-caret-up{
    position: absolute;
    top: -21px;
    left: 118px;
    font-size: 30px;
    color: #5C5C5C;
}

.dialogButtonsCheckbox label{
    cursor: pointer;
}

.editContent, .editContent div
{
    background-color: #fff;
}

.editContent textarea, textarea#myCode, .editContent iframe
{
    border: 0;
    border-left:1px solid #5E7C90;
    padding: 0;
    margin: 0;
}

#activity_monitor_warning{
    position:absolute;
    left:35%;
    width:20%;
    top:30%;
    text-align:center;
    font-size: 16px;
    font-weight:bold;
    cursor: pointer;
    box-shadow: none;
}

#activity_monitor_warning div.dialogContent {
    border-radius: 10px;
    box-shadow: 1px 1px 46px rgba(0, 0, 0, 0.67);
}

#activity_monitor_warning span.click_anywhere{
    font-size: 12px;
    color: #676965;
    display:block;
    padding-top:15px;
    font-weight:normal;
}

#activity_monitor_warning span.warning_timer{
    color: #0077b3;
}

textarea#myCode
{
    border: 1px solid #5C5C5C;
    border-right-color: #ccc;
    border-left-color: #ccc;
}

.dialogContent form, .editContent form
{
    display: inline;
    margin: 0;
}

.dialogButton
{
    border-bottom: 1px solid buttonshadow;
    border-right: 1px solid buttonshadow;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    padding: 1px 8px;
    margin-top: 5px;
}

.largeButton,
.SF_input.SF_inlineButton
{
    display: inline-block;
    font-size: 13px;
    padding: 7px 6px !important;
    text-align: center;
    overflow: visible;
    color: #fff;
    outline: none;
    margin-left: 12px;
    background: rgba(107, 107, 107, 0.87);
    letter-spacing: 1px;
    float: left;
    cursor: pointer;
    border-radius: 5px;
}

div#meta_source_button_add{
    margin-top: 20px;
}

.largeButton img{
    width:16px;
    height:16px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-right: 5px;
    margin-top: 3px;
}

.dialogArrow
{
    font-weight: bold;
    font-size: 16px;
}

#fancyframe
{
    border: 0;
    width: 410px;
    height: 385px;
}

#flashframe
{
    border: 0;
    width: 450px;
    height: 300px;
    overflow:hidden;
    margin-top: -9px;
}

/********************/
/* MESSAGE BOX      */
/********************/
#message_div
{
    position: absolute;
    z-index: 1500;
    cursor: pointer;
    border-radius: 4px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
#message_content
{
    font-size: 14px;
    margin: 10px 7px;
    overflow-y: auto;
    max-height: 120px;
    letter-spacing: 0;
}

.errorMessage
{
    background-color: #960000;
    cursor: pointer;
}

.logMessage
{
    background-color: #009600;
}

div#message_content::before {
    font-weight: normal;
    font-style: normal;
    font-family: FontAwesome;
    display: block;
    padding: 0 6px;
    margin-right: 5px;
    font-size: 16px;
    margin-top: 2px;
    float: left;
}

.logMessage > div#message_content::before {
    content: '\f058';
}

.errorMessage > div#message_content::before {
    content: '\f071';
}

html.boxshadow div.logMessage{
    border: 0;
    color: #009600 !important;
    background-color: rgb(194, 236, 194);
}

html.boxshadow div.errorMessage{
    border: 0;
    color: #960000 !important;
    background-color: rgb(242, 193, 193);
}


.simple_tooltip_observer {
    cursor: help;
}

.simple_tooltip_observer_active{
    /*text-decoration: underline;*/
}

.simple_tooltip_title{
    padding-top: 2px;
    padding-bottom: 1px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.1em;
}
.simple_tooltip
{
    position: absolute;
    width: 150px;
    z-index: 10000;
    font-size: 13px;
    letter-spacing: 1px;
    padding: 5px 10px;
}

.down_arrow_tip,
.top_arrow_tip {
    background: rgba(69, 77, 85, 0.86);
    color: white;
    border: 0;
    border-radius: 2px;
}
.down_arrow_tip:after {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.down_arrow_tip:after {
    border-color: rgba(69, 77, 85, 0);
    border-top-color: rgba(69, 77, 85, 0.86);
    border-width: 5px;
    left: 50%;
    margin-left: -5px;
}

.top_arrow_tip{
    width: 100px;
}
.top_arrow_tip:after {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.top_arrow_tip:after {
    border-color: rgba(111, 123, 136, 0);
    border-bottom-color:  rgb(111, 123, 136);
    border-width: 5px;
    left: 50%;
    margin-left: -5px;
}

.arrow_tip_arrow_left:after{
    left: 8%;
}

.right_arrow_tip {
    color: #ffffff;
    border-radius: 4px;
    background-color: rgba(69, 77, 85, 0.86);
    border: 0;
}
.right_arrow_tip:after, .right_arrow_tip:before {
    left: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.right_arrow_tip:after {
    border-color: rgba(69, 77, 85, 0);
    border-left-color: rgba(69, 77, 85, 0.86);
    border-width: 5px;
    top: 50%;
    margin-top: -5px;
}
.right_arrow_tip:before {
    border-color: rgba(69, 77, 85, 0);
    border-left-color: rgba(69, 77, 85, 0.86);
    border-width: 5px;
    top: 50%;
    margin-top: -5px;
}

.left_arrow_tip {
    color: #ffffff;
    border-radius: 4px;
    background-color: rgba(69, 77, 85, 0.86);
    border: 0;
}
.left_arrow_tip:after, .left_arrow_tip:before {
    left: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.left_arrow_tip:before {
    border-color: rgba(69, 77, 85, 0);
    border-right-color: rgba(69, 77, 85, 0.86);
    border-width: 5px;
    top: 50%;
    left:-10px;
    margin-top: -5px;
}

/*********************/
/* ACCORDION CONTENT */
/*********************/
div.accordion_toggle,
div.dialogContentMainTitle{
    color: rgb(117, 128, 139);
    font-size: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgb(117, 128, 139);
    padding-bottom: 0;
}

div.accordion_toggle{
    cursor: pointer;
    background-image: url('../images/Tplus.png');
    background-repeat: no-repeat;
    background-position-x: -6px;
    background-position-y: -3px;
    padding-left: 15px;
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 10px;
    padding-bottom: 2px;
    border-bottom: 0;
}

div.accordion_content div.dialogLegend{
    text-align: justify;
    color: rgb(117, 128, 139);
}

div.accordion_toggle_active{
    background-image: url('../images/Tminus.png');
}


div.accordion_content{
    overflow: hidden;
    padding: 5px;
}

div.oneFieldForm{
    margin-bottom: 13px;
    background-color: #EEEEEE;
    padding: 3px 6px;
    border-radius: 4px;
    margin-top: 10px;
}

div.oneFieldForm input.SF_input{
    background: white !important;
}


/*********************/
/* WIZARD STYLE FORM */
/*********************/
div.wizard-pane{
    display: none !important;
}

div.wizard-pane.wizard-panel-active{
    display: block !important;
}

div.wizard_panel_title{
    font-size: 24px;
    margin: 5px 0;
}
div.wizard_buttons{
    text-align: center;
    margin-top: 30px;
}
div.wizard_buttons div{
    float: none !important;
    width:70px;
    display: inline-block !important;
    margin-left: 10px !important;
}

.SF_input.SF_inlineButton.wizard_previous.disabled,
.SF_input.SF_inlineButton.wizard_next.disabled
{
    display: none !important;
}

div.wizard_progress{
    display: -webkit-flex !important;
    display: flex !important;

}

.wizard_previous, .wizard_next{
    background-color:#F47561 !important;
}


span.wizard_progress_element {
    padding: 28px 0 14px;
    background-color: #FFFFFF;
    font-size: 11px;
    flex: 1;
    border-bottom: 3px solid #D8D7D7;
    position: relative;
    text-align: center;
    color: #555555;
}

span.wizard_progress_element.wizard_progress_passed {
    border-bottom: 3px solid #F47561;
    color: #F47561;
}

span.progress_number {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #ABAAAA;
    text-align: center;
    border-radius: 50%;
    color: white;
    font-weight: bold;
    font-size: 11px;
    position: absolute;
    bottom: -9px;
    left: 43%;
}

.wizard_progress_passed span.progress_number {
    background-color: #F47561;
}
/********************/
/* PROGRESS BAR     */
/********************/
.pg_cancel_button{
    background-color: #C33;
    display: inline-block;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    cursor: pointer;
    float: right;
    margin-right: 8px;
    font-weight: bold;
    color: white !important;
    height: 12px;
    width: 8px;
    padding-left: 4px;
    line-height: 13px;
    font-size: 7px;
    margin-top: 2px;
}

/*************************/
/* SF like "Standard Form" DATA : try to make a "standard"...
/*************************/
div.SF_element{
    padding-top: 5px;
    clear:left;
    width: 96%;
    margin: 0 2%;
}

div.SF_element div.SF_element{
    margin: 0;
}

div.dialogContent div.SF_element{
}

div.SF_disabled{
    color: #ccc;
    font-style:italic;
}

div.SF_label{
    text-transform: uppercase;
    width: 100% !important;
    line-height: 22px !important;
    letter-spacing: 1px;
    margin-top: 3px;
}

input.SF_fieldCheckBox{
    margin-top: 7px !important;
}

.no-flexbox div.SF_label{
    padding-right:3px !important;
}

.SF_input{
    padding: 1% !important;
    margin-left: 0;
    width: 97%;
    max-width: 450px !important;
}
.SF_element textarea, .SF_element select, .SF_element div.SF_image_block{
    margin-left: 0 !important;
    background-color: white;
    width: 97% !important;
    max-width: 450px !important;
}

div.SF_element.SF_largeLabel > input.SF_input.SF_number,
input.SF_input.SF_number{
    width: 30px !important;
    text-align: right;
}

select.SF_input {
    max-width: 450px !important;
    width: 99% !important;
    padding: 0 0 0 5px !important;
    box-sizing: border-box;
}

.SF_box{
    width: 20px !important;
}

.SF_fieldCheckBox{
    float:left;
    margin: 5px;
}

.SF_elementWithCheckbox > .SF_input{
    width: 50% !important;
    _width:46% !important; /*IE*/
}

.SF_inlineButton {
    margin: 3px 0 !important;
    padding: 4px !important;
    background-image: url('../images/grid_tl.png');
}

.SF_inlineMonitoring {
    padding: 7px 4px !important;
}
.SF_inlineMonitoring.SF_inlineMonitoringWorking:after{
    content: " [reloading]";
}

.SF_inlineButton span[class^="icon-"]{
    margin-right: 3px;
}

.SF_inlineButton.SF_inlineButtonWorking{
    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.35);
    padding-top: 10px !important;
    padding-bottom: 8px !important;
}

.SF_failed{
    border: 1px solid #D8B0B0 !important;
}

.SF_replicableGroup{
    background-color:#EEE;
    clear: both;
    position: relative;
    margin-bottom: 5px;
    border-radius: 5px;
    padding-bottom: 20px;
    margin-top: 8px;
}

.SF_replication_Add,
.SF_replication_Remove
{
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('../images/0.gif');
    background-repeat: no-repeat;
    background-position: 5px 6px;
    position:absolute;
    bottom: 0;
    left: 0;
}

.SF_replication_Remove
{
    background-image: url('../images/1.gif');
    top: 0;
}

.SF_rgClear{
    clear:left;
    height: 3px;
}

.SF_image_block{
    max-width: 80px;
    float: left;
}

.SF_image.small{
    max-width: 80px;
    max-height: 80px;
}

#user_profile_form img.SF_image.small {
    border-radius: 40px;
}

.SF_image_link{
    display: inline-block;
    width: 80px;
    cursor: pointer;
    text-align: center;
}

.accordion_toggle_failed {
    background-color: #D8B0B0 !important;
}

.SF_horizontal_labelRow{
    clear: both;
}

.SF_horizontal_labelRow div.SF_label{
    float:left;
    text-align: left;
    padding: 0 5px 0 3px;
    margin-right: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.SF_horizontal_fieldsRow{
    clear: both;
}
.SF_horizontal_fieldsRow input{
    float: left;
    margin-right: 5px;
    font-size: 13px;
    padding: 3px 4px 3px 2px !important;
}

.SF_horizontal_fieldsRow input.SF_number{
    text-align: left;
}

.SF_horizontal_actions {
    float: left;
    padding: 5px 2px;
    font-size: 15px;
}

.SF_horizontal_pastilles{
    padding: 1px 8px;
    font-size: 11px;
    float: none;
}

.SF_horizontal_actions span{
    cursor: pointer;
    margin-right: 0;
}

.SF_horizontal_pastilles span{
    margin-right: 10px;
}

.SF_horizontal_pastilles span > span{
    margin: 0;
}

.SF_horizontal_action_destructive{
    color: #A00;
}

div.tabbed_editor div.innerTitle{
    margin: 10px !important;
    padding: 8px !important;
    letter-spacing: 1px !important;
}

/**********************************************
/* STANDARD FORM BUT IN A MORE "MATERIAL" WAY
/*********************************************/

.dialogContent div.SF_material div.SF_element{
    width: auto;
    margin: 0;
}

.dialogContent div.SF_material div.SF_label{
    line-height: 14px !important;
    letter-spacing: 0;
    margin-top: 17px;
    margin-left: 0;
    font-size: 11px;
    color: rgb(140, 140, 140);
    text-transform: none;
}

.dialogContent div.SF_material input,
.dialogContent div.SF_material textarea,
.dialogContent div.SF_material select{
    margin:1px 0 0 0;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 14px;
    border-bottom: 1px solid #e2e2e2;
    padding: 4px 1% 0 0 !important;
}

.dialogContent div.SF_material select.SF_input{
    width: 98% !important;
    padding: 0 !important;
    box-sizing: border-box;
    border: 0;
}

.dialogContent div.SF_material *.dialogLegend{
    padding: 7px 0;
    font-size: 12px;
    line-height: inherit;
}

.dialogContent div.SF_material div.SF_element span.select-styler {
    display: block;
    border-top: 1px solid #E2E2E2;
    width: 98%;
}

.dialogContent div.SF_material .SF_failed{
    border: 0 !important;
    border-bottom: 1px solid #D8B0B0 !important;
}

/****************
/* LOGIN BOX
/****************/
.captcha_container {
    text-align:center;
}
.captcha_container img{
    margin: 5px 0 0 2px;
    border: 1px solid #ddd;
}

#login_form,
#login_form_dynamic
{
    margin: 0 40px;
    font-size: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#login_form div.SF_label,
#login_form_dynamic div.SF_label{
    padding-left: 4px;
}

#login_form.no_placeholder div.SF_label,
#login_form_dynamic.no_placeholder div.SF_label
{
    display: block;
    text-align: left;
    padding: 0 4px;
}

#login_form.no_placeholder div.SF_input,
#login_form_dynamic.no_placeholder div.SF_input
{
    clear: left;
}

#login_form div.SF_input > input,
#login_form_dynamic div.SF_input > input{
    width: 280px !important;
    padding: 7px !important;
    font-size: 17px;
    border: 0 !important;
}

.ajxp_login_error {
    margin: 12px 27px 6px 12px;
    font-size: 14px !important;
    background-color: rgba(180, 57, 57, 0.4) !important;
    color: white !important;
    padding: 7px !important;
}

.ajxp_password_auth div.SF_element:first-of-type{
    display: none !important;
}

div.dialogBox.form-switch_language_form,
div.dialogBox.form-reset-password,
div.dialogBox.form-reset-password-ask,
div.dialogBox.form-login_form,
div.dialogBox.form-login_form_dynamic
{
    /*
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.23);
    */
    box-shadow: none;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    background-color: rgba(34,34,34,0.4);
    border-radius: 0;

}

div.dialogBox.form-switch_language_form div.dialogContent,
div.dialogBox.form-reset-password div.dialogContent,
div.dialogBox.form-reset-password-ask div.dialogContent,
div.dialogBox.form-login_form div.dialogContent,
div.dialogBox.form-login_form_dynamic div.dialogContent
{
    height: 100%;
    background-color: transparent;
    color: white;
    transition: padding-top 0.5s;
   -webkit-transition: padding-top 0.5s;
}

div.dialogBox.form-switch_language_form div.dialogTitle,
div.dialogBox.form-reset-password div.dialogTitle,
div.dialogBox.form-reset-password-ask div.dialogTitle,
div.dialogBox.form-login_form div.dialogTitle,
div.dialogBox.form-login_form_dynamic div.dialogTitle
{
    display: block !important;
    position: absolute;
    top: 0;
    height: 90% !important;
    right: -113%;
    background-color: transparent;
}

div.dialogBox.form-switch_language_form select#language_selector{
    width: 280px !important
}

div.dialogBox.form-login_form div#progressCustomMessage,
div.dialogBox.form-login_form_dynamic div#progressCustomMessage
{
    font-size: 30px !important;
    text-align: center;
}

div.dialogBox.form-login_form a.icon-flag,
div.dialogBox.form-login_form_dynamic a.icon-flag
{
    position:absolute;
    top:10px;
    right:10px;
    font-size:20px !important;
    color: white !important;
}

div.dialogBox.form-login_form div.dialogLegend,
div.dialogBox.form-login_form_dynamic div.dialogLegend
{
    text-align: center;
    font-style: italic;
    color: #ddd;
}

div.dialogBox.form-login_form a.forgot-password-link,
div.dialogBox.form-login_form_dynamic a.forgot-password-link
{
    color: white !important;
    margin-right: 45px;
    margin-top: 6px;
    text-decoration: underline;
    color: #ddd;
    font-size: 13px;
    text-align: right;
    display: block;
    float: right;
}

div.dialogBox.form-switch_language_form div.dialogButtons,
div.dialogBox.form-reset-password div.dialogButtons,
div.dialogBox.form-reset-password-ask div.dialogButtons,
div.dialogBox.form-login_form div.dialogButtons,
div.dialogBox.form-login_form_dynamic div.dialogButtons
{
    margin-top: 50px;
    text-align: center;
}

div.dialogBox.form-switch_language_form div.dialogButtons input.dialogButton,
div.dialogBox.form-reset-password div.dialogButtons input.dialogButton,
div.dialogBox.form-reset-password-ask div.dialogButtons input.dialogButton,
div.dialogBox.form-login_form div.dialogButtons input.dialogButton,
div.dialogBox.form-login_form_dynamic div.dialogButtons input.dialogButton
{
    width: 70px;
    height: 70px;
}

div.dialogBox.form-diaporama_box div.dialogContent{
    background-color: rgb(85,85,85);
    border: 0;
    background-image: none;
}

/********************************/
/*ACTION BARS AND MAIN LAYOUT   */
/********************************/
.centeredWidth{
}

#global_toolbar{
    height: 47px;
    padding: 0 15px 0 5px;
    background-repeat: no-repeat;
    background-position: 7px;
    display: none;
}

#clickable_home{
    position: absolute;
    width: 150px;
    height: 47px;
    cursor: pointer;
}

#top_toolbar{
    float:right;
    margin-top:11px;
}

#workspace_toolbar{
    padding: 0;
    overflow: hidden;
    background-color: #f5f5f5;
    height: 62px;
}

#topPane{
    width:280px;
    background-color: rgba(50,50,50,0.93);
    background-color: rgb(50,50,50)\9;
}

.no-flexbox div#topPane{
    float:left;
}

.no-flexbox div#cpane_container {
    position: absolute;
    left: 280px;
}

#simple_repository_label{
    float: left;
    width: 23%;
    padding: 0 0 0 17px;
    height: 53px;
    font-size: 25px;
    color: rgb(111, 121, 131);
}

#simple_repository_label div.repository_title{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#simple_repository_label div.repository_legend {
    display:none;
}

#toolbars
{
}

.toolbars_separator
{
    border-bottom: 1px solid #fff;
    border-top: 1px solid buttonshadow;
}

.toolbar_title{
    font-size:15px;
    font-weight:bold;
    color: #ddd;
}

.actionbar_button_label u {
    text-decoration: none;
}

div#navigation_toolbar {
    padding: 0 6px;
}

#tree_container{
    overflow-x: hidden !important;
}

.panelHeader, .dialogTitle{
    border: none;
    vertical-align: middle;
    background-color: transparent;
    letter-spacing: 1px; /* Old browsers */   /* FF3.6+ */   /* Chrome,Safari4+ */   /* Chrome10+,Safari5.1+ */   /* Opera 11.10+ */   /* IE10+ */   /* W3C */   /* IE6-9 */; /* Old browsers */   /* FF3.6+ */   /* Chrome,Safari4+ */   /* Chrome10+,Safari5.1+ */   /* Opera 11.10+ */   /* IE10+ */   /* W3C */   /* IE6-9 */;
}


.dialogTitle{
    /*
    border-radius: 2px 2px 0 0;
    background-color: #4dc5c3;
    border-bottom: 1px solid rgb(67, 156, 155);
    */
    border-radius: 4px 4px 0 0;
    background-color: #F3F3F3;
    border-bottom: 1px solid #CFCFCF;
    color: #555;
    padding: 11px 4px 13px 10px;
}

#sidebar_splitter div.panelHeader,
#search_panel div.panelHeader{
    color: #555;
}

#search_panel div.panelHeader{
    cursor: move;
}

.action_bar
{
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 12px;
    padding: 0;
    line-height: 15px;
}
.action_bar.editor_action_bar {
    height: 34px;
    right: 3px;
    position: absolute;
    z-index: 10;
    background-color: transparent;
}

.action_bar.editor_action_bar.full_width_action_bar{
    position: relative;
    background-color: #ddd;
    padding-left:5px;
    right: 0;
}

.editor_container{
    background-color: #fff;
}

#codemirror_box div.action_bar.editor_action_bar {
    right: 0;
    padding: 4px;
}

.create_file_alt_link{
    font-family: "Open Sans Regular", Helvetica, sans-serif;
    font-style: italic;
    cursor: pointer;
}

.action_bar.editor_action_bar div.separator{
    display: none;
}

span[message_id="Text Search"] {
    display: none;
}

div.editor_header{
    height: auto;
}

div.editor_header > div.editor_action_bar {
    position: absolute;
    right: 20px;
    padding-right: 8px;
    background: none;
    padding-top: 15px;
    height: 42px;
    padding-left: 10px;
}

.ajxp_theme_orbit div.editor_header > div.editor_action_bar{
    border-bottom:0;
}


div.editor_header > div.editor_action_bar > div.separator{
    display: none !important;
}

.editor_action_bar a {
    padding: 1px 8px 2px !important;
}
.editor_action_bar.full_width_action_bar a{
    border:0;
}

.editor_action_bar span.actionbar_button_label {
    font-size: 11px !important;
    font-weight: bold;
}

div.editor_header > span.header_label{
    color: rgb(111, 123, 136);
    font-size: 24px;
    width: 100%;
    padding: 15px 0 0 62px;
    display: inline-block;
    background-image: url('../images/mimes/64/user-acl.png');
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: 14px 9px;
    text-shadow: 1px 1px 5px black;
    overflow: visible;
}

.ajxp_theme_orbit div.editor_header > span.header_label{
    text-shadow: none;
}

.action_bar.text_only{
    line-height: 16px;
    height:38px;
}

.action_bar.icons_only{
    height:40px;
    line-height: 0;
}

.action_bar
{
    overflow:hidden;
}

.action_bar.floatingBar{
    position: absolute;
    border-radius: 5px;
    padding-right: 10px;
    padding-left: 10px;
    cursor: move;
    opacity: 0.90;
    background-color: #333 !important;
}


.action_bar.floatingBar.icons_only a {
    color: white;
}
.action_bar.floatingBar.icons_only a.disabled {
    opacity: 0.5;
}

.action_bar span.actionbar_button_label {
    cursor: pointer;
    display: inline-block;
    padding: 4px 3px 3px;
    font-size: 12px;
}

div.action_bar.icons_only  span.actionbar_button_label{
    display: none;
}

div.action_bar.text_only  span.actionbar_button_label{
    font-size: 11px;
}

.action_bar div.actionbar_arrow_div{
    position: absolute;
    top: 10px;
    right: -3px;
}
.action_bar.icons_only div.actionbar_arrow_div{
    position: absolute;
    top: 23px;
    right: 6px;
}
.action_bar.icons_only div.actionbar_arrow_div img{
    height: 6px;
    width: 10px;
}

#buttons_bar,
#buttons_bar_top
{
    padding-left: 0;
    padding-top: 3px;
    overflow:hidden;
}

.action_bar a
{
    display: inline-block;
    font-size: 11px;
    padding: 5px 10px 7px 9px;
    text-align: center;
    overflow: visible;
    outline: none;
    border-radius: 17px;
    margin: 5px 2px 0 1px;
    background: #fff; /* Old browsers */   /* FF3.6+ */   /* Chrome,Safari4+ */   /* Chrome10+,Safari5.1+ */   /* Opera 11.10+ */   /* IE10+ */   /* W3C */   /* IE6-9 */;
    letter-spacing: 1px;
    float: left;
}

.action_bar.icons_only a{
    padding-bottom: 2px;
    padding-top: 3px;
    padding-left: 6px;
    padding-right: 6px;
    margin-right: 0;
    float: left;
    background-color: transparent;
    font-size: 1.5em;
    display: inline-block;
    cursor: pointer;
    margin-left: 0;
}

.action_bar.text_only a{
    padding-bottom: 3px;
    padding-top: 2px;
    margin-top: 5px;
}

.action_bar span.ajxp_icon_span {
    font-size: 1.2em;
    float: left;
    padding-top: 6px;
    padding-right: 2px;
}

.action_bar a.menuAnchorSelected,
.action_bar a:hover
{
}

.action_bar.text_only a.menuAnchorSelected,
.action_bar.text_only a:hover{
    margin-top: 4px;
}


.action_bar a.menuAnchorSelected{
    /* border-radius: 3px 3px 0 0;*/
}

.action_bar a img
{
    margin: 2px 5px 2px 0;
    display: none;
}

div.action_bar.icons_only img.actionbar_button_icon{
    height: 22px;
    width: 22px;
    display: none;
}

div.action_bar.icon_text img.actionbar_button_icon{
    height: 12px;
    width: 12px;
    float: left;
}

div.action_bar.text_only a img{
    display: none;
}

.action_bar a.separator,
div.separator
{
    border-left: 1px solid #CCC;
    border-right: 1px solid white;
    display: block;
    float: left;
    font-size: 10px;
    height: 100%;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 0;
    text-align: center;
    width: 0;
}

.action_bar.floatingBar a.separator,
.action_bar.floatingBar div.separator {
    border-right: 1px solid rgba(148, 148, 148, 1);
    display: block !important;
    float: left;
    font-size: 10px;
    height: 29px;
    padding-top: 0;
    text-align: center;
    width: 0;
    margin: 2px 5px 4px 2px;
}

a.carousel-control{
    border-left:1px solid #c4c7c1;
    border-right:1px solid #c4c7c1;
    border-bottom:1px solid #c4c7c1;
    display:block;
    float:left;
    font-size:10px;
    height:51px;
    padding-top:0;
    text-align:center;
    width:8px!important;
    margin: 0 !important;
    cursor:pointer;
    background-color: #fff;
}

.FL-inlineToolbar {
    text-align: left;
}

div.FL-inlineToolbar.FL-inlineToolbarUnique{
    display: none;
}
div.selected div.FL-inlineToolbar.FL-inlineToolbarUnique {
    display: block;
}

tr.selected div.FL-inlineToolbar.FL-inlineToolbarUnique,
tr div.FL-inlineToolbar.FL-inlineToolbarMultiple {
    display: inline-block;
    position: absolute;
    top:0;
}

div.FL-inlineToolbar a {
    margin: 0 5px;
}

div.FL-inlineToolbar a span.actionbar_button_label {
    margin-left: 5px;
}

.selected div.FL-inlineToolbar a {
    color: white;

}

/* inline bar in detailed mode */
div.detailed div.FL-inlineToolbar a span.actionbar_button_label{
    display: inline-block !important;
}

div.detailed div.FL-inlineToolbar {
    margin-left: 50px;
    margin-top: 2px;
}

div.detailed div.FL-inlineToolbar div.toolbarGroup {
    min-width: 400px;
}

#topPane div.FL-inlineToolbar{
    position: absolute;
    top: 6px;
    right: 40px;
    margin: 0;
    display: none;
}

#topPane div.thumbnail_selectable_cell:hover div.FL-inlineToolbar {
    display: block;
}

#topPane div.FL-inlineToolbar div.toolbarGroup{
    min-width: 0;
}

#topPane div.FL-inlineToolbar span.ajxp_icon_span{
    color:#eee;
}

#topPane div.FL-inlineToolbar span.actionbar_button_label{
    display: none !important;
}


a.carousel-disabled{
    background-color: transparent;
}

a.carousel-control img{
    /*margin-top:20px !important;*/
}

#content_pane{
    background-color: #fff;
}

#content_pane div.panelHeader,
#search_results div.panelHeader,
div.class-FetchedResultPane > div.panelHeader
{
    display: none;
}

#topPane, #bottomSplitPane{
    border: 0 !important;
}

#navigation_pane,#notif_pane{
    /*background-color: #333;*/
    /*overflow: auto;*/
}

#navigation_pane div.thumbnail_selectable_cell.detailed > div.thumbnail_selectable_cell{
    display: none;
}

#navigation_pane div.thumbnail_selectable_cell.detailed div.thumbLabel{
    padding-top: 7px;
    padding-bottom: 7px;
}

#navigation_pane div.thumbnail_selectable_cell.detailed div.thumbLabel:before{
    content: "\f114";
    font-size: 1.3em;
    font-family: FontAwesome;
    padding: 13px 13px;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
}

#navigation_pane div.thumbnail_selectable_cell.detailed.ajxpNodeLeaf div.thumbLabel:before{
    content: "\f016";
}

#notif_pane div.thumbLabel small {
    display: none;
    /*
    font-style: italic;
    opacity: 0.7;
    margin-left: 40px;
    width: 217px;
    overflow: hidden;
    height: auto;
    */
}

#notif_pane div.thumbLabel {
    padding: 4px 0 !important;
}

#topPane h3,
#search_meta div.advanced_search_section_title
{
    font-size: 16px;
    padding: 16px 8px 15px 17px;
    margin: 0;
    letter-spacing: 1px;
    display: block;
    clear: left;
    font-weight: lighter;
}

#topPane div.scrolling h3{
    padding-right: 16px;
}


#topPane span.expand_label_hide,
#topPane small.expand_button_hide span.expand_label_show
{
    display: none;
}

#topPane small.expand_button_hide span.expand_label_hide{
    display: inline;
}

#search_meta div.advanced_search_section_title{
    border-left: 0;
}

#search_meta div.advanced_search_section_title span.icon-circle{
    display: none;
}

#topPane h3 small{
    cursor: pointer;
    display: none;
    float: right;
    color: #aaa;
    background-color: #555;
    border-radius: 5px;
    text-transform: lowercase;
    padding: 0 8px;
    font-weight: normal;
    font-size: 0.7em;
    margin-left: 3px;
}

#topPane h3:hover small,
#topPane h3 small.simple-toggler-show
{
    display: inline-block;
}

#locationbar_cont
{
    /*background-image:url(../images/ToolbarBg.gif);*/
    background-position:center center;
    background-repeat:repeat-x;
    height:33px;
    _height:32px;
    width:100%;
    -webkit-box-shadow:0 0 5px #bbb;
    -moz-box-shadow:0 0 5px #bbb;
    box-shadow:0 0 5px #bbb;
    clear:left;
}

#locationBar{

}

#location_form,
#repository_form
{
    border-right-width: 0;
    float:left;
    height:20px;
    padding:2px 0 0 4px;
}

#location_form input,
#repository_form input,
#location_form div{
    background: transparent !important;
}


#repository_form, #goto_parent
{
    -moz-border-radius : 5px 0 0 5px;
    border-radius : 5px 0 0 5px;
}

#repository_goto, #bookmarks_goto
{
    -moz-border-radius : 0 5px 5px 0;
    border-radius : 0 5px 5px 0;
}

#location_form
{
    margin-left: 0;
}
#location_form div.location_bar_label{
    line-height: 18px;
}

#repository_form
{
    width: 112px;
}

#location_form input,
#repository_form input
{
    margin:1px 0 0 0;
    _margin: 0 0 1px 0;
    border:none;
    height: 15px;
    width: 325px;
    float:left;
}

#repository_form img#repo_icon{
    float: left;
    vertical-align:top;
    display: none;
}
#repository_form input
{
    width: 90px;
    margin-left: 3px;
    color: #fff;
    letter-spacing: 1px;
}

#repo_chooser{
    background-color: #222;
    float:left;
    font-size: 15px;
    color: #ffffff;
    font-weight: normal;
    letter-spacing: 1px;
    margin-top:0px;
    cursor: pointer;
    padding: 21px 15px 21px 15px;
    border-right: 2px solid #333;
    height: 20px;
}

#repo_chooser:hover{
    background-color: #fb725c;
    color: white;
}

#repo_chooser.disabled{
    display:none;
}

#repo_chooser span.icon-sitemap {
    font-size: 1.0em;
    padding-right: 5px;
    padding-top: 5px;
    display: inline-block;
}

#repo_chooser span.ws-label {
    display: inline-block;
    padding-top: 0;
    line-height: 20px;
}

#repo_chooser span.icon-caret-down {
    display: inline-block;
    padding-left: 3px;
}

.inlineBarButton,
.inlineBarButtonLeft,
.inlineBarButtonRight
{
    display:inline;
    height: 22px;
    float:left;
    padding:0 1px;
    cursor:pointer;
}

.inlineBarButtonLeft{
    border-left-width: 0;
}
.inlineBarButtonRight{
    border-right-width: 0;
}

.inlineBarButton img,
.inlineBarButtonLeft img,
.inlineBarButtonRight img
{
    margin-top:3px;
    display:inline;
    border: 0;
}

.inline_hover_light,
.user_widget_hover
{
    /*background-color: rgba(255, 255, 255, 0.5);*/
}

.inline_hover
{
}

.inline_disabled img,
.SF_disabled img
{
    filter:alpha(opacity=30);
    opacity: 0.3;
    -moz-opacity:0.3;
    cursor:default;
}

img.simple_button_arrow{
    position:absolute;
    right: 0;
    bottom:1px;
    display:none;
}

.inline_hover > img.simple_button_arrow{
    display: block;
}

#search_panel_button{
    padding: 0 2px 0 3px;
}

#logging_string {
    color:#fff;
    font-size:11px;
    float: right;
    margin-top: 12px;
}

#logging_string.disabled{
    display:none;
}

#logging_string div.inlineBarButtonLeft{
    display:none;
}

#logging_string i
{
    font-style: normal;
    font-weight: normal;
    letter-spacing: 1px;
}
#logging_string i img
{
    font-style: normal;
    cursor: pointer;
    margin-top: -12px;
    float: right;
    margin-left: 10px;
    border-radius: 22px;
}
.user_widget_label{
    float: left;
    padding: 3px 10px 7px 7px;
    cursor: pointer;
    font-size: 12px;
    letter-spacing: 1px;
}

.user_widget_label.withImage{
    position: relative;
    padding:0;
}

.user_widget_label.withImage i{
    font-weight: bold;
    display: inline-block;
    padding: 3px 0 0 8px;
    font-size: 12px;
}

.user_widget_label.withImage i img{
}

img.user_widget_mini{
    vertical-align: middle;
    height: 39px;
}

.locationbar_title
{
    display:inline;
    color: #5E7C90;
    font-size:15px;
    font-weight:bold;
    float:left;
}

#current_path,
#repo_path
{
    /*width: 455px;*/
    border:none;
    height: 20px;
    padding: 0;
    padding-left:3px;
    padding-top: 0;
    font-size: 11px;
}

#current_path{
    padding-left: 0;
}
#current_path:focus, #repo_path:focus{
    outline: none;
}

/********************************/
/* SLIDER*/
/*********************************/

.slider-pane{
    background-color: #ebedf0;
    padding: 5px 2px;
    position:absolute;
    width:11px;
    z-index:10000;
    border-radius: 2px;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.75);
}

.slider-handle,
.slider-pane div.selected
{
    background-image: url("../images/slider-handle-vert.png") !important;
    background-position:top center;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    height:15px;
    width:10px;
}

.slider-tracker {
    background-image : url("../images/slider-track-bottom.png");
    background-position:bottom center;
    background-repeat:no-repeat;
}

.slider-tracker-top {
    background-position:top center;
    background-repeat:no-repeat;
}

/********************************/
/* HEADER RESIZER WIDGET
/******************************/
div.header_resizer{
    overflow:hidden;
    box-shadow: 0 1px 1px rgba(0,0,0,0.35);
    opacity: 0.85;
    max-height: 26px;
}

div.header_resizer div.header_cell{
    float:left;
    overflow:hidden;
    width:90px;
    white-space:nowrap;
    border: 0 !important;
    cursor: pointer;
}

div.header_resizer div.header_label{
    font-size: 11px;
    padding: 5px 5px 4px;
    background-color: rgb(255, 255, 255);
    color: rgb(86, 101, 117);
    letter-spacing: 1px;
    border-bottom: 0;
    height: 18px;
    overflow: hidden;
}

.header_cell span.ajxp-order-icon {
    display: none;
    float: right;
    padding-top: 1px;
}

div.header_resizer div.header_cell.ascending span.icon-caret-up{
    display:inline-block;
}

div.header_resizer div.header_cell.descending span.icon-caret-down{
    display:inline-block;
}


div.header_resizer div.header_cell.ascending div.header_label,
div.header_resizer div.header_cell.descending div.header_label
{
    background-color: rgb(231, 231, 231);


}

div.header_resizer div.resizer{
    float:left;
    width:1px;
    background-color: #ebedf0;
    height: 26px;
    cursor:e-resize;
    border: 0;

}

div.header_resizer div.resizer_sortable{
    background-color: #fff;
}

div.header_resizer div.dragging{
    background-color : #bbb;
    border-left: 1px solid #bbb;
}
div.resizeGhost{
    width: 1px;
    border-right: 1px solid #ccc;
    position:absolute;
    z-index:1017;
    opacity:0.7;
}

div.sort-table-filter div.header_cell {
    border-right: 1px solid #ccc !important;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.37);
}

div.sort-table-filter div.header_cell:last-child {
    border-right: 0 !important;
}

div.header_cell input[type="text"] {
    margin-left: 0;
    width: 96%;
    border: 0;
    background: transparent;
}

div.sort-table-filter {
    display: none;
}

div.fl-showFilterPane div.sort-table-filter {
    display: block;
}

div.fl-displayMode-list.fl-showFilterPane div.scroller_track {
    top: 50px !important;
}

/*
div.header_resizer div.descending {
	background-color: #daddd7;
	background-image: url("../images/arrow_up_margin.png");
	background-repeat : no-repeat;
	background-position : right center;
}
*/
/*
div.header_resizer div.ascending {
	background-color: #daddd7;
	background-image: url("../images/arrow_down_margin.png");
	background-repeat : no-repeat;
	background-position : right center;
}
*/


/*********************************/
/* FILE LIST SKINNING
/********************************/
.sort-table {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 10px;
}

.sort-table thead {
    background-color:	#aaa;
}

.sort-table td {
    padding: 7px 0;
}

.no-flexbox .sort-table td{
    padding: 3px 0;
}

.sort-table thead td {
    /*
     display: block;
     float: left;
     overflow:hidden;
     height: 23px;
     */
    background-color: #ddd;
    border-bottom:	none;
    cursor:			pointer;
    border-right: 	1px solid buttonhighlight;
    font-size:12px;
    color: #676965;
    padding: 0;
    background-color: #f1f1ef;
    border-bottom : 1px solid #676965;
}

.sort-table thead td div {
    padding-left: 7px;
    padding-top: 3px;
    height: 20px;
    overflow:hidden;
    white-space:nowrap;
}

.sort-table thead td.descending {
    background-color: #daddd7;
    background-image: url("../images/arrow_up_margin.png");
    background-repeat : no-repeat;
    background-position : right center;
}

.sort-table thead td.ascending {
    background-color: #daddd7;
    background-image: url("../images/arrow_down_margin.png");
    background-repeat : no-repeat;
    background-position : right center;
}

#last_header{
    border-right: 	0px solid #ddd;
    widht: auto !important;
}

#last_header:active{
}

.sort-table thead td:active {
    background-color: #c4c7c1;
}

.column_resize_grabber {
    display:block;
    width: 3px;
    float:right;
    height: 23px;
    font-size: 0;
    cursor:e-resize;
}


.odd
{
}

.selected
{
    text-decoration: none;
}

.selected-focus,
.selected-focus span.text_label
{
    color: #fff !important;
}

.droppableZone,
.thumbnail_selectable_cell.detailed.droppableZone
{
    background-color: #c3d9ff !important;
}

#topPane div.droppableZone{
    background-color: rgba(255,255,255,0.2) !important;
}

#topPane div#flagged_elements.droppableZone{

/*    background-color: transparent !important;
    border-bottom: 1px solid #ddd;
*/
}


.paginator
{
    background-color: #FFFCE8;
    border: 0;
    font-size: 12px;
    padding: 5px;
    text-align: center;
}

.paginatorInput
{
    width:21px;
    padding: 0 2px;
    height: 17px;
    text-align: right;
    border: 1px solid #CCCCCC;
    margin-right: 2px;
    margin-left: 5px;
}

div.multiple_selection_draggable
{
    display: block;
    color: #000;
    background-color: #fff;
    padding: 5px;
    border: 1px solid #c3d9ff;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif , sans-serif;
    font-size: 12px;
    cursor:default;
    overflow:hidden;
    border-radius: 3px;
}

div.selection_ctrl_key
{
    background-image:url('../images/0.gif');
    background-repeat: no-repeat;
    background-position: bottom right;
}


a.disabled
{
    filter:alpha(opacity=30);
    opacity: 0.3;
    -moz-opacity:0.3;
}

a.enabled
{
    filter:alpha(opacity=100);
    opacity: 1;
    -moz-opacity:1;
}

.action_bar a.disabled:hover
{
    cursor: default;
}

.dialogBox div.action_bar a.disabled
{
    filter: alpha(opacity=20);
    opacity: 0.2;
    -moz-opacity: 0.2;
}

.action_bar a.disabled
{
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}

.action_bar a.disabled img,
.action_bar a.disabled span
{
    filter:alpha(opacity=30);
    opacity: 0.3;
    -moz-opacity:0.3;
}

/*
BOOKMARKS BAR
*/
#bm_bar_cont
{
    /*background-color: #ddd;*/
}


#bookmarks_bar
{
    display: none;
    background-color: #fff;
    position:relative;
    width:86%;
    left:7%;
    height: 25px;
    padding: 0;
    padding-left:10px;
}

#bmbar_title
{
    color: #ddd;
    float:right;
    display:inline;
    font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif , sans-serif, Helvetica, Arial;
    font-size:15px;
    font-weight:bold;
}

a.bookmark_button
{
    text-decoration: none;
    padding-right: 10px;
}

#bookmarks_bar a
{
    display: block;
    float:left;
}

div.bm, div.bm_hover
{
    /* border: 1px solid #ddd;*/
    filter:alpha(opacity=30);
    opacity: 0.3;
    -moz-opacity:0.3;
    display: block;
    float: right;
    text-align: center;
    font-size: 11px;
    padding: 3px;
    margin-right: 5px;
    /*background-color: #ddd;*/
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif , sans-serif;
    color: #333;
}

div.bm_hover
{
    filter:alpha(opacity=100);
    opacity: 1;
    -moz-opacity:1;
    text-decoration: none;
    /*
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid buttonshadow;
	border-bottom: 1px solid buttonshadow;
    background-color: #ddd;
    */
}

.extendedMenu
{
    float:none;
}

/*
UPLOAD MULTIFILE FORM
*/
div#upload_files_list, div#multiple_download_container
{
    overflow: auto;
    height: 350px;
    border: 4px dashed rgb(221, 221, 221);
    text-align: left;
    -moz-border-radius: 11px;
    border-radius: 11px;
}

.droparea {
    background: url("../../../../../../index.php?get_action=get_drop_bg") no-repeat scroll left bottom transparent;
}

.uploadFilesList.droparea{
    background-position: center;
}

.dropareaHover{
    background-color: #FAF3ED !important;
}

#content_pane.dropareaHover div.thumbnail_selectable_cell{
    background-color: transparent !important;
}

#uploader_chooser{
    width: 100%;
}

#uploader_chooser ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    position: relative;
    border-bottom: 1px solid #77b8e2;
    background-color: #ffffff;
}

#uploader_chooser li {
    display: inline-block;
    padding: 12px 14px;
    border-radius: 4px 4px 0 0;
    margin: 8px 2px;
    margin-bottom: 0;
    border-bottom: 0;
    cursor: pointer;
    font-size: 13px;
}

#uploader_chooser li:hover {
    background-color: #f5f5f5;
    border-bottom: 2px solid #f5f5f5;
}
#uploader_chooser li.current:hover {
}
#uploader_chooser li.current {
    font-weight: bold;
    cursor: default;
    border-bottom: 2px solid #77b8e2;
}

div#uploader_options_pane {
    background-color: white;
    border-top: 1px solid #CCCCCC;
    font-size: 11px;
    height: 59px;
    overflow: hidden;
    padding: 7px 10px;
    text-align: left;
    display: none;
    margin-bottom: 11px;
    border-bottom: 1px solid #CCCCCC;
    box-shadow: inset 0 1px 6px rgba(0,0,0,0.3);
    border-radius: 2px;
    margin-top: 2px;
}
div#total_files_list{
    display:none !important;
}

div#uploader_options_pane input {
    width: 15px;
    margin-right: 0;
    margin-left: 0;
    margin-top: 5px;
}

div#upload_files_list div, div#multiple_download_container div
{
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 14px;
    position: relative;
    font-size: 13px;
    background-image: url('../images/dl_bg.png');
    background-repeat: no-repeat;
    background-size: 0% 100%;
    border-bottom: 1px solid rgb(227, 229, 233);
    color: #5C5C5C;
}

div#upload_files_list span.item_relative_path{
    color: #ccc;
    margin-left: 15px;
    font-size: 0.8em;
}


#upload_files_list img
{
    margin-right: 6px;
}

#upload_files_list img.fakeUploadButton {
    display: none;
}

#upload_files_list div a
{
    color: #ddd;
    font-style: italic;
}

#upload_files_list span.statusText,
#upload_files_list span.percentText
{
    font-size: 10px;
    display: inline-block;
    padding: 0 6px;
    color: #cccccc;
}

#upload_files_list span.statusText.new, #upload_files_list span.statusText.loaded{
    display:none;
}

#upload_files_list span.icon-remove-sign {
    color: #ccc;
    display: block;
    float: right;
    margin-right: 10px;
    cursor: pointer;
}

#upload_files_list span.icon-remove-sign:hover{
    color: #d00;
}

#multiple_download_container div a
{
    display: block;
}
#multiple_download_container div a:hover
{
    text-decoration:none;
    color: #aaa;
}
#fileInputContainer {
    position: relative;
}
#fileInputContainerDiv { /* to fit 1px border */
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    height: 60px;
    width: 167px;
    cursor: pointer;
}
#fileInputContainer input {
    moz-opacity: 0;
    opacity: 0;
    position: absolute;
    font-size: 60px; /* causes it to fill the containing div */
    top: 0;
    left: 0;
    z-index: 10000;
    height: 56px;
    cursor: pointer !important;
    filter:alpha(opacity:0);
}
#fileInputPos {
    text-align: left;
    height: 60px;
    width: 180px;
    position: absolute;
    top: 0;
    overflow: hidden;
    z-index: 9999; /* this was needed to work in IE */
;
    cursor: pointer;
}
#uploaderTextActions{
    position:absolute;
    bottom: 6px;
    right: 8px;
    color: rgb(203, 204, 206);
}

#uploaderTextActions span{
    cursor:pointer;
}


#uploaderTextActions span:hover{
    color: #5C5C5C;
}


.fakeUploadButton {
    width: 161px;
    padding-top: 6px;
    padding-bottom: 6px;
    border: 1px solid #ccc;
    text-align: left;
    vertical-align: middle;
    font-size: 1.4em;
    margin-bottom: 5px;
    cursor: pointer;
    color: #667;
    font-weight: normal;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #ebedf0;
    box-shadow: inset 1px 1px 0 white;
}

.fakeUploadButton.disabled{
    -moz-opacity: 0.5;
    opacity: 0.5;
    filter:alpha(opacity=50);
    cursor: default;
}


.fakeUploadButton img {
    margin-bottom: 3px;
}

.fakeOptionButton {
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 0;
    margin-top: 5px;
    background-position : center;
    -moz-border-radius : 5px;
    border-radius : 5px;
}

#uploadBrowseButton {
    position: absolute;
    top: 0;
    left: 0;
    margin:0;
}

#uploadBrowseButton span.icon-desktop {
    font-size: 2em;
    display: block;
    float: left;
    padding: 2px 7px;
}

#uploadSendButton {
}

#uploaderTextActions span.disabled{
    display:none;
}

#uploadFilesListContainer
{
    vertical-align:top;
    font-size: 11px;
    letter-spacing: 1px;
}

/***** SCROLLER ******/
.scroller_track{
    position: absolute;
    width: 7px;
    background-color: transparent;
    cursor: ns-resize;
    right: 0;
    z-index: 1000;
    opacity: 0.7;
    padding-right: 1px;
    top:0;
}
.flexbox div.scroller_track{
    bottom: 0;
}

div[ajxpClass="FilesList"].paginated div.scroller_track{
    top: 30px;
}

div.fl-displayMode-list div.scroller_track {
    top: 26px;
}

div.fl-displayMode-list.paginated div.scroller_track {
    top: 56px;
}

.scroller_handle{
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: rgb(190, 190, 190)!important;
    transition: background-color 0.3s ease, height 0.1s ease;
}

.scroller_handle:hover{
    background: rgb(110, 110, 110)!important;
}

/*
 SEARCH BOX / INFO PANEL
*/

#panelsToggle
{
    height: 23px;
    cursor:pointer;
}

div.tabulatorContainer{
    padding: 0;
    height: 37px;
    overflow: hidden;
}

#topPane > div.tabulatorContainer{
    border-radius: 0;
}

div#topPane div.overlay_icon_div {
    display: none;
}

#cpane_tabs > div.tabulatorContainer{
    border-bottom: 0;
    /*transition: height 0.5s ease;*/
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15);
    background-color: #f7f7f7;
}

#cpane_tabs[data-ajxptabscount="1"] > div.tabulatorContainer{
    height: 0;
}

div#cpane_tabs[data-ajxptabscount="1"] span.toggleHeader {
    /*visibility: hidden;*/
}

div.tabulatorContainer div#display_toolbar{
    min-width: 0;
    padding-top: 6px;
    padding-right: 6px;
}

#info_panel div#display_toolbar {
    float: left;
    text-align: left;
    min-width: 20px;
    height: 10px;
}

#info_panel div#display_toolbar a {
    background: none;
    border: none;
    margin-right: 0;
}

#display_toolbar span.icon-caret-down.ajxp_icon_arrow {
    margin-left: 3px;
    color: #888;
}

#info_panel span.user_meta_change {
    display: inline-block !important;
    text-transform: lowercase;
    font-size: 11px !important;
    margin: 3px 0;
    border-bottom: 1px dotted #999;
    float: right;
    cursor: pointer;
}

#info_panel div.ip_geo_cell {
    position: absolute;
    right: 17px;
    margin-top: -36px;
}

#ajxp_workspace_info_panel_content{
    line-height: 1.5em;
}

span.toggleHeader{
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 10px 17px 6px;
    transition: border-color 0.3s ease;
    color: #555;
    font-size: 12px;
    border-bottom: 3px solid #FB725C;
}

.flat_tabulator span.toggleHeader{
    border-bottom-color: rgb(61, 129, 128);
}

span.toggleHeader.toggleInactive{
    cursor: pointer;
    border-bottom-color: transparent;
}

span.toggleHeader span[class^="icon-"],
span.toggleHeader span[class*=" icon-"]{
    margin-right: 9px;
    display: none;
}

.flat_tabulator span.toggleHeader span[class^="icon-"],
.flat_tabulator span.toggleHeader span[class*=" icon-"]{
    margin-right: 4px;
    display: inline;
}



div.tabulator-vertical div {
    display: none;
}

div.tabulator-vertical div.tabulatorContainer {
    display: block;
    height: 100%;
}

div.tabulator-vertical div.toolbarGroup{
    display: block;
    height: 24px;
    font-size: 1.4em;
}

div.tabulatorContainer.icons_only span.tab_label{
    display: none;
}

div.tabulatorContainer.icons_only span[class^="icon-"],
div.tabulatorContainer.icons_only span[class*=" icon-"]
{
    display: inline;
    font-size: 1.2em;
}

div.tabulatorContainer.icons_only div.toggleInactive span[class^="icon-"],
div.tabulatorContainer.icons_only div.toggleInactive span[class*=" icon-"],
div.tabulatorContainer.icons_only div.toolbarGroup span[class^="icon-"],
div.tabulatorContainer.icons_only div.toolbarGroup span[class*=" icon-"]
{
    display: inline;
    font-size: 1em;
}

div.tabulatorContainer span.tab_close_button {
    margin-left: 6px;
    cursor: pointer;
    display: inline-block;
}

div.tabulatorContainer span.toggleInactive span.tab_close_button {
    color: rgb(112, 127, 143);
}

div.tabulatorContainer span.toggleInactive span.tab_close_button:hover {
    color: #ffffff;
}

.panelHeader.panelHeaderWithIcon{
    position: relative;
}

.panelHeader img
{
    display: none;
}

.panelHeader img.panelHeaderCloseIcon{
    left: auto;
    right: 6px;
    cursor: pointer;
}

#search_panel{
    overflow: visible;
}

#search_div
{
    /*    width: 100%;*/
}


#search_container
{
    float: right;
    text-align: right;
    overflow: visible;
    position: relative;
    z-index: 1015;
}

#search_form, #search_state
{
}
#search_form
{
    padding-right: 4px;
    height: 33px;
    overflow: visible;
}
#search_form a
{
    display: inline-block;
    width: 18px;
    cursor: pointer;
    font-size: 1em;
    padding-top: 0;
    color: #555;
    position: absolute;
    right: 13px;
    top: 21px;
    transition: font-size ease 0.5s, top ease 0.5s, right ease 0.5s;
}

#search_container.search_active div#search_form a{
    font-size: 1.6em;
    top: 17px;
    right: 16px;
}

#search_form a.disabled {
    display: none;
}

#search_form a img{
    margin-top: 2px;
    vertical-align: top;
    display: none;
}

#search_form input
{
    float: right !important;
    margin: 0;
    margin-top: 0;
    height: 58px;
    background: #f5f5f5;
    border-color: #f5f5f5;
    font-size: 1em;
    color: rgb(138, 149, 160);
    padding-left: 5px;
    width: 80px;
    border-width: 0;
    text-align: right;
    padding-right: 30px;
    transition:border-color 0.5s ease, width 0.5s ease;
    border-radius: 0;

}

#search_container.search_active div#search_form input{
    width: 100%;
    background: #fff;
    border: 0;
    text-align: left;
    padding-right: 0;
    font-size: 40px;
    font-family: "Open Sans Regular", sans-serif;
}

#search_container span.search_advanced_direct_access{
    display: block;
    opacity: 0;
    position: absolute;
    bottom: 1px;
    right: 5px;
    font-size: 9px;
    cursor: default;
    transition: opacity ease 0.5s;
}

#search_container.search_active span.search_advanced_direct_access{
    display: block;
    opacity: 1;
    cursor: pointer;
}

#search_meta {
    font-size: 12px;
    padding: 0;
    background-color: rgba(63, 63, 63, 0.96);
    background-color: rgb(63, 63, 63)\9;
    float: left;
    width: 0;
    overflow: hidden;
    margin-left: 0;
    transition: width 1s ease, margin-left 1s ease;
    margin-top: -62px;
    position: relative;
}

#search_meta > div{
    width: 280px;
}

#search_meta.toggle_open{
    margin-left: -280px;
    width: 280px;
}

div.meta_toggle_button {
    display: inline-block;
    padding: 1px 20px;
    background-color: #fff;
    border-radius: 30px;
    margin: 10px 10px 0;
    cursor: pointer;
    color: #555;
}

#search_meta input.c3, #search_meta span.c3 {
    margin-left: 0;
    margin-right: 0;
    border: 1px solid rgba(63, 63, 63, 1);
    background-color: #ffffff;
    padding: 4px 3px;
    width: 90% !important;
    border-radius: 3px;
}

#search_meta select.select_meta_selector {
    margin-left: 0;
    width: 93%;
    height: 26px;
}

#search_meta input.c3:disabled{
    opacity: 0.35;
}

#search_meta span.c3{
    cursor: pointer;
}
span#ajxp_folder.c3 {
    color: #333;
    padding: 4px 21px;
}
#search_meta input.c3:focus{
    background-color: white;
}

#modiftime_fixed_radio span.c3{
    border-right-width: 0 !important;
    padding: 4px 2px;
    font-size: 10px;
}

div#modiftime_fixed_radio {
    margin-top: 16px;
    color: #333;
}

#modiftime_fixed_radio span.c3:last-of-type{
    border-right-width: 1px !important;
}
#search_meta span.c3.selected{
    background-color: rgb(138, 149, 160) !important;
    color: white;
}


#search_meta span.c4 {
    display: inline-block;
    width: 30% !important;
    text-align: right;
    padding-right: 2%;
}

#search_meta span.c6 {
    display: block;
    width: 30%;
    text-align: right;
    clear: left;
    float: left;
    padding-right: 2%;
}

#search_meta span.c4,
#search_meta span.c6
{
    display: block;
    width: 100% !important;
    text-align: left;
    line-height: 17px;
    padding-top: 2px;
}

#search_meta div.advanced_search_section span[class^="icon-"],
#search_meta div.advanced_search_section span[class*=" icon-"]{
    display: none;
}

.advanced_search {
}

#basic_search{
    padding: 8px;
    min-height: 27px;
}

#search_meta.toggle_open #basic_search{
    border-bottom: 1px solid rgb(143, 162, 182);
}

#search_meta_detailed {
    padding:5px 5px 10px;
    line-height: 28px;
    overflow: hidden;
    color: rgb(238, 238, 238);
}

#search_meta span.toggle_button {
    float: right;
    display: inline-block;
    padding: 2px 5px;
    border-radius: 3px;
    background-color: #4dc5c3;
    cursor: pointer;
    color: white;
}

#search_meta span.toggle_button.close,
#search_meta.toggle_open span.toggle_button.open,
#search_meta.toggle_open span#search_meta_options
{
    display: none;
}

.search_label.open
{
    display: none;
    padding: 2px;
    height: 20px;
}

.search_label.close{
    display: block;
    font-size: 30px;
    padding: 15px 10px 17px;
}

#refresh_search_button{
    cursor: pointer;
    font-size: 0.8em;
    float: right;
}

#search_meta div.advanced_search_section_title {
    font-size: 19px;
    padding: 8px 8px 9px 10px;
}

.toggle_open span.search_label.open{
    display: none;
}

span.toggle_button.open,span.toggle_button.close{
    background-color: white;
    border-radius: 20px;
    padding: 3px 11px;
    font-size: 0.8em;
    cursor: pointer;
}

div#search_container div#search_results.fl-displayMode-detail div.scroller_track {
    top: 42px;
}

span.toggle_button.open > span,
span.toggle_button.close > span
{
    /*display: none;*/
}

span.toggle_button.close{
    display: none;
}

.toggle_open span.toggle_button.close,
span.toggle_button.open
{
    background: #666;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    color: white;
}

.toggle_open span.toggle_button.open
{
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.3);
    padding: 4px 10px 2px 12px;
}

span#search_meta_options{
    display: none;
}


#search_meta div.advanced_search_section{
    padding: 5px 5px 15px 17px;
    line-height: 29px;
    display: none;
}

#search_meta div.advanced_search_section.visible{
    display: block;
}

.searchScore{
    float: right;
    color: #CCC;
    font-size: 10px;
    font-style: italic;
}

.searchUnindex{

}

span.search_meta_opt {
    cursor: pointer;
}
span.search_meta_opt > span{
    display: none;
}

span.search_meta_opt.checked > span {
    display: inline;
}

#search_results_cont{
    display: none;
    position: absolute;
    z-index: 1010;
    background-color: #eeeeee;
    text-align: left;
    box-shadow: inset 0 1px 6px rgba(0,0,0,0.2);
}

#search_results
{
    margin-left: 0;
    width: 100%;
}

.flexbox div#search_results{
    display: -webkit-flex !important;
    display: flex !important;
}

#search_results_cont span.results_string{
    display: none;
}

.close_results.icon-remove-sign {
    position: absolute;
    display: inline-block;
    right: 13px;
    cursor: pointer;
    font-size: 1.4em;
    color: #999;
    top: 9px;
    z-index: 10;
}

#search_results div[data-groupByValue]{
    clear: left;
    overflow: hidden;
    margin-bottom: 10px;
}

#search_results div[data-groupByValue]:first-child{
    margin-top: 10px;
}

#search_results h3 {
    font-size: 20px;
    margin: 10px 13px 10px 14px;
    color: rgb(81, 81, 81);
    border-bottom: 1px solid rgb(116, 116, 116);
    padding: 5px 0;
}

#search_results div#element_overlay {
    background-color: transparent;
}

#search_results div#element_overlay img{
    width: 20px;
    margin-top: 16px !important;
}

tr h3 {
    padding: 5px 10px 10px;
    font-size: 1.8em;
    margin: 10px 0 -7px;
    border-bottom: 1px solid #999;
}

div.class-FetchedResultPane{
    background-color: transparent;
}

#search_results div.ajxpNodeProvider,
div.class-FetchedResultPane div.ajxpNodeProvider
{
    cursor: pointer;
    background-color: transparent !important;
}

#search_results img.thumbnail_iconlike_shadow {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.47);
}

#search_results div.thumbnail_selectable_cell.detailed{
    border-radius: 6px;
    width:45%;
    margin: 0 1% !important;
    padding-top: 0;
    padding-bottom: 10px;
    overflow: hidden;
    height: 71px;
}

#search_results div.thumbnail_selectable_cell.detailed div.thumbnail_cell_metadata {
    /*opacity: 1;*/
}

#search_results div.thumbnail_selectable_cell.detailed div.thumbnail_selectable_cell {
    margin-right: 7px;
    padding-bottom: 9px;
}

#search_results div.thumbnail_selectable_cell.detailed.selected-focus div.thumbnail_cell_metadata,
#search_results div.thumbnail_selectable_cell.detailed:hover div.thumbnail_cell_metadata
{
    opacity: 1;
}

#search_results div.thumbnail_selectable_cell div.overlay_icon_div{
    display: none !important;
}

#search_results span.metadata_chunk.metadata_chunk_standard,
#search_results span.metadata_chunk.metadata_chunk_standard span.text_label
{
    display: block;
}
#search_results span.metadata_chunk span.icon-angle-right{
    display:none;
}
#search_results span.metadata_chunk.metadata_chunk_standard.metadata_chunk_mimestring_id{
    display: none;
}
#search_results span.metadata_chunk span.text_label{
    padding-left: 0;
    color: #666;
}

div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed{
    padding: 2px 12px;
}

div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed div.thumbnail_selectable_cell img{
    width: 16px !important;
    height: 16px !important;
    margin-top: 4px !important;
}

div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed div.thumbnail_selectable_cell{
    margin: 0;
    padding: 1px 7px 6px 6px;
    height: 22px !important;
}

div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed div.thumbnail_cell_metadata{
    display: none;
}

div.class-FetchedResultPane.display_metadata div.thumbnail_selectable_cell.detailed div.thumbnail_cell_metadata{
    display: inherit;
}

#search_results div.ajxpNodeProvider:hover
{
    background-color: rgb(249, 249, 249) !important;
}

div.class-FetchedResultPane div.ajxpNodeProvider.selected-focus,
#search_results div.ajxpNodeProvider.selected-focus
{
    background-color: #fb725c !important;
}

div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed div.thumbLabel{
    font-size: 13px;
    padding-top: 4px;
}

#search_results div.thumbnail_selectable_cell.detailed div.thumbLabel{
    font-size: 17px;
    padding-top: 11px;
    color: #333;
}

#topPane div.thumbnail_selectable_cell.detailed div.thumbLabel{
    color: #ccc;
}

#topPane div.thumbnail_selectable_cell.detailed.selected.selected-focus div.thumbLabel{
    color: #fff;
}

div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed span.text_label,
#search_results div.thumbnail_selectable_cell.detailed span.text_label{
    padding-top: 0;
}

#topPane div.no-results-found{
    padding: 0 24px;
    font-size: 12px;
    font-style: italic;
    color: #ccc;
}

#no-results-found {
    text-align: center;
    margin-top: 10%;
}

.infoPanelActions
{
    padding:5px;
    font-size: 11px;
    text-align: right;
}

#info_panel span[data-ajxpAction]{
    float: right;
    display: inline-block;
    padding: 0;
    cursor: pointer;
    font-size: 17px;
    display: none;
}

#info_panel div.panelContent
{
    overflow: hidden;
    background-color: #f3f3f3;
    padding-bottom: 15px;
    -webkit-font-smoothing: antialiased;
}

#info_panel div.folded_icons{
    display: none;
}

#info_panel div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed{
    padding: 3px 1px;
    cursor: default;
}

#info_panel div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed div.thumbnail_selectable_cell{
    display: none;
}

#info_panel div.class-FetchedResultPane  div.thumbnail_selectable_cell.detailed div.thumbLabel{
    font-size: 1.3em;
    color: #222;
    white-space: normal;
    line-height: 1.5em;
    padding-bottom: 4px;
}

#info_panel div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed div.thumbLabel small
{
    color: #666;
    display: block;
    font-size: 11px;
    line-height: 15px;
}

#info_panel div.class-FetchedResultPane.leaf_activity div.thumbnail_selectable_cell.detailed div.thumbLabel
{
    color: #666;
    display: block;
    font-size: 13px;
    line-height: 17px;
}

#info_panel div.ajxpNodeProvider.selected-focus
{
    background-color: transparent !important;
}

#info_panel div.class-FetchedResultPane div.ajxpNodeProvider:hover{
    background-color: transparent !important;
}


div.foldedPanel_tooltip{
    width: 210px !important;
    background-color: #399997;
    border-radius: 2px;
    border-width: 0;
    box-shadow: none;
    min-height: 35px;
}

div.foldedPanel_tooltip:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent transparent #399997;
    top: 15px;
    left: 220px;
}

div.foldedPanel_tooltip td{
    color: white;
    font-size: 11px;

}

#info_panel a {
    display: inline-block;
    padding: 4px 10px;
    margin-right: 1px;
    margin-bottom: 6px;
    font-size: 13px;
    letter-spacing: 1px;
    background-color: rgba(107, 107, 107, 0.87);
    background-color: rgb(107, 107, 107)\9;
    color: #fff;
    font-family: "Open Sans Regular", Helvetica, sans-serif;
    -webkit-font-smoothing:auto;
}

#info_panel a.sm2_link{
    visibility: hidden;
}


.panelContent span.ajxp_icon_span {
    color: #ffffff;
    margin-right: 5px;
}

.panelContent div.toolbarGroup a:first-child {
    border-radius: 30px 0 0 30px;
}

.panelContent div.toolbarGroup a:last-child{
    border-radius: 0 30px 30px 0;
}

.panelContent div.toolbarGroup a:last-child:first-child{
    border-radius: 30px;
}

.panelContent a#open_with_button span.ajxp_icon_span,
.panelContent span#open_with_button_label{
    display: none;
}

.panelContent div#info_panel_share_toolbar a{
    background-color: #4aCEB0;
    border-radius: 30px;
}

div.infoPanelImagePreview img {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

#info_panel a:hover
{
}

#info_panel a img{
    margin-right : 5px;
}

#info_panel a:hover
{
    text-decoration:none;
}

#info_panel div.folderImage
{
    text-align:center;
    padding-bottom: 10px;
}

div.infoPanelBasenameTitle{
    color: #555;
    margin: 9px 15px;
    line-height: 1.5em;
    text-align: left;
    margin-top: 0;
    word-break:break-all;
}

.infoPanelTable,
div.infoPanelRow
{
    font-size: 12px;
    width: 100%;
}

td.infoPanelValue,
div.infoPanelValue
{
    padding: 0 0 15px;
    font-size: 1.5em;
    color: #555;
    line-height: 1.3em;
    vertical-align: top;
}

div[data-metatype="stars_rate"] {
    padding: 3px 0 30px;
}

.panelContent.scrolling td.infoPanelValue{
    padding-right: 18px;
}

td.infoPanelLabel,
div.infoPanelLabel
{
    width: 50%;
    color: #000;
    text-transform: uppercase;
    font-size: 0.9em;
}

div.infoPanelLabel{
    width: 100%;
}


.infoPanelGroup
{
    border-radius: 0;
    padding: 1px;
}

div.info_panel_primary_multiple{
    margin: 6px 2px 6px 3px !important;
}

.info_panel_multiple_tile {
    width: 27%;
    height: 76px;
    float: left;
    padding: 7px 2%;
    background-color: white;
    margin: 0 1% 6px;
    border-radius: 4px;
    position: relative;
    text-align: center;
    box-shadow: 0 0 2px rgba(211, 211, 211, 0.6);
}

.info_panel_multiple_tile div.tile_preview img {
    max-width: 90%;
    max-height: 60px;
}

.info_panel_multiple_tile div.tile_label {
    position: absolute;
    bottom: 1px;
    font-size: 0.7em;
    overflow: hidden;
    width: 89%;
    text-overflow: ellipsis;
    padding: 2px 2px 0;
    text-align: center;
    color: #646464;
    white-space: nowrap;
}

.panelContent div.panelHeader{
    font-size: 1.3em;
    padding: 24px 0 8px 0;
    text-transform: uppercase;
    color: #222;
}

.panelContent div.panelHeader:before{
    /*content:"> ";*/
}

.panelContent.scrolling div.panelHeader{
    /*padding-right: 13px;*/
}

.panelContent div.panelHeader a[data-ajxpAction]{
    float:right;
    cursor:pointer;
    text-transform:none;
    margin-top:-3px;
    border-radius: 30px;
}

.panelContent div.toolbar_placeholder{
    display: inline-block;
}

.panelContent div.toolbarGroup{
    text-align: center;
}

tr td.infoPanelLabel
{
}

div.one_has_many > div.toolbar_placeholder.has_many > div.toolbarGroup {
    min-width: 250px;
}

div.one_has_many > div.toolbar_placeholder.one_or_less > div.toolbarGroup a {
    width: 211px;
}

.infoPanelImagePreview
{
    text-align:center;
    padding: 10px 6px;
    position: relative;
    background-color: white;
    margin: 10px 14px;
    border-radius: 5px;
    box-shadow: 0 0 7px rgba(0,0,0,0.25);
}
.infoPanelImagePreview img
{
}

div.dimension_card_width{
    text-align: center;

}

div.dimension_card_height{
    float: left;

    height: 37px;
    width: 28%;
    padding-top: 59px;
    text-align: right;
}

div.dimension_card_rectangle{
    float: left;

    height: 95px;
    width: 67%;
    /* background-color: #ddd; */
    border-radius: 5px;
    margin-top: 5px;
    margin-left: 2%;
    border: 1px solid #AAA;
}

div.infoPanelAllMetadata > div {
    margin: 6px 20px;
}

div.triple div.infoPanelAllMetadata > div{
    float: left;
    margin: 2%;
    width: 46%;
}

div.infoPanelAllMetadata span.meta_user_tag_block {
    font-size: 0.7em;
    display: inline-block;
    background-color: rgba(52, 94, 121, 0.78);
    background-color: rgb(52, 94, 121)\9;
    color: white;
    padding: 0 7px;
    border-radius: 4px;
    margin-right: 5px;
    font-weight: bold;
}

#browser
{
    clear:left;
    /*background-color: #f5f5f5;*/
    line-height: 18px;
}

.flexbox div#browser{
    flex-direction:row;
    -webkit-flex-direction:row;
    align-items:stretch;
    -webkit-align-items:stretch;
}

#home_account_pane{
    line-height: 18px;
}

div.selectable_div, .table_rows_container, #tree_container, #bottomSplitPane, .ajxp_simple_container{
    font-family:    "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 12px;
}

.table_rows_container td
{
    border: 0;
}
.table_rows_container tr:nth-child(even)>td
{
    border-top: 0;
    border-bottom: 0;
}

.table_rows_container span#ajxp_label {
    font-weight: normal;
    background-size: 16px;
}

.table_rows_container tr:last-child td
{
}
.infoPanelTable tr:last-child td
{
    border-bottom:0;
}

.table_rows_container tr.selected-focus td,
.infoPanelTable tr.selected-focus td
{
}
.table_rows_container tr:hover,
.table_rows_container tr.even:hover
{
    background-color: rgb(253, 252, 228);
}

*{
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

input, textarea, .selectable{
    -moz-user-select: text;
    -khtml-user-select: auto;
    -webkit-user-select: auto;
    user-select: auto;
}

.no_select_bg::selection {
    background:transparent;
}

.no_select_bg::-moz-selection {
    background:transparent;
}

#vertical_splitter{
    overflow: hidden;
}

#vertical_splitter > div{
    top:0;
}

#sidebar_splitter{
    overflow: auto;
    width: 200px;
    background-color: #D2DFE9;
    -webkit-box-shadow: rgb(153, 153, 153) 1px 1px 5px inset;
    -moz-box-shadow: rgb(153, 153, 153) 1px 1px 5px inset;
    box-shadow: rgb(153, 153, 153) 1px 1px 5px inset;
}

.splitterContentPane{
    border: 1px solid #676965;
}

.vsplitbar
{
    width: 3px;
    z-index: 1014;
}
.vsplitbar:hover
{
    background-image: url(../images/vgrabber.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #474E50;/*rgba(255,255,255,0.5);*/
}
.vsplitbar.active
{
    background-color: #474E50;
}
.hsplitbar.folded, .vsplitbar.folded{
    opacity: 0;
    cursor: default !important;
}

.vsplitbar:hover
{
}

.hsplitbar
{
    height: 4px;
    /*background-color: #eee;*/
    background-image: url(../images/hgrabber.gif);
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1014;
}
.hsplitbar.active
{
    background-color: #474E50;
}

.hsplitbar:hover{
    /*background-color: #ccc;*/
}


#splashScreen
{
    width: 430px;
    height: 332px;
}

#docFileIframe
{
    border-bottom:1px solid #AAAAAA;
    height:300px;
    left:0;
    position:relative;
    top:0;
    width:100%;
}

#adminIFrame
{
    border: 1px solid white;
    width: 641px;
    height: 390px;
    background-color: #fff;
}

/*********************
ADMIN STYLES
**********************/
#users_list,
#repo_list
{
    height: 299px;
    width: 200px;
    float: left;
    padding-top: 5px;
    overflow: auto;
}
#users_detail_panel,
#repo_detail_panel{
    width: 438px;
    height: 299px;
    float: left;
    border-left: 1px solid #bbb;
    overflow: auto;
}

#repo_list{
    height: 294px;
}

#repo_detail_panel fieldset
{
    margin:10px;
    font-size: 13px;
}

.metaPane{
    margin-bottom:5px;
    margin-top:2px;
    padding:0px 5px 31px;
    width:96%;
}

.metaPane img,
img.metaPaneTitle
{
    float:right;
    cursor:pointer;
    margin-left: 3px;
}

img.metaPaneTitle{
    display:none;
}

div.accordion_toggle_active img.metaPaneTitle
{
    display:inline;
}

.metaPane span.title{
    font-weight: bold;
}

.users_list_title
{
    font-size: 20px;
    font-weight: bold;
    color: white;
    padding-left: 5px;
    border-bottom: 1px solid white;
    background-color: #bbb;
}


.user
{
    padding-top: 15px;
    padding-left: 5px;
    padding-bottom: 15px;
    background-color: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    margin-left: 5px;
}

.user_id, .user_data, .repository, .password
{
    font-size: 11px;
}

.wallet_pane{
    /*
     background-color:#EFEFEF;
     border-left:1px solid;
     */
    margin-left:2px;
    margin-right:2px;
    padding:0 10px 0 0;
}
.wallet_pane div.driver_form{
    width:215px;
}
.wallet_pane input.dialogButton{
    float:right;
    border: 1px solid #676965;
}

.config_subblock{
    border: 1px dotted #ccc;
    padding:5px 10px;
    margin-bottom:10px;
}

.user_data
{
    background-color: #fff;
}

fieldset
{
    border: 1px solid #ccc;
    padding: 10px;
    padding-top: 5px;
    margin-bottom: 5px;
}

legend
{
    color: #5C5C5C;
}

legend a{
    text-decoration:none;
    cursor: pointer;
}

legend a.active {
    background-color: transparent;
    color: #87A9C4;
    text-decoration:none;
    cursor: default;
    font-size: 1.1em;
}

.repository, .repository td, .password td
{
    padding: 1px;
}

.repository td
{
    vertical-align: bottom;
    line-height: 19px;
    padding: 6px 0 5px 6px;
}

.repository input, .user_delete_confirm
{
    border: none;
    margin-left: 1px;
    margin-top: 0;
    padding: 0;
}

.user_data
{
    padding: 10px;
    /*padding-right: 20px;*/
}

.user_id
{
    cursor: pointer;
    font-size: 17px;
}

.user_id b
{
    color: #5C5C5C;
}
#user_admin_bar, #repo_create_form, #log_chooser
{
    padding: 15px;
    font-size: 12px;
    border: 0 solid #ddd;
    background-color: #ddd;
    border-bottom: 1px solid #bbb;
}

#user_admin_bar input, .password input
{
    height: 18px;
    width: 90px;
    font-size: 12px;
    padding: 0;
    margin-left: 0;
    margin-right: 5px;
}

#user_admin_bar .submit_button, .password .submit_button,
#options_pane .submit_button, .password .submit_button
{
    width: 30px;
}

#user_admin_bar b,
#repo_create_form b,
#log_chooser b
{
    font-size: 15px;
    color: #5C5C5C;
}

#user_pref_form input
{
    width: 65px;
    padding: 0;
    margin-right: 5px;
}

#user_pref_form input.radio
{
    width: 20px;
    border: 0;
    background-image: none;
}

#repo_create_form select
{
    border: 1px solid #5E7C90;
    height: 20px;
    width: 160px;
}

#user_acl{
    font-size:1.1em;
}

div#available_roles, div#user_roles{
    padding: 0;
    border: 1px solid #aaa;
    width: 100%;
    height: 110px;
    overflow:auto;
    border-radius: 3px;
}

div#rights_pane{
    border: 1px solid #aaa;
    _height: 150px;
    max-height: 150px;
    overflow:auto;
    margin-top:5px;
    padding: 2px 0;
    width: 100%;
}

div.ajxp_role{
    background-color:#FFFFFF;
    border-left:7px solid #DDDDDD;
    cursor:move;
    margin: 2px;
    padding:3px 5px;
    border-radius: 2px;
}

div.available_role{
}

div.user_role{
    opacity : 1 !important;
    -moz-opacity : 1 !important;
    filter:alpha(opacity=100) !important;
}

.roles_hover{
    border : 1px solid #ffffef;
}

.editable_users_list{

    border: 1px solid #AAAAAA;
    height: 190px;
    overflow: auto;
    clear:left;
    position: relative;
    margin-top: 2px;
    border-radius: 3px;
}

.editable_users_list div.user_entry,
li.complete_user_entry,
li.complete_group_entry,
li.complete_user_entry_temp
{
    clear: left;
    background-color: rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid #F1F1EF;
    font-size:12px;
    padding: 1px;
}

div.editable_users_list div.user_entry_rights{
    float: right;
    padding-top: 8px;
    padding-right: 4px;
}
.no-flexbox div.editable_users_list div.user_entry_rights{
    padding-top: 4px;
}

li.complete_user_entry,
li.complete_group_entry,
li.complete_user_entry_temp{
    padding: 1px !important;
}


.editable_users_list div.user_entry span.user_entry_label,
li.complete_user_entry span.user_entry_label,
li.complete_group_entry span.user_entry_label,
li.complete_user_entry_temp span.user_entry_label
{
    display: inline-block;
    padding: 8px 5px 8px 30px !important;
    background-image: url("../images/mimes/16/user.png");
    background-repeat: no-repeat;
    background-position: 6px 7px;
}

li.complete_user_entry{

}

li.complete_group_entry span.user_entry_label,
.editable_users_list div.group_entry span.user_entry_label
{
    background-image: url("../images/mimes/16/users-folder.png");
}

li.complete_user_entry_temp span.user_entry_label,
.editable_users_list div.user_entry_temp span.user_entry_label
{
    background-image: url("../images/mimes/16/user_shared.png");
}

.editable_users_list span.delete_user_entry{
    width: 12px;
    height: 12px;
    display: inline;
    background-size: 100%;
    margin-left: 5px;
    cursor: pointer;
    color: #A00;
}

.editable_users_list label{
    padding: 0 3px;
    cursor: pointer;
}

span.user_entry_check{
    display: inline-block;
    padding: 0 5px;
}

.editable_users_list.user_entry_check_hidden span.user_entry_check{
    display: none;
}

#create_shared_user{
    width: 84%;
    background-color: #EEE;
    margin: 0 6%;
    box-shadow: 0 0 7px #5C5C5C;
    padding: 1px 4px;
    border-radius: 0 0 7px 7px;

    position: absolute;
    top: -1px;
}

#create_sub_user{
    padding: 8px 14px;
}

.editable_users_header{
    float: right;
    margin-top: 2px;
    font-style: italic;
    font-size: 9px;
    color: #AAA;
    padding: 2px;
}

.editable_users_header span,
div.user_entry span.cbContainer
{
    display: inline-block;
    padding: 0 2px;
    width: 30px;
    text-align: center;
    cursor: pointer;
}

div.editable_users_header.autocomplete_readonly {
    display: none !important;
}

input.autocomplete_readonly{
    display:none;
}

div.autocomplete_readonly span.delete_user_entry{
    display: none !important;
}


.share_chooser_list li.selected{
    color: #555555;
}

#share_folder_form{
    max-width: 400px;
}

.share_info_panel_main_legend {
    padding: 10px 0;
    font-size: 1.5em;
    color: #555;
    line-height: 1.4em;
}

input.share_info_panel_link {
    margin: 0;
    width: 96%;
    padding: 5px;
    text-align: center;
    font-size: 1em;
    background-color: transparent;
    border-color: #ccc;
}

input.share_info_panel_link_expired{
    color: #999;
    text-decoration: line-through;
}

#share_container{
    clear: left;
    width: 95%;
    text-align: center;
    font-size: 16px !important;
    font-family: "Open Sans Regular", sans-serif;
    padding: 5px !important;
    border-radius: 5px;
    background-color: #fafafa;
    float: none;
}

#share_form input#share_container{
    padding: 3px !important;
    border-radius: 2px;
    background-color: #fff;
}

#share_form div.dialogContentLegend{
    font-size: 13px;
    padding: 0 2px;
}

#share_form span.SF_horizontal_action.icon-minus-sign.SF_horizontal_action_destructive {
    position: absolute;
    margin-top: -29px;
    right: 14px;
}

#share_folder_form div.dialogContentMainTitle{
    clear: left;
    margin-top: 10px;
    margin-bottom: -4px;
    padding: 10px 0 0;
    border-top: 1px dashed rgb(150,150,150);
    border-bottom: 0;
    color: #555;
}

div#share-folder-type-chooser {
    font-size: 13px;
    margin: 0 6px;
    line-height: 25px;
}

.share_leaf div.no_share_leaf,
.share_leaf span.no_share_leaf,
div.only_share_leaf,
span.only_share_leaf
{
    display: none !important;
}

.share_leaf div.only_share_leaf{
    display: block !important;
}

.share_leaf span.only_share_leaf{
    display: inline !important;
}

input#shared_user{
    width: 374px !important;
}

div#target_repository_toggle{
    display: none !important;
}

div#target_user{
    margin: 0 5px !important;
}

.share_edit div#target_repository_toggle{
    display: block !important;
}

.share_edit div#target_repository_toggle span.simple_tooltip_observer{
    display: inline-block;
    padding: 2px 7px;
    border: 1px solid;
    opacity: 0.8;
    border-radius: 8px;
    margin: 2px;
}

.share_edit div#target_repository_toggle div.SF_horizontal_actions{
    text-align: right;
    margin-top: 10px;
    margin-bottom: -5px;
    padding-right: 0;
}

.share_edit div#target_repository,
.share_edit div#share-folder-type-chooser,
.share_edit div#share-folder-type-leaf
{
    display: none !important;
}

.share_edit.edit_parameters div#target_repository,
.share_edit.type-ws div#target_repository
{
    display: block !important;
}

#target_repository_toggle a {
    border-bottom: 1px solid #555;
    cursor: pointer;
}
#share_generate{
    height: 40px;
}

#share_generate div.largeButton{
    background-color: #4aCEB0;
}

#shareDialogButtons{
    padding-top: 30px;
    text-align: center;
}

div#share_update{
    text-align: center;
    display: none !important;
}

div#share_result div.non_macos,
div#share_result div.link_expired_div,
div#share_result div.macos_only
{
    font-size:13px;
    padding:10px 0 0;
    text-align:center;
}

div#share_result div.link_expired_div{
    display: none;
}

form.share_expired div#share_result div.link_expired_div{
    display: block;
}
form.share_expired input#share_container{
    color: #999;
    text-decoration: line-through;
}

form.share_expired div.non_macos,
form.share_expired div.macos_only{
    display: none !important;
}

.edit_parameters div#shareDialogButtons,
.edit_parameters div#share_result
{
    display: none;
}

.edit_parameters div#share_update{
    display: block !important;
}

div#target_repository_toggle span.params_view_readonly
{
    display: none;
}

.readonly_mode div#target_repository_toggle span.params_view_readonly{
    display: inline;
}

#target_repository_toggle span.params_hide,
.edit_parameters div#target_repository_toggle span.params_view,
.readonly_mode div#target_repository_toggle span.params_view,
.edit_parameters div#target_repository_toggle span.params_view_readonly
{
    display: none !important;
}
.edit_parameters div#target_repository_toggle span.params_hide{
    display: inline !important;
}

.share_edit.type-ws span.params_hide,
.share_edit.type-ws span.params_view,
.share_edit.type-ws span.params_view_readonly
{
    display: none !important;
}

#shareDialogButtons div.largeButton,
#share_update div.largeButton
{
    padding: 5px 15px 7px !important;
    display: inline-block;
    float: none;
}

form.share_expired div#mailer_button{
    display: none;
}

.share_edit.type-ws div#shareDialogButtons{
    padding-top: 10px;
}
.share_edit.type-ws div#shareDialogButtons div.largeButton,
.share_edit.type-ws div#share_update div.largeButton
{
    display: block;
    margin: 8px 80px;
}

#shareDialogButtons div.largeButton.destruct{
    background-color: #A00;
}

.readonly_mode div#share_update {
    display: none !important;
}

div.user_entry span.cbContainer{

}

#target_repository span#remove_user_pass{
    border-bottom: 1px solid;
    font-size: 13px;
    display: inline-block;
    margin-left: 5px;
    cursor: pointer;
}

.share_dialog_toggler{
    cursor: pointer;
}

.share_dialog_toggler span.toggler_arrow{
    float: right;
    margin-right: 5px;
    margin-top: 3px;
    transform:rotate(270deg);
}

.share_dialog_toggler_closed span.toggler_arrow{
    transform:rotate(0deg);
}

.share_dialog_toggled{
    overflow: hidden;
    transition: height 0.5s ease;
}

.share_dialog_toggled_closed{
    height: 0 !important;
    overflow: hidden;
}

#editable_hash_link{
    margin:4px 10px;
    font-size:13px;
}

#description_parameters{
    margin: 5px 0;
}

#editable_hash_parameters{
    margin: 5px;
}

#ws_shared_users_parameters{
    margin: 0 5px;
    position: relative;
}

/***********************/
/* EDITORS & DIAPORAMA */
/***********************/
textarea.editor
{
    background-color:white;
    font-family:monospace;
    font-size:13px;
    line-height:16px;
}

.diaporamaButton
{
    filter:alpha(opacity=40);
    opacity: 0.4;
    -moz-opacity:0.4;
}
.diaporamaButtonActive,
.diaporamaButton:hover
{
    filter:alpha(opacity=100);
    opacity: 1;
    -moz-opacity:1;
}

#diaporamaMetadataContainer{
    background-color: #757575;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

#diaporamaMetadataContainer div.panelContent{
    background-color: #ebedf0;
    margin-right: 3px;
}
#diaporamaMetadataContainer div.infoPanelImagePreview{
    border-radius: 7px;
}
#diaporamaSplitter div.vsplitbar{
    background-color: #757575;
}
#diaporamaMetadataContainer div.scroller_track{
    right: 3px;
}
#diaporamaMetadataContainer div.scroller_track,
#diaporamaMetadataContainer div.scroller_handle{
}
#diaporamaMetadataContainer div.imagePreviewOverlay{
    background-color:rgba(0, 0, 0, 0.2) !important;
    opacity: 1 !important;
}

div.icons_only.diaporama_toolbar{
    height: 33px !important;
    width: 470px;
    max-width:80%;
}
div.diaporama_toolbar div#diaporama_legend{
    display: none;
}
div.diaporama_toolbar div#diaporama_input_boxes{
    margin-top: 6px !important;
}

#diaporama_box{
    position:relative;
}

/***********************/
/* AUTOCOMPLETION DIV  */
/***********************/
div.autocomplete
{
    position:absolute;
    width:250px;
    background-color:white;
    border:1px solid #bbb;
    margin:8px 0 0;
    padding: 0;
    box-shadow: 1px 2px 3px rgba(65, 65, 65, 0.85);
    border-radius: 0;
    max-height: 180px;
    overflow-y: auto;
}
div.autocomplete ul
{
    list-style-type:none;
    margin: 0;
    padding: 0;
}
div.autocomplete ul li.selected
{
    background-color: #73a2d7 !important;
}
div.autocomplete ul li
{
    list-style-type:none;
    display:block;
    margin:0;
    padding:7px;
    cursor:pointer;
}
span.user_team_save{
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 3px 4px;
    background-color: rgba(0, 0, 0, 0.53);
    border-radius: 4px 0 0 0;
    color: white;
    font-size: 12px;
    z-index: 10;
    cursor: pointer;
}


/************************/
/* CONTEXT MENU STYLES  */
/************************/
div.menu {
    position: absolute;
    top: 0;
    left: 0;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    -moz-border-radius:5px;
    border-radius: 2px;
    opacity: 0.97;
}
div.menu a {
    display: block;
    text-decoration: none;
    cursor: default;
    outline: none;
    font-size: 13px;
}
.menu .separator {
    height: 1px;
    padding: 0;
    overflow: hidden;
    display: block;
    font-size: 1px;
}
.menu ul, .menu li {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: hidden;
}
.menu li {
    list-style-position: outside;
}

.menu.desktop {
    width: 15em;
    padding: 0;
    padding-top: 0;
    padding-bottom: 1px;
    letter-spacing: 1px;
    background-color: #ffffff;
}

.menu.desktop.toolbarmenu {
    background: #fff;
    padding-bottom: 0;
    width: auto;
    /* IE */
    width:expression("150px");
    -moz-border-radius : 0 5px 5px 5px;
    border-radius: 4px;
    min-width: 15em;
}

.bmbarMenu div.moreActions {
    font-size: 11px;
}

.bmbarMenu div.moreActions span{
    cursor:pointer;
}

.menu.desktop.toolbarmenu img {
    width: 16px;
    height:16px;
}

.menu.desktop.textual{
    width:7em;
}
.menu.desktop.textual img {
    margin-right: 6px;
}


.menu.desktop ul, .menu.desktop li {
    margin: 0;
    padding: 0;
}

.menu.desktop li{
    padding: 0;
    overflow-y: hidden;
    color: rgb(123, 134, 145);
}

.menu.desktop.toolbarmenu li {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    color: white;
}

.rootDirChooser li.menuTitle {
    color: #fff;
    padding: 13px 8px 15px;
    text-align: left;
    font-size: 22px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.menu li.menuTitle{
    display: none;
}

.menu.rootDirChooser li.menuTitle{
    display: block;
}

.menu.desktop.panelHeaderMenu li.menuTitle {
    display: block;
    font-size: 12px;
    color: #555555;
    border-bottom: 1px solid #AAAAAA;
    padding: 11px 7px;
    text-align: left;
    background-color: rgba(227, 227, 227, 0.20);
}

.menu.desktop li.separator {
    padding: 0;
    height: 0;
}
.menu.desktop a img{
    margin-right: 9px;
    margin-top: -5px;
}

.menu.desktop span.ajxp_icon_span{
    font-size: 1.1em;
    padding-right: 10px;
    color: #555;
    opacity: 0.2;
}

.menu.desktop a:hover span.ajxp_icon_span,
.menu.desktop li.menuAnchorSelected span.ajxp_icon_span
{
    color: white;
    opacity: 1;
}

.menu.desktop a {
    color: #222;
    padding: 9px 12px 10px;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
}

.menu.desktop a u {
    text-decoration: none;
    display: inline-block;
    border: 1px solid white;
    border-radius: 3px;
}

.menu.desktop a:hover u,
.menu.desktop li.menuAnchorSelected u
{
    padding: .1em .2em;
    border: 1px solid #ccc;
    font-size: 11px;
    font-family: Arial,Helvetica,sans-serif;
    background-color: #f7f7f7;
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2),0 0 0 2px#fff inset;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2),0 0 0 2px#fff inset;
    box-shadow: 0 1px 0 rgba(0,0,0,0.2),0 0 0 2px#fff inset;
    border-radius: 3px;
    display: inline-block;
    margin: 1px;
    text-shadow: 0 1px 0#fff;
    line-height: 1.4;
    white-space: nowrap;
    color: #222;

}

.menu.desktop.toolbarmenu a img{
    margin-right: 6px;
}

.menu.desktop.toolbarmenu a {
    color: #333;
    padding: 10px 20px 8px 8px;
    margin: 0;
    font-size: 13px;
}

.menu.desktop a.disabled {
    opacity: 0.25;
    filter: alpha(opacity=25);
    zoom: 1;
}
.menu.desktop li.separator {
    border-bottom: 1px solid #eeeeee;
    margin: 0 10px;
    line-height: 1px !important;
}
.menu.desktop.toolbarmenu li.separator{
    border-bottom: 1px solid #eeeeee;
}

.bookmarksMenu li.separator {
    border-bottom: 1px solid #fff;
    margin: 0 1px;
    line-height: 1px !important;
    padding: 0;
    height: 1px !important;
}

span.letter_badge {
    display: inline-block;
    float: left;
    width: 32px;
    background-color: #111;
    border-radius: 34px;
    color: white;
    text-align: center;
    padding: 7px 0;
    font-size: 0.8em;
    font-family: "Open Sans Regular", Helvetica, sans-serif;
}

span#alerts_number {
    display: inline-block;
    font-size: 13px;
    background-color: rgb(245, 199, 129);
    color: black;
    border-radius: 20px;
    padding: 0 6px;
}


/* we need explicit enabled class to overcome css deficiences (without creating unnecessary markup) */
.menu.desktop a.enabled:hover {
    background-color: rgba(107, 107, 107, 0.87);
    color: #fff;
}

.menu.desktop li.menuAnchorSelected a {
    background-color: rgba(107, 107, 107, 0.87);
    color: #fff !important;
}

.menu.desktop a#action_instance_share-file-minisite.enabled:hover,
.menu.desktop a#action_instance_share-folder-minisite-public.enabled:hover,
.menu.desktop a#action_instance_share-edit-shared.enabled:hover
{
    background-color: #4aCEB0;
}

.rootDirChooser
{
    font-size: 11px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    position:absolute;
    z-index: 1500;
    width: 280px !important;
    /* IE */
    width:expression("280px");
    background-color: #222;
    box-shadow: none !important;
    -webkit-font-smoothing: antialiased;
}

.rootDirChooser span.ajxp_icon_span{

    display:inline-block;
    padding-right: 5px;
    font-size: 1.4em;

}

.rootDirChooser img
{
    border: 0;
}

.rootDirChooser a
{
    display: block;
    padding: 6px 5px 5px 6px;
    color: #fff;
    letter-spacing: 1px;
    /*height: 16px;*/
}

.rootDirChooser a img
{
    margin-right:5px;
}
.rootDirChooser a.disabled IMG{
    filter: alpha(opacity=30);
    opacity: 0.3;
    -moz-opacity: 0.3
}

.rootDirChooser span.rootDirTitle
{
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding-top: 1px;
    padding-left: 5px;
    padding-right: 50px;
    color: #ccc;
    border-bottom: 0 solid #ddd;
    text-align: left;
    font-style: italic;
}

.rootDirChooser a:hover,
.bookmarksMenu a:hover,
.bookmarksMenu a.hovered,
.rootDirChooser a.hovered
{
    background-color: #FB725C;
    color: #fff;
}

.rootDirChooser li.separator {
    /*
    border-bottom: 1px solid #fff;
    margin: 1px 1px 0 1px;
    line-height: 1px !important;
    padding: 0;
    height: 1px !important;
    */
    border-top: 1px solid rgba(255, 255, 255, 0.98);
    margin: 0 auto;
    line-height: 1px !important;
    height: 0 !important;
    width: 98%;
}

.rootDirChooser li.separator.menuTitle{
    height: auto !important;
    line-height: 14px !important;
    border-top: none;
    padding-top: 7px !important;
    width: 100%;

}

.menu.menuDetails {
}

.menu.menuDetails a{
    line-height: 17px;
    padding: 10px 5px;
}

.menu.menuDetails span.ajxp_icon_span{
    float: left;
    padding: 3px 9px 23px 4px;
    font-size: 18px;
}

.menu.menuDetails span.menu_label{
    font-size: 20px;
    display: block;
}

.menu.menuDetails span.menu_description{
    display: block;
    letter-spacing: 0;
    line-height: 16px;
    font-size: 11px;
    color: white;
    padding-top: 8px;
}

.menu.menuDetails.workspacesMenu span.ajxp_icon_span{
    display: none;
}

.menu.menuDetails.workspacesMenu span.menu_description{
    display: none;
}

.menu.menuDetails.workspacesMenu span.menu_label{
    margin-top: 0;
}

.menu.menuDetails.workspacesMenu li a{
    padding: 20px 10px 20px 20px;
    line-height: 22px;
}

.menu.menuDetails.workspacesMenu li.menuTitle{
    padding: 20px 14px 10px !important;
}

.menu.menuDetails.workspacesMenu span.letter_badge{
    margin: -6px 13px 0 5px;
    font-size: 1em;
    background-color: #000;
}

.menu.menuDetails.workspacesMenu{
    box-shadow: inset 0 2px 3px #000000 !important;
    border-radius: 0;
}

.menu.menuDetails img{
    display: none;
}

.rightAlignMenu{
    width: 180px !important;
}


.rightAlignMenu a{
    padding: 8px 5px 7px 20px;
    text-align:right;
    letter-spacing: 1px;
}

.rightAlignMenu a img{
    margin-right: 0;
    margin-left:5px;
    float: right;
}

.rightAlignMenu a img,
.rightAlignMenu span.ajxp_icon_span
{
    margin-right: 0;
    margin-left: 9px;
    display: inline-block;
    font-size: 13px;
    float: right;
    margin-top: 2px;
}

.menuActions {
    position: absolute;
    right: 0;
    top: 1px;
    text-align: right;
    padding-right: 3px !important;
    margin-top: 5px !important;
}

.menuActions a{
    width: 18px;
    padding: 1px;
    display: inline-block !important;
    filter:alpha(opacity=30);
    opacity: 0.3;
    -moz-opacity:0.3;
    cursor: pointer !important;
    height: 16px;
}

.menuActions.moreActions{
    margin-top: 0 !important;
    z-index: 1;
}
.menuActions.moreActions span{
    color: #ffffff;
    cursor: pointer;
    width: 16px;
    display: inline-block;
    text-align: left;
    font-size: 1.2em;
    text-shadow: 1px 1px 1px #676767;
}

.menuActions a:hover
{
    filter:alpha(opacity=100);
    opacity: 1.0;
    -moz-opacity:1.0;
}

div.menuActions img{
    display: none;
}

.menuActions.icon-caret-right {
    padding-top: 4px;
    color: #666;
}

.backgroundPanel {
    position: absolute;
    bottom: -1px;
    padding: 4px 7px 6px 7px;
    color: #fff;
    background-color: rgba(119, 184, 226, 0.62);
    background-color: rgb(119, 184, 226)\9;
    z-index: 10000;
    border-radius: 3px 3px 0 0;
    width: 25%;
    margin-left: 40%;
    text-align: center;
    letter-spacing: 1px;
    border: 1px solid rgba(119, 184, 226, 0.62);
}

/*******************************/
/* CREDIT SPLASH SCREEN
/******************************/
#docDiv div.title
{
    font-size:13px;
    font-weight: bold;
}

#docDiv div.subtitle
{
    color: #5E7C90;
    font-size:25px;
}

#docDiv a
{
    color: #39C0BE !important;
    text-decoration: underline;
}

/********************************************/
/* NEW HTML5 / CSS3 STYLES  	            */
/* Generally applied after a Modernizr test */
/********************************************/
.css_boxshadow,div.menu{
    box-shadow : 1px 1px 4px rgba(100, 100, 100, 0.7);
}

.dialogBox, div.dialogBox.css_boxshadow{
    -moz-box-shadow: 5px 5px 60px #222;
    -webkit-box-shadow: 5px 5px 60px #222;
    box-shadow: 1px 2px 4px rgba(0,0,0,0.4);
}

div.dialogBox div.dialogBox.css_boxshadow{
    border-radius: 4px !important;
    border: 0;
    width: 96%;
    left: 10px;
    min-width: 400px;
    top: 19%;
    background-color: white;
}

.no-flexbox div#mailer_message{
    width: 380px !important;
}

div.dialogBox div.dialogBox.css_boxshadow > div{
    background-color: transparent;
}

#progressBox
{
    display: block;
    z-index: 2002;
    top: 20%;
    -moz-border-radius : 5px;
    border-radius : 5px;
    width: 305px !important;
    padding: 3px;
    display: block;
    top: 30%;
    z-index: 2002;
    left: 40%;
    position: absolute;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.23);
    min-width: 305px;
}

#progressBox div.dialogTitle{
    display: none;
}

div.overlay.form-login_form,
div.overlay.form-login_form_dynamic,
div.overlay.form-switch_language_form,
div.overlay.form-reset-password,
div.overlay.form-reset-password-ask
{
    opacity: 0;
    background-image: none !important;
    background-color: transparent !important;
}

.ajxp_guest_enabled div.overlay.form-login_form,
.ajxp_guest_enabled div.overlay.form-login_form_dynamic,
.ajxp_guest_enabled div.overlay.form-switch_language_form,
.ajxp_guest_enabled div.overlay.form-reset-password,
.ajxp_guest_enabled div.overlay.form-reset-password-ask
{
    opacity: 1 !important;
    background-color: inherit !important;
}


/****************************************/
/* WEBDAV PREFERENCES                    */
/****************************************/
#webdav_main_access{
    font-size: 20px;
    padding: 5px;
    text-align: center;
    border-radius: 3px;
    background-color: white;
    width: 97%;
    margin-bottom: 5px;
    color: rgb(111, 121, 131);
}

#perworkspace-urls-toggle{
    cursor: pointer;
}
#perworkspace-urls-toggle span{
    font-size: 13px;
    margin: 0 7px;
    text-decoration: none;
}

#webdav_repo_list{
    height: auto !important;
    background-color: white;
}

#webdav_repo_list div{
    padding: 7px;
}

#webdav_repo_list span{
    display: inline-block;
    width: 24%;
}

#webdav_repo_list input {
    width: 92% !important;
    margin-top: 11px;
}

input#webdav_password{
    height: 22px !important;
}

.video-js-box{
    margin-left: 10px !important;
}

#cpane_tabs div.video-js-box{
    margin-left: 0 !important;
}

.video-js-box.vjs-fullscreen{
    margin-left: 0 !important;
}

#video_container{
    /*margin: 5px 20px 5px 10px !important;*/
}

td.ip_geo_cell{
    padding-right: 12px !important;
}


/************************************************/
/*     NICE ROUNDED PURE-CSS TABS                                     */
/*     From http://css-tricks.com/better-tabs-with-round-out-borders/ */
/************************************************/
.tabrow {
    list-style: none;
    margin: 0;
    padding: 2px 0;
    line-height: 24px;
    overflow: hidden;
    font-size: 13px;
    position: relative;
    background-color: rgb(78, 167, 165);
    border-radius: 0 3px 0 0;
}

.tabpanes {
    background-color: #f8f8f8;

}

.tabrow li {
    border: 0;
    display: inline-block;
    position: relative;
    padding: 9px 10px 9px;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.61);
    text-align: center;
    line-height: 16px;
    margin: 0;
}
.tabrow li.selected {
    color: #ffffff;
    background-color: transparent !important;
}

#sm2-container{
    position: absolute;
    top: -1000px;
}

.toolbarGroup{
    display:inline-block;
}

#put_toolbar div.separator{
    margin-right: 10px;
}

#display_toolbar {
    float: right;
    display: inline-block;
    min-width: 60px;
    text-align: right;
}

#display_toolbar a,
#top_toolbar a
{
    color: #fff;
    display: inline-block;
    padding: 0 3px;
}

#default_toolbar a span.ajxp_icon_span {
    margin-right: 1px;
}

#default_toolbar span.icon-caret-down.ajxp_icon_arrow {
    color: #797979;
    margin-left: 3px;
}

#display_toolbar a:hover{
    color: rgb(253, 252, 228);
}

#display_toolbar a.disabled{
    display:none;
}

#top_toolbar a
{
    font-size:12px;
    padding: 0 10px;
    letter-spacing: 1px;
}

#top_toolbar a span.ajxp_icon_span,
#top_toolbar a span.ajxp_icon_arrow
{
    font-size: 1.0em;
    display:inline-block;
    padding: 0 4px;
}

#top_toolbar a img{
    display:none;
}

#display_toolbar span.actionbar_button_label {
    display: none;
}

#display_toolbar.text_only{
    padding-top: 8px;
}

#display_toolbar.text_only a::after{
    content:' |';
}

#display_toolbar span#vertical_splitter_folding_action_button_label::before {
    content: '| ';
}

#display_toolbar.text_only a:last-child::after{
    display: none;
}

#display_toolbar.text_only span.actionbar_button_label{
    display: inline;
}

#display_toolbar.text_only span.ajxp_icon_span{
    display: none;
}


#cpane_header{
    padding-bottom: 4px;
    height: 19px;
}

/*
TABULATOR VARIANTS
*/

/*
TABULATOR IN A TABULATOR
*/
#files_list_header,
.innerTabulator  div.panelHeader
{
    font-size: 11px;
    padding: 3px 16px 4px 8px;
    height: 35px;
    letter-spacing: 1px;
    background-color: #ddd;
    color: rgb(111, 123, 136);
    border-right: 0;
    overflow: hidden;
}

.innerTabulator  div.panelHeader.tabulatorContainer
{
    padding: 0 0 0 0;
    height: 26px;
}

.innerTabulator span.toggleHeader{
    padding: 4px 7px 4px 7px;
    border-right: 1px dotted rgb(111, 123, 136);
    background-color: #ebedf0;
    color: rgb(111, 123, 136);
    font-size: 11px;
}

.innerTabulator span.toggleHeader.toggleInactive{
    background-color: white;
}

#files_list_header > #display_toolbar a:hover,
#files_list_header > #display_toolbar a,
div.innerTabulator > div.tabulatorContainer > #display_toolbar a:hover,
div.innerTabulator > div.tabulatorContainer > #display_toolbar a
{
    color: #333 !important;
}

#cpane_tabs span.toggleHeader{
}

#cpane_tabs span.toggleInactive{
}

#cpane_tabs span.toggleInactiveBeforeActive{
    border-right: 0;
}


/*
DASHBOARD TABULATOR
*/
.flat_tabulator  div.panelHeader.tabulatorContainer
{
    padding: 0 0 0 0;
    background-color: #fff;
    border-bottom: 0;
}

.flat_tabulator span.toggleHeader{
    font-size: 13px;
}

.flat_tabulator span.toggleHeader:first-of-type{
    color: rgb(78, 167, 165);
}

.flat_tabulator[data-ajxpTabsCount="1"] span.toggleHeader
{
    /*    background-color: white;*/
}

.flat_tabulator span.toggleHeader.toggleInactive {
}

div.flat_tabulator > div.tabulatorContainer > #display_toolbar a:hover,
div.flat_tabulator > div.tabulatorContainer > #display_toolbar a
{
    color: rgb(111, 123, 136) !important;
}


div.flat_tabulator span.toggleInactive{
}

div.flat_tabulator span.toggleInactive span.tab_close_button{
    opacity: 0.25;
}

div.flat_tabulator span.toggleInactiveBeforeActive{
}

div.flat_tabulator > div:not(.tabulatorContainer){
}

.horizontal_tabulator div.tabulatorContainer {
    float: left;
    width: 240px;
    padding: 0;
    background-color: #30383A;
}

.flexbox div.horizontal_tabulator{
    flex-direction: row;
    -webkit-flex-direction: row;

}
.flexbox div.horizontal_tabulator div.tabulatorContainer {
    float: none;
    height: auto;
    flex:0 0 240px;
    -webkit-flex:0 0 240px;
}

div#userdashboard_main_tab.horizontal_tabulator div.tabulatorContainer{
    padding-top: 62px;
}

div#userdashboard_myparams_title{
    position: absolute;
    color: rgb(204, 204, 204);
    font-weight: normal;
    padding: 22px;
    height: 17px;
    font-size: 13px;
    width: 196px;
    left: 0;
    background-color: #222;
    letter-spacing: 1px;
}

div#userdashboard_myparams_title span#dash_title{
    display: none;
}

div#userdashboard_myparams_title a#dash_back_workspace{
    display: block;
    cursor: pointer;
}

div#userdashboard_myparams_title a#dash_back_workspace:hover{
    color:rgb(204, 204, 204);
}

div#userdashboard_main_tab div#team_pane,
div#userdashboard_main_tab div#my-users-pane,
div#userdashboard_main_tab div#account_pane,
div#userdashboard_main_tab div#webdav_pane,
div#userdashboard_main_tab div#shared_files_pane,
div#userdashboard_main_tab div#shared_pane,
div#userdashboard_main_tab div#shared_pane2,
div#userdashboard_main_tab div#home_account_pane{
    position: relative;
}

div#userdashboard_main_tab h3.dashboard_panel_title{
    position: absolute;
    top: 12px;
    font-size: 29px;
    margin: 0;
    left: 19px;
    color: #444;
}

div.horizontal_tabulator > div > div.horizontal_tabulator div.tabulatorContainer {
    background-color: #30383A;
}

.horizontal_tabulator span.toggleHeader{
    text-align: left;
    padding: 10px 0 12px 22px;
    background-color: #fb725c !important;
    color: #ffffff !important;
    border: 0;
    display: block;
    font-size: 12px;
    font-weight: lighter;
    text-transform: uppercase;
    margin: 5px 0;
}

.horizontal_tabulator span.toggleHeader span.tab_label{
}

.horizontal_tabulator span.toggleInactive{
    width: auto !important;
    border-width: 0 !important;
    background-color: transparent !important;
    color: #BDBDBD !important;
    text-shadow: none;
}

.no-flexbox div.horizontal_tabulator > div:not(.tabulatorContainer){
    float: left;
    padding: 0 !important;
    width:78%;
}

.flexbox div.horizontal_tabulator > div.tabulatorPanelsContainer{
    flex:1;
    -webkit-flex: 1;
}

#breadcrumb{
    display: block;
    float: left;
    overflow: hidden;
    color: rgb(111, 121, 131);
    margin-top: 0;
    border-radius: 0 40px 40px 0;
}

#breadcrumb div.inner_bread{
    width: 2000px;
}

.breadcrumbs-arrow ul, .breadcrumbs-four ul, .breadcrumbs-one ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

.breadcrumbs-arrow{
    overflow: hidden;
    width: 100%;
}

.breadcrumbs-arrow li{
    float: left;
    margin: 0 2px 0 1em;
    font-size: 15px;
}

.breadcrumbs-arrow li:first-of-type{
    margin-left: 0.2em;
}

.breadcrumbs-arrow span{
    background: #fb725c;
    padding: 20px;
    float: left;
    text-decoration: none;
    color: white;
    cursor: pointer;
    position: relative;
}

.breadcrumbs-arrow span.first-bread{
    width: 215px;
    background: #222;
}

.breadcrumbs-arrow span em{
    font-style: normal;
    font-weight: normal;
}

.breadcrumbs-arrow span:hover{
    background: #fb725c;
    color: white;
}

.breadcrumbs-arrow span::before{
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1.5em;
    border-width: 1.5em 0 1.5em 1em;
    border-style: solid;
    border-color: #fb725c #fb725c #fb725c transparent;
    left: -1em;
}

.breadcrumbs-arrow span.first-bread::before{
    display:none;
}

.breadcrumbs-arrow span:hover::before{
    border-color: #fb725c #fb725c #fb725c transparent;
}

.breadcrumbs-arrow span::after{
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1.5em;
    border-top: 1.5em solid transparent;
    border-bottom: 1.5em solid transparent;
    border-left: 1em solid #fb725c;
    right: -1em;
}

.breadcrumbs-arrow span:hover::after{
    border-left-color: #fb725c;
}

.breadcrumbs-arrow span.first-bread::after{
    border-left-color: #222;
}

.breadcrumbs-arrow span.current,
.breadcrumbs-arrow span.current:hover{
    font-weight: bold;
    background: none;
}

.breadcrumbs-arrow span.current::after,
.breadcrumbs-arrow span.current::before{
    content: normal;
}

.breadcrumbs-arrow i.ajxp-goto{
    display: inline-block;
    cursor: pointer;
    padding: 0.4em;
    color: #ebedf0;
}
.breadcrumbs-arrow i.ajxp-goto:hover{
    color: #555;
}

.breadcrumbs-one{
    overflow: hidden;
    width: 100%;
}

.breadcrumbs-one li{
    float: left;
}

.breadcrumbs-one span{
    padding: 20px 15px 20px 35px;
    float: left;
    text-decoration: none;
    color: #666;
    position: relative;
    background-color: #f5f5f5;
    height: 22px;
}

.breadcrumbs-one li:first-child span{
    padding-left: 1em;
    border-radius: 0;
    width: 201px;
}

.breadcrumbs-one span:hover{
    background: #fff;
    cursor: pointer;
}

.breadcrumbs-one span::after,
.breadcrumbs-one span::before{
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -33px;
    border-top: 33px solid transparent;
    border-bottom: 33px solid transparent;
    border-left: 1em solid;
    right: -1em;
}

.breadcrumbs-one span::after{
    z-index: 2;
    border-left-color: #f5f5f5;
}

.breadcrumbs-one li:first-child span::after{
    border-left-color: #222;
}
.breadcrumbs-one li:first-child span{
    background-color: #222;
    color: white;
}

.breadcrumbs-one li:nth-child(1) span:before{
    border-left-color: #f5f5f5;
}

.breadcrumbs-one span::before{
    border-left-color: #ccc;
    right: -1.05em;
    z-index: 1;
}

.breadcrumbs-one span:hover::after{
    border-left-color: #fff;
}

.breadcrumbs-one .current,
.breadcrumbs-one .current:hover{
    font-weight: bold;
    background: none;
}

.breadcrumbs-one .current::after,
.breadcrumbs-one .current::before{
    content: normal;
}

.breadcrumbs-one em{
    font-style: normal;
    font-weight: lighter;
}

span.first-bread em {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.breadcrumbs-one i.ajxp-goto{
    display: inline-block;
    cursor: pointer;
    padding: 20px 25px;
    color: #ccc;
}
.breadcrumbs-one i.ajxp-goto:hover{
    color: #fb725c;
}


.breadcrumbs-one span.reduced,
.breadcrumbs-arrow span.reduced
{
    padding: 20px 10px 20px 10px;
    width: 4px;
    height: 20px;
}

.breadcrumbs-one span.reduced em,
.breadcrumbs-arrow span.reduced em
{
    visibility:hidden;
}

.breadcrumbs-one span.reduced:hover,
.breadcrumbs-arrow span.reduced:hover
{
    padding: 20px 15px 20px 35px;
    width: auto;
    transition:padding 1s ease;
}

.breadcrumbs-one span.reduced.first-bread,
.breadcrumbs-arrow span.reduced.first-bread{
    padding: 20px 15px 20px 1em;
    transition:none;
    width: 201px;
    height: auto;
}

.breadcrumbs-one span.reduced:hover em,
.breadcrumbs-one span.reduced.first-bread em,
.breadcrumbs-arrow span.reduced:hover em,
.breadcrumbs-arrow span.reduced.first-bread em
{
    visibility:visible;
}


#AjxpConnexion-loader{
    left:49% !important;
    top: 7px !important;
    width:30px;
}

#AjxpConnexion-loader img{
    height:6px;
}

#ajxp_link_form span.icon-envelope-alt {
    font-size: 1.3em;
}

#ajxp_link_form img {
    display: none;
}

.ipanel_no_selection_select, #no-results-found {
    color: rgb(180, 184, 190);
    text-shadow: 1px 1px 0 #ffffff;
}

.ipanel_no_selection_select span.icon-info-sign {
    display: block;
    text-align: center;
    font-size: 150px;
    padding: 50px 0 20px;
}

.ipanel_no_selection_select span.label {
    display: block;
    text-align: center;
    font-size: 13px;
}

.panelContent i {
    font-size: 13px;
    font-style: normal;
    color: rgb(180, 184, 190);
    text-shadow: 1px 1px 0 #ffffff;
}

.ipanel_no_selection_data {
    display: none;
}

#webdav_password_form {
    padding-left: 0 !important;
}

#buttons_bar a,
#buttons_bar_top a
{
    display: inline-block;
    font-size: 11px;
    padding: 1px 12px 2px 11px;
    text-align: center;
    overflow: visible;
    outline: none;
    border-radius: 14px;
    margin: 3px 4px 0 1px;
    background: #ffffff;
    letter-spacing: 1px;
    float: left;
    color: #555;
}

div#buttons_bar_top {
    padding-top: 1px;
}

#buttons_bar span.ajxp_icon_span {
    display: none;
}

a#up_dir_button {
    height:22px;
}

a#up_dir_button span.ajxp_icon_span{
    display: inline-block;
}

span#up_dir_button_label {
    display: none;
}


#workspace_toolbar a#ls_button{
    display: none;
}

#upload_button {
    border-radius: 0 2px 2px 0;
}

.custom_top_title{
    color: white;
}

#action_instance_user_create_repository {
    font-size: 14px;
    line-height: 21px;
}

/* rotation animation */
@-webkit-keyframes rotate {
    from { -webkit-transform:rotate(0deg); }
    to { -webkit-transform:rotate(360deg); }
}

@-moz-keyframes rotate {
    from { -moz-transform:rotate(0deg); }
    to { -moz-transform:rotate(360deg); }
}

@-ms-keyframes rotate {
    from { -ms-transform:rotate(0deg); }
    to { -ms-transform:rotate(360deg); }
}

@-o-keyframes rotate {
    from { -o-transform:rotate(0deg); }
    to { -o-transform:rotate(360deg); }
}

.rotating, .icon-spinner {
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 1.0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-transform-origin: 50% 50%;
    -moz-animation-name: rotate;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-transform-origin: 50% 50%;
    -ms-animation-name: rotate;
    -ms-animation-duration: 1s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-transform-origin: 50% 50%;
    -o-animation-name: rotate;
    -o-animation-duration: 1s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

.icon-spinner{
    display: block !important;
    text-align: center;
}

.icon-spinner.spinner_large{
    font-size: 22px;
}

.events_menu span.icon-spinner{
    display: block !important;
    text-align: center;
    width: 14px !important;
    height: 16px !important;
    float: left;
}


.rect_spinners {
    margin: 30px auto;
    width: 50px;
    height: 35px;
    text-align: center;
    font-size: 10px;
}

.rect_spinners > div {
    background-color: #00A790;
    height: 100%;
    width: 6px;
    display: inline-block;
    margin-right: 2px;
    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out;
}

.rect_spinners div.rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.rect_spinners div.rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.rect_spinners div.rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.rect_spinners div.rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
    20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }  20% {
           transform: scaleY(1.0);
           -webkit-transform: scaleY(1.0);
       }
}

.bounce-spinner {
    width: 50px;
    height: 50px;

    position: relative;
    margin: 30px auto;
}

.double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #00A790;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;

    -webkit-animation: bounce 2.0s infinite ease-in-out;
    animation: bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes bounce {
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
}