/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */


/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */

@font-face {
    font-family: 'Nunito';
    src: url('/assets/fonts/Nunito-Regular.ttf');
}

body {
    font-family: 'Nunito', sans-serif;
}

a.disabled {
    color: gray; 
    cursor: not-allowed;
}

/*main content min-height*/
.reports__content, .main-widget-panel .widget-body {
    min-height: 500px;
}

/*fixs for theme*/
body {
    background-image: linear-gradient(30deg, #265374, #071920);
}
.smart-style-1 aside,.smart-style-1 nav ul ul {
    background: transparent;
}

nav>ul>li:last-child.open {
    border-bottom: initial;
}

#main {
    margin-left: 450px;
    padding-right: 10px;
    padding-left: 10px;
}

.smart-style-1 #ribbon {
    margin-left: -10px;
    margin-top: 1px;
    margin-bottom: 10px;
    background-color: #303030;
    
}

/*ribbon colors*/
.smart-style-1 #ribbon .breadcrumb a {
    color: #afb0b1 !important;
}

.smart-style-1 #ribbon .breadcrumb a:hover {
    color: white !important;
}

#ribbon .breadcrumb li:last-child a{
    color: white !important;
}

/*login info*/
.smart-style-1 .login-info{
    background-color: #000000;
    color: white;
}

/*footer*/

.page-footer {
    border-top: initial;
}

/*remove after on main panel*/
.main-widget-panel .clearfix:after,.main-widget-panel .inner-spacer:after,.main-widget-panel .jarviswidget-editbox:after,.main-widget-panel .jarviswidget:after,.main-widget-panel .jarviswidget>div:after {
    content: none;
    display: none !important;
}

/*navigation panel*/

.smart-style-2 #left-panel, .smart-style-1 #left-panel {
    height: 100%;
    background-image: linear-gradient(30deg, #265374, #071920);
}


body.hidden-menu #navigationOptions {
    left: -210px;
}

.hidden-menu sa-navigation:hover #left-panel {
    left: 0;
}

.hidden-menu sa-navigation:hover #navigationOptions,
.hidden-menu sa-navigation #navigationOptions:hover {
    left: 220px;
}

.hidden-subMenu #main {
    margin-left: 300px;
}

.hidden-subMenu.hidden-menu #main {
    margin-left: 10px;
    left: 0;
}

/*ipad case*/
.mobile-view-activated #navigationOptions.collapsed {
    left: -50px !important;
}

.mobile-view-activated #navigationOptions.not-collapsed {
    left: -200px !important;
}

.mobile-view-activated #main {
    margin-left: 5px !important;
}

.mobile-view-activated.hidden-menu-mobile-lock #navigationOptions {
    left: 249px !important;
}

.hidden-menu #left-panel {
    left: -240px !important;
}

.smart-style-1 .page-footer {
    background: rgb(0, 0, 0);
    z-index: 990;
}

[hidden] {
    display: none !important;
}

.disabledlink {
    pointer-events: none;
    cursor: default;
    opacity: 0.3;
}


/*app colors*/

.amount-red {
    color: #aa0000;
}

.amount-yellow {
    color: #d8ad02;
}

.amount-green {
    color: green;
}

body .button-green {
    background-color: #46b59f;
    color: white;
}

body .button-green[disabled][disabled],
body .button-green.mat-raised-button[disabled][disabled] {
    background-color: #90d2c6;
    color: #d5ede8;
}

body .button-grey {
    background-color: #eeeeee;
    color: #4c5e70;
}

body .button-blue {
    font-family: Nunito;
    background-color: #1576B6;
    color: #FFFFFF;
}

body .button-red {
    font-family: Nunito;
    background-color: #FB3C4A;
    color: #FFFFFF;
}

body .button-as{
    font-family: Nunito;
    border-radius: 2px;
    box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.3);
    height: 40px;
    background-color: #ffffff;
}

body .button-red-text {
    font-size: 16px;
    font-weight: bold;
    line-height: 2.4;
    color: #ab0000;
}
body .button-blue-text {
    font-size: 16px;
    font-weight: bold;
    line-height: 2.4;
    color: #1576b6;
}

/*text*/
body .empty-text {
    align-self: center;
    font-size: 25px;
}

body .text-grey {
    color: #4c5e70;
}

body .sa-error-text {
    align-self: center;
    font-size: 25px;
    color: #831314;
}

