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

*{
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "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, div.selected-webfx-tree-item-inactive{
    background: rgb(221,221,221) !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: #5599ff !important; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera11.10+ */ /* IE10+ */ /* IE6-9 */ /* W3C */
}

.grey_gradient_light_inputs, .dialogContent input, .dialogContent input[type="text"], .dialogContent input[type="password"], .dialogContent select, #search_txt, #location_form,#treeCopy
{
    background: rgb(243,243,243); /* Old browsers */
    background: rgb(243,243,243); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,243,243,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(243,243,243,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(243,243,243,1) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(243,243,243,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(243,243,243,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
}

/*
MAJOR STYLES
*/
a:link, a:visited, a:hover, a:active, a:focus {
    text-decoration: none;
    outline: 0;
    color: rgb(111, 121, 131);
}

.linked{
    cursor: pointer;
}

body, html
{
    margin: 0;
    padding: 0;
}


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


input, textarea, select
{
    margin-top: 1px;
    margin-left: 10px;
    padding: 2px;
    border: 1px solid #aaa;
    font-size: 11px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

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

.titre {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: black;
    width: 100%;
    text-align: left;
}

.titre input, .backImage{
    margin-top: 0;
    margin-left: 0;
    padding: 2px;
    border: 1px solid #5E7C90;
}

kbd {
    padding: .1em .6em;
    border: 1px solid #ccc;
    font-size: 11px;
    font-family: Arial,Helvetica,sans-serif;
    background-color: #f7f7f7;
    color: #333;
    -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;
}

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

#sidebar_tree_td
{
    vertical-align: top;
}

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

.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: rgb(111, 121, 131);
}

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

.thumbnail_selectable_cell.detailed:hover{
    background-color: rgb(253, 252, 228);
}

.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: 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.thumbnail_selectable_cell.detailed div.thumbnail_cell_metadata{

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

.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: 1px solid white;
    -webkit-box-shadow: 0 0 5px #5C5C5C;
    -moz-box-shadow: 0 0 5px #5C5C5C;
    box-shadow: 0 0 5px #5C5C5C;
}

.selectable_div div.selected{
    /*
	-webkit-box-shadow : 1px 2px 3px rgba(50, 50, 50, 0.8);
	-moz-box-shadow : 1px 2px 3px rgba(50, 50, 50, 0.8);
	box-shadow : 1px 2px 3px rgba(50, 50, 50, 0.8);*/
}
.selectable_div div.selected-focus{
    /*
	-webkit-box-shadow : 1px 2px 3px rgba(50, 50, 50, 0.8);
	-moz-box-shadow : 1px 2px 3px rgba(50, 50, 50, 0.8);
	box-shadow : 1px 2px 3px rgba(50, 50, 50, 0.8);*/
}

.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: #888;
    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: rgb(80, 82, 83);
    letter-spacing: 1px;
    background-size: 16px;
}

.overlay_icon_div{
    position: absolute;
    background: none !important;
    height: 12px !important;
    bottom: 0 !important;
    width: auto !important;
    top: 4px !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;
}

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: 1002;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 0;
    -moz-border-radius:5px;
    border-radius: 3px;
    min-width: 260px;
}

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

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

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

.dialogTitle span#modalCloseBtn{
    font-size: 13px;
    margin-top:2px
}


.dialogContent
{
    background-color: #fff;
    padding: 10px 10px;
    border: 1px solid #dddddd;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    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;
    width: 174px;
    border: 1px solid #aaa;
    background-repeat: no-repeat;
    background-position: top left;
    height: 20px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;

}

.dialogContent select{
    height: 22px;
}

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

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

.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-right: 8px;
}

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

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

.dialogLegend
{
    color: #5C5C5C;
    padding-bottom: 5px;
    line-height: 16px;
}

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

