/**

* The under-os stock stylesheet
*/

button {

color:         black;
background:    #ddd;
border-radius: 5;

}

image.uos-background-image {

top:    0;
left:   0;
width:  100%;
height: 100%;

}

icon {

color: black;

} icon.navbar-item {

color:       #007AFF;
font-size:   24;
width:       24;
height:      24;
text-align:  right;
padding-top: 4;

}

input, textarea {

border-width:  1;
border-color:  #ddd;
border-radius: 2;

}

slider {

height: 30;

}

sidebar {

display: none;
z-index: 1000;

}

sidebar.left, sidebar.right {

height: 100%;
top:    0;

}

sidebar.top, sidebar.bottom {

width: 100%;
left:  0;

}

select {

display:    none;
background: white;
bottom:     0;

}

scroll {

content-width:  auto;
content-height: auto;

}

spinner {

color: black;

}

locker {

top:    0;
left:   0;
width:  100%;
height: 100%;
background: rgba(0,0,0,0.5);
z-index: 10000;

}

locker view.locker-dialog {

width:  60;
height: 60;
left:   130;
top:    254;
background: rgba(0,0,0,0.8);
border-radius: 5;

}

locker spinner {

color:      white;
width:      100%;
height:     100%;
background: transparent;

}

locker label {

color:      white;
width:      80%;
height:     15;
bottom:     8;
left:       8;
text-align: center;
font-size:  12;

}

locker.with-label view.locker-dialog {

width:  80;
height: 80;
left:   120;
top:    244;

}

locker.with-label spinner {

height: 90%;

}