.actions--style {
    color:black;    
    font-size: 20px;
    margin-right: 15px;
}
.actions--style:last-child {
    margin-right: 0;
}

.actions--delete{
    color: #9e0405;
}

.actions--logout{
    color: orange;
}

.actions--refresh {
    color: #3175B1;
}

.action--spacer {
    flex-basis: 15px;
}

/*//app colors*/

/*fix for material select component on report header*/
.agentreport-container .mat-select-trigger {
    font-size: inherit;
}

.agentreport-container .mat-select-trigger .mat-select-underline {
    bottom: 15px;
}

.agentreport-container .container__global-filters .mat-select-value-text{
    padding-bottom: 8px;
}

/*general table row align*/

.table-column, .table-filter{
    width: 100%;
}

.mat-table .mat-form-field {
    width: 100%;
    padding-right: 5px; 
}

.mat-table .mat-row, .mat-table .mat-header-row{        
    min-height: 50px;
    display: table-row;
}

.mat-table .mat-row .mat-cell{
    text-overflow: ellipsis;
    display: table-cell;
}

/*fix toggle buttons color of material*/
body .mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
    background-color: #1576b6;
}

body .mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
    background-color: #6aa7cf;
}

body .mat-slide-toggle-bar {
    background-color: #e29999;
}

/*mat progress bar*/
body .mat-progress-bar-fill::after, .mat-ink-bar, .mat-form-field-ripple,
.mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-underline {
    background-color: #1576b6 !important;
}

.mat-form-field-invalid .mat-form-field-ripple,
.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-underline, 
.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-underline {
    background-color: red !important;
}

.mat-checkbox-checked.mat-accent .mat-checkbox-background, .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
    background-color: #1576b6 !important;
}

.mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-arrow, 
.mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-trigger {
    color: #1576b6 !important;
}

.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
    background-color: #b0b0b0 !important;
}


body .mat-progress-bar-buffer {
    background-color: #B5C5CF;
}

/*mat spinner*/

body .mat-progress-spinner path, body .mat-spinner path{
    stroke: #1576b6;
}

/* mat-sort-header-button  */
.field__alignment__right .mat-sort-header-container .mat-sort-header-button{
    text-align: right;
}

.field__alignment__left .mat-sort-header-container .mat-sort-header-button{
    text-align: left;
}

.columns-filters {
    text-align: left;
}
.mat-form-field-infix {
    text-align: left;
    border-top: 0 !important;
}

.table-column .mat-sort-header-container, .body__table .mat-sort-header-container{
    display: left;
    padding-left: 5px
}

/*align all table row text*/
.mat-table .mat-cell,.mat-table .mat-header-cell, .mat-cell div, .mat-cell span{
    text-align: left;    
}

/*all the tables cells with ellipsis*/
.mat-table .mat-cell,.mat-table .mat-header-cell, .mat-cell div, .mat-cell span{
    overflow: hidden;
    text-overflow: ellipsis;
    align-items: right;
}

.agentreport-container .filtersRow__cell .mat-form-field-infix {
    width: 100% !important;
    min-width: 70px !important;
    margin-top: 4px;
}

.agentreport-container .filtersRow__cell .mat-form-field-wrapper {
    padding-bottom: 0.34375em;
}

.agentreport-container .filtersRow__cell .mat-form-field-underline {
    bottom: 0.5em;
}

.mat-progress-spinner circle, .mat-spinner circle {
    stroke: #1576b6 !important;
    animation: colors 5.6s ease-in-out infinite;
}

/*fix snackbar style*/
.mat-simple-snackbar-action{
    color: #009933 !important;
    font-weight: 800 !important;
}

/*Search Agent Styles*/
.search_agents__input .mat-form-field-infix, .search_agents__input .mat-form-field-placeholder{
    font-size: 15px; 
    color: white !important;
}

.search_agents__input .mat-form-field-underline {
    background-color: white !important;
}

.search_agents__input .mat-form-field-label,
.search_agents__input .mat-form-field.mat-focused .mat-form-field-label {
    color: white !important;
}

.mat-table{
    width: 100%;
}

.mat-column-description {
    min-width: 200px;
}

body .mat-raised-ViewReport {
    margin-top: 10px;
    margin-right: 10px;
    min-width: 175px;
}

@media (min-width: 0px) and (max-width:1024px) {
    #left-panel {
        left: -240px
    }
    .hidden-menu #left-panel {
        left: 0 !important;
    }
}

html {
    background: #1e445f;
}