.dialogButtons input,
fieldSet input.dialogButton
{
    margin-left: 6px;
    width: 22px;
    height: 22px;
    padding: 2px;
    background-image: none;
    background-color: #eee;
    border-radius: 2px;
    -moz-border-radius: 3px;
    box-shadow: inset 1px 1px 1px white;
}

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

.dialogButtonsCheckbox{

    float: left;
    margin-top: 9px;

}

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;
    color: #5E7C90;
    font-weight:bold;
    cursor: pointer;
}

#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: 11px;
    padding: 9px 0 !important;
    text-align: center;
    overflow: visible;
    color: #fff;
    outline: none;
    border-radius: 2px;
    margin-left: 12px;
    background: #4dc5c3;
    letter-spacing: 1px;
    float: left;
    cursor: pointer;
}

.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: 3px;
    box-shadow: 3px 3px 11px rgba(0,0,0,0.25);
}
#message_content
{
    font-size: 13px;
    margin: 8px;
    overflow-y: auto;
    max-height: 120px;
    letter-spacing: 0;
}

.errorMessage
{
    background-color: #960000;
    cursor: pointer;
    filter:alpha(opacity=90);
    opacity: 0.90;
    -moz-opacity:0.90;
}

.logMessage
{
    background-color: #009600;
    filter:alpha(opacity=90);
    opacity: 0.90;
    -moz-opacity:0.90;
}

html.boxshadow div.logMessage{
    border: 1px solid #009600;
    color: #009600 !important;
    background-color: rgb(173, 224, 173);
}

html.boxshadow div.errorMessage{
    border: 1px solid #960001;
    color: #960000 !important;
    background-color: rgb(241, 174, 174);
}


.simple_tooltip_observer {
    cursor: help;
}

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

.simple_tooltip_title{
    padding-top: 2px;
    padding-bottom: 1px;
    font-weight: bold;
    font-size: 11px;
}
.simple_tooltip
{
    position:absolute;
    width:150px;
    z-index:10000;
    border:1px solid #696765;
    color : #696765;
    background-color: #fff;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 11px;
    letter-spacing: 1px;
    padding: 4px 5px 5px 5px;
}


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


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;
    /*opacity: 0.7;*/
    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;
}

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

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

div.SF_label{
    float: left;
    width: 39%;
    text-align: right;
    padding-right:1%;
    padding-left:0;
    padding-top: 5px;
    padding-bottom: 8px;
    line-height: 18px;
    font-size: 12px;
    /*white-space: nowrap; /* css-3 */
    /*word-wrap: no break-word; /* Internet Explorer 5.5+ */
}

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

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

.SF_input{
    float:left;
    padding: 2px 3px !important;
    width: 54% !important;
    _width:54% !important; /*IE*/
}

div.SF_element.SF_largeLabel > div.SF_label{
    width: 56% !important;
    _width:54% !important; /*IE*/
}

div.SF_element.SF_largeLabel > .SF_input{
    width: 39% !important;
}

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

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

.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;
}
.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: 8px 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{
    float: left;
    padding: 3px 2px;
    font-size: 11px;
}

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

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

.SF_horizontal_action_destructive{
    color: #A00;
}

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

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

#login_form div.SF_label,
#login_form_dynamic div.SF_label{
    display: none;
}

#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: 200px !important;
    padding: 4px !important;
    font-size: 17px;
}

.ajxp_login_error {
    margin-top: 10px;
    font-size: 14px !important;
    background-color: transparent !important;
    color: rgb(219, 0, 0) !important;
    border: 1px solid rgb(216, 0, 0);
    padding: 7px !important;
}

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

/***************/
/*ACTION BAR   */
/***************/
.centeredWidth{
}

#global_toolbar{
    background-color: #474E50;
    height: 30px;
    padding: 12px 0 4px 5px !important;
    box-shadow: 0 0 8px rgba(0,0,0,0.4);
}

#top_toolbar{
    float:right;
}

