/*
Magic Tabs by John Liddiard (aka JohntheFish)
www.jlunderwater.co.uk
This software is licensed under the terms described in the concrete5.org marketplace.
Please find the add-on there for the latest license copy.

Create a tabbed interface simply by inserting magic tabs blocks into the page
*/
.jl_magic_tabs_bootstrap3.jl_magic_tabs ul.nav-tabs.nav {
    display: flex;
    flex-wrap: wrap;
}

.jl_magic_tabs_bootstrap3.jl_magic_tabs ul.nav-tabs.nav li {
    list-style-type: none;
    display: inline-grid;
}

.jl_magic_tabs_bootstrap3.jl_magic_tabs_controls {
    position: relative;
}

/*
Accordion styles
*/

/* Fill whole width */
.jl_magic_tabs_bootstrap3.jl_magic_tabs_controls.jl_magic_tabs.jl_magic_tabs_accordion > ul.nav-tabs.nav.jl_magic_tabs > li {
    width: 100%;
}

/* Cursor so to indicate click to collapse */
.jl_magic_tabs_bootstrap3.jl_magic_tabs_controls.jl_magic_tabs.jl_magic_tabs_accordion > ul.nav-tabs.nav.jl_magic_tabs > li.active > a.active {
    cursor: pointer;
}

.jl_magic_tabs_bootstrap3.jl_magic_tabs_controls.jl_magic_tabs.jl_magic_tabs_accordion.jl_magic_tabs_level_1 > ul > li,
.jl_magic_tabs_bootstrap3.jl_magic_tabs_controls.jl_magic_tabs.jl_magic_tabs_accordion.jl_magic_tabs_level_2 > ul > li {
    padding-right: 20px;
    padding-left: 20px;
}

/* + to indicate expandable */
.jl_magic_tabs_bootstrap3.jl_magic_tabs_controls.jl_magic_tabs.jl_magic_tabs_accordion > ul.nav-tabs.nav.jl_magic_tabs > li > a:after {
    content: "+";
    font-weight: 900;
    float: right;
    text-decoration: none;
    font-size: 140%;
}

/* - to indicate collapsible */
.jl_magic_tabs_bootstrap3.jl_magic_tabs_controls.jl_magic_tabs.jl_magic_tabs_accordion > ul.nav-tabs.nav.jl_magic_tabs > li > a.active:after {
    content: "-";
}



/*
Magic Tabs by John Liddiard (aka JohntheFish)
www.jlunderwater.co.uk
This software is licensed under the terms described in the concrete5.org marketplace.
Please find the add-on there for the latest license copy.

Create a tabbed interface simply by inserting magic tabs blocks into the page
*/

.jl_magic_tabs_default.jl_magic_tabs ul.nav-tabs.nav {
    display: flex;
    flex-wrap: wrap;
}


.ccm-ui.jl_magic_tabs_default.jl_magic_tabs ul.nav-tabs.nav li {
    display: inline-grid;
    list-style-type: none;
}

.ccm-ui.jl_magic_tabs_default.jl_magic_tabs_controls {
    position: relative;
}

/*
Accordion styles
*/

/* Fill whole width */
.ccm-ui.jl_magic_tabs_default.jl_magic_tabs_controls.jl_magic_tabs.jl_magic_tabs_accordion > ul.nav-tabs.nav.jl_magic_tabs > li {
    width: 100%;
}

/* Cursor so to indicate click to collapse */
.ccm-ui.jl_magic_tabs_default.jl_magic_tabs_controls.jl_magic_tabs.jl_magic_tabs_accordion > ul.nav-tabs.nav.jl_magic_tabs > li.active > a.active {
    cursor: pointer;
}

.jl_magic_tabs_default.ccm-ui.jl_magic_tabs_controls.jl_magic_tabs.jl_magic_tabs_accordion.jl_magic_tabs_level_1 > ul.nav-tabs.nav.jl_magic_tabs > li,
.jl_magic_tabs_default.ccm-ui.jl_magic_tabs_controls.jl_magic_tabs.jl_magic_tabs_accordion.jl_magic_tabs_level_2 > ul.nav-tabs.nav.jl_magic_tabs > li {
    padding-right: 20px;
    padding-left: 20px;
}

/* + to indicate expandable */
.ccm-ui.jl_magic_tabs_default.jl_magic_tabs_controls.jl_magic_tabs.jl_magic_tabs_accordion > ul.nav-tabs.nav.jl_magic_tabs > li > a:after {
    content: "+";
    font-weight: 900;
    float: right;
    text-decoration: none;
    font-size: 140%;
}

/* - to indicate collapsible */
.ccm-ui.jl_magic_tabs_default.jl_magic_tabs_controls.jl_magic_tabs.jl_magic_tabs_accordion > ul.nav-tabs.nav.jl_magic_tabs > li > a.active:after {
    content: "-";
}



th.ccm-block-document-library-active-sort-desc a:after,th.ccm-block-document-library-active-sort-desc span:after{border-color:#000 transparent transparent;border-style:solid;border-width:4px 4px 0;content:"";display:inline-block;height:0;margin-left:10px;vertical-align:middle;width:0}th.ccm-block-document-library-active-sort-asc a:after,th.ccm-block-document-library-active-sort-asc span:after{border-color:transparent transparent #000;border-style:solid;border-width:0 4px 4px;content:"";display:inline-block;height:0;margin-left:10px;vertical-align:middle;width:0}table.ccm-block-document-library-table thead th.ccm-block-document-library-column-thumbnail{width:1px}a.ccm-block-document-library-details:after{border-color:transparent transparent #000;border-style:solid;border-width:0 4px 4px;content:"";display:inline-block;height:0;margin-left:10px;vertical-align:middle;width:0}a.ccm-block-document-library-details-open:after{border-color:#000 transparent transparent;border-style:solid;border-width:4px 4px 0;content:"";display:inline-block;height:0;margin-left:10px;vertical-align:middle;width:0}tr.ccm-block-document-library-table-expanded-properties{display:none}a.ccm-block-document-library-add-files,a.ccm-block-document-library-advanced-search{float:right;margin-left:20px}a.ccm-block-document-library-add-files:after,a.ccm-block-document-library-advanced-search:after{border-color:#000 transparent transparent;border-style:solid;border-width:4px 4px 0;content:"";display:inline-block;height:0;margin-left:10px;vertical-align:middle;width:0}a.ccm-block-document-library-add-files-open:after,a.ccm-block-document-library-advanced-search-open:after{border-color:transparent transparent #000;border-style:solid;border-width:0 4px 4px;content:"";display:inline-block;height:0;margin-left:10px;vertical-align:middle;width:0}div.ccm-block-document-library-add-files-uploader,div.ccm-block-document-library-add-files-uploading,div.ccm-block-document-library-advanced-search-fields{display:none;margin-bottom:20px}div.ccm-block-document-library-add-files-uploader{border:1px solid #ccc;border-radius:4px;color:#aaa;font-size:1.5em;padding:30px;position:relative;text-align:center}div.ccm-block-document-library-add-files-uploader input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}a.ccm-block-document-library-icon{color:#999;text-decoration:none}.ccm-block-document-library-table .ccm-block-document-library-icon-folder{font-size:45px;padding:0 9px}


