[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:' ';display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;user-select:none;-webkit-user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:'';background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition:opacity 0s linear}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{top:2px;bottom:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{height:100%;left:2px;right:2px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:2px;height:7px;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.hs-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}

*:focus {
  outline: 0;
}

body {
  line-height: 1.2 !important;
}

.container {
  width: 100% !important;
  margin-top: 1rem; }

[type="checkbox"] + span:not(.lever)::before {
  left: 6px; }

.data-table {
  font-family: "Lato", sans-serif !important;
  font-weight: 400;
  font-size: 13px;
  background-color: #fff;
  border: 5px solid #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.03);
  color: #333; }
  .data-table .data-table-header .actions-area {
    padding: 8px 8px; }
    .data-table .data-table-header .actions-area span.total {
      padding: 0.8em 1em;
      font-weight: 400;
      display: inline-block; }
  .data-table .data-table-header .filters-area {
    padding: 8px 8px; }
  .data-table .data-table-data .list-header .left-side, .data-table .data-table-data .list-header .right-side {
    align-items: flex-start; }
  .data-table .data-table-data .list-cards .list-card {
    background-color: #fff;
    position: relative;
    padding: 0px 8px; }
  .data-table .data-table-data .list-cards .list-card.active {
    background-color: #eee; }
  .data-table .data-table-data .selection-area {
    width: 52px;
    height: 52px;
    text-align: center;
    margin: auto 0;
    position: relative; }
  .data-table .data-table-data .floating-actions {
    position: absolute;
    right: 0px; }
  .data-table .data-table-data .cell {
    line-height: 1;
    min-height: 44px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start; }
    .data-table .data-table-data .cell label {
      display: block;
      font-weight: 700;
      margin-bottom: 0.2em;
      color: #333;
      margin-top: 0.4em;
      font-size: 0.9em;
      white-space: nowrap; }
      .data-table .data-table-data .cell label .material-icons {
        font-size: 1.5em;
        padding: 0;
        margin: 0;
        position: relative;
        top: 0.3em;
        line-height: 0; }
    .data-table .data-table-data .cell span {
      font-size: 1em;
      padding: 0.1em; }
    .data-table .data-table-data .cell span.featured {
      font-size: 1.0em;
      font-weight: 700;
      display: block; }
    .data-table .data-table-data .cell span.small {
      font-size: 0.85em;
      font-weight: 300; }
    .data-table .data-table-data .cell span.highlight {
      font-size: 0.85em;
      background-color: #eee;
      padding: 0.6em;
      display: inline-flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      border-radius: 4px; }
    .data-table .data-table-data .cell span.badge {
      font-size: 0.75em;
      font-weight: 700;
      border: 1px solid #eee;
      border-radius: 0.3em;
      padding: 0.3em 0.5em 0.4em;
      line-height: 1;
      float: none;
      height: auto;
      display: inline-block;
      margin: 0.2em 0 0;
      width: 100%;
      text-align: center; }
    .data-table .data-table-data .cell span.badge.danger {
      color: #D0021B;
      border-color: #D0021B; }
    .data-table .data-table-data .cell span.badge.warning {
      color: #E1930E;
      border-color: #E1930E; }
    .data-table .data-table-data .cell span.badge.info {
      color: #4A90E2;
      border-color: #4A90E2; }
    .data-table .data-table-data .cell span.badge.info.opportunity {
      word-break: break-word; }
    .data-table .data-table-data .cell span.badge.alert {
      color: #F5A623;
      border-color: #F5A623; }
    .data-table .data-table-data .cell span.badge.success {
      color: #60B106;
      border-color: #60B106; }
    .data-table .data-table-data .cell span.badge.light {
      color: #9B9B9B;
      border-color: #9B9B9B; }
    .data-table .data-table-data .cell span.badge.purple {
      color: #570d8c;
      border-color: #570d8c; }
    .data-table .data-table-data .cell a {
      font-size: 1.0em;
      font-weight: 700;
      color: #2C65D6; }
    .data-table .data-table-data .cell a:hover {
      color: #333; }
    .data-table .data-table-data .cell .material-icons {
      margin-right: 0.5em;
      font-size: 0.9em;
      color: #555; }
  .data-table .data-table-footer {
    font-weight: 700;
    font-size: 0.9em; }
    .data-table .data-table-footer .totals-area, .data-table .data-table-footer .pagination-area {
      padding: 8px 8px;
      display: flex;
      align-items: center; }
    .data-table .data-table-footer .page_number {
      max-width: 44px;
      display: inline-block;
      margin-right: 8.8px; }
    .data-table .data-table-footer .pagination-area .page_number {
      position: relative;
      top: -.8em; }
    .data-table .data-table-footer .pages {
      display: inline-block; }
    .data-table .data-table-footer .records {
      background-color: #eee;
      display: inline-block;
      padding: 0.7em 1em;
      margin-right: 8px; }
  .data-table a.button, .data-table span.button {
    background-color: transparent;
    display: inline-block;
    padding: 0.8em 1em;
    font-size: 1em;
    color: #2C65D6;
    vertical-align: top;
    font-weight: 700; }
    .data-table a.button .material-icons, .data-table span.button .material-icons {
      font-size: 1.1em;
      color: #2C65D6;
      top: 0.2em;
      position: relative; }
  .data-table span.button {
    background-color: #eee;
    color: #333; }
    .data-table span.button .material-icons {
      color: #333; }
  .data-table a.button.hightlight {
    background-color: #2C65D6;
    color: #fff; }
    .data-table a.button.hightlight .material-icons {
      color: #fff; }
  .data-table a.button.disabled, .data-table a.button.disabled:hover {
    background-color: transparent;
    color: #ddd; }
    .data-table a.button.disabled .material-icons, .data-table a.button.disabled:hover .material-icons {
      color: #ddd; }
  .data-table a.button:hover {
    background-color: #333;
    color: #fff;
    cursor: pointer; }
    .data-table a.button:hover .material-icons {
      color: #fff; }
  .data-table .textInput {
    background-color: transparent;
    border: none;
    border-bottom: 0;
    outline: none;
    height: 1rem;
    width: 100%;
    font-size: 13px;
    margin: 0;
    padding: 0;
    text-align: center; }

/*
.data-table-dashboard {
    font-family: 'Lato', sans-serif !important;
    font-weight: 300;
    font-size: 20px;
    background-color: $base-color;
    border: 10px solid $border-color;

    .data-table-header {

        .actions-area {
            padding-bottom: 10px;
            
            span.total {
                padding: 14px 16px;
                font-weight: 700;
                display: inline-block;
            }
        }
        .filters-area {
            padding-bottom: 10px;
        }
    }

    .data-table-data {
        .list-cards {
            .list-card {
                background-color: #fff;
                position: relative;
            }
            
            .list-card.active {
                background-color: #eef4ff;
            }
        }   
        .selection-area {
            width: 50px;
            height: 50px;
            text-align: center;
            margin: auto 0;
        }
        .floating-actions {
            position: absolute;
            right: 0px;
        }
        .cell {
            line-height: 1;

            label {
                display: block;
                font-weight: 700;
                margin-bottom: 3px;
                color: #333;
                margin-top: 5px;
                
                .material-icons {font-size: 1.5em; padding: 0; margin: 0; position: relative; top: 6px; line-height: 0;}
            }
            span {
                font-size: 1em;
            }
            span.featured {
                font-size: 0.85em;
                font-weight: 700;
                display: block;
            }
            span.small {
                font-size: 0.85em;  
            }
            span.highlight {
                font-size: 0.9em;
                background-color: $featured-color;
                padding: 4px 8px;
                display: inline-block;
            }
            span.badge {
                font-size: 0.85em;
                border: 1px solid $featured-color;
                border-radius: 3px;
                padding: 3px 8px 5px;
                line-height: 1;
                float: none;
                height: auto;
                display: inline-block;
                margin: 3px 0 0;
                width: 100%;
                text-align: center;
            }
            span.badge.danger {
                color: #D0021B;
                border-color: #D0021B;
            }
            span.badge.info {
                color: #4A90E2;
                border-color: #4A90E2;
            }
            span.badge.alert {
                color: #F5A623;
                border-color: #F5A623;
            }
            span.badge.success {
                color: #60B106;
                border-color: #60B106;
            }
            span.badge.light {
                color: #9B9B9B;
                border-color: #9B9B9B;
            }
            a {
                font-size: 1.1em;
                font-weight: 700;
                color: $primary-color;
            }
            a:hover{
                color: #333;
            }
            .material-icons {
                margin-right: 5px; 
                font-size: 0.9em;
                color: #555;
            }
        }
        
    }
    .data-table-footer {
        font-weight: 700;
        
        .totals-area,.pagination-area  {
            padding-top: 10px;
        }
        
        .page_number {
            max-width: 50px;
            display: inline-block;
            margin-right: 8px;
        }
        .pages {
            display: inline-block;
        }
        .records {
            background-color: rgba(0,0,0,.05);
            display: inline-block;
            padding:  14px 16px;
            margin-right: 10px;
        }
        
    }
    
    a.button, span.button {
        background-color: transparent;
        display: inline-block;
        padding: 14px 16px;
        font-size: 1em;
        color: $primary-color; 
        vertical-align: top;
        font-weight: 700;
        
        .material-icons {
            font-size: 1.1em;
            color: $primary-color;
            top: 3px;
            position: relative;
        }
    }
    span.button {
        background-color: rgba(0,0,0,.1);
        color: #000; 
        
        .material-icons {
            color: #000;
        }
    }
    
    a.button.hightlight {
        background-color: $primary-color;
        color: #fff; 
        
        .material-icons {
            color: #fff;
        }
    }
    
    a.button.disabled,  a.button.disabled:hover {
        background-color: transparent;
        color: rgba(0,0,0,0.2); 
        
        .material-icons {
            color: rgba(0,0,0,0.2); 
        }
    }
    
    a.button:hover {
        background-color: #333;
        color: #fff;
        cursor: pointer; 
        
        .material-icons {
            color: #fff;
        }
    }

    .textInput {
        background-color: transparent;
        border: none;
        border-bottom: 0;
        outline: none;
        height: 1rem;
        width: 100%;
        font-size: 15px;
        margin: 0;
        padding: 0;
        text-align: center;
    }
}
*/
@media (max-width: 690px) {
  .data-table {
    font-size: 14.3px; }
    .data-table .data-table-header {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-content: center;
      flex-wrap: wrap;
      border-bottom: 4px solid #eee; }
    .data-table .data-table-data .list-header {
      display: none; }
    .data-table .data-table-data .list-cards .list-card {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-content: center;
      border-bottom: 4px solid #eee;
      padding: 8px 8px; }
      .data-table .data-table-data .list-cards .list-card .selection-area {
        right: 4px;
        position: absolute; }
      .data-table .data-table-data .list-cards .list-card .left-side, .data-table .data-table-data .list-cards .list-card .right-side {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-content: center;
        flex-basis: 100% !important; }
      .data-table .data-table-data .list-cards .list-card .floating-actions {
        width: 52px;
        top: 52px; }
      .data-table .data-table-data .list-cards .list-card .cell {
        flex-basis: auto !important;
        padding: 0.3em 0.6em; }
    .data-table .data-table-footer {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-content: center;
      flex-wrap: wrap; }
  /*
    .data-table-dashboard {
  
        .data-table-header {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-content: center;
            flex-wrap: wrap;
        }

        .data-table-data {
            .list-header {
                display: none;
            }

            .list-cards {
                .list-card {
                    display: flex;
                    flex-direction: column;
                    justify-content: flex-start;
                    align-content: center;
                    border-bottom: $v-space solid $border-color;
                    padding: 0.5*$v-space 0.5*$h-space;
                    
                    .selection-area {
                        right: 0px;
                    }
                    
                    .left-side, .right-side {
                        display: flex;
                        flex-direction: column;
                        justify-content: flex-start;
                        align-content: center;
                        flex-basis: 100% !important;
                    }
                    .floating-actions {
                        width: $touch-area;
                        top: $v-space+$touch-area;
                    }

                    .cell {
                        flex-basis: auto !important;
                        padding: 0.4em 0.6em;
                    }
                }
            }
        }

        .data-table-footer {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-content: center;
            flex-wrap: wrap;
        }
    }
    */ }

@media (min-width: 691px) and (max-width: 1200px) {
  .data-table {
    font-size: 14.3px; }
    .data-table .data-table-header {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-content: center;
      flex-wrap: wrap;
      border-bottom: 4px solid #eee; }
    .data-table .data-table-data .list-header {
      display: none; }
    .data-table .data-table-data .list-cards .list-card {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-content: center;
      border-bottom: 4px solid #eee;
      padding: 12px 12px; }
      .data-table .data-table-data .list-cards .list-card .selection-area {
        right: 8px;
        position: absolute; }
      .data-table .data-table-data .list-cards .list-card .left-side, .data-table .data-table-data .list-cards .list-card .right-side {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-content: center;
        flex-basis: 45% !important; }
      .data-table .data-table-data .list-cards .list-card .floating-actions {
        width: 60px;
        top: 52px; }
      .data-table .data-table-data .list-cards .list-card .cell {
        flex-basis: auto !important;
        padding: 0.3em 0.6em; }
    .data-table .data-table-footer {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-content: center;
      flex-wrap: wrap; }
  /*
    .data-table-dashboard {
        .data-table-header {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-content: center;
            flex-wrap: wrap;
        }

        .data-table-data {
            .list-header {
                display: none;
            }

            .list-cards {
                .list-card {
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-start;
                    align-content: center;
                    border-bottom: 10px solid $border-color;
                    padding: 10px;
                    
                    .selection-area {
                        right: 0px;
                    }
                    
                    .left-side, .right-side {
                        display: flex;
                        flex-direction: column;
                        justify-content: flex-start;
                        align-content: center;
                        flex-basis:45% !important;
                    }
                    .floating-actions {
                        width: 50px;
                        top: 60px;
                    }

                    .cell {
                        flex-basis: auto !important;
                        padding: 7px 10px;
                    }
                }
            }
        }

        .data-table-footer {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-content: center;
            flex-wrap: wrap;
        }
    }
    */ }

@media (min-width: 1201px) and (max-width: 1400px) {
  .data-table {
    font-size: 13px; }
    .data-table .data-table-header {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-content: center; }
    .data-table .data-table-data .list-header {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-content: center;
      background-color: #eee;
      position: relative;
      padding: 0px 8px; }
    .data-table .data-table-data .list-cards .list-card {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-content: center;
      border-bottom: 1.6px solid #eee;
      padding: 0px 8px; }
      .data-table .data-table-data .list-cards .list-card .floating-actions {
        display: none;
        padding-right: 8px;
        align-self: center;
        padding-left: 24px; }
      .data-table .data-table-data .list-cards .list-card .cell label {
        display: none; }
    .data-table .data-table-data .list-cards .list-card.empty {
      border: 0px; }
    .data-table .data-table-data .list-cards .list-card:hover {
      background-color: #eee; }
      .data-table .data-table-data .list-cards .list-card:hover .floating-actions {
        display: flex;
        width: auto;
        background: #eeeeee;
        background: -moz-linear-gradient(90deg, rgba(238, 238, 238, 0) 0%, #eeeeee 25%, #eeeeee 100%);
        background: -webkit-linear-gradient(90deg, rgba(238, 238, 238, 0) 0%, #eeeeee 25%, #eeeeee 100%);
        background: linear-gradient(90deg, rgba(238, 238, 238, 0) 0%, #eeeeee 25%, #eeeeee 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee",endColorstr="#eeeeee",GradientType=1); }
    .data-table .data-table-data .list-cards .list-card.empty:hover {
      background-color: #fff; }
    .data-table .selection-area {
      right: auto;
      left: 0px;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-content: stretch;
      align-items: center; }
    .data-table .left-side {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-content: stretch;
      align-items: center; }
    .data-table .right-side {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-content: stretch;
      align-items: center; }
    .data-table .cell {
      flex-basis: 100%;
      padding: 8px 5.6px; }
    .data-table .data-table-footer {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-content: center; }
  /*
    .data-table-dashboard {
        .data-table-header {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-content: center;
        }

        .data-table-data {
            .list-header {
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-content: center;
                background-color: #E2E2E2;
                position: relative;
                
            }

            .list-cards {
                .list-card {
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-start;
                    align-content: center;
                    border-bottom: 2px solid $border-color;
                    padding: 0px;
                    
                    .floating-actions {
                        display: none;
                        top: 5px;
                    }
                    .cell {
                        label {
                            display: none;
                        }
                    }
                }
                .list-card:hover {
                    background-color:$base-color; 
                    
                    .floating-actions {
                        display: block;
                        width: auto;
                        background-color:$base-color; 
                    }
                }
            }
        }
        
        .selection-area {
            right: auto;
            left: 0px;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-content: stretch;
            align-items: center;
        }

        .left-side {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-content: stretch;
            align-items: center;
        }
        .right-side {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-content: stretch;
            align-items: center;
        }

        .cell {
            flex-basis: 100%;
            padding: 10px 8px;
        }

        .data-table-footer {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-content: center;
        }
    }
    */ }

@media (min-width: 1401px) {
  .data-table {
    font-size: 13.65px; }
    .data-table .data-table-header {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-content: center; }
    .data-table .data-table-data .list-header {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-content: center;
      background-color: #eee;
      position: relative;
      padding: 0px 8px; }
    .data-table .data-table-data .list-cards .list-card {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-content: center;
      border-bottom: 1.6px solid #eee;
      padding: 0px 8px; }
      .data-table .data-table-data .list-cards .list-card .floating-actions {
        display: none;
        padding-right: 8px;
        align-self: center;
        padding-left: 24px; }
      .data-table .data-table-data .list-cards .list-card .cell label {
        display: none; }
    .data-table .data-table-data .list-cards .list-card.empty {
      border: 0px; }
    .data-table .data-table-data .list-cards .list-card:hover {
      background-color: #eee; }
      .data-table .data-table-data .list-cards .list-card:hover .floating-actions {
        display: flex;
        width: auto;
        background: #eeeeee;
        background: -moz-linear-gradient(90deg, rgba(238, 238, 238, 0) 0%, #eeeeee 25%, #eeeeee 100%);
        background: -webkit-linear-gradient(90deg, rgba(238, 238, 238, 0) 0%, #eeeeee 25%, #eeeeee 100%);
        background: linear-gradient(90deg, rgba(238, 238, 238, 0) 0%, #eeeeee 25%, #eeeeee 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee",endColorstr="#eeeeee",GradientType=1); }
    .data-table .selection-area {
      right: auto;
      left: 0px;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-content: stretch;
      align-items: center; }
    .data-table .left-side {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-content: stretch;
      align-items: center; }
    .data-table .right-side {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-content: stretch;
      align-items: center; }
    .data-table .cell {
      flex-basis: 100%;
      padding: 9.6px 5.6px; }
    .data-table .data-table-footer {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-content: center; } }

.cell label .sorter {
  visibility: hidden; }

.cell label:hover .sorter {
  visibility: visible; }

.financial-details-modal .container {
  max-width: 1000px;
  background-color: #ffffff;
  padding: 10px; }

.financial-details-modal .line {
  font-family: 'Lato', sans-serif !important;
  font-weight: 300;
  font-size: 15px; }
  .financial-details-modal .line .cell {
    line-height: 1;
    flex-grow: 0;
    flex-basis: 0;
    padding: 15px 8px; }
    .financial-details-modal .line .cell label {
      display: block;
      font-weight: 700;
      margin-bottom: 6px;
      color: #333;
      font-size: 0.85em; }
      .financial-details-modal .line .cell label .material-icons {
        font-size: 1.3em; }
    .financial-details-modal .line .cell span {
      font-size: 1em; }
    .financial-details-modal .line .cell span.featured {
      font-size: 1.05em;
      font-weight: 700;
      display: block; }
    .financial-details-modal .line .cell span.small {
      font-size: 0.8em; }
    .financial-details-modal .line .cell span.highlight {
      font-size: 0.9em;
      background-color: #eee;
      padding: 4px 8px;
      display: inline-block; }
    .financial-details-modal .line .cell span.id {
      font-size: 1.05em;
      font-weight: 700;
      padding: 3px 8px 4px;
      border: 1px solid #333;
      border-radius: 3px;
      display: flex; }
      .financial-details-modal .line .cell span.id .material-icons {
        font-size: 1.05em;
        position: relative;
        top: 2px; }
    .financial-details-modal .line .cell span.value {
      font-size: 1.25em;
      font-weight: 700;
      display: inline-block; }
    .financial-details-modal .line .cell span.badge {
      font-size: 0.85em;
      border: 1px solid #eee;
      border-radius: 3px;
      padding: 3px 8px 5px;
      line-height: 1;
      float: none;
      height: auto;
      display: inline-block;
      margin: 3px 0 0; }
    .financial-details-modal .line .cell span.badge.danger {
      color: #D0021B;
      border-color: #D0021B; }
    .financial-details-modal .line .cell span.badge.info {
      color: #4A90E2;
      border-color: #4A90E2; }
    .financial-details-modal .line .cell span.badge.alert {
      color: #F5A623;
      border-color: #F5A623; }
    .financial-details-modal .line .cell span.badge.success {
      color: #60B106;
      border-color: #60B106; }
    .financial-details-modal .line .cell span.badge.light {
      color: #9B9B9B;
      border-color: #9B9B9B; }
    .financial-details-modal .line .cell .material-icons {
      margin-right: 5px;
      font-size: 0.9em;
      color: #555; }
  .financial-details-modal .line .cell.right {
    text-align: right; }

.financial-details-modal .line.border-bottom {
  border-bottom: 1px solid #ddd;
  padding-bottom: 3px;
  margin-bottom: 10px; }

.financial-details-modal .fechar-button {
  text-transform: capitalize;
  padding-left: 45px;
  padding-right: 45px;
  background-color: #2c65d6;
  padding-top: 10px;
  padding-bottom: 10px; }

.financial-details-modal .fechar-button:hover {
  background-color: #333 !important; }

.financial-details-modal .xis {
  color: #2C65D6;
  cursor: pointer; }

.financial-details-modal .xis:hover {
  color: #333; }

#buttons-action {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end; }

.financial-details-modal .container {
  max-width: 1000px;
  background-color: #ffffff;
  padding: 10px; }

.financial-details-modal .line {
  font-family: 'Lato', sans-serif !important;
  font-weight: 300;
  font-size: 15px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start; }
  .financial-details-modal .line .cell {
    line-height: 1;
    flex-grow: 0;
    flex-basis: 0;
    padding: 15px 8px; }
    .financial-details-modal .line .cell label {
      display: block;
      font-weight: 700;
      margin-bottom: 6px;
      color: #333;
      font-size: 0.85em; }
      .financial-details-modal .line .cell label .material-icons {
        font-size: 1.3em;
        position: relative;
        top: 3px; }
    .financial-details-modal .line .cell span {
      font-size: 1em; }
    .financial-details-modal .line .cell span.featured {
      font-size: 1.05em;
      font-weight: 700;
      display: block; }
    .financial-details-modal .line .cell span.small {
      font-size: 0.8em; }
    .financial-details-modal .line .cell span.highlight {
      font-size: 0.9em;
      background-color: #eee;
      padding: 4px 8px;
      display: inline-block; }
    .financial-details-modal .line .cell span.id {
      font-size: 1.05em;
      font-weight: 700;
      padding: 3px 8px 4px;
      border: 1px solid #333;
      border-radius: 3px;
      display: flex; }
      .financial-details-modal .line .cell span.id .material-icons {
        font-size: 1.05em;
        position: relative;
        top: 2px; }
    .financial-details-modal .line .cell span.value {
      font-size: 1.25em;
      font-weight: 700;
      display: inline-block; }
    .financial-details-modal .line .cell span.badge {
      font-size: 0.85em;
      border: 1px solid #eee;
      border-radius: 3px;
      padding: 3px 8px 5px;
      line-height: 1;
      float: none;
      height: auto;
      display: inline-block;
      margin: 3px 0 0; }
    .financial-details-modal .line .cell span.badge.danger {
      color: #D0021B;
      border-color: #D0021B; }
    .financial-details-modal .line .cell span.badge.info {
      color: #4A90E2;
      border-color: #4A90E2; }
    .financial-details-modal .line .cell span.badge.alert {
      color: #F5A623;
      border-color: #F5A623; }
    .financial-details-modal .line .cell span.badge.success {
      color: #60B106;
      border-color: #60B106; }
    .financial-details-modal .line .cell span.badge.light {
      color: #9B9B9B;
      border-color: #9B9B9B; }
    .financial-details-modal .line .cell .material-icons {
      margin-right: 5px;
      font-size: 0.9em;
      color: #555; }
    .financial-details-modal .line .cell .email-area {
      width: 100%;
      height: 100px;
      background-color: #eee;
      border: transparent;
      padding: 10px;
      margin-top: 10px; }
  .financial-details-modal .line .cell.right {
    text-align: right; }

.financial-details-modal .line.border-bottom {
  border-bottom: 1px solid #ddd;
  padding-bottom: 3px;
  margin-bottom: 10px; }

.financial-details-modal .fechar-button {
  text-transform: capitalize;
  padding-left: 45px;
  padding-right: 45px;
  background-color: #2c65d6;
  padding-top: 10px;
  padding-bottom: 10px; }

.financial-details-modal .fechar-button:hover {
  background-color: #333 !important; }

.financial-details-modal .xis {
  color: #2C65D6;
  cursor: pointer; }

.financial-details-modal .xis:hover {
  color: #333; }

.comission-details-modal .container {
  max-width: 1000px;
  background-color: #ffffff;
  padding: 10px;
  border: 2px dotted #ddd;
  border-radius: 4px; }

.comission-details-modal .line {
  font-family: 'Lato' sans-serif !important;
  font-weight: 300;
  font-size: 15px; }
  .comission-details-modal .line .cell {
    line-height: 1;
    flex-grow: 0;
    flex-basis: 0;
    padding: 15px 8px; }
    .comission-details-modal .line .cell label {
      display: block;
      font-weight: 700;
      margin-bottom: 6px;
      color: #333;
      font-size: 0.9em; }
      .comission-details-modal .line .cell label .material-icons {
        font-size: 1.3em; }
    .comission-details-modal .line .cell span {
      font-size: 1em; }
    .comission-details-modal .line .cell span.featured {
      font-size: 1.05em;
      font-weight: 700;
      display: block; }
    .comission-details-modal .line .cell span.small {
      font-size: 0.85em; }
    .comission-details-modal .line .cell span.highlight {
      font-size: 0.9em;
      background-color: #eee;
      padding: 4px 8px;
      display: inline-block; }
    .comission-details-modal .line .cell span.id {
      font-size: 1.05em;
      font-weight: 700;
      padding: 3px 8px 4px;
      border: 1px solid #333;
      border-radius: 3px;
      display: flex; }
      .comission-details-modal .line .cell span.id .material-icons {
        font-size: 1.05em;
        position: relative;
        top: 2px; }
    .comission-details-modal .line .cell span.value {
      font-size: 1.25em;
      font-weight: 700;
      display: inline-block; }
    .comission-details-modal .line .cell span.badge {
      font-size: 0.85em;
      border: 1px solid #eee;
      border-radius: 3px;
      padding: 3px 8px 5px;
      line-height: 1;
      float: none;
      height: auto;
      display: inline-block;
      margin: 3px 0 0; }
    .comission-details-modal .line .cell span.badge.danger {
      color: #D0021B;
      border-color: #D0021B; }
    .comission-details-modal .line .cell span.badge.info {
      color: #4A90E2;
      border-color: #4A90E2; }
    .comission-details-modal .line .cell span.badge.alert {
      color: #F5A623;
      border-color: #F5A623; }
    .comission-details-modal .line .cell span.badge.success {
      color: #60B106;
      border-color: #60B106; }
    .comission-details-modal .line .cell span.badge.light {
      color: #9B9B9B;
      border-color: #9B9B9B; }
    .comission-details-modal .line .cell .material-icons {
      margin-right: 5px;
      font-size: 0.9em;
      color: #555; }
  .comission-details-modal .line .cell.right {
    text-align: right; }

.comission-details-modal .line.border-bottom {
  border-bottom: 1px solid #ddd;
  padding-bottom: 3px;
  margin-bottom: 10px; }

.comission-details-modal .fechar-button {
  text-transform: capitalize;
  padding-left: 45px;
  padding-right: 45px;
  background-color: #2c65d6;
  padding-top: 10px;
  padding-bottom: 10px; }

.comission-details-modal .fechar-button:hover {
  background-color: #333 !important; }

.comission-details-modal .xis {
  color: #2C65D6;
  cursor: pointer; }

.comission-details-modal .xis:hover {
  color: #333; }

.comissions-list-modal .container {
  max-width: 1000px;
  border: 2px dotted #ddd;
  border-radius: 4px; }

.comissions-list-modal .line {
  font-family: 'Lato' sans-serif !important;
  font-weight: 300;
  font-size: 15px; }
  .comissions-list-modal .line .cell {
    line-height: 1;
    flex-grow: 0;
    flex-basis: 0;
    padding: 15px 8px; }
    .comissions-list-modal .line .cell label {
      display: block;
      font-weight: 700;
      margin-bottom: 6px;
      color: #333;
      font-size: 0.9em; }
      .comissions-list-modal .line .cell label .material-icons {
        font-size: 1.3em; }
    .comissions-list-modal .line .cell span {
      font-size: 1em; }
    .comissions-list-modal .line .cell span.featured {
      font-size: 1.05em;
      font-weight: 700;
      display: block; }
    .comissions-list-modal .line .cell span.small {
      font-size: 0.85em; }
    .comissions-list-modal .line .cell span.highlight {
      font-size: 0.9em;
      background-color: #eee;
      padding: 4px 8px;
      display: inline-block; }
    .comissions-list-modal .line .cell span.id {
      font-size: 1.05em;
      font-weight: 700;
      padding: 3px 8px 4px;
      border: 1px solid #333;
      border-radius: 3px;
      display: flex; }
      .comissions-list-modal .line .cell span.id .material-icons {
        font-size: 1.05em;
        position: relative;
        top: 2px; }
    .comissions-list-modal .line .cell span.value {
      font-size: 1.25em;
      font-weight: 700;
      display: inline-block; }
    .comissions-list-modal .line .cell span.badge {
      font-size: 0.85em;
      border: 1px solid #eee;
      border-radius: 3px;
      padding: 3px 8px 5px;
      line-height: 1;
      float: none;
      height: auto;
      display: inline-block;
      margin: 3px 0 0; }
    .comissions-list-modal .line .cell span.badge.danger {
      color: #D0021B;
      border-color: #D0021B; }
    .comissions-list-modal .line .cell span.badge.info {
      color: #4A90E2;
      border-color: #4A90E2; }
    .comissions-list-modal .line .cell span.badge.alert {
      color: #F5A623;
      border-color: #F5A623; }
    .comissions-list-modal .line .cell span.badge.success {
      color: #60B106;
      border-color: #60B106; }
    .comissions-list-modal .line .cell span.badge.light {
      color: #9B9B9B;
      border-color: #9B9B9B; }
    .comissions-list-modal .line .cell .material-icons {
      margin-right: 5px;
      font-size: 0.9em;
      color: #555; }
  .comissions-list-modal .line .cell.right {
    text-align: right; }

.comissions-list-modal .line.border-bottom {
  border-bottom: 1px solid #ddd;
  padding-bottom: 3px;
  margin-bottom: 10px; }

.comissions-list-modal .fechar-button {
  text-transform: capitalize;
  padding-left: 45px;
  padding-right: 45px;
  background-color: #2c65d6;
  padding-top: 10px;
  padding-bottom: 10px; }

.comissions-list-modal .fechar-button:hover {
  background-color: #333 !important; }

.comissions-list-modal .xis {
  color: #2C65D6;
  cursor: pointer; }

.comissions-list-modal .xis:hover {
  color: #333; }

.financial-details-modal .container {
  max-width: 1000px;
  background-color: #ffffff;
  padding: 10px; }

.financial-details-modal .line {
  font-family: 'Lato', sans-serif !important;
  font-weight: 300;
  font-size: 15px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start; }
  .financial-details-modal .line .cell {
    line-height: 1;
    flex-grow: 0;
    flex-basis: 0;
    padding: 15px 8px; }
    .financial-details-modal .line .cell label {
      display: block;
      font-weight: 700;
      margin-bottom: 6px;
      color: #333;
      font-size: 0.85em; }
      .financial-details-modal .line .cell label .material-icons {
        font-size: 1.3em;
        position: relative;
        top: 3px; }
    .financial-details-modal .line .cell span {
      font-size: 1em; }
    .financial-details-modal .line .cell span.featured {
      font-size: 1.05em;
      font-weight: 700;
      display: block; }
    .financial-details-modal .line .cell span.small {
      font-size: 0.8em; }
    .financial-details-modal .line .cell span.highlight {
      font-size: 0.9em;
      background-color: #eee;
      padding: 4px 8px;
      display: inline-block; }
    .financial-details-modal .line .cell span.id {
      font-size: 1.05em;
      font-weight: 700;
      padding: 3px 8px 4px;
      border: 1px solid #333;
      border-radius: 3px;
      display: flex; }
      .financial-details-modal .line .cell span.id .material-icons {
        font-size: 1.05em;
        position: relative;
        top: 2px; }
    .financial-details-modal .line .cell span.value {
      font-size: 1.25em;
      font-weight: 700;
      display: inline-block; }
    .financial-details-modal .line .cell span.badge {
      font-size: 0.85em;
      border: 1px solid #eee;
      border-radius: 3px;
      padding: 3px 8px 5px;
      line-height: 1;
      float: none;
      height: auto;
      display: inline-block;
      margin: 3px 0 0; }
    .financial-details-modal .line .cell span.badge.danger {
      color: #D0021B;
      border-color: #D0021B; }
    .financial-details-modal .line .cell span.badge.info {
      color: #4A90E2;
      border-color: #4A90E2; }
    .financial-details-modal .line .cell span.badge.alert {
      color: #F5A623;
      border-color: #F5A623; }
    .financial-details-modal .line .cell span.badge.success {
      color: #60B106;
      border-color: #60B106; }
    .financial-details-modal .line .cell span.badge.light {
      color: #9B9B9B;
      border-color: #9B9B9B; }
    .financial-details-modal .line .cell .material-icons {
      margin-right: 5px;
      font-size: 0.9em;
      color: #555; }
  .financial-details-modal .line .cell.right {
    text-align: right; }

.financial-details-modal .line.border-bottom {
  border-bottom: 1px solid #ddd;
  padding-bottom: 3px;
  margin-bottom: 10px; }

.financial-details-modal .fechar-button {
  text-transform: capitalize;
  padding-left: 45px;
  padding-right: 45px;
  background-color: #2c65d6;
  padding-top: 10px;
  padding-bottom: 10px; }

.financial-details-modal .fechar-button:hover {
  background-color: #333 !important; }

.financial-details-modal .xis {
  color: #2C65D6;
  cursor: pointer; }

.financial-details-modal .xis:hover {
  color: #333; }