#workspace_toolbar{
    padding-top: 11px;
    height: 53px;
    overflow: hidden;
}

#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 {
    font-size: 13px;
}

#toolbars
{
}

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

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

#tree_container{
    background-color: #ebedf0;
    border-left: 1px solid rgb(172, 178, 184);
    border-right: 1px solid rgb(172, 178, 184);
}

.panelHeader, .dialogTitle{
    border: none;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue-Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 12px !important;
    padding: 5px 2px 5px 9px;
    color: rgb(255, 255, 255);
    vertical-align: middle;
    background-color: rgb(138, 149, 160);
    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 */;
    border-bottom: 2px solid rgb(111, 123, 136);
}


.dialogTitle{
    border-radius: 2px 2px 0 0;
    background-color: #4dc5c3;
    border-bottom: 1px solid rgb(67, 156, 155);
}

#sidebar_splitter div.panelHeader,
#search_panel div.panelHeader{
}

#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: 37px;
    background-color: transparent;
    border-bottom: 0 solid rgb(138, 149, 160);
    right: 29px;
    position: absolute;
    z-index: 10;
}

#codemirror_box div.action_bar.editor_action_bar{
    right: 0;
    border-bottom: 1px solid rgb(138, 149, 160);
    padding-left: 10px;
}

.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_vision 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: 3px 5px !important;
}

.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_vision 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: 20px;
    padding-right: 10px;
    padding-left: 10px;
    cursor: move;
    opacity: 0.90;
    background-color: rgb(138, 149, 160);
}

.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
{
    padding-left: 0;
    padding-top: 5px;
    overflow:hidden;
    padding-bottom: 6px;
}

.action_bar a
{
    display: inline-block;
    font-size: 11px;
    padding: 5px 10px 7px 9px;
    text-align: center;
    overflow: visible;
    color: #fff;
    outline: none;
    border-radius: 2px;
    margin: 5px 2px 0 1px;
    background: #4dc5c3; /* 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.3em;
    float: left;
    padding-top: 3px;
}

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

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


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

#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{
    float:right;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 1px;
    margin-right: 13px;
    cursor: pointer;
}

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

#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;
}
.user_widget_label{
    float: left;
    padding: 3px 10px 12px 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, div#search_meta{
    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-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 12px;
    padding: 4px 5px 4px;
    background-color: rgb(255, 255, 255);
    color: rgb(104, 120, 136);
    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:1000;
    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;
}

#ws_legend label{
    font-size:16px !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;
    /*border: 1px dotted #5C5C5C;*/
}

.paginator
{
    background-color:#fff8d1;
    border-bottom-color:#dddddd;
    border-bottom-style:solid;
    border-bottom-width:1px;
    font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif ;
    font-size:11px;
    height:20px;
    padding-top:2px;
    text-align:center;
}

.paginatorInput
{
    width:21px;
    padding: 0 2px;
    height: 14px;
    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: 210px;
    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;
    background-position: 10px 100%;
}

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

#uploader_chooser{
    width: 100%;
}

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

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


#content_pane.dropareaHover {
    border-color: #D96252 !important;
    border-style: dashed;
    background-color: white !important;
}

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 0px 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,
#upload_files_list span.mdi.mdi-close
{
    color: #ccc;
    display: block;
    float: right;
    margin-right: 10px;
    cursor: pointer;
}

#upload_files_list span.icon-remove-sign:hover,
#upload_files_list span.mdi.mdi-close: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 {
    filter:alpha(opacity:0); opacity:0; moz-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;
}
#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: 151px;
    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: 1;
}

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

div#folder_pane{
    position: relative;
}

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

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

/*
 SEARCH BOX / INFO PANEL
*/

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

div.tabulatorContainer{
    padding: 0;
    height: 28px;
    overflow: hidden;
    border-radius: 0;
}

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

#cpane_tabs > div.tabulatorContainer{
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: rgb(111, 123, 136);
}

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

