<style type="text/css" media="screen">
    .no-padding {
        padding: 0;
    }
    .pointer {
        cursor: pointer;
    }
    .card {
        width: 100%;
    }
    .modal .modal-header {
        -webkit-border-top-left-radius: .2rem;
        -webkit-border-top-right-radius: .2rem;
        -moz-border-radius-topleft: .2rem;
        -moz-border-radius-topright: .2rem;
        border-top-left-radius: .2rem;
        border-top-right-radius: .2rem;
    }
    .modal-success .modal-header {
        color: #ffffff;
        background-color: #5cb85c;
    }
    .modal-warning .modal-header {
        color:#fff;
        background-color: #f0ad4e;
    }
    .modal-danger .modal-header {
        color:#fff;
        background-color: #d9534f;
    }
    .modal-info .modal-header {
        color:#fff;
        background-color: #5bc0de;
    }
    .modal-primary .modal-header {
        color:#fff;
        background-color: #428bca;
    }
    .blocked-table {
        border: 0;
    }
    .blocked-table tr td:first-child {
        padding-left: 15px;
    }
    .blocked-table tr td:last-child {
        padding-right: 15px;
    }
    .blocked-table.table-responsive,
    .blocked-table.table-responsive table {
        margin-bottom: 0;
    }
    .clickable-row:hover {
      cursor: pointer;
    }
    .blocked-table.table-responsive {
        border: none;
    }
    .blocked-table .list-group {
        margin-bottom: 0;
    }
    .blocked-table .dropdown-menu > li button {
        padding: 3px 20px;
        background: transparent;
        border: none;
        outline: none;
        width: 100%;
        text-align: left;
        white-space: nowrap;
    }
    .blocked-table .dropdown-menu > li button:hover {
        background: rgba(0,0,0,.04);
    }

    .blocked-table {
        border: 0;
    }
    .blocked-table tr th {
        border: 0 !important;
    }
    .blocked-table tr th:first-child,
    .blocked-table tr td:first-child {
        padding-left: 15px;
    }
    .blocked-table tr th:last-child,
    .blocked-table tr td:last-child {
        padding-right: 15px;
    }
    .blocked-table .table-responsive,
    .blocked-table .table-responsive table {
        margin-bottom: 0;
        border-top: 0;
        border-left: 0;
        border-right: 0;
    }
    .blocked-table .data-table {
        width: 100%;
    }
    .btn-save,
    .pw-change-container {
      display: none;
    }
    .has-error,
    .has-error input,
    .has-error select,
    .has-error textarea {
        border-color: #d9534f;
    }
    .clear-search {
        display: none;
    }
    div.dataTables_wrapper div.dataTables_length label {
        margin-top: 5px;
        margin-bottom: 5px;
        margin-right:20px;
    }
    div.dataTables_wrapper div.dataTables_length label select {
        margin-left: 5px;
        margin-right: 5px
    }
    #search_blocked_form {
        display: none;
    }
    .disabled {
        color: #dcdbdb;
        pointer-events: none;
        cursor: not-allowed;
    }
    .disabled .switch span.active {
        color: #dcdbdb;
        pointer-events: none;
        cursor: not-allowed;
    }
    .accordion.accordion-item {
        cursor: pointer;
        cursor: zoom-out;
    }
    .accordion.accordion-item.collapsed {
        cursor: zoom-in;
    }
    .accordion.accordion-item .permission-name:before,
    .accordion.accordion-item .role-name:before {
        font-family: 'FontAwesome';
        content: "\f068";
        margin: 0 .5em 0 0;
    }
    .accordion.accordion-item.collapsed .permission-name:before,
    .accordion.accordion-item.collapsed .role-name:before {
        content: "\f067";
    }
    .list-group-item table {
        font-size: .5em;
        width: 100%;
        display: table;
        table-layout: fixed;
    }
    .permissions-table,
    .roles-table {
        font-size: .9em;
    }
    .table.permissions-table thead th,
    .table.permissions-table td,
    .table.roles-table thead th,
    .table.roles-table td {
        border: none;
        vertical-align: middle;
    }
    .table.permissions-table form,
    .table.roles-table form {
        margin: 0;
    }
    @media(min-width: 576px) {
        .edit-form-delete {
            margin-top: -2.85em;
        }
    }
</style>
