/*

These CSS styles apply to all views.

*/

/* default behaviors for all views:

- use "pointer" cursor unless otherwise required 
- clip overflow

*/ .sc-view {

 cursor:             default;
 overflow:           hidden;
 position:           absolute; /* all views are absolutely positioned. */
 margin:             0px;
 user-select:        none;
 -moz-user-select:   -moz-none;
 -khtml-user-select: none;
 -webkit-touch-callout: none;
 -webkit-tap-highlight-color: rgba(0,0,0,0);
 /* Views do not allow text selection unless you set isTextSelectable to YES.*/
 &.allow-select {
   -moz-user-select: text;
   -khtml-user-select: text;
   user-select: text;
   cursor:  text;
 }
 /*Use the following to know what view has the focus in webkit*/
/*&.focus {
          outline: auto 7px -webkit-focus-ring-color; 
          outline-offset: -2px;
        }*/
 /* This className is useful when aligning buttons to the right */
 &.text-align-right{
   text-align:right;
 }
 &.textAlignRight {
   text-align:right;
 }
 img {
   border: none ;
 }

}

/* Set here so when we set a border-width we'll see something

* Only set on div, since occasionally we rely on native styling */

div.sc-view {

border: solid 0 transparent;

}

/* Make sure focus outlines do not appear. These don't look good. */ .sc-view:focus{

outline: none;

}

.sc-hidden {

display: none !important;

}