span.toggleHeader{
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 6px 6px;
    background-color: rgb(111, 123, 136);
    transition: background-color 0.3s ease;
}

span.toggleHeader.toggleInactive{
    background-color: transparent;
    font-size: 0.9em;
    cursor: pointer;
}

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

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

div.tabulatorContainer span.toggleInactive span.tab_close_button {
    color: rgb(111, 123, 136);
}

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{
}

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


#search_container
{
    /*padding: 0;*/
}

#search_form, #search_state
{
    padding-left: 10px;
    padding-top: 11px;
    width: 100%;
}
#search_form
{
    float: right;
    text-align: right;
    padding-right: 11px;
    height: 34px;
    overflow: hidden;
}
#search_form a
{
    display: inline-block;
    width:18px;
    cursor: pointer;
    margin-right: 0;
    margin-left: 5px;
    padding: 1px;
    font-size: 1.4em;
    padding-top: 3px;
    color: rgb(138, 149, 160);
}

#search_form a.disabled {
    display: none;
}

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

#search_form input
{
    float: none !important;
    margin: 0;
    height: 25px;
    border-color: rgb(138, 149, 160);
    background: #fff;
    font-size: 1.2em;
    color: rgb(138, 149, 160);
    padding-left: 6px;
    border-width: 1px;
    width: 70%;
}

#search_meta {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 0;
    background-color: rgb(255, 255, 255);
    color: rgb(143, 162, 182);
    letter-spacing: 1px;
    border-bottom: 1px solid rgb(194, 196, 199);
    max-height: 200px !important;
    box-shadow: none !important;
    height: 25px !important;
    -webkit-transition-property: height;
    -webkit-transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-property: height;
    -moz-transition-duration: 0.1s;
    -moz-transition-timing-function: ease-in-out;
    transition-property: height;
    transition-duration: 0.1s;
    transition-timing-function: ease-in-out;
    position: relative;
}

#search_meta.toggle_open{
    height: 200px !important;
}

#search_meta input.c3,
#search_meta span.c3
{
    width: 21%;
    margin-left: 0;
    margin-right: 0;
    border: 1px solid #ACB2BB;
    background-color: #ffffff;
    padding: 2px 3px;
}
#search_meta input.c3:disabled{
    opacity: 0.35;
}

#search_meta span.c3{
    cursor: pointer;
}
#search_meta input.c3:focus{
    background-color: white;
}

#modiftime_fixed_radio span.c3{
    border-right-width: 0 !important;
}

#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: 18%;
    text-align: left;
}

#search_meta span.c6 {
    display: inline-block;
    width: 14%;
    text-align: center;
}

.advanced_search {
}

#basic_search{
    padding: 4px;
    height: 17px;
    width: 350px;
}

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

#search_meta_detailed {
    padding:10px 5px;
    line-height: 28px;
    overflow: hidden;
    background-color: rgba(235, 237, 240, 0.36);
}

#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,
.search_label.close
{
    display: inline-block;
    padding: 2px;
    height: 20px;
}
.search_label.close{
    display: none;
}

#refresh_search_button{
    cursor: pointer;
}

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

#search_meta.toggle_open span.search_label.close{
    display: inline-block;
}

#search_meta.toggle_open span.toggle_button.close,
#search_meta span.toggle_button.open
{
    display: inline-block;
}

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

#search_meta div.advanced_search_section_title {
    border-bottom: 1px solid;
    padding-bottom: 6px;
    line-height: 9px;
    margin-bottom: 7px;
    cursor: pointer;
}

.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;
    border: 1px solid rgb(138, 149, 160);
    border-radius: 4px;
    box-shadow: 1px 10px 40px rgba(0,0,0,0.5);
    background-color: #ebedf0;
}

#search_results
{
    margin-left: 0;
    width: 350px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.close_results.icon-remove-sign,
.close_results.mdi.mdi-close
{
    float: right;
    display: inline-block;
    padding: 2px 5px;
    cursor:pointer;
}

#search_results em {
    color: red;
    font-style:normal;
}

