@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700|Roboto:400,700');
body {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Montserrat',sans-serif;
}
a,
.pointer {
    cursor: pointer;
}
.btn:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.btn:focus,
.btn.active:focus {
    outline: none;
}
.btn.btn-6px {
    font-size: 6px;
}
.main-header .sidebar-toggle:before {
    content: "";
}
.user-panel>.info>p {
    font-size: 12px;
}
.box-header .box-title {
    display: block;
    font-weight: bold;
}
.table {
    border-collapse: collapse;
}
.table>thead:first-child>tr:first-child>th,
.table>tbody>tr>td, .table>tbody>tr>th, 
.table>tfoot>tr>td, .table>tfoot>tr>th, 
.table>thead>tr>td, .table>thead>tr>th {
    vertical-align: middle;
    border-bottom: 1px solid #f4f4f4;
    border-top: 1px solid #f4f4f4;
    border-right: 1px solid #f4f4f4;
    border-left: 1px solid #f4f4f4;
}
.table-condensed>tbody>tr>td, 
.table-condensed>tbody>tr>th, 
.table-condensed>tfoot>tr>td, 
.table-condensed>tfoot>tr>th, 
.table-condensed>thead>tr>td, 
.table-condensed>thead>tr>th {
    padding: 3px;
}
table.dataTable tbody>tr.selected>td,
table.dataTable tbody>tr>.selected>td {
    font-weight: bold;
}
table.dataTable tbody>tr.selected>td a,
table.dataTable tbody>tr>.selected>td a {
    color: #fff;
    text-decoration: underline;
}
.datepicker-days {
    border: 1px solid #ccc;
    font-size: 12px;
}
.sidebar-menu li>a>.fa-angle-left, .sidebar-menu li>a>.pull-right-container>.fa-angle-left {
    width: .5em;
}
[data-toggle='collapse']:before {
    font-family: "Font Awesome 5 Solid";
    content: "\f105";
    display: none;
}
[data-toggle='collapse'] .fa-angle-right {
    -webkit-transition: transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
}
[data-toggle='collapse'][aria-expanded='true'] .fa-angle-right {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.pagination>li>a, .pagination>li>span {
    padding: 4px 8px;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.treeview-menu>li>a {
    font-size: 1em;
}
.timeline > li > svg {
    position: absolute;
    left: 20px;
    padding: 3px;
}
table .user {
    width: 20px;
    margin-right: 2px;
    margin-top: 2px;
}
.timeline>.time-label>span {
    border-radius: 0;
}
.row-buttons {
    margin-top: 10px;
    margin-bottom: 10px;
}
.row-buttons button {
    margin-left: 2px;
    margin-bottom: 2px;
}
.loading {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding: 40px 0;
}
.box-header h4.box-title {
    font-size: 14px;
}
table .img-circle {
    width: 30px;
    height: 32px;
    margin-left: 5px;
    margin-bottom: 2px;
    border-radius: 50%;
    object-fit: cover;
    aspect-ratio: 1 / 1;
}
.modal-danger h4 {
    color: #fff;
}
.users-list {
    display: flex;
    flex-wrap: wrap;
}
.users-list .selected img {
    border: 4px solid #dd4b39;
}
.users-list>li {
    float: none;
    max-width: 200px;
    cursor: pointer;
}