/*
  File:              amoksys-dasha.css
  Author:            Rodrigo Butzke - AmokSys
  Version:           1.1.1
 */

.amoksys-dasha-header{
    transition:all .15s;
    height:64px;
    z-index:5;
    position:fixed;
    position:sticky;
    top:0;
    left:0;
    width:100%;
    background:white;
}

.amoksys-dasha-header{
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}

.amoksys-dasha-header .brand-logo{
    display: block;
    height: 100%;
    float: left;
    position: relative;
    transform: none;
    left: 0;
    height: 54px;
    margin: 5px;
    transition: all .2s;
}

.amoksys-dasha-header .brand-logo img {
    display: block;
    height: 100%;
}

@media screen and (max-width: 600px){
    .amoksys-dasha-header .brand-logo {
        height: 46px;
    }
}

.amoksys-dasha-header-language{
    float:right;
}

.amoksys-dasha-page{
    left:0;
    width:100%;
    transition:all .15s;
    position:relative;
}

.amoksys-dasha-page nav.header-nav{
    z-index:3;
}
.amoksys-dasha-page nav.header-nav .header-nav-menu{
    width:100%;
    max-width:100%;
    flex: 1 1 0;
}
.amoksys-dasha-page nav.header-nav .header-nav-content{
    width:100%;
    max-width:100%;
    display:flex;
}

.amoksys-dasha-header ~ .amoksys-dasha-page .sticky{
    top:64px
}
@media screen and(max-width:600px){
    .amoksys-dasha-header ~ .amoksys-dasha-page .sticky{
        top:56px
    }
}

.amoksys-dasha-page-header{
    text-align:center;
    padding: 2rem 0 6rem 0;
    padding: 2rem 0 calc(1rem + 3rem + 24px) 0;
}
.amoksys-dasha-page-header.sticky{
    position:sticky;
    top:0;
}
.amoksys-dasha-page-header > .container{
    padding-top:0;
    padding-bottom:0;
}
.amoksys-dasha-page-header .amoksys-dasha-page-header-title{
    margin:0;
}

.amoksys-dasha-page-header{
    margin-bottom: -4rem;
    margin-bottom:calc(-4.5rem - 2px)
}
.amoksys-dasha-page-header + .container> .row:first-child > .col .card:first-child > .card-content:first-child h5{
    line-height:2rem;
}

.amoksys-dasha-scrollbar{
    overflow:auto;
}

.amoksys-dashboard ::-webkit-scrollbar{
    width:8px;
    height:8px;
    background:rgba(0,0,0,.2)
}
.amoksys-dashboard ::-webkit-scrollbar-thumb{
    background:rgba(0,0,0,.5)
}
.amoksys-dashboard ::-webkit-scrollbar-button{
    display:none;
}
.amoksys-dashboard ::-webkit-scrollbar-corner{
    display:none;
}

.amoksys-dasha-icon-button{
    background:rgba(0,0,0,.1);
    color:rgba(255,255,255,.85);
    float:left;
    margin: 12px;
    display:block;
    border-radius:20px;
    min-width:40px;
    width:40px;
    height:40px;
    font-size:24px;
    line-height:40px;
    transition:all .15s;
    cursor:pointer;
    text-align:center;
    overflow:hidden;
}
.amoksys-dasha-icon-button i{
    display:block;
    width:inherit;
    height:inherit;
    font-size:inherit;
    line-height:inherit;
    text-align:center;
}
.amoksys-dasha-icon-button:hover{
    background:rgba(0,0,0,.25);
}
.amoksys-dasha-icon-button.active{
    background:rgba(0,0,0,.5);
}

@media (max-width:600px){
    .amoksys-dasha-icon-button{
        margin: 8px;
    }
}

.amoksys-dasha-header .amoksys-dasha-header-toggle + .amoksys-dasha-header-toggle{
    margin-left:0;
}
.amoksys-dashboard > *:not(.amoksys-dasha-header) .amoksys-dasha-header-toggle{
    display:none;
}

@media (max-width:600px){
    .amoksys-dasha-header{
        height:56px;
    }
}

.amoksys-dasha-nav-footer-actions{
    height:40px;
    min-width: 40px;
    margin: 12px;
}

@media (max-width: 600px){
    .amoksys-dasha-nav-footer-actions {
        margin: 8px;
    }
}

.amoksys-dasha-nav-footer-actions .amoksys-dasha-icon-button{
    margin:0;
}

@media (max-width:600px){
    .amoksys-dasha-nav-footer{
        height:56px;
    }
}

@media screen and (min-width:993px){
    .amoksys-dasha-nav:not(:hover) .amoksys-dasha-nav-footer:not(.action-only-logout) .amoksys-dasha-nav-footer-actions{
        font-size:0;
        flex:0;
        overflow:hidden;
        width:0;
        min-width:0;
        ;
        height:0;
        margin: 0;
    }
    .amoksys-dasha-nav:not(:hover) .amoksys-dasha-nav-footer:not(.action-only-logout) .amoksys-dasha-nav-footer-actions .amoksys-dasha-icon-button{
        font-size:0;
        width: 0;
        height: 0;
        min-width: 0;
    }
    
}

/* NOTICE */

.dasha-notice.card-content{
    border-radius:0 !important;
}

.dasha-notice a{
    color:inherit
}
.dasha-notice{
    border-top: 3px solid rgba(0,0,0,.5);
}

.dasha-notice-group{
    max-height:200px;
    overflow:auto;
}

/* breadcrumbs */

.card > .dashboard-breadcrumbs{
    line-height:25px;
    background:white;
    color:black;
    background:var(--amoksys-color-secondary);
    color: var(--amoksys-color-on-secondary);
    background:var(--mytz0-color-breadcrumbs);
    color: var(--mytz0-color-on-breadcrumbs);
    padding: 0 0.5rem;
}
.dashboard-breadcrumb{
    color:inherit;
    display:inline-block;
    padding: 0.5rem 0;
}
.dashboard-breadcrumb:not(:first-child):before {
    content: "\F0142";
    color:inherit;
    font: normal normal normal 25px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    font-style: normal;
    font-size: 25px;
    margin: -4px 0 0 -4px;
    -webkit-font-smoothing: antialiased;
}

.badge.badge-beta:after {
    content: " beta";
}

.badge.badge-beta {
    font-weight: 300;
    font-size: 0.8rem;
    color: var(--amoksys-color-on-secondary);
    background-color: var(--amoksys-color-secondary);
    border-radius: 2px;
}

.badge.badge-beta:not(:first-child){
    margin-left:0.5rem;
}

.amoksys-dasha-page .collapsible-header{
    padding:0.5rem;
}