div.class-FetchedResultPane{
    background-color: #ebedf0;
    border-left: 1px solid rgb(187,187,187);
}

#search_results div.ajxpNodeProvider,
div.class-FetchedResultPane div.ajxpNodeProvider
{
    cursor: pointer;
    background-color: transparent !important;
    border-bottom: 1px solid #ffffff;
}

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

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

div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed div.thumbLabel,
#search_results div.thumbnail_selectable_cell.detailed div.thumbLabel{
    font-size: 14px;
    padding-top: 4px;
}

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

#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: 3px;
    cursor: pointer;
}

#info_panel div.panelContent
{
    overflow: hidden;
    background-color: #ebedf0;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    border-left: 1px solid rgb(172, 178, 184);
    border-right: 1px solid rgb(172, 178, 184);
    padding-bottom: 15px;
}

#info_panel div.panelHeader.panelHeaderWithIcon{
    /*
    background-color: #5599FF !important;
    border-bottom: 2px solid rgb(65, 117, 194);
    */
    background-color: #4dc5c3;
    border-bottom: 2px solid #399997;

    -webkit-transition-property: height;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-property: height;
    -moz-transition-duration: 0.2s;
    -moz-transition-timing-function: ease-out;
    transition-property: height;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;

    padding-left: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    border-radius: 0;
}

#info_panel.folded div.panelHeader{
    height: 100%;
}

#info_panel.folded div.panelHeader a{
    font-size: 1.4em;
}

#info_panel.folded{
    /*width: 26px !important;*/
}

#info_panel.folded span[ajxp_message_id]{
    display: none;
}

#info_panel div.folded_icons{
    display: none;
}

#info_panel.folded div.folded_icons{
    display: block;
    position: absolute;
    top: 29px;
    left: 0px;
    background-color: #399997;
    width: 27px;
    height: 100%;
}

#info_panel.folded div.folded_icons span{
    display: block;
    margin: 10px 0 21px 0;
    font-size: 13px;
    text-align: center;
}

#info_panel.folded div.folded_icons span.clickable{
    cursor: pointer;
}

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 8px;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-right: 10px;
    margin-bottom: 6px;
    font-size: 11px;
    letter-spacing: 1px;
    background-color: #eee;
}

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

.infoPanelTable
{
    font-size: 12px;
    width: 100%;
    color: rgb(111, 121, 131);
}

td.infoPanelValue
{
    padding: 6px;
}

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

td.infoPanelLabel {
    padding: 7px 6px;
    width: 35%;
    text-align: right;
    color: #555;
    vertical-align: top;
}

div.infoPanelLabel, div.infoPanelValue{
    font-size: 12px;
    padding: 7px 6px;
    float: left;
}
div.infoPanelLabel{
    color: #555;
    text-align: right;
    width: 32%;
}
div.infoPanelValue{
    width: 55%;
    color: rgb(111, 121, 131);
    min-height: 22px;
}

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

.panelContent div.panelHeader{

    font-size: 12px;
    padding: 6px 7px;
    background-color: rgba(138, 149, 160, 0.65) !important;
    border-bottom: 0 !important;
    clear: left;
}

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

.infoPanelImagePreview
{
    width: 100%;
    text-align:center;
    padding: 10px 0;
}
.infoPanelImagePreview img
{
}

div.double div.infoPanelAllMetadata > div{
    float: left;
    margin: 1%;
    width: 48%;
}

div.triple div.infoPanelAllMetadata > div{
    float: left;
    margin: 1%;
    width: 31%;
}

#browser
{
    clear:left;
    background-color: #fff;
    line-height: 18px;
    /*
    padding-left: 3px;
    padding-right: 3px;
    */
}

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 tr:first-child td,
.infoPanelTable tr:first-child td
{
    border-top: 0;
}

