/* general style-guide across the app */
    .frame_color {
        border-color: #8b8d8e;
        box-shadow: 1px 1px rgba(139, 141, 142,0.5);
    }
    
    .center-obj {
        margin-left: auto;
        margin-right: auto;
        display: block;
        text-align: center;
    }
    
    /*  overwrite MDC default themes */
    .elem-card > .mdc-card__media {
         height:280px;
      }
    
    .elem-card.mishow {
        --mdc-theme-primary: #344955;
        --mdc-theme-secondary: #ef6c00;
        --mdc-theme-on-primary: #ffffff;
        --mdc-theme-on-secondary: #000000;
    }
    
    .elem-card.image {
        width:160px;
        height:160px;
    }
    
    :root {
        --mdc-theme-primary: #344955;
        --mdc-theme-secondary: #e09118;
        --mdc-switch-thumb-color : #344955;
        --mdc-theme-on-primary: #ffffff;
        --mdc-theme-on-secondary: #000000;
        --mdc-theme-on-selectable:#ef6c00;
        --mdc-theme-on-primary-light:#ff9d3f;
        --mdc-theme-background:#344955;
        --mdc-default:#656565;
    }
    
    .secondary-color {
        color: #f9aa33;
    }
    
    .line-break {
        height:3px;
    }
    
    .card-switch-style {
        margin-left: auto;
        margin-right:25px;
        width: 35px;
        margin-top:-25px;
    }
    
    .card-switch-style.lift-more {
        margin-top:-40px;
    }
    
    .card-options-style {
        margin-left: auto;
        margin-right:0px; 
        width: 140px;
        height:45px;
        color: var(--mdc-switch-thumb-color);
    }
    
    .card-center-text {
        text-align: center;
    }
    
    .card-color {
        color: var(--mdc-switch-thumb-color);
    }
    
    .card-font {
        font-family: roboto;   
    }
    
    .card-blank {
        display: block;
        width:300px;
        height:200px;
        margin-top: -420px;
        background-color:var(--mdc-switch-thumb-color);
    }