body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.userBox {position: absolute;top: 20px;right: 20px; }
    .userBox a:not(:last-child) { margin-right: 15px;padding-right: 15px;border-right: 1px solid #ccc; }

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#homeIndex tr td { vertical-align: middle; }

.toggleSubItems { display: inline-block; }
.toggleSubItems.show:after { content: 'Manage...'; }
.toggleSubItems.none:after { content: '(Add...)'; }

input[type='checkbox'] { width: 20px;height: 20px; }

.modalItem { width: 100%; }
.modalItem:not(:first-child) { margin-top: 10px; }
.modalItem input { float: left; }
.modalItem span.name { float: left;margin-left: 10px;font-weight: normal;display: inline-block;margin-top: 3px; }
.modalItem span.url { display: block; margin-top: 30px;margin-left: 30px;font-weight: normal;color: gray; }

.addEditItemModalBody input:not(:first-child), 
    .addEditItemModalBody textarea:not(:first-child) { margin-top: 20px;  }