.table_rows_container tr:last-child td
{
    border-bottom: 0;
}
.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);
}

.no_select_bg::selection {
    background:transparent;
}

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

#vertical_splitter{
    overflow: hidden;
}

#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: 10;
}
.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;
}
.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:6px 5px 8px;
    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: 40px;
    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 DIALOG & BUTTONS
/***********************/
#share-folder-minisite-public_button.disabled,
#share-file-minisite_button.disabled{
    display: none;
}

input.share_info_panel_link{
    width: 98% !important;
    margin-left: 0;
    font-size: 16px;
    height: 16px;
    padding: 5px 2px;
}

#ajxp_shared_info_panel > div.infoPanelTable{
    margin: 3%;
    width: 94%;
}

#share_folder_form div.SF_element > div.SF_label {
    float: none;
    text-align: left;
    padding: 0;
}

#share_folder_form div.dialogContentMainTitle {
    margin: 20px 0 0;
}

#share_folder_form div.SF_element > input.SF_input,
select.minisite_layout_selector
{
    width: 96% !important;
}

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: 370px !important;
}

div#target_repository_toggle{
    display: none !important;
}

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

.share_edit div#target_repository_toggle span{
    display: inline;
}

.share_edit div#target_repository_toggle div.SF_horizontal_actions{
    text-align: right;
    margin-top: 5px;
    margin-bottom: -20px;
    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.macos_only
{
    font-size:13px;
    padding:10px 0 0;
    text-align:center;
}

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

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

#target_repository_toggle span.params_hide,
.edit_parameters div#target_repository_toggle span.params_view
{
    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{
    display: none !important;
}

#shareDialogButtons div.largeButton,
#share_update div.largeButton
{
    padding: 5px 15px 7px !important;
    display: inline-block;
    float: 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;
}

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

#share_folder_form{
    max-width: 400px;
}


div.user_entry span.cbContainer{

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

/***********************/
/* 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: 10em;
    padding: 0;
    padding-top: 0;
    padding-bottom: 1px;
    letter-spacing: 1px;
    background-color: #ffffff;
}

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

.menu.desktop.toolbarmenu.panelHeaderMenu {
    background: rgb(138, 149, 160);
}

.menu.desktop.toolbarmenu.panelHeaderMenu {
    background: rgb(138, 149, 160);
}

.menu.desktop.toolbarmenu.panelHeaderMenu.bmbarMenu {
    width:150px;
}

.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: 1px;
    padding-bottom: 0;
    color: white;
}

.rootDirChooser li.menuTitle {
    color: rgba(77, 197, 195, 1);
    padding: 10px 8px 4px;
    text-align: left;
    /* background-color: rgba(77, 197, 195, 1); */
    font-size: 22px;
    /*margin: 1px;*/
    /* border-bottom: 1px solid #fff; */
    letter-spacing: 1px;
}

.menu li.menuTitle{
    display: none;
}

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

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

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

.menu.desktop span.ajxp_icon_span{
    font-size: 1.1em;
    padding-right: 5px;
}

.menu.desktop a {
    color: rgb(123, 134, 145);
    padding: 5px 8px 3px;
    margin: 0;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 20px;
}

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

.menu.desktop.toolbarmenu a {
    color: #fff;
    padding: 8px 20px 5px 8px;
    margin: 0;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size:11px;
}

.menu.desktop.toolbarmenu.panelHeaderMenu a {
    color: #fff;
    padding: 7px 11px 4px 8px;
    margin: 0;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size:11px;
}

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

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

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

.menu.desktop li.menuAnchorSelected,
.menu.desktop li.menuAnchorSelected a {
    background-color: #73a2d7;
    color: #fff !important;
}

.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: 250px !important;
    /* IE */
    width:expression("250px");
    background-color: #474E50;
}

.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: rgba(200, 219, 223, 0.21);
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.12);
    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: 14px;
    display: block;
}

