html #cm[role=dialog] {
        background: #3D3D43;
    }
    
    html #cm[role=dialog] #c-inr-i, 
    html #cm[role=dialog] #c-inr-i #c-ttl, 
    html #cm[role=dialog] #c-inr-i .c-txt,
    html #cm[role=dialog] #c-inr-i .c-txt a,
    html #cm[role=dialog] #c-inr-i .c-txt a:hover,
    html #cm[role=dialog] #c-inr-i .c-txt a:focus,
    html #cm[role=dialog] #c-inr-i .c-txt a:active,
    html #cm[role=dialog] #c-inr-i .c-txt a:visited {
        color: #FFF;
    }
    
    html #c-bns button:first-child {
        background-color: #39a735;
        color: #FFF;
    }
    
    html #c-bns button:first-child:hover {
        background-color: #359D32;
    }
    
    /*
    html #c-bns button:first-child  {
        font-size: 18px;
        padding: 0.8em 1.7em;
    }
    */
    
    html #s-bns #s-all-bn {
        background-color: #39a735;
    }
    
    html #s-bns #s-all-bn:hover {
        background-color: #359D32;
    }
    
    html .c_darkmode #s-bns #s-all-bn {
        color: #fff;
    }
    
  
@media screen and (min-width: 689px) {    

    html #cm[role=dialog] #c-inr-i #c-ttl {
        font-size: 20px;
    }
    
    html #cc_div #cm {
        padding: 55px;
    }
    
    html #cm[role=dialog] #c-inr-i .c-txt,
    html #cm[role=dialog] #c-inr-i .c-txt a,
    html #cm[role=dialog] #c-inr-i .c-txt a:hover {
        font-size: 15px;
    }
    
    html #c-bns button {
        font-size: 15px;
    }

        #cm.bar #c-inr {
                max-width: 100%; /* 32em */
        }
        
        html #c-bns {
                display: flex;
        }
        
        html #c-bns :nth-child(1) { order: 1; } 
        html #c-bns :nth-child(2) { order: 0; }
        
        html button#c-s-bn {
                float: none;
                margin-left: 0;
                margin-right: 1em;
        } 
        
        html #s-bns {
        /*        flex-direction: row-reverse;*/
                display: flex;
        }
        
        html #s-bns :nth-child(1) { order: 2; } /* prijmout vse */
        html #s-bns :nth-child(2) { order: 0; } /* odmitnout vse */
        html #s-bns :nth-child(3) { order: 1; } /* ulozit nastaveni */

        html #s-bns button {
                float: none;
                margin-left: 1em;
                margin-right: 1em;
        }

}

@media screen and (max-width: 688px) {
        html #s-bns {
                flex-direction: column;
                display: flex;
        }

        html #s-bns :nth-child(1) { order: 0; } /* prijmout vse */
        html #s-bns :nth-child(2) { order: 2; } /* odmitnout vse */
        html #s-bns :nth-child(3) { order: 1; } /* ulozit nastaveni */
}