upgrade

vendor/sonata-project/admin-bundle/Resources/public/css/colors.css

@@ -0,0 +1,41 @@
+table.sonata-ba-list th {
+    background-image: -moz-linear-gradient(-90deg, #f8f8f8 , #e2e2e2);
+    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e2e2e2));
+}
+
+table.sonata-ba-list tfoot td {
+    background-image: -moz-linear-gradient(-90deg, #f8f8f8 , #e2e2e2);
+    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e2e2e2));
+    border-top: 1px solid #DDD;
+}
+
+a.sonata-ba-collapsed {
+    color: #404040;
+}
+
+/* Form */
+textarea.title {
+    font-size: 1em;
+    width: 500px;
+}
+
+input.title {
+    font-size: 1em;
+    width: 500px;
+}
+
+div.sonata-ba-field-error input{
+    border: 1px solid #f79992;
+}
+
+div.sonata-ba-field-error textarea{
+    border: 1px solid #f79992;
+}
+
+div.sonata-ba-field-error select{
+    border: 1px solid #f79992;
+}
+
+div.sonata-ba-field-error .field-short-description {
+    border: 1px solid #B94A48;
+}

vendor/sonata-project/admin-bundle/Resources/public/css/layout.css

@@ -0,0 +1,396 @@
+/*body{*/
+    /*padding-top: 50px;*/
+/*}*/
+
+/*@media (max-width: 978px) {*/
+    /*body{*/
+        /*padding-top: 0;*/
+    /*}*/
+/*}*/
+
+div.border {
+    border: 1px solid #DDDDDD;
+    border-radius: 6px 6px 6px 6px;
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
+}
+
+div.connection {
+    position: absolute;
+    left: 50%;
+    top: 35%;
+    width: 460px;
+    margin: -130px 0 0 -250px;
+    box-shadow: 2px 2px 10px #ccc;
+    border: 1px solid #ddd;
+    border-radius: 6px;
+}
+
+div.connection .control-group {
+    padding: 0 20px 0 20px;
+}
+
+div.connection .alert {
+    margin: 0 20px 20px 20px;
+}
+
+div.connection form {
+    padding-top: 15px;
+    margin-bottom: 0;
+}
+
+div.connection form .form-actions {
+    margin-bottom: 0;
+}
+
+div.connection .form-actions {
+    padding-left: 20px;
+}
+
+div.connection div input.big {
+    height: 35px;
+    font-size: 25px;
+}
+
+.sonata-bc.sonata-ba-no-side-menu div.container-fluid > div.content {
+    margin-left: 0;
+}
+
+
+
+div.sonata-ba-field-inline-table input.title {
+    width: 100px;
+}
+
+div.sonata-ba-field-inline-table textarea.title {
+    width: 150px;
+    height: 50px;
+}
+
+h4.filter_legend table {
+    margin: 10px 0;
+}
+
+
+.table-striped tbody tr.sonata-ba-list-row-selected td, .table-striped tbody tr.sonata-ba-list-row-selected th {
+    background-color: #E3F7FE;
+}
+
+table.sonata-ba-list td img {
+    vertical-align: bottom
+}
+
+td.pager ul {
+    float: left;
+    list-style: none;
+    margin: 2px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+td.pager ul li {
+    float: left;
+}
+
+td.pager ul li a {
+    border: 1px solid #cccccc;
+    line-height: 25px;
+    padding: 1px 8px 1px 8px;
+    margin: 2px;
+}
+
+div.sonata-actions {
+    /*margin-top: 18px;*/
+    float: right
+}
+
+.sonata-ba-action.btn:not(:hover) {
+    background: none;
+    color: inherit;
+}
+
+.sonata-ba-list td.sonata-ba-list-field a.sonata-link-identifier {
+    font-weight: bold;
+}
+
+td.sonata-ba-list-field.sonata-ba-list-field-boolean i {
+    margin-right: 1ex;
+}
+td.sonata-ba-list-field.sonata-ba-list-field-boolean a:hover {
+    text-decoration: none;
+}
+
+td.sonata-ba-list-field.sonata-ba-list-field-currency,
+td.sonata-ba-list-field.sonata-ba-list-field-percent,
+td.sonata-ba-list-field.sonata-ba-list-field-integer {
+    text-align: right;
+}
+
+td.sonata-ba-list-field.sonata-ba-list-field-select {
+    text-align: center;
+}
+
+div.sonata-ba-modal-edit-one-to-one td.sonata-ba-list-field-batch,
+div.sonata-ba-modal-edit-one-to-one div.sonata-ba-list-actions,
+div.sonata-ba-modal-edit-one-to-one th.sonata-ba-list-field-header-batch {
+    display: none;
+}
+
+div.sonata-ba-modal-edit-one-to-one div.sonata-ba-list-actions {
+    display: none;
+}
+
+th.sonata-ba-list-field-header-order-desc a,
+th.sonata-ba-list-field-header-order-asc a {
+    position: relative;
+    margin-right: 10px;
+}
+
+th.sonata-ba-list-field-header-order-asc a:hover:after,
+th.sonata-ba-list-field-header-order-asc.sonata-ba-list-field-order-active a:after,
+th.sonata-ba-list-field-header-order-desc.sonata-ba-list-field-order-active a:hover:after {
+    content: "";
+    display: block;
+    border-top: 4px solid black;
+    border-right: 4px solid transparent;
+    border-left: 4px solid transparent;
+    border-bottom: 4px solid transparent;
+    position: absolute;
+    top: 50%;
+    right: -10px;
+    margin-top: -1px;
+}
+
+th.sonata-ba-list-field-header-order-desc a:hover:after,
+th.sonata-ba-list-field-header-order-desc.sonata-ba-list-field-order-active a:after,
+th.sonata-ba-list-field-header-order-asc.sonata-ba-list-field-order-active a:hover:after {
+    content: "";
+    display: block;
+    border-bottom: 4px solid black;
+    border-right: 4px solid transparent;
+    border-left: 4px solid transparent;
+    border-top: 4px solid transparent;
+    position: absolute;
+    top: 50%;
+    right: -10px;
+    margin-top: -5px;
+}
+
+.sonata-ba-list-field-header-label-icon {
+  margin-right: 2px;
+}
+
+em.sonata-ba-field-help {
+    display: block;
+    color: #999;
+    margin-bottom: 10px;
+}
+
+fieldset legend {
+    padding-left: 0;
+}
+
+select.sonata-medium, textarea.sonata-medium, input.sonata-medium {
+    width: 400px;
+}
+
+textarea.sonata-medium {
+    height: 125px;
+}
+
+input[type="file"] {
+    height: 34px;
+}
+
+.sonata-ba-field-standard-natural .field-actions {
+    display: block;
+    margin-top: 5px;
+}
+
+.sonata-ba-field-inline-table select.sonata-medium,
+.sonata-ba-field-inline-table textarea.sonata-medium,
+.sonata-ba-field-inline-table input.sonata-medium {
+    width: 150px;
+}
+
+.sonata-ba-view-title {
+    font-size: 19px;
+    line-height: 1;
+    color: #404040;
+    *padding: 0 0 5px 0;
+    *line-height: 1.5;
+}
+
+.sonata-ba-view-title td, .sonata-ba-view-title th {
+    border: 0;
+}
+
+.sonata-ba-view-container th {
+    width: 130px;
+}
+
+.sonata-ba-view-container td, .sonata-ba-view-container th {
+    border-bottom: 0;
+    border-top: 1px solid #eee;
+}
+
+.sonata-ba-view-container:nth-child(2n) td, .sonata-ba-view-container:nth-child(2n) th {
+    background-color: #f9f9f9;
+}
+
+.sonata-ba-view-container:nth-child(2n):hover td, .sonata-ba-view-container:nth-child(2n):hover th {
+    background-color: #f5f5f5;
+}
+
+.sonata-ba-view-container.history-audit-compare th {
+     width: 10%;
+}
+
+.sonata-ba-view-container.history-audit-compare td {
+     width: 40%;
+}
+.sonata-ba-view-container.history-audit-compare th.diff {
+     background: pink;
+}
+
+.container-fluid > .sidebar {
+    top: auto;
+}
+
+.sonata-action-element.btn-group {
+    display: inline-block;
+    padding: 4px 10px 4px;
+    vertical-align: middle;
+}
+
+.sonata-collection-add, .sonata-collection-delete {
+    box-shadow: none;
+}
+
+.no-js .sonata-collection-add, .no-js .sonata-collection-delete {
+    display: none;
+}
+
+ul.inputs-list {
+    padding-left: 150px;
+}
+
+legend + .sonata-ba-collapsed-fields {
+    margin-top: 18px;
+    -webkit-margin-top-collapse: separate;
+}
+
+legend.sonata-ba-fieldset-collapsed-description + .sonata-ba-collapsed-fields {
+    margin-top: 0;
+}
+
+.sonata-ba-collapsed-fields > p {
+    margin-bottom: 18px;
+}
+
+.bordered-table tbody.ui-sortable tr {
+    cursor: move;
+}
+
+.sonata-ba-fieldset-collapsed legend:before {
+    content: '+ ';
+}
+
+.sonata-ba-collapsed-fields-close legend:before {
+    content: '- ';
+    padding-left: 5px;
+}
+
+.sonata-preview-form-container fieldset, .sonata-preview-form-container .tabbable {
+    display: none;
+}
+
+.pagination {
+    margin: 0;
+}
+
+.field-short-description {
+    min-width: 250px;
+    min-height: 18px;
+    display: block;
+    float: left;
+    background: #fefefe;
+    border: 1px solid #e9e9e9;
+    border-radius: 4px 4px 4px 4px;
+    list-style: none outside none;
+    margin: 0 15px 0 0;
+    padding: 4px 15px;
+}
+
+.inner-field-short-description {
+
+}
+
+.required:after {
+    content: '*';
+}
+
+.form-horizontal .control-group {
+    margin-bottom: 10px;
+}
+
+.noscript-warning {
+    background-color: #C70A0A;
+    color: #FFFFFF;
+    font-size: 14px;
+    font-weight: bold;
+    padding: 4px 0;
+    text-align: center;
+    width: 100%;
+}
+
+body.fixed .content-header .navbar.stuck {
+    position:fixed;
+    top:50px;
+    width: 100%;
+    margin-left: -15px;
+    z-index: 5;
+    border-radius: 0;
+}
+
+.sonata-search-result-list > li {
+    word-wrap: break-word;
+}
+
+.form-actions.stuck {
+    position:fixed;
+    bottom:0;
+    width: 100%;
+    margin-left: -15px;
+    margin-bottom: 0;
+    z-index: 5;
+    border-radius: 0;
+}
+
+@media(max-width:768px) {
+    body.fixed .main-header {
+        position: relative;
+    }
+    body.fixed .content-wrapper,
+    body.fixed .right-side {
+        padding-top: 0;
+    }
+    body.fixed .content-header .navbar.stuck {
+        top: 0;
+        position: relative;
+        margin: 0;
+        width: 100%;
+    }
+    body.fixed .main-sidebar {
+        position: absolute;
+    }
+    /* disable slimScroll */
+    body.fixed .main-sidebar .slimScrollDiv,
+    body.fixed .main-sidebar .sidebar {
+        overflow: visible !important;
+        height: auto !important;
+    }
+    .navbar-custom-menu > .navbar-nav > li >.dropdown-menu {
+        width: auto !important;
+        min-width: 230px; /* width of the left sidebar */
+    }
+}

vendor/sonata-project/admin-bundle/Resources/public/css/styles.css

@@ -0,0 +1,519 @@
+/**
+ * SonataAdminBundle Theme based on SB Admin v2.0
+ * http://startbootstrap.com/templates/sb-admin-v2/
+*/
+
+html {
+    position: relative;
+    min-height: 100%;
+}
+
+footer {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    height: 20px;
+    background-color: #333;
+}
+
+footer p {
+    margin: 0;
+}
+
+footer a {
+    color: #f6f6f6;
+}
+
+body > .header .logo {
+    font-family: 'Source Sans Pro', sans-serif;
+}
+
+.main-header {
+    height: 50px;
+}
+
+.logo img {
+    display: inline;
+    padding-bottom: 4px;
+    max-height: 100%;
+    max-width: 60px;
+}
+
+.logo span {
+    display: inline-block;
+    line-height: 1;
+    vertical-align: middle;
+    width: 200px;
+}
+.logo img + span { width: 140px; }
+
+.open > .dropdown-menu {
+    animation-duration: .3s;
+    -webkit-animation-duration: .3s;
+    -moz-animation-duration: .3s;
+}
+
+/* Buttons */
+
+.btn.btn-outline {
+    color: inherit;
+    background-color: transparent;
+    transition: all .5s;
+}
+
+.btn.btn-primary.btn-outline:hover,
+.btn.btn-success.btn-outline:hover,
+.btn.btn-info.btn-outline:hover,
+.btn.btn-warning.btn-outline:hover,
+.btn.btn-danger.btn-outline:hover {
+    color: #fff;
+}
+
+
+
+/* navigation */
+
+.navbar-static-side ul li {
+    border-bottom: 1px solid #e7e7e7;
+}
+
+.navbar-brand {
+    padding-right: 20px;
+}
+
+.navbar-brand img {
+    height: 28px;
+    margin: 0;
+    padding: 0 5px 0 0;
+    vertical-align: middle;
+}
+
+.navbar-text .navbar-link {
+    padding: 0 10px;
+}
+
+.right-side > .content-header {
+    padding-bottom: 0;
+}
+
+.content-header .navbar {
+    margin-bottom: 0;
+}
+
+.content-header .navbar-nav.navbar-right:last-child {
+    margin-right: 0;
+}
+
+/* breadcrumb */
+
+.sonata-bc .breadcrumb {
+    padding: 0;
+    margin: 0;
+    background: inherit;
+    float:left;
+}
+
+.sonata-bc .breadcrumb li a {
+    display: inline-block;
+}
+
+/* MEGA MENU STYLE
+********************************/
+.dropdown-menu.multi-column .dropdown-menu {
+    display: block !important;
+    position: static !important;
+    margin: 0 !important;
+    border: none !important;
+    box-shadow: none !important;
+    min-width:100px;
+}
+
+.dropdown-add .dropdown-menu > li > a {
+    white-space: normal;
+    overflow: hidden;
+}
+
+/* top right */
+
+.navbar-static-top {
+    margin-bottom: 0;
+}
+
+.navbar-top-links > p,
+.navbar-top-links > ul {
+    float: right;
+}
+
+.navbar-top-links li {
+    display: inline-block;
+}
+
+.navbar-top-links li a,
+.navbar-top-links li span {
+    padding: 15px;
+    min-height: 50px;
+}
+
+.navbar-top-links li a:hover {
+    text-decoration: none;
+}
+
+.skin-black .navbar .breadcrumb > li  > a:hover {
+    color: #444;
+    background: #f5f5f5;
+}
+
+.skin-black .navbar .dropdown-menu > li > a:hover {
+    background-color: #f5f5f5;
+}
+
+.navbar-top-links .dropdown-menu li {
+    display: block;
+}
+
+.navbar-top-links .dropdown-menu li:last-child {
+    margin-right: 0;
+}
+
+.navbar-top-links .dropdown-menu li a {
+    padding: 3px 20px;
+    min-height: 0;
+}
+
+.navbar-top-links .dropdown-menu li a div {
+    white-space: normal;
+}
+
+.navbar-top-links .dropdown-messages,
+.navbar-top-links .dropdown-tasks,
+.navbar-top-links .dropdown-alerts {
+    width: 310px;
+    min-width: 0;
+}
+
+.navbar-top-links .dropdown-messages {
+    margin-left: 5px;
+}
+
+.navbar-top-links .dropdown-tasks {
+    margin-left: -59px;
+}
+
+.navbar-top-links .dropdown-alerts {
+    margin-left: -123px;
+}
+
+.navbar-top-links .dropdown-user {
+    right: 0;
+    left: auto;
+}
+
+/* Content navbar */
+
+body.fixed .content-header .navbar {
+    position: relative;
+}
+
+/* sidebar menu styles */
+
+.sidebar-search {
+    padding: 15px;
+}
+
+.sidebar-menu li.keep-open > .treeview-menu {
+    display: block !important;
+    height: auto !important;
+}
+
+.arrow {
+    float: right;
+}
+
+.fa.arrow:before {
+    content: "\f104";
+}
+
+.active > a > .fa.arrow:before {
+    content: "\f107";
+}
+
+.nav-second-level li,
+.nav-third-level li {
+    border-bottom: none !important;
+}
+
+.nav-second-level li a {
+    padding-left: 37px;
+}
+
+.nav-third-level li a {
+    padding-left: 52px;
+}
+
+@media(min-width:768px) {
+    .navbar-static-side {
+        z-index: 1;
+        position: absolute;
+        width: 250px;
+    }
+
+    .navbar-top-links .dropdown-messages,
+    .navbar-top-links .dropdown-tasks,
+    .navbar-top-links .dropdown-alerts {
+        margin-left: auto;
+    }
+}
+
+
+/* Admin table */
+
+table.sonata-ba-list {
+    font-size: 14px;
+}
+
+table.sonata-ba-list img {
+    max-width: 100%;
+    height: auto;
+}
+
+table.sonata-ba-list td {
+    overflow: auto;
+}
+
+td.sonata-ba-list-label {
+    color: #565656;
+    font-weight: bold;
+    text-align: right;
+    vertical-align: middle !important;
+}
+
+/* side filter */
+
+.box .box-header h4.box-title.filter_legend {
+    position: relative;
+    padding-left: 20px;
+    cursor: pointer;
+}
+
+h4.filter_legend:before {
+    content: "";
+    display: block;
+    width: 0;
+    height: 0;
+    border-top: 4px solid black;
+    border-right: 4px solid transparent;
+    border-left: 4px solid transparent;
+    position: absolute;
+    top: 50%;
+    left: 2px;
+    margin-top: -2px;
+    margin-left: 5px;
+}
+
+h4.filter_legend.active,
+tr.filter.active * {
+    font-weight: bold;
+    color: #000;
+}
+
+form.sonata-filter-form.form-stacked {
+    padding-left: 0;
+}
+
+body.fixed .sonata-list-table {
+    position: relative;
+    margin-left: 15px;
+    margin-right: 15px;
+    margin-bottom: 5px;
+}
+
+.navbar-nav.navbar-right:last-child {
+    margin-right: 0;
+}
+
+/* Overrides */
+
+/* x-editable */
+td.sonata-ba-list-field .editable {
+    cursor: pointer;
+}
+td.sonata-ba-list-field .btn.editable {
+    border-bottom: solid 1px #BBB;
+}
+td.sonata-ba-list-field .editable-empty:not(.editable-open) {
+    display: none;
+}
+.sonata-ba-list tr:hover .editable-empty {
+    display: inline-block;
+}
+.editable-pre-wrapped {
+    white-space: normal;
+}
+.editable-container .prev:before {
+    content: "\2190 ";
+}
+.editable-container .next:before {
+    content: "\2192 ";
+}
+
+/* bootstrap */
+.input-group-addon {
+    width: auto; /* See https://github.com/sonata-project/SonataAdminBundle/issues/2950 */
+}
+
+/**
+ * Make checkbox / radio label consistant with other labels
+ */
+.checkbox label,
+.radio label {
+    font-weight: 700;
+    margin-left: -20px;
+}
+
+/**
+ * The iCheck checkboxes & radios have 0 margin by default,
+ * add some space for the label text.
+ */
+.checkbox div[class^="icheckbox"],
+.checkbox-inline div[class^="icheckbox"],
+.radio div[class^="iradio"],
+.radio-inline div[class^="iradio"] {
+    position: relative;
+    margin-top: 4px \9;
+    margin-right: 5px;
+    margin-top: -3px;
+}
+.form-inline .checkbox div[class^="icheckbox"],
+.form-inline .checkbox-inline div[class^="icheckbox"],
+.form-inline .radio div[class^="iradio"],
+.form-inline .radio-inline div[class^="iradio"] {
+    position: relative;
+    margin-top: 4px \9;
+    margin-left: 0;
+    margin-right: 5px;
+    margin-top: -3px;
+}
+/* Hide Delete checkbox on sonata_type_collection tables */
+.sonata-ba-field-inline-table td > div.checkbox > label > .control-label__text {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0,0,0,0);
+    border: 0;
+}
+
+/* select2 */
+.select2-choice, .select2-choices, .select2-drop {
+    border-radius: 0 !important;
+}
+
+/* Used for the mosaic view */
+td > div.row {
+    padding: 0;
+    margin: 0;
+}
+
+div.mosaic-box {
+    padding: 2px;
+    border-radius: 3px;
+}
+
+
+div.mosaic-inner-box {
+    position: relative;
+}
+
+div.mosaic-inner-box-hover {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    border-radius: 4px 4px 0 0;
+    background-color: rgba(255, 255, 255, .8);
+    transition: .25s opacity;
+    padding: 5px 10px;
+}
+
+div.mosaic-inner-box:hover > div.mosaic-inner-box-hover {
+    opacity: 1;
+}
+
+div.mosaic-inner-box > div.mosaic-inner-box-hover {
+    opacity: 0;
+}
+
+div.mosaic-inner-box img {
+    width: 100%;
+    height: auto;
+    border-radius: 4px 4px 0 0;
+}
+
+div.mosaic-box-outter {
+    background-size: 100% auto;
+    border: 1px solid #ddd;
+    border-radius: 5px;
+    background-color: #fff;
+}
+
+div.mosaic-inner-box {
+    height: 100px;
+    border-bottom: none;
+    overflow: hidden;
+}
+
+div.mosaic-inner-text {
+    background: white;
+    border-top: none;
+    padding: 3px;
+    border-radius: 0 0 5px 5px;
+    z-index: 2;
+    position: relative;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.mosaic-inner-link {
+    vertical-align: middle;
+}
+
+.mosaic-box-label {
+    position: absolute;
+    top: 10px;
+    right: 10px;
+}
+
+div.mosaic-box.sonata-ba-list-row-selected > div.mosaic-inner-box {
+    border: 1px solid #333;
+    border-bottom: none;
+}
+
+div.mosaic-box.sonata-ba-list-row-selected > div.mosaic-inner-text {
+    border: 1px solid #333;
+    border-top: none;
+}
+
+div.sonata-filters-box div.form-group div.form-group {
+    margin: 0;
+}
+
+div.sonata-filters-box div.form-group span.input-group-addon {
+    padding: 3px 10px;
+    font-size: 13px;
+}
+
+.sonata-search-result-hide {
+    display: none;
+}
+
+.sonata-search-result-fade {
+    opacity: 0.6;
+}
+
+.sonata-search-result-show {
+    display: block;
+}

vendor/sonata-project/admin-bundle/Resources/public/css/tree.css

@@ -0,0 +1,134 @@
+
+/********************************************************************\
+   Page tree
+\********************************************************************/
+.sonata-tree {
+    list-style: none;
+    padding-left: 0;
+    margin-left: 15px;
+    margin-right: 15px;
+    overflow: hidden;
+    padding-bottom: 10px;
+}
+.sonata-tree ul {
+    list-style: none;
+    padding-left: 30px;
+}
+.sonata-tree__item {
+    display: block;
+    padding: 7px 15px 7px 7px;
+    border: 1px solid #ddd;
+    border-radius: 2px;
+    position: relative;
+    margin-bottom: 5px;
+    margin-right: 10px;
+    color: #444;
+    background: #fff;
+}
+.sonata-tree__item .label {
+    font-size: 12px;
+    margin-top: 2px;
+    border-radius: 2px;
+}
+.sonata-tree__item .label-warning {
+    margin-right: 5px;
+}
+.sonata-tree__item .fa-caret-right {
+    position: absolute;
+    top: 10px;
+    left: -20px;
+    color: #3c8dbc;
+}
+.sonata-tree__item:hover {
+    background: #eee;
+    color: #000;
+}
+.sonata-tree__item__is-hybrid {
+    margin-right: 5px;
+}
+.sonata-tree__item.is-active {
+    border: 1px solid #3c8dbc;
+}
+.sonata-tree__item.is-active:after,
+.sonata-tree__item.is-active:before {
+    left: 100%;
+    top: 50%;
+    border: solid transparent;
+    content: " ";
+    height: 0;
+    width: 0;
+    position: absolute;
+    pointer-events: none;
+}
+.sonata-tree__item.is-active:after {
+    border-color: rgba(255, 255, 255, 0);
+    border-left-color: #fff;
+    border-width: 8px;
+    margin-top: -8px;
+}
+.sonata-tree__item.is-active:before {
+    border-color: rgba(255, 255, 255, 0);
+    border-left-color: #3c8dbc;
+    border-width: 9px;
+    margin-top: -9px;
+}
+.sonata-tree__item.is-active:hover:after {
+    border-left-color: #eee;
+}
+.sonata-tree__item.is-toggled .fa-caret-right {
+    -webkit-transform: rotate(90deg);
+    -moz-transform: rotate(90deg);
+    -o-transform: rotate(90deg);
+    -ms-transform: rotate(90deg);
+    transform: rotate(90deg);
+}
+.sonata-tree__item__edit {
+    font-weight: bold;
+}
+.sonata-tree__item__edit:hover {
+    text-decoration: underline;
+}
+
+/**
+ * Toggleable tree
+ */
+.sonata-tree--toggleable li > ul {
+    display: none;
+}
+.sonata-tree--toggleable .sonata-tree__item {
+    margin-left: 20px;
+}
+.sonata-tree--toggleable .sonata-tree__item .fa-caret-right {
+    cursor: pointer;
+}
+.sonata-tree--toggleable .sonata-tree__item:last-child .fa-caret-right {
+    display: none;
+}
+
+.sonata-tree--toggleable .sonata-tree__item .fa-caret-right:after {
+    content: '';
+    position: absolute;
+    top: -5px;
+    bottom: -5px;
+    left: -10px;
+    right: -10px;
+}
+
+/**
+ * Smaller tree
+ */
+.sonata-tree--small {
+    margin-left: 0;
+}
+
+.sonata-tree--small .sonata-tree__item__edit {
+    font-size: 12px;
+}
+
+.sonata-tree--small .sonata-tree__item {
+    padding: 3px 15px 4px 5px;
+}
+
+.sonata-tree--small .sonata-tree__item .fa-caret-right {
+    top: 7px;
+}