.menu.menuDetails span.menu_description{
    display: block;
    letter-spacing: 0;
    line-height: 15px;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.57);
    padding-top: 2px;
}

.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: 2px;
}

/*
.backgroundPanel{
    position:absolute;
    right:0;
    bottom:20px;
    padding:1px 5px 3px 7px;
    font-size:11px;
    font-weight:bold;
    color: #fff;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif , sans-serif;
    background-color:#5599ff;
    filter:alpha(opacity=80);
    opacity: 0.8;
    -moz-opacity:0.8;
    z-index:10000;
    border-radius: 3px 0 0 3px;
}*/

.backgroundPanel {
    position: absolute;
    bottom: 0;
    padding: 3px 7px 4px 7px;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif , sans-serif;
    background-color: #59f;
    z-index: 10000;
    border-radius: 3px 3px 0 0;
    width: 15%;
    margin-left: 45%;
    text-align: center;
}

/*******************************/
/* 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{
    -moz-box-shadow : 5px 5px 40px rgba(100, 100, 100, 0.5);
    -webkit-box-shadow : 5px 5px 40px rgba(100, 100, 100, 0.5);
    box-shadow : 5px 5px 40px rgba(100, 100, 100, 0.5);
}

.dialogBox, div.dialogBox.css_boxshadow{
    -moz-box-shadow: 5px 5px 60px #222;
    -webkit-box-shadow: 5px 5px 60px #222;
    box-shadow: 5px 5px 60px #222;
}

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

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

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

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

#progressBox
{
    display: block;
    z-index: 2002;
    top: 20%;
    -moz-border-radius : 5px;
    border-radius : 5px;
    width: 305px;
    padding: 3px;
    display: block;
    top: 30%;
    z-index: 2002;
    left: 40%;
    position: absolute;
    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);
}

div.overlay.form-login_form,
div.overlay.form-login_form_dynamic,
div.overlay.form-switch_language_form
{
    opacity: 1 !important;
    background-image: url('../images/grid_t.png');
    background-color: white !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{
    text-decoration: underline;
    cursor: pointer;
}
#perworkspace-urls-toggle span{
    font-size: 13px;
    margin: 0 7px;
    text-decoration: none;
}

#webdav_repo_list{
    height: 200px;
    overflow: auto;
    border: 1px solid #BBB;
}

#webdav_repo_list div{
    padding: 7px;
}

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

#webdav_repo_list input {
    width: 73%;
}

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

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

#cpane_tabs .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: 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;
}

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

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

/*
TABULATOR VARIANTS
*/

/*
TABULATOR IN A TABULATOR
*/
#files_list_header,
.innerTabulator  div.panelHeader
{
    font-size: 11px;
    padding: 5px 3px 3px 8px;
    height: 18px;
    letter-spacing: 1px;
    background-color: #FFFFFF;
    border-bottom: 1px solid rgb(187, 187, 187);
    color: rgb(111, 123, 136);
    border-left: 1px solid rgb(187, 187, 187);
    border-right: 0;
}

.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: rgb(111, 123, 136) !important;
}

#cpane_tabs span.toggleHeader{
    padding: 6px 10px;
}

#cpane_tabs span.toggleInactive{
    border-right: 1px dotted rgb(111, 123, 136);
}

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


/*
DASHBOARD TABULATOR
*/
.flat_tabulator  div.panelHeader.tabulatorContainer
{
    padding: 0 0 0 0;
    height: 34px;
    background-color: transparent;
    border-bottom: 0;
}

.flat_tabulator span.toggleHeader{
    padding: 8px 10px 8px;
    font-size: 13px;
    border-bottom: 0 solid #399C9B;
    color: #ffffff;
    background-color: rgb(78, 167, 165);
    margin-right: 1px;
    border-right: 0;
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.26);
    border-radius: 3px 3px 0 0;
}

