#switchForm { text-align: center; margin-bottom: 50px; } #saveButton { margin-left: 10px; } #rolename { width: 200px; display: inline-block; margin-left: 10px; } .missingInput { border-color: rgba(255, 0, 0, 0.8); box-shadow: 0 1px 1px rgba(255, 0, 0, 0.075) inset, 0 0 8px rgba(255, 0, 0, 0.6); } .table { margin-top: 20px; } .table > tbody > tr > td { vertical-align: middle; height: 50px; } .scrollingTable { height: 500px; overflow: auto; } .customSpanMargin { display: inline-block; margin-top: 2px; margin-bottom: 2px; } .panel-primary > .panel-heading { background-image: none; } .panel{ margin-bottom: 20px; } .selectize-input { overflow: visible; } .tree-container .selected { background-color: rgba(0, 182, 41, 0.23); } .tree-container > ul { display: inline-block; width: 100%; padding: 0; } .tree-container > ul > li > div > label { font-weight: bold; } .tree-container { -moz-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; padding-left: 20px; padding-right: 20px; } @media (min-width: 768px) { .tree-container { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } } @media (min-width: 992px) { .tree-container { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } } ul { list-style-type: none; }