.orderable-toggle{background-size:100%;cursor:pointer;display:block;height:22px;position:relative;width:22px;}.fs-icon-after-gear:after{height:22px;position:absolute;right:0;width:22px;}.ui-sortable:not(.ui-sortable-disabled) .openable:hover{cursor:grab;cursor:-moz-grab;cursor:-webkit-grab;}/* We need to !important this min-width,because more explicit styles farther down in the stack set the min-width to ~100% for the flex layout,and if the .reorderable items get that width,there is tons of overlap */.ui-sortable:not(.ui-sortable-disabled) .reorderable{min-width:initial !important;}.sortable-placeholder{background:none;border:2px dashed #CACACA;border-radius:12px;font-size:0.875rem;margin:15px 0 0 0;padding:0;}.orderable.main .sortable-placeholder{float:left;}.orderable.sideBar .sortable-placeholder{margin:15px 20px 0 0;}.orderable-toggle.reordering:after{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);/* Chrome,Opera 15+,Safari 3.1+ */ -ms-transform:rotate(0deg);/* IE 9 */ transform:rotate(0deg);/* Firefox 16+,IE 10+,Opera */}100%{-webkit-transform:rotate(360deg);/* Chrome,Opera 15+,Safari 3.1+ */ -ms-transform:rotate(360deg);/* IE 9 */ transform:rotate(360deg);/* Firefox 16+,IE 10+,Opera */}}@keyframes spin{0%{-webkit-transform:rotate(0deg);/* Chrome,Opera 15+,Safari 3.1+ */ -ms-transform:rotate(0deg);/* IE 9 */ transform:rotate(0deg);/* Firefox 16+,IE 10+,Opera */}100%{-webkit-transform:rotate(360deg);/* Chrome,Opera 15+,Safari 3.1+ */ -ms-transform:rotate(360deg);/* IE 9 */ transform:rotate(360deg);/* Firefox 16+,IE 10+,Opera */}}.ui-sortable:not(.ui-sortable-disabled) .fs-icon-after-reorder-list{margin-right:20px !important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.fs-icon-after-reorder-list:after{position:absolute;right:15px;}
/*# sourceMappingURL=fsOrderable-93d74b5624f1872c5f6251e268521cdc.css.map */