.flat_tabulator span.toggleHeader:first-of-type{
    background-color: rgb(111,123,136) !important;
}

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

.flat_tabulator span.toggleHeader.toggleInactive {
    border-bottom: 0;
    color: rgba(255, 255, 255, 0.62);
    font-size: 13px;
    background-color: rgba(78, 167, 165, 0.5);
    box-shadow: none;
    padding-bottom: 7px;
}

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){
    /*
    background-color: #ffffff;
    border-radius: 0 0 2px 2px;
    */
}

.horizontal_tabulator div.tabulatorContainer {
    float: left;
    width: 22%;
    padding: 0;
    background-color: #ebedf0 !important;
}

.horizontal_tabulator span.toggleHeader{
    width: 96% !important;
    text-align: center;
    padding: 33px 0;
    background-color: #e35d52 !important;
    color: #ffffff !important;
    border: 0;
    display: block;
    margin: 2%;
    border-radius: 2px;
}

.horizontal_tabulator span.toggleInactive{
    width: 200px;
    border-width: 0 !important;
    background-color: transparent !important;
    color: rgb(111, 123, 136) !important;
    text-shadow: none;
    padding-bottom: 33px !important;
}

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

#breadcrumb{
    display: inline-block;
    overflow: hidden;
}

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

#breadcrumb span.icon-home{
    display: inline-block;
    font-size: 1.3em;
}

#breadcrumb span.icon-chevron-right{
    display: inline-block;
    padding: 0 2px;
}

#breadcrumb span.ajxp-goto{
    cursor: pointer;
}

#breadcrumb span.ajxp-goto-refresh {
    display: none;
    text-decoration: none !important;
}

#breadcrumb span.ajxp-goto:hover {
    /*color: rgb(253, 252, 228);*/
    text-decoration: underline;
}

#breadcrumb span.ajxp-goto:hover span.ajxp-goto-refresh {
    display: inline-block;
    margin-left: 3px;
    font-size: 10px;
}

#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{
    padding-bottom: 0;
    height: 28px;
}

#workspace_toolbar a#ls_button{
    display: none;
}

#create_button {
    /*padding: 7px 10px 10px 10px;*/
    margin-right: 0;
    border-radius: 2px 0 0 2px;
    padding: 0;
    height: 33px !important;
}

#create_button_label {
    display: none;
}

#create_button span.ajxp_icon_arrow {
    display: none;
}

#create_button span.icon-plus{
    padding: 9px;
}

#upload_button {
    border-radius: 0 2px 2px 0;
}

.custom_top_title{
    color: white;
}

span.letter_badge {
    display: inline-block;
    float: left;
    width: 32px;
    background-color: rgb(78, 167, 165);
    border-radius: 34px;
    color: white;
    text-align: center;
    padding: 7px 0;
    font-size: 0.8em;
    font-family: "Open Sans Regular";
}

.rootDirChooser span.letter_badge{
    display: none;
}



#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: 1.5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-transform-origin: 50% 50%;
    -ms-animation-name: rotate;
    -ms-animation-duration: 1.5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-transform-origin: 50% 50%;
    -o-animation-name: rotate;
    -o-animation-duration: 1.5s;
    -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);
      }
}

#ajxp_workspace_info_panel{
    margin: 0 !important;
}

#ajxp_workspace_info_panel_content,
#ajxp_quota_panel_content
{
    color: rgb(111, 121, 131);
    padding: 10px !important;
}

tr[data-groupByValue],
div[data-groupByValue]
{
    clear: left;
    max-height: 480px;
    overflow: hidden;
    margin-bottom: 10px;
}

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

div[data-groupByValue] h3,
tr[data-groupByValue] h3
{
    font-size: 16px;
    margin: 10px 0 10px 14px;
    color: rgb(111, 121, 131);
    font-weight: normal;
}

h3.dashboard_panel_title{
    display: none;
}