Main Action buttons appear in the action bar. These buttons are generally to start an action like exporting or importing a list, creating a new event or series.

    
      /* [ Main Button ] */
      .action-nav-bar .btn-group .add {
      
        
          color
          :
          
             #FFFFFF
          
        ;
        
          background-color
          :
          
             #39c985
          
        ;
        
          background-image
          :
           linear-gradient(
            #39c985,
            #2d9b67)
          
          
        ;
          
            border
            :
             1px solid
              #193043
            
          
        ;
      }
    
  

    
      /* [ Modal Button - Accept ] */
      .modal
       a {
      
        
          color
          :
          
             #FFFFFF
          
        ;
        
          background-color
          :
          
             #39c985
          
        ;
        
          background-image
          :
           linear-gradient(
            #39c985,
            #2d9b67)
          
        
        ;
        
          border
          :
           1px solid
            #20724b
          
        ;
      }
    
  

/* [ Modal Button - Cancel / Return ] */
.modal a.cancel
 {
  color:
   #666666;
  background-color:
   #FFFFFF;
  background-image:
   linear-gradient(#FFFFFF,
  #f7f7f7);
  border:
   1px solid #c9d0d3;
}