html,
body {
height:100%;
background-color:rgba(0,0,0,1);
direction:ltr;
}

body {
padding:50px 0 0 0;
-webkit-font-smoothing:antialiased;
overflow:hidden;
}

.navbar {
height:55px !important;
}

a, 
a:focus, 
a:hover {
outline:none !important;
text-decoration:none;
color:rgba(51,51,51,1);
}

.table {
word-break:break-all;
}

.table-responsive {
border:0 !important;
}

.input-group-addon {
box-sizing:border-box;
}

.extra-gutter-bottom {
margin-bottom:20px;
}

#loading {
z-index:9999;
width:100%;
height:100%;
background-repeat:no-repeat;
background-position:50% 50%;
background-color:rgba(29,29,29,1);
background-size:cover;
background-image:url('../gfx/loading.gif');
-webkit-backface-visibility:hidden;
position:absolute;
top:0;
left:0;
display:block;
}

#appVersion, 
#deviceToken, 
#deviceType, 
#myprofile_password_row, 
#myprofile_selfie, 
#openCheckoutLink {
display:none;
}

#Photos,
#MyProfile,
#Checkout,
#About {
display:block;
padding:0;
position:relative;
}

#PhotosContent,
#MyProfileContent,
#CheckoutContent,
#AboutContent {
position:absolute;
top:0;
left:0;
width:100%;
z-index:1;
overflow:auto;
display:none;
background-color:rgba(240,238,236,1);
}

#AboutContent {	
background-size:cover;
background-position:center;
background-repeat:no-repeat;	
background-image:url('../gfx/splash.jpg');
background-color:rgba(240,238,236,1);
}

#PhotosContent {
background-color:rgba(0,0,0,1);
}

#MyProfileContent {
padding:10px 20px;
}

#CheckoutContent,
#AboutContent {
padding:10px;
}

.photoRow {
position:relative;
width:100%;
height:65%;
margin:0;
padding:0;
overflow:hidden;
}

.photoRow_selfie {
position:absolute;
width:100%;
height:100%;
margin:0;
padding:0;
left:0;
top:0;
background-size:cover;
background-position:top center;
background-repeat:no-repeat;
background-color:rgba(0,0,0,1);
overflow:hidden;
z-index:2;
}

.photoRow_button {
position:absolute;
width:100%;
height:80px;
line-height:100px;
margin:0;
padding:0;
left:0;
bottom:0;
font-family:'Paytone One',sans-serif;
font-size:300%;
text-align:center;
text-shadow:0px -3px 2px rgba(255,255,255,1);
cursor:pointer;
z-index:3;
background-color:rgba(0,0,0,0.75);
color:rgba(214,23,122,0.75);
}

.line {
height:1px;
background-color:rgba(224,224,224,1);
margin:10px 0;
}

#sideMenuTrigger {
margin:0;
padding:0;
font-size:20px;
line-height:50px;
margin-left:10px;
}

#sideMenuTrigger span:nth-child(2) {
font-size:23px;
}

.sideMenu_shrink, 
.sideMenu_expand {
position:fixed;
padding:0;
height:100%;
top:55px;
left:0;
overflow:hidden;
z-index:9999;
display:block;
background-color:rgba(231,231,231,1);
border-color:rgba(231,231,231,1);
border-width:0 1px 0 0;
border-style:solid;
color:rgba(51,51,51,1);
box-shadow:4px 0px 10px 0px rgba(0,0,0,0.3);
transition:width 0.3s ease, opacity 0.3s ease;
}

.sideMenu_shrink {
width:0%;
opacity:0;
}

.sideMenu_expand {
width:50%;
opacity:1;
}

#entryCounter {
float:none;
font-size:100%;
text-align:center;
}

.list-group-item {
background-color:rgba(231,231,231,1);
}

.shadowup {
box-shadow:0px -4px 10px 0px rgba(0,0,0,0.3);
}

.shadowDown {
box-shadow:0px 4px 10px 0px rgba(0,0,0,0.3);
}

.cursorPointer {
cursor:pointer;
}

.col-xs-12 {
margin:0;
padding:0;
}

.greenColor {
color:rgba(5,130,0,1);
}

.redColor {
color:rgba(255,0,0,1);
}

.warningModalz {
background-color:rgba(255,229,229,1);
}

.successModalz {
background-color:rgba(218,255,218,1);
}

.txtCenterPadding20 {
text-align:center;
padding:20px;
}

.concat {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
width:inherit;
display:none;
}

.txtCenterPadding15, 
.txtCenterPaddingMarginTop50 {
text-align:center;
padding:15px;
}

.txtCenterPaddingMarginTop50 {
margin-top:50px;
}

#choose_myprofile_selfie {
width:100%;
cursor:pointer;
background-size:cover;
background-position:top center;
background-repeat:no-repeat;
background-image:url('../gfx/camera_picture.png');
background-color:rgba(255,255,255,1);
margin:0 auto;
padding:0;
border:0;
border-radius:5px;
display:block;
}

.image_label {
width:147px;
font-size:10px;
padding:5px;
text-align:center;
white-space:nowrap;
visibility:hidden;
cursor:none;
margin:0 auto;
}

#sq_checkout_ok {
width:300px;
height:44px;
cursor:pointer;
margin-left:auto;
margin-right:auto;
background-repeat:no-repeat;
background-image:url('../gfx/sprites.png');
}

#sq_checkout_ok {
background-position:-260px 0;
display:block;
}

.rotate-0 {
transform:rotate(0deg);
}

.rotate-90 {
transform:rotate(90deg);
}

.rotate-180 {
transform:rotate(180deg);
}

.rotate-270 {
transform:rotate(270deg);
}

.flip {
transform:scaleX(-1);
}

.flip-and-rotate-90 {
transform:rotate(90deg) scaleX(-1);
}

.flip-and-rotate-180 {
transform:rotate(180deg) scaleX(-1);
}

.flip-and-rotate-270 {
transform:rotate(270deg) scaleX(-1);
}

.mdlIconsBasic,
.mdlIconsBasicSmall {
font-family:'Material Icons' !important;
font-size:24px !important;
-webkit-font-smoothing:antialiased;
}

.mdlIconsBasicSmall {
font-size:13px !important;
}

.gradText {
font-weight:bold;
background:linear-gradient(0deg,#e05252 0%,#99e052 25%,#52e0e0 50%,#9952e0 75%,#e05252 100%) repeat 0 0;
background-size:100% 100px;
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
animation:stripes 10s linear infinite;
}

@keyframes stripes {100% {background-position:0 -100px;}}

#updateRequired {
z-index:8888;
width:100%;
height:100%;
padding-top:20%;
display:block;
box-sizing:border-box;
background-color:rgba(0,0,0,0.85);
border:rgba(0,0,0,0) 1px solid;
position:absolute;
top:0;
left:0;
text-align:center;
zoom:1;
white-space:nowrap;
color:rgba(255,255,255,1);
font-size:150%;
font-family:Roboto, Verdana, sans-serif;
overflow:hidden;
cursor:pointer;
transition:all 0.7s ease-in;
}

#updateRequired div:nth-child(2) {
opacity:0.75;
}

#updateRequired div > i {
vertical-align:middle;
font-size:50px !important;
animation:blink 0.4s cubic-bezier(0.68,-0.55,0.265,1.55) infinite;
}

@keyframes blink {from { opacity:1; } to { opacity:0; }}