body {
  overflow-y: scroll;
}

ul.object-tools li {
    display: inline-block !important;
}

ul.object-tools li a:hover {
    cursor: pointer;
}

input[type="submit"]:hover, button[type="submit"]:hover {
    cursor: pointer;
}

/* Text alignment classes */
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.text-justify {
    text-align: justify;
}
.text-nowrap {
    text-align: nowrap;
}

.no-padding {
    padding: 0px;
}

/* ##############################
    Unicode icon styling
*/
.unicode-icon.large {
    font-size: 7em;
}

/* ##############################
    Styling for disabled form elements
*/

input[type="text"]:disabled {
    color: #6f7e95;
    background-color: #d0dbe6;
    cursor: default;
}

textarea:disabled, select:disabled {
    color: #6f7e95;
    background-color: #d0dbe6;
    cursor: default;
}


/* ##############################
    Styling for nested tables
*/

table.table-secondary {
    box-shadow: none;
    width: 100%;
}

table.table-secondary tbody {
    border: 1px solid #c0cad8;
}

table.table-secondary tr {
    background: #eee;
    border-bottom-color: #c0cad8;
}

table.table-secondary td.field-replicate-info {
    padding: 0px;
}

table.table-secondary td.field-replicate-info span {
    padding: 8px;
}

table.table-secondary td.field-replicate-info.large span {
    line-height: 34px;
}

table.table-secondary td.field-replicate-info span:not(:last-child) {
    border-right: 1px solid #c0cad8;
}

/* ##############################
    Styling for export row
*/
a.export_link:before {
    font-family: 'jet-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    content: "\e60d" !important;
    vertical-align: middle;
    margin-right: 4px;
    margin-right: 0.28571rem;
}

a.import_link:before {
    font-family: 'jet-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    content: "\e60e" !important;
    vertical-align: middle;
    margin-right: 4px;
    margin-right: 0.28571rem;
}

/* Inline add row overrides */
tr.add-row a.export:before {
    content: "\e60d" !important;
}

/* ##############################
    Styling for button selectbox
    Example:
    <div class="button-selectbox">
      <input type="checkbox" id="xxxx" class="delete-selectbox-input" />
      <label for="xxxx" class="delete-selectbox-label">
        <span class="delete-selectbox-span">DELETE</span>
      </label>
    <div>
*/

/* Common styles for delete and add */
.button-selectbox input[type=checkbox]+label:before {
    display: none;
}

.button-selectbox input {
    display: none;
}

.button-selectbox label {
    display: inline-block;
    border: 0;
    border-radius: 0.28571rem;
    height: 2.28571rem;
    background-color: #d0dbe6;
    line-height: 2.28571rem;
    outline: 0;
    font-size: 12px;
    font-size: 0.85714rem;
    font-weight: normal;
    text-align: center;
    padding: 0 10px;
    padding: 0 0.71429rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: background .3s;
    transition: background .3s;
}

.button-selectbox:hover label {
    cursor: pointer;
    background-color: #c0cad8;
}

.button-selectbox span:before {
    font-family: 'jet-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    margin-right: 0.28571rem;
}

/* Button size related */

.button-selectbox.xs {
    padding: 1px 5px;
    font-size: 10px;
    border-radius: 3px;
}

.button-selectbox.xs label {
    height: initial;
    padding: 3px 5px 3px 5px;
    line-height: 1.5;
}

.button-selectbox.xs span {
    font-size: 10px;
}

.button-selectbox.xs span:before {
    font-size: 10px;
}

/* Expand button related */
.button-selectbox.expand input + label span.open {
    display: none;
}

.button-selectbox.expand input + label span.closed {
    display: block;
}

.button-selectbox.expand input:checked + label span.open {
    display: block;
}

.button-selectbox.expand input:checked + label span.closed {
    display: none;
}

/* Delete button box type */
.button-selectbox.delete input:checked + label {
    background-color: #c14747;
    color: #fff;
}

.button-selectbox.delete label:hover {
    background-color: #c14747;
    color: #fff;
}

.button-selectbox.delete span:before {
    content: "";
}

/* Add button box type */
.button-selectbox.add input:checked + label {
    background-color: #82b982;
    color: #fff;
}

.button-selectbox.add label:hover {
    background-color: #82b982;
    color: #fff;
}

.button-selectbox.add span:before {
    content: "";
}

/* Button custom styles */
.button span:before {
    font-family: 'jet-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    margin-right: 0.28571rem;
}

.button:hover {
    cursor: pointer;
}

.button.delete.active {
    background-color: #cc6666;
    color: #fff;
}

.button.delete:hover {
    background-color: #c14747;
    color: #fff;
}

.button.delete span:before {
    content: "";
}

.button.add.active{
    background-color: #9dc89d;
    color: #fff;
}

.button.add:hover {
    background-color: #82b982;
    color: #fff;
}

.button.add span:before {
    content: "";
}

.button[disabled]:hover{
    background-color: #d0dbe6;
    color: #6f7e95;
    cursor: not-allowed;
}

.button-group {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}

.button-group .button:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.button-group .button:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

/* ##############################
    Badge element
*/
.badge {
    display: inline-block;
    background: #59677e;
    color: #fff;
    margin-right: 10px;
    margin-right: 0.71429rem;
    padding: 4px 8px;
    padding: 0.28571rem 0.57143rem;
    border-radius: 5px;
    border-radius: 0.35714rem;
    font-size: 10px;
    font-size: 0.71429rem;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    box-sizing: border-box;
    vertical-align: middle;
}

.badge span {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 30%;
    transform: translateY(-50%);
}

.badge.lg {
    height: 2.28571rem;
}

/* Admin CompactInline form error overrides */
.inline-navigation-item.has_errors {
    background: #F0DAD9;
}

.inline-related.compact .errorlist.nonfield{
    margin: 10px 20px 0px 30px;
    padding: 0.71429rem;
    background: #F0DAD9;
    color: #d49d9d;
}

/* ##########################
    Misc
*/

.width-200 {
    width: 200px;
    display: inline-block;
}

.width-250 {
    width: 250px;
    display: inline-block;
}

.width-300 {
    width: 300px;
    display: inline-block;
}

.search-help-text {
    margin-top: 10px;
}

/* ##########################
    Django import-export
*/

.traceback {
    display: none;
}