body{background-color:white; text-rendering: optimizeLegibility; 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body{ padding:0px; margin:0px; height:100%; }
html{ height:100%; }

iframe{ border:none; }

#background{ position:absolute; z-index: 100; width:100%; height:100%; }
#background .page{}

#screens{ position:absolute; z-index: 200; width:100%; height:100%; overflow-y:auto; -webkit-overflow-scrolling: touch; }
#screens .page{}

#messages{ position:absolute; z-index: 310; pointer-events:none; width:100%; height:100%; }
#messages .page{}

#navigation{ position:absolute; z-index: 400; width:100%; height:100%; }
#navigation .page{}

#topnav{ position:fixed; z-index: 210; height:72px;  width:100%;  }
#topnav .page{}

.center_vertically{top:50%; position:absolute; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); }
.center_horizontally{left:50%; position:absolute; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); }
.center_xy{left:50%; top:50%; position:absolute; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); }
.center_withmargins{margin-left:auto; margin-right:auto;}
.cover{background-size:cover; background-position:center;}
.contain{background-size:contain; background-position:center; background-repeat:no-repeat;}

.cssButton{  cursor:pointer; user-select: none; pointer-events:auto; position:relative; }
.cssButton #background_container{ position:relative; z-index:1; width:100%; height:100%; -webkit-transition: all .15s; transition: all .15s; }

.cssButton #text_container{ text-align:center; width:100%; left:50%; top:50%; position:absolute; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);  }
.cssButton span{ }

.blue_button_filled{ height:45px; }
.blue_button_filled #background_container{background-color:#0096d5; border:2px solid #0096d5; box-sizing: border-box;}
.blue_button_filled #background_container.textLocked{ background-color:#afafaf; border-color:#afafaf; }
.blue_button_filled #text_container{  font-family:"hpsimplifiedreg"; color:#FFFFFF; font-size:16px; z-index: 5; }
.blue_button_filled #background_container{width:100%;}

.blue_button_outline{ height:45px; }
.blue_button_outline #background_container{background-color:white; border:2px solid #0096d5; box-sizing: border-box;}
.blue_button_outline #background_container.textLocked{ border-color:#afafaf; }
.blue_button_outline #text_container{ font-family:"hpsimplifiedreg"; color:#0096d5; font-size:16px; z-index: 5; }
.blue_button_outline #text_container .textLocked{ color:#afafaf; }
.blue_button_outline #background_container{width:100%;}

select.input{ padding-right:30px; padding-top:0px; background: url("http://crowdhubdelight.s3.amazonaws.com/IconDropDownArrow.svg") no-repeat right white; background-size: 28px 10px; }


.input { width: 100%; text-align-last: left; padding-top: 5px; -webkit-appearance: none; padding-left: 20px; padding-right: 10px; border-radius: 0px; box-sizing: border-box; min-height: 70px; background-color: white; border: 1px solid #efefef; margin-bottom: 24px; font-size: 16px; color: #1e1e1e; font-family: 'hpsimplifiedreg'; -webkit-transition: border-color .5s; transition: border-color .5s; }
.input.error{ border:2px solid #d52800;  }

.shadowed{ -webkit-box-shadow: 1px 1px 13px 0px rgba(0,0,0,0.15); -moz-box-shadow: 1px 1px 13px 0px rgba(0,0,0,0.15); box-shadow: 1px 1px 13px 0px rgba(0,0,0,0.15); }
.shadowed_light{ -webkit-box-shadow: 1px 4px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 1px 4px 5px 0px rgba(0,0,0,0.1); box-shadow: 1px 4px 5px 0px rgba(0,0,0,0.1); }
.blurry{ opacity: 0.5; filter: blur(5px); -webkit-filter: blur(5px); -moz-filter: blur(5px);  -o-filter: blur(5px);  -ms-filter: blur(5px); filter: blur(5px); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5'); -webkit-transition: filter .1s; transition: filter .1s; }
.blur_behind{  backdrop-filter: blur(5px);  -webkit-backdrop-filter: blur(5px); -ms-backdrop-filter:blur(5px); }

.input.half{width:48%;}

#upload_file_field{display:none;}

#upload_container{ overflow:hidden; width:108px; height:108px;  margin-bottom:48px; border-radius:50%;  }
#upload_container #image_progress_container{width:34px; height:34px;}
#upload_container #image_progress_container img{width:100%;}

#upload_container #user_image_container #user_image_container{border-radius:50%;}
#upload_container #edit_container {bottom:0px; height:70px; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.43) 43%, #000000);}
#upload_container #change_button_text{margin-top:14px;}

.noSelect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

html {
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }