*{
	font-family: 'Roboto';
}
.hljs, .hljs * {
    font-family: 'Roboto Mono', monospace;
}
html, body {
	margin: 0;
	height: 100%;
}
body{
	overflow-y: scroll;
	margin-right: 0px;
	overflow-x: auto;
}
#page-app, #page-embed{
	overflow-y: auto;
}
#nav-main-logo{
	display: block;
	margin-top:6px;
}
#nav-main-logo>img{
	width: 35px;
	margin-top: 2px;
}

#footer-copyright{
	margin-top:20px;
	font-size:15px;
	color:#9e9e9e;
}
.footer-bull{
	color:#CCC; 
	margin:10px;
}
.sidebar-footer a {
    font-size: 12px;
    display: block;
    margin-top: 3px;
}
#review-editor{
	margin-top: 10px;
	padding: 5px;
    margin-bottom: 20px;
    border: 1px solid #c5d2e2;
    background-color: #f9fbfd;
    border-radius: 3px;	
}
.navbar-nav>li>a {
    padding: 13px 20px;
}
.btn:hover, 
.btn:focus, 
.btn:active {
    outline: 0 !important;
}
.sidebar {
	position: fixed;
	top: 51px;
	bottom: 0;
	left: 0;
	z-index: 1000;
	display: block;
	padding: 20px;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: white;
	border-right: 1px solid #bdbdbd;
	width: 250px;
}
.nav-sidebar > .active > a, .nav-sidebar > .active > a:hover, .nav-sidebar > .active > a:focus {
    color: #fff;
	background-color: #3273dc;
}
.nav-sidebar {
    margin-right: -21px;
    margin-bottom: 20px;
    margin-left: -20px;
}
.nav-sidebar > li > a {
    padding-right: 20px;
    padding-left: 20px;
}
.main{
	float: left;
    margin-left: 0;
    padding: 0;
    position: fixed;
    top: 54px;
    width: 100%;
}
#app-loading{
	background-color: #f7f7f7;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	align-items: center;
}
#embed-code{
	resize: none;
    white-space: normal;
    padding: 10px;
    font-family: monospace;
    height: 100px;
    margin-bottom: 10px;
    box-shadow: none;
    border: none;
    border-radius: 0;
}
#sharing-url{
	width:100%; 
	border:none; 
	display:block;
	padding: 10px; 
	background-color: #EEE;
}
#app-canvas {
	position: fixed;
    top: 54px;
    bottom: 0px;
    right: 0px;
    width: 100%;
    border: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    z-index: 999999;
    height: 100%;
	height: calc(100vh - 54px);
}
#page-embed #app-canvas{
    height: calc(100vh - 54px);
}
a:link, 
a:focus, 
a:visited, 
a:hover, 
a{ 
	cursor: pointer;
	color: #526373;
    font-weight: 400;
}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #f2f6f9;
}
#api-key-input, #api-key-input:active, #api-key-input:focus, #api-key-input:hover{
	font-size: 13px; 
	font-family:monospace; 
	width: 265px; 
	border:none;
    outline: none;
}

#navbar-user-items{
}
.navbar{
	border-radius:0;
	padding-top: 2px;
	padding-bottom: 2px;
}
.nav > li > a:hover, .nav > li > a:focus {
}
.navbar-inverse {
    background-color: #494d57;
    border-color: #080808;
    border-right: none;
	border-left: none;
	box-shadow: inset 0 5px 3px rgba(155, 155, 155, 0.3), inset 0 -4px 5px rgba(0, 0, 0, 0.41), 0 0px 1px rgba(147, 147, 147, 0.9);
}
a.list-group-item.active, 
a.list-group-item.active:focus, 
a.list-group-item.active:hover {
	background-color: white;
	border: 1px solid #ddd;
	color:black;
	border-left:2px solid #8C8C8C;
	font-weight:bold;
	padding: 10px 13px 10px 13px;
}
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:active { 
	background:none;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 25px;
    height: 3px;
    border-radius: 1px;
}

.btn-nav-signup{
	margin-left: 30px; 
	float:right; 
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size:16px;
	color: white;
	border: 1px solid white !important;
    background-color: transparent !important;
    font-weight: normal !important;
	/*background-color: #57668d !important;*/
    /* border-radius: 56%; */
    width: 102px;
    border-radius: 20px !important;
    background: none !important;
    margin-bottom: 0px;
}
#page-index, 
#page-login, 
#page-signup, 
#page-final-step, 
#page-step-1, 
#page-step-2, 
#page-step-3, 
#page-step-4, 
#page-change-password{
    /*font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;*/
    background: #525252;
}
#page-developers{
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#page-login{
	background: white;
}
#page-dashboard{
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#page-index, #page-app-splash, #page-myapps, #page-favorites, #page-history, #page-search, #page-dev-payout-method, #page-dev-sales-history{
	background-color: #FBFBFB;
	overflow-x: hidden;
}
#page-app-splash{
	background-color: #ebeff1;
}
#page-index, 
#page-games-like,
#page-search, 
#page-favorites, 
#page-history, 
#page-io-games{
	background-color: #ebeff1;
}
#page-signup{
    background-size: 100%;
    background-repeat: no-repeat;
}
#page-invite, 
#page-step-1, 
#page-step-2, 
#page-step-3, 
#page-step-4{
	background-color: #43537B;
}
#page-signup, #page-login, #page-password-recovery{
	background-color: #737E8E;
}

#page-signup #page-wrapper, #page-step-1 #page-wrapper, #page-invite #page-wrapper, #page-step-2 #page-wrapper{
	height: 100%;
	width :100%;
	background-size:cover;
	background-repeat: no-repeat;
}

#page-dashboard, #page-sl{
	background-color: #ebeff3;
}
#html-password-recovery, #html-change-password{
	background-color: #183060;	
}
.navbar-toggle{
}
label{
	margin-top: 10px;
	margin-bottom:0;
	font-weight:normal;
}
.form-horizontal .control-label {
    margin-top:0;
}

#page-privacy h1{
	font-weight: 300;
}
#page-privacy h2{
	margin-top: 50px;
	font-weight: 300;
}
.navbar-default{
    border: none;
    background-color: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
}
.navbar-default .navbar-nav>li>a {
	padding: 14px;
	color: #ffffff;
	font-weight: 400 !important;
	text-decoration: none;
	transition: color .2s;
	font-size: 16px;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-left: 30px;
}

.navbar-dark .navbar-nav > li > a{
	color:#777777;
}
.navbar-dark .btn-nav-signup{
	color: #777777 !important;
	border-color: #777777 !important;
}
.active-nav{
	/*color: #EEE !important;*/
}
.navbar-dark .navbar-nav>li>a:hover, 
.navbar-dark .navbar-nav>li>a:focus {
	color: #1f1f1f;
	background-color: transparent;
}
.navbar-bright .navbar-nav>li>a:hover, 
.navbar-bright .navbar-nav>li>a:focus {
	color: #cecece;
	background-color: transparent;
}
#forgotPassword{
	font-size:12px;
	margin-left:10px;
	color: #5481E9 !important;
	float: right;
}
header{
	border-bottom:2px solid #DDD;
	padding-bottom:5px;
	height:30px;
	margin-bottom:10px;
}
#headerNav{
	float:right;
	margin-top:5px;
}
#headerNav li{
	display:inline;
	margin-left:15px;
	font-size:13px;
}
#checkboxCombo{
	margin-top:0px;
	margin-bottom:15px;
}
button[type=submit]{
	margin-top:20px;
}
#registeration-notice{
	margin-top:0;
	font-size:12px;
}
.register-form, 
#loginForm {
	display:block;
}
#loginForm input[type=email], 
#loginForm input[type=text], 
#loginForm input[type=password]{
}
#login-section{
	background-image: url(https://s3.amazonaws.com/assets.mixnode.com/login-left-bg.svg);
	background-repeat: no-repeat;
	height: calc(100vh);
	display: flex;
    flex-direction: column;
    justify-content: center;
    background-size: cover;
    width: 620px;
    float:left;
}
#login-image{
	background-image: url(https://s3.amazonaws.com/assets.mixnode.com/login-rhs-bg.svg);	
	background-repeat: no-repeat;
	background-position: center;
	height: calc(100vh);
	background-color: #1C3564;
	width: calc(100vw - 650px);
	float: right;
    background-size: cover;
}
#email_address{
	background-repeat: no-repeat;
	background-position-y: center;
}
#password, #confirm-password{
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-position-y: center;
}
.register-form input{
	margin-bottom:10px;
}
.register-form h1{
	font-size:28px;
	margin-bottom:0;
	font-weight: bold;
}
input[type=text].alert{
	margin-bottom:inherit;
}
.inline-error{
	color: #b94a48;
	display:none;
	margin:0;
}

#changePassForm input{
	margin-bottom:10px;
}
.form-control, .alert{
}
.modal-content{
	border-radius:3px;
}
.form-control:focus{
	border-color: #3d7ef7 !important;
    box-shadow: none;
    border-width: 2px;
    padding: 5px 10px;
}
.form-control{
    padding: 6px 11px;	
    border-radius: 2px;
}
.btn{
	border-radius: 2px;
	color:white !important;
}
.btn:active{
	outline: none;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.28);
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.28);
}
.btn-default{
	color: #333 !important;
}
.btn-primary{
	border: 1px solid #3b64c2;
	background-color: #1969ff;
	background: linear-gradient(#42a1ec,#0070c9);
}
.btn-info{
	background: linear-gradient(#4fcff5,#00adc9);
}
.btn-primary:hover {
	background-color: #0059ff;
	border: 1px solid #3b64c2;
	background: linear-gradient(#319aec,#005ba2);
}
.btn-primary:active, .btn-primary:focus {
	background-color: #1969ff;
	border: 1px solid #3b64c2;
	background: linear-gradient(#319aec,#005ba2);
}
.btn-success{
	border: 1px solid #3A963A;
	background-image: -moz-linear-gradient(top, #51C72D 0%, #2AA206 100%);
	background-image: -o-linear-gradient(top, #51C72D 0%, #2AA206 100%);
	background-image: -webkit-linear-gradient(top, #51C72D 0%, #2AA206 100%);
	background-image: linear-gradient(to bottom, #51C72D 0%, #2AA206 100%);
}

.btn-danger{
	border: 1px solid #C23B3B;
	background-image: -moz-linear-gradient(top, #F12929 0%, #CC0303 100%);
	background-image: -o-linear-gradient(top, #F12929 0%, #CC0303 100%);
	background-image: -webkit-linear-gradient(top, #F12929 0%, #CC0303 100%);
	background-image: linear-gradient(to bottom, #F12929 0%, #CC0303 100%);
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
	background-color: #5cb85c;
	border-color: #238123;
}
#regFormContainer{
	margin-bottom:0px;
}
#loginFormContainer{
	margin:0 auto;
}
#loginForm input, 
.register-form input, 
#passRecovForm input{
	margin-bottom: 8px;
	font-size:13px;
	box-shadow: none;
	font-size: 16px;
	height: 45px;
}
.register-form input::placeholder, 
#loginForm input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #C8CED0;
    opacity: 1; /* Firefox */
}

.register-form input:-ms-input-placeholder, 
#loginForm input:-ms-input-placeholder{ /* Internet Explorer 10-11 */
    color: #C8CED0;
}

.register-form input::-ms-input-placeholder, 
#loginForm input::-ms-input-placeholder{ /* Microsoft Edge */
    color: #C8CED0;
}
#loginForm, 
.register-form, 
#passRecovForm{
	margin-top:5px;
	padding: 40px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}
.formContainer{
	background: #F8FBFF;
	border-radius: 6px;
	padding:0;
}
.formContainer .alert{
	font-size: 13px;
}
.formContainer h2{ 
	margin-top:0;
	color: #4F5A71;
	display: block;
	margin-bottom: 12px;
	padding: 45px 12px 0px 12px;
	position: relative;
	text-shadow: 0 1px 0 rgba(255,255,255,0.6);
	margin-bottom:0;
	font-size:19px;
	font-weight: normal;
	text-align:center;
	text-transform: uppercase;
}
.formContainer a:hover{
	text-decoration: underline !important;
}
#rememberMeLabel, 
#forgotPassword, 
#dotSeperator{
	color: #848484;
	font-size: 13px;
	line-height: 13px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.6);
	font-weight:normal;
	margin-top: 0;
	margin-bottom: 20px;
}
#forgotPassword{ 
	display:inline-block;
}
#dotSeperator{
	margin-right:8px;
	margin-left:8px;
	font-size:20px;
	position: relative;
	top: -2px;
}
.inputComboBlock input{
	width:88%;
}
#keep_logged{
	position: relative;
	top:2px;
}
#keep-logged-label{
	font-size:12px;
}
.legend{
	border-bottom: 1px solid #e5e5e5;
	font-weight: bold;
	color: grey;
	font-size: 20px;
	margin-bottom:20px;
	padding-bottom: 5px;
}
#register-suggestion{
	display: block;
	text-align: center;
	font-size: 18px;
	padding-top: 35px;
	padding-bottom: 35px;
	background-color: #F2F5F9;
	border-top:1px solid #D1DFF9;
	color: #949AA8;
	margin-bottom: 0;
	border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top: 1px solid #fdfdfd;
}
#register-suggestion a{
	text-decoration: none;
	color: #6084E2;
}
#register-suggestion a:hover{
	text-decoration: underline;
}
.medium-logo{ 
	display:block;
	width:200px;
	margin:auto;
	margin-top:80px;
	margin-bottom:20px;
	height: 35px;
}

#registeration-notice{
	font-size:10px;
	margin-top:1px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.6);
	margin-left:1px;
	text-align: center;
	color: #949AA8;
    margin-bottom: 30px;
    margin-top: 7px;
}
#registeration-notice a{
	text-decoration: none;
	color: #6084E2;
}

/* ARTICLE specific style */
.has-error .form-control:focus{
	box-shadow:none; 
	-webkit-box-shadow:none;
}
#index-nav li{
	padding:0;
	display:inline;
	margin-right:10px;
}
.navbar-default .navbar-nav>li>a span{
	font-size: 26px;
}
.progress {
	background-color: #E5DCDC;
}

.navbar-toggle{ 
	border-width:0; 
	margin-top:9px; 
	border-radius:0;
}
.tab-content{
	padding-top:20px;
	padding-bottom:10px;
}

.panel-title a{
	text-decoration:none;
	color:black;
}
.list-header{
	background-color: #EEE;
	font-weight:bold;
	color:#666;
}

.alert {
  padding: 10px;
  font-size: 13px;
}
#settings-sidebar a{
	color: #525252;
}
#settings-sidebar a.active{
	color:black;
}

div.modal div.modal-header {
	text-shadow: 0 1px 0 hsla(0,0%,100%,.5);
	-moz-border-top-left-radius: 6px;
	border-top-left-radius: 6px;
	-moz-border-top-right-radius: 6px;
	border-top-right-radius: 6px;
	-ms-box-shadow: inset 0 1px 0 #fff;
	-o-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff;
	background: #cecece;
	background: -webkit-linear-gradient(#eff1f5,#c9d2dc);
	background: linear-gradient(#eff1f5,#c9d2dc);
	border-bottom: 1px solid #b2beca;
	background: #e6e6e6;
	background: -webkit-linear-gradient(#fff,#e6e6e6);
	background: linear-gradient(#fff,#e6e6e6);
	border-bottom-color: #ced4dc;
}

.myapp-wrapper{
	margin-bottom: 20px;
	position: relative;
	height: 123px;
	border-radius: 8px;
	height: 280px;
	text-align: center;
	padding-top: 14px;
	background-color: white;
	transition: all .1s ease;
	box-shadow: 1px 1px 1px #CCC;
}
.app-icon{
	margin-right: 20px;
	padding: 5px;
	border-radius: 3px;
	background-color: white;
	height: 140px;
	width: 140px;
	margin: 0 auto;
	display: block;
}
.app-name-link{
	color: #484848 !important;
	font-size: 16px;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: block;
	margin-bottom: 4px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin-top: 13px;
	padding: 0 20px;
	font-weight: 500;
}
.app-name-link:hover{
	text-decoration: none;
}
.myapp-wrapper:hover{
	box-shadow: 0px 0px 5px #626c75;
	transform: translateY(-3px);
}

.feat-app-wrapper{
	background-color: white; 
	overflow: hidden; 
	border-radius: 8px;
	transition: all .1s ease;
	box-shadow: 1px 1px 1px #CCC;
}

.feat-app-wrapper:hover{
	box-shadow: 0px 0px 5px #626c75;
	transform: translateY(-3px);
}
.feat-app-wrapper-link:hover{
	text-decoration: none !important;
}

div.modal div.modal-footer {
	padding: 15px;
	border-top: 1px solid #ced4dc;
	background: hsla(0,0%,100%,.5);
	background: -webkit-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,.5));
	background: linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,.5));
	background-color: #F1F1F1;
	text-align: right;
	position: relative;
	color: #444;
	font-size: 13px;
	-moz-border-bottom-left-radius: 6px;
	border-bottom-left-radius: 6px;
	-moz-border-bottom-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

.modal-title{
	color: #4E4E4E;
	font-size: 15px;
}

.modal-body {
    min-height: 150px;
}

.modal-cancel{
	cursor: pointer;
	margin-right:20px;
	color: #6D6D6D;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #999;
	text-shadow: 0 1px 0 rgba(255,255,255,0.6);
	font-weight: normal;
}
#add-payment-method:hover{
	color:#5F5F5F;
	border-color:#5F5F5F;
}
#payment-errors{
	display:none;
	margin-bottom: 0;
}
#payment-form-submit{
	margin-top:0;
}
#payment-form-submit{
	margin-top:20px; 
	margin-bottom:30px;
}
.cc-brand{
	float:left;
	margin-right:20px;
	width:100px;
}
.cc-brand-sm{
	width: 35px;
}
.step-num{
	border-radius: 25px;
	padding: 8px 12px;
	display: inline-block;
	color: white;
	font-weight: bold;
	background-image: linear-gradient(#636E8C, #2d3f70);
	margin-right:5px;
	font-size: 18px;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.empty-notice{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	justify-content: center;
	height: 60vh;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.label{
	padding:6px 8px;
}

.label-success{
	background-color: #00C32A;
}
.label-primary{
	background-color: #0059C7;
}
.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #f7f9fa;
}
.alert-modal-body{
	font-size: 15px;
	min-height: 100px;
	font-weight: 400;
	padding-bottom:20px;
	-webkit-font-smoothing: antialiased;
}
#review-modal .alert-modal-body{
	min-height: 200px;
    max-height: calc(100vh - 300px);
    overflow-y: scroll;	
}
.close {
	font-weight: 300;
}
.panel-default>.panel-heading {
	background-color: #f1f1f1;
}
.table>thead>tr>th {
	border-bottom: 1px solid #ddd;
}

.link-span:link, 
.link-span:focus, 
.link-span:visited, 
.link-span:hover, 
.link-span{
	color: #0089FF;
	cursor: pointer;
}	
.link-span:hover{
	text-decoration: underline;
}
code {
	padding: 0px 0px;
	font-size: 90%;
	color: #7c25c7;
	background-color: transparent;
	border-radius: 4px;
}
.alert{
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: none !important;
}
.alert-danger, .alert-success, .alert-info{
	font-size:14px;
}
.alert-default{
    border: 1px solid #9c9c9c;
    background-image: linear-gradient(45deg, #fdfdfd, #f1f1f1);
}
.alert-success{
	color: #00963e;
	border-color: #00963e;
    background-image: linear-gradient(139deg,#eefff1, #d4fddb);
}
.alert-danger{
	color: #ff2045;
	border-color: #ff2045;
	background-image: linear-gradient(139deg,#ffeef0, #fddde2);
}
.alert-danger a {
    color: red;
    font-weight: bold;
}
.alert-info {
    color: #005884;
    border-color: #008dd2;
    background-image: linear-gradient(139deg,#eef6ff, #d9ebff);
}
.list-group-item:first-child {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
.tag{
    border: 1px solid #6f6f6f;
    padding: 1px 5px;
    display: inline-block;
    border-radius: 3px;
    margin-bottom: 7px;
    color: #272727;
}
#page-index footer{
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: default;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .35;
}
.link-span:link, .link-span:focus, .link-span:visited, .link-span:hover, .link-span {
	color: #0089FF;
	cursor: pointer;
	pointer-events: auto;
}	
.link-span[disabled]{
	pointer-events: none;
}
.link-span:hover{
	text-decoration: underline;
}
.hr-inset{
	border-top: 1px solid #CECECE;
	border-bottom: none;
}

.panel {
	border-radius:0;
}

.list-group-item{
	border-radius:0;
}
.list-group-item:last-child {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

code.bash:before, code.language-bash:before{
	content: "$ ";
	opacity: 0.8;
}
pre{
	border-radius: 0;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:15px;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: none;
	border-radius:3px;
}
pre > code.hljs{
	border-radius:3px;
	font-family:Menlo,Monaco,Consolas,"Courier New",monospace;
	font-size:12px;
}
.onboard-container{
	margin-top:50px;
}
.onboarding-step-body{
	min-height:300px; background-color:white; border-radius:4px; overflow:hidden; padding-top:20px;	
}
.onboarding-help, .onboarding-logout{
	margin-top:10px; 
	color:white; 
	text-align:center;
	font-size: 16px;
	margin-bottom: 40px;
}
.onboarding-help > a, .onboarding-logout{
	color: #17dbff !important;
}
.fa-spin {
	margin-left:-4px;
	margin-right: -2px;
}
.link-list{
	padding-left: 0;
	list-style: none;
	font-size:16px;
}
.done-logo{
	display:block; 
	margin:auto; 
	width:160px;
	height:160px;
	margin-top:50px;
}
.done-msg{
	text-align:center;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size:30px;
	margin-top:20px;
	color: #00af18;
}
span.code{
	font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
    background-color: #EEE;
    color: #8f00af;
    font-size: 13px;
    padding: 1px;
    border-radius: 2px;
    border: 1px solid #bfbfbf;
}
.ts-container h3{
	font-size: 20px;
}
.ts-container p{
	font-size: 17px;
}
.invoice-logo{
    display: block;
    width: 100px;
	margin:auto;
	margin-top:50px;	
}
.mellow-hr{
	border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(214, 214, 214,1), rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(214, 214, 214, 0.75), rgba(0,0,0,0));
    background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(214, 214, 214, 0.75), rgba(0,0,0,0));
    background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(214, 214, 214, 0.75), rgba(0,0,0,0));
    margin-bottom:30px;
}
.coverage-data{
	font-size:30px; 
	text-align:center; 
	font-weight: 300;	
}
.tooltip-inner{
	border-radius: 2px;
	font-size:14px;
	padding: 8px 10px;
}
.pager li>a, .pager li>span {
	display: block;
	width: 110px;
}
.pager {
	margin: 0;
}
.btn-primary.disabled.focus, 
.btn-primary.disabled:focus, 
.btn-primary.disabled:hover, 
.btn-primary[disabled].focus, 
.btn-primary[disabled]:focus, 
.btn-primary[disabled]:hover, 
fieldset[disabled] .btn-primary.focus, 
fieldset[disabled] .btn-primary:focus, 
fieldset[disabled] .btn-primary:hover {
    background-color: #1969ff;
}
.progress-bar-striped, 
.progress-striped .progress-bar {
	-webkit-background-size: 20px 20px;
	background-size: 20px 20px;
}
.progress-bar {
    background-color: #313d46;
}
#docs-menu .fa{
	color: #757575;
}
pre code {
    white-space: pre;
}
.demo-browser{
    box-shadow: 0px 0px 10px 0 rgba(255, 255, 255, 0.5);
	border: 1px solid #0069ff;
	border-bottom:none;
	margin-top:60px;
}
.browser-header{
	padding: 6px 11px;
    border-bottom: 2px solid #d6d6d6;	
    background-color: #efefef;
    height: 35px;
    padding-top: 13px;
}
.browser-header div{
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	vertical-align: middle;
	float: left;
}
.browser-header-btn-red{
	background-color: #ff3636;
}
.browser-header-btn-yellow{
	background-color: #ffbf00;
}
.browser-header-btn-green{
	background-color: #1ae00f;
}
.browser-header div+div {
    margin-left: 8px;
}
.browser-body{
    background-image: url(../img/demo.png);
    background-size: cover;
    height: 550px;
    background-repeat: no-repeat;
    border-bottom: none;
	box-shadow: inset 0 -10px 20px -4px rgba(0,0,0,0.4)
}
.label-required{
	padding-top:0 !important;
}
.label-required > p {
	float: right;
    font-size: 10px;
    margin-bottom: 0;
    color: #565656;
    text-align: right;
    margin-top: 4px;
    margin-left: 7px;
}
.label-deleted{
	text-shadow:none; 
	font-weight: 300; 
	padding: 4px 7px; 
	font-size: 13px; 
	width: 80px;
	margin: 0 auto;
    display: block;
    background-color: #b7b7b7;
}
.nav-pills>li.active>a, 
.nav-pills>li.active>a:focus, 
.nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #2979ff;
}
code {
    padding: 0px 0px;
    font-size: 90%;
    color: #2d2d2d;
    font-weight: 700;
    background-color: transparent;
    border-radius: 4px;
}
pre{
	border-radius: 0;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:15px;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: none;
	border-radius:3px;
	padding: 0;
}
pre > code.hljs{
	border-radius:3px;
	font-family:Menlo,Monaco,Consolas,"Courier New",monospace;
	font-size:13px;
	font-weight: normal;
	padding: 12px 15px;
	font-weight: 400;
}
code.bash:before{
	content: "$ ";
}
.code-snippet-tab{
	padding-top:0;
}
.tab-nav-code-snippet{
	margin-top:30px;
	padding-left: 0 !important;
}
.tab-nav-code-snippet > li > a{
	color: #797979;
}
#add-endpoint-error, #edit-endpoint-error{
	display: none;
}
#payment-form-li{
	display:none;
	width: 40px;
	height: 40px;
	z-index: 9999;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.docs .alert{
	background:none !important;
}
.navbar-dark .navbar-nav>.open>a, 
.navbar-dark .navbar-nav>.open>a:focus, 
.navbar-dark .navbar-nav>.open>a:hover{
	background:none;
	color: #6d6d6d;
}
.navbar-bright .navbar-nav>.open>a, 
.navbar-bright .navbar-nav>.open>a:focus, 
.navbar-bright .navbar-nav>.open>a:hover{
	background:none;
	color: #dedede;
}
.navbar-nav>li>.dropdown-menu{
	margin-top: 13px;
	border-top: 1px solid #f7f7f7;
	margin-left: 25px;
	background-color: #f7f7f7;	
}
.dropdown-menu>li>a,.dropdown-menu>li>span{
	padding: 4px 20px;
    font-size: 14px;
	color: #5a5a5a;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.dropdown-menu>li>span{
	color:black;
}
.modal{
	z-index: 9999999999;
}
.modal-open {
    overflow-y: scroll;
    padding-right: 0px !important;
}
.panel-success .status-icon{
	color: #07c307;
}
.panel-success {
    border-color: #57a715bd;
}
.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #57a715bd;
}
.panel-warning .status-icon{
	color: #9d8457;
}
.panel-warning {
    border-color: #a97d23bd;
}
.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #a97d23bd;
}

.panel-default .status-icon{
	color: #c1c1c1;
}
.panel-default {
    border-color: #bbbaba;
}
#page-account .panel-default{
	border-color: #dddddd;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #bbbaba;
}

.panel-info .status-icon{
}
.panel-info {
    border-color: #1c7284bd;
}
.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #1c7284bd;
}
.panel-heading-link{
	color: inherit !important;
	width:100%;
	height:100%;
	display:block;
	padding: 9px 15px;
}
.results-table{
	margin-bottom:0;
}
#signUpBtn, #login-btn, #recover-psw-btn{
    margin-top: 0px;
    background-color: #5C76AA;
    border-radius: 4px;
    width: 77%;
    margin: 0 auto;
    text-transform: uppercase;
    border: none;
    font-size: 11px;
    padding: 10px;
    font-weight: 500;
}
#login-btn{
	margin-top:55px;
	margin-bottom:45px;
}
#verif-email-sent-notice{
	font-size:13px; padding:10px; margin:0; margin-bottom:20px;
}
.onboarding-step-body h1{
	margin-top:0px; 
	font-weight:200; 
	font-size:30px; 
	text-align:center;
}
.import-contacts-logo{
    display: inline-block;
    width: 100%;
    height: 60px;
    text-align: center;
    border: 1px solid #d8d9de;
    border-radius: 5px;
    margin-right: 20px;
    margin-bottom: 20px;
    line-height: 54px;
    font-size: 20px;
    color: #7e7e88;
}
.import-contacts-logo:hover{
	text-decoration: none;
	color: #48484e;
	background-color: #f7f7fb;
	border-color: #00a2f3;
}
#step-con-btn{
	display: block;
    margin: 0 auto 25px;
}
#logo-footer{
	margin-bottom:25px;
	width:200px;
}
.open>.dropdown-menu {
    border-radius: 0px;
}
#new-username, #new-password, #new-password-confirm{
	margin-bottom: 10px;
}
#new-s3-username, #new-username{
	font-family: monospace;
}

.admin-menu-item a{
	display: block;
	text-align: center;
	font-size: 22px;
	text-decoration: none !important;
	padding:20px;
	border:1px solid #EEE;
	border-radius: 5px;
	color:#404048 !important;
	font-weight: 300;
	transition: 0.1s all;
}
.admin-menu-item{
	margin-bottom: 20px;
}
.admin-menu-item a:hover{
	background-color: #eff0f7;
	border: 1px solid #a3a5ad;
}

.nav .dropdown-menu>li>a:focus, .nav .dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    border-left: 3px solid #8c8c8c;
    background-color: transparent;
    padding-left:17px;
}
.slick-prev:before, .slick-next:before {
    color: #bdbdbd !important;
}
.slick-track,
.slick-list {
	-webkit-perspective: 2000 !important;
	-webkit-backface-visibility: hidden !important;
}
#verif-email-sent-notice{
	font-size: 22px; 
	padding: 30px; 
	margin:0; 
	margin-bottom:0;
	font-weight: 300;
    text-align: center;
    border-radius: 3px;
    border-color: #cccccc;
    color: #4f5b67;
    text-shadow: 1px 1px 1px white;
}
#email-verified-notice{
	font-size: 22px; 
	padding: 30px; 
	margin:0; 
	margin-bottom:0;
	font-weight: 300;
    text-align: center;
    border-radius: 3px;
    border-color: #cccccc;
    color: #149c44;
    text-shadow: 1px 1px 1px white;
}
.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block
}

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  margin: 10px;
  text-align:center;
  color: #3b3b4c;
}
.resp-sharing-button__link span{
	display: block;
	font-size: 13px;
	color: #3b3b4c;
}
#fave-app-link, #about-modal-link, #share-modal-link, #embed-modal-link, .go-fullscreen, #edit-link{
	display: block;
    text-transform: uppercase;
    font-size: 12px;
    margin-left: 7px;
}
.app-info-link{
	margin-bottom: 0px;
    color: #a2a2a2;
    float: left;
    font-size: 15px;
    margin-top: -2px;
}
.app-info-link a{
	color: #a2a2a2; text-decoration: none;
}
#fave-app-link:hover, #about-modal-link:hover, #share-modal-link:hover, #embed-modal-link:hover, .go-fullscreen:hover, #edit-link:hover, .app-info-link a:hover{
	cursor: pointer;
	color: #f7f7f7;
}
.app-info-link .fa {
    font-size: 15px;
    margin-top: -25px;
    margin-left: 5px;
}
#reviews-modal-link{
	font-size: 13px; 
	display: inline; 
	clear: left; 
	float: left; 
	margin-bottom:0;
	margin-top: -3px;
}
.ratings-count-txt{
	font-size: 15px; 
	color: #a2a2a2;
}
#reviews-modal-link:hover{
	cursor: pointer;
}
#reviews-modal-link:hover .ratings-count-txt{
	color:#fff !important;
}

#app-name{
	padding-top: 6px;
    padding-bottom: 0;
    height: 24px;
    font-size: 15px;
    padding-left:0; 
    margin-bottom:0; 
    padding-top:3px; 
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-left: 0;
	margin-top: 2px;
	font-size:18px;
	color:white;
	color: #e3e3e3;
}
#app-desc{
	height:200px;
}
#rating{
	margin-bottom:10px; 
	width:100px; 
	color: #aeb1c1; 
	font-size: 17px;	
}
#upload-file-trigger-btn{
	float:right; 
	margin-top:20px;
	width:110px;
}
#confirm-del-file-btn{
	width:90px;
}
footer{
	clear: both;
	margin-top:0px;
}
.app-settings-link{
	position: absolute;
    top: 2px;
    right: 7px;
    font-size: 20px;
    color: #CCC !important;
    display: none;
}
.app-preview-notice{
	position: absolute;
	top: 2px;
	left: 2px;
	background:
	yellow;
	padding: 1px;
	font-size: 11px;
}
.app-settings-link:hover{
	color: #a5a5a5 !important;
}
.myapp-wrapper:hover .app-settings-link{
	display: inline;
}
#about-app-wrapper{
	background-color: white;
	padding: 25px;
	border-radius: 3px;
	box-shadow: 0 2px 2px 0 #CCC,0 2px 2px -2px #CCC,0 1px 5px 0 #CCC;
	margin-bottom: 20px;
	margin-top: 30px;
	overflow: hidden;
}
/*************************************************
* OPOS
 *************************************************/
.current-path{
	display: inline-block;
	line-height: 25px;
	margin-left: 15px;
	margin-top:0;
	margin-bottom: 0;
	font-size: 15px;
	color: #515E6F;
}
.current-path-item-name, .current-path-item{
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently*/	
}
.current-path-item{
	cursor: pointer;
}
#open-dialog-back-btn, #save-dialog-back-btn{
	width: 25px;
	height:25px;
	background-color: white;
}
.itempicker-item-name[contenteditable="true"]{
	background-color:white;
	color: #484861;
	white-space: nowrap;
    overflow: hidden;
}
.itempicker-item-name[contenteditable="true"] br{
    display:none;
}
.itempicker-item-name[contenteditable="true"] *{
    display:inline;
    white-space:nowrap;
}
.itempicker-item{
	color:#484861; 
	width: 1%; 
	white-space: nowrap; 
	padding-right: 15px;
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none; /* Safari */
	   -khtml-user-select: none; /* Konqueror HTML */
	     -moz-user-select: none; /* Old versions of Firefox */
	      -ms-user-select: none; /* Internet Explorer/Edge */
	          user-select: none; /* Non-prefixed version, currently*/
}
.itempicker-full-row{
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none; /* Safari */
	   -khtml-user-select: none; /* Konqueror HTML */
	     -moz-user-select: none; /* Old versions of Firefox */
	      -ms-user-select: none; /* Internet Explorer/Edge */
	          user-select: none; /* Non-prefixed version, currently*/
}
.filepicker-item:hover{
	cursor: auto;
}
.itempicker-full-row td:hover, .itempicker-full-row td span:hover{
	cursor: auto;
}
.filepicker-item:hover .filepicker-filename{
}
.filepicker-filename{
	margin-left:5px;
}
#SavePanelNewFolderBtn{
	float:left;
}
.modal-c2a-or{
	border-bottom: 1px solid #ccd0d5;
    height: 10px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 15px;
}
.modal-c2a-or .modal-c2a-or-txt{
	background-color: #fff;
    color: #4b4f56;
    font-size: 14px;
    line-height: 20px;
    padding: 0 10px;
}
#SaveFileDialogModal .alert-modal-body{
	padding:0; 
	height: 300px; 
}
#save-modal-body-filelist{
	height:300px; 
	/*overflow-y: scroll;*/
}
#save-file-btn{
	width: 100px;
}
#modal-body-filelist{
	padding:0; 
	height:300px; 
	overflow-y: scroll;
	overflow-y: hidden;
}
.loading-indicator{
    position: absolute;
    z-index: 99999;
    width: 100%;
    text-align: center;
    background-color: #ffffffd6;
    display: none;
}
#file-open-loading-spinner{
    height:300px;
    line-height: 330px;	
}
#sharing-loading-spinner{
    height:240px;
    line-height: 270px;		
}
#savefile-loading-spinner{
    height:300px;
    line-height: 330px;	
}

#file-delete-loading-spinner{
    height:100px;
    line-height: 155px;
}

#file-list-table, .file-list-table{
	margin-bottom: 0;
	color: #3d4b58;
}
#file-list-table>thead>tr>th, .file-list-table>thead>tr>th {
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none; /* Safari */
	   -khtml-user-select: none; /* Konqueror HTML */
	     -moz-user-select: none; /* Old versions of Firefox */
	      -ms-user-select: none; /* Internet Explorer/Edge */
	          user-select: none; /* Non-prefixed version, currently*/
	font-size: 13px;
	font-weight: 500;
}
#file-list-table>thead, .file-list-table>thead{
	background: linear-gradient(180deg, #e2e2e2, #EEE, #ececec);
}
#file-list-table>tbody>tr>td, 
#file-list-table>tbody>tr>th, 
#file-list-table>tfoot>tr>td, 
#file-list-table>tfoot>tr>th, 
#file-list-table>thead>tr>td, 
#file-list-table>thead>tr>th,
.file-list-table>tbody>tr>td, 
.file-list-table>tbody>tr>th, 
.file-list-table>tfoot>tr>td, 
.file-list-table>tfoot>tr>th, 
.file-list-table>thead>tr>td, 
.file-list-table>thead>tr>th {
    padding: 5px 8px;
    font-size: 13px;
    border-top: 1px solid #f1f1f1;
    vertical-align: middle;
    padding-right:10px;
}
#modal-login-btn{
	text-transform: uppercase;
}
#login-c2a-btn{
	text-transform: uppercase;
}
#modal-signup-btn{
	text-transform: uppercase; 
	margin-top: 20px;
}
#signup-modal #signup-username{
	margin-bottom:10px;
}
#sharing-modal-note{
	height:100px;
	resize: none;
}
#appfile-sharing-modal{
}
#appfile-sharing-modal .modal-dialog{
	max-width: 400px;
	margin-left:auto; 
	margin-right:auto;
}
#share-file-btn{
	width: 85px;
}
#close-access-denied-modal{
	text-shadow: 1px 1px white;
    color: #616161;
    cursor: pointer;
    font-size:14px;
}
#close-access-denied-modal:hover{
	color:#464545;
}
.file-tools{
	cursor: pointer;
    display: block;
    width: 23px;
    text-align: center;
    height: 23px;
    padding-top: 2px;
    border: 1px solid transparent;
    border-radius: 3px;
    color: #8b919e;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none;
}
.dropdown.open .file-tools{
	border-color: #8b919e;
}
.delete-file-menu-item{
	
}
#file-list-table tr:hover .file-tools, 
.file-list-table tr:hover .file-tools, 
.file-tools:active, .file-tools:focus{
    border-color: #8b919e;	
}
.CodeMirror{
	border: 1px solid #CCC;
}
.CodeMirror span{
  font-family: monospace !important;
}

.myfile-sec-link{
	padding:5px; 
	font-size: 16px; 
	margin-bottom:10px;
}
a.active-myfiles-sec{
	font-weight: bold;
}
.myfiles-sidebar{
	position: fixed;
    top: 52px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    padding-top:50px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #F7F9FA;
    border-right: 1px solid #eee;
    -webkit-font-smoothing: antialiased;
}
.myfiles-main-section{
	margin-top: 52px; 
	padding-top: 30px;
}
#my-files-empty-notice{
    height: 200px;
    line-height: 200px;
    text-align: center;
    font-size: 20px;
    color: #CCC;
}
#myfiles-main-wrapper{
	height: calc(100vh - 54px);
}
.dropdown-menu-file-options>li>a, 
.dropdown-menu-file-options>li>span {
	padding: 1px 20px;
    color: #262626;
    margin-bottom: 1px;
}
.dropdown-menu-file-options>li>a:focus, 
.dropdown-menu-file-options>li>a:hover {
    color: white;
    text-decoration: none;
    background-color: #2184ef;
}
.close {
    opacity: .5;
}
#about-description{
	padding-right: 40px;
    padding-left: 40px;
    margin-top: 40px;
    margin-bottom: 40px; 
    font-size:14px;
    margin-left:10px;
}
#about-description a{
	color: #365ff5;
}
#about-app-name{
	text-align: center;
    font-weight: 400;
    color: #5c5c63;
    font-size: 25px;	
}
#about-app-username{
	text-align: center;
    color: #5c5c63;
}

#app-recom-bar{
	bottom: 0; 
	margin-bottom: 0; 
	position: fixed; 
	right: 0; 
	left: 0; 
	z-index: 1030; 
	height: 52px;
    background-color: #353942;
    border-top: 1px solid #080808;
}
.app-recom-bar-preview{
	background-image: -webkit-linear-gradient(0deg,#222,transparent,#222),linear-gradient(transparent 30px, #ff0 30px), repeating-linear-gradient(45deg, transparent, transparent 35px, #ff0 35px, #ff0 70px);
	background-image: -moz-linear-gradient(90deg,#222,transparent,#222),linear-gradient(transparent 30px, #ff0 30px), repeating-linear-gradient(45deg, transparent, transparent 35px, #ff0 35px, #ff0 70px);
	background-image: -o-linear-gradient(90deg,#222,transparent,#222),linear-gradient(transparent 30px, #ff0 30px), repeating-linear-gradient(45deg, transparent, transparent 35px, #ff0 35px, #ff0 70px);
	background-image: linear-gradient(90deg, #222,transparent,#222),linear-gradient(transparent 30px, #ff0 30px), repeating-linear-gradient(45deg, transparent, transparent 35px, #ff0 35px, #ff0 70px);
	background-size: auto,auto 10px,auto;
}
#preview-notice-txt{
	font-size: 13px;
	display: inline;
	clear: left;
	float: left;
	margin-bottom: 0;
	background:yellow;
	padding: 0px;
	margin-top: 0px;
	color: #626200;
	margin-top: -6px;
	padding: 2px;
}
#dev-c2a-btn{
	margin-left: 30px;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    color: white;
    border: 1px solid white !important;
    background-color: transparent !important;
    font-weight: normal !important;
    width: 150px;
    border-radius: 20px !important;
    background: none !important;
    padding: 8px 11px;
    margin: 35px auto 0 auto;
    display: block;	
}
#dev-c2a-btn:hover{
	text-decoration: none;
}
.featured-apps-heading{
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline;
	line-height: 70px;
}
.home-featured-apps-heading{
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 400;
	color: #616773;
	text-shadow: 1px 1px white;
	margin-top: 50px;
}
.app-cat-icon-wrapper{
	border-radius: 100px;
	padding: 14px;
	margin-right: 10px;
	background: linear-gradient(45deg, gainsboro, transparent);
	display: inline-block;
	overflow: hidden;
	padding: 10px;
	float: left;	
}
.app-cat-icon{
    background: none;
}
.navbar-inverse .navbar-nav>li>a {
    color: #d0d0d0;
    font-weight: 500;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#app-toolbar-icon{
    width: 35px;
    height: 35px;
    float: left;
    margin: 5px;
    margin-right: 10px;
	width: 40px;
	height: 40px;
	margin-left: -6px;
	background: white;
	border: 1px solid #7d7d7d;
}
.top-feat-app{
	height:250px; 
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: top !important;
    background-color: white;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.top-feat-app-title{
    font-size: 20px;
    color: white;
    text-shadow: 1px 1px black;
    background: linear-gradient( to bottom, rgba(0, 0, 0, 0.4), rgb(0, 0, 0) );
    padding-left: 15px;
    padding-bottom: 5px;
    margin-bottom: 0;
    padding-top: 5px;
    text-decoration: none;
    /* margin-bottom: -20px; */
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
}
.review-rating-star{
	line-height: 30px;
	font-size: 20px;
	color: #ff8300;
	cursor: pointer;
}
.delete-review-icon{
	cursor: pointer;
    position: absolute;
    right: 10px;
    top: 5px;
    color: red;
}
#app-options-wrapper{
	overflow: hidden; 
	margin-left: 38px;
}
.splash-app-name{
	font-size:20px; 
	text-align: left; 
	margin-top: 0px; 
	font-size: 25px;
	margin-bottom: 5px;
}
.splash-app-rating-wrapper{
}
#close-app-splash-btn, #buy-app-btn{
	float:right; 
	width: 120px;
}
#buy-btn-c2a{
	float: right; 
	text-align: right; 
	font-size: 11px; 
	margin-top: 10px;
}
#splash-app-goto-btn-wrapper{

}
#app-splash-category{
	margin-top: 10px;
}
#app-splash-developer{
	font-size:13px; 
	display: block;
}
.app-link-wrapper:hover,.app-link-wrapper:focus,.app-link-wrapper:active{
	text-decoration: none;
}
#search-input{
	background-color: #353942;
	color: white;
}
#search-input:focus{
	background-color: white;
	color:#5e5e5e;
}
.choose-app-type-link:hover, .choose-app-type-link:focus, .choose-app-type-link:active{
	text-decoration: none;
}
.choose-app-type-wrapper{
	border:2px solid #EEE;
	height:130px;
	border-radius: 3px;
	padding:10px;
	font-size: 15px;
	margin-top:20px;
}
.choose-app-type-wrapper:hover{
	border-color:#00abff;

}
.fixed-sidebar{
	position: fixed;
	top: 53px;
	bottom: 0;
	left: 0;
	z-index: 1000;
	display: block;
	padding: 20px;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #f5f5f5;
	border-right: 1px solid #eee;	
}
.reply-to-review-reveal{
	display: inline;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	color: #5e6a79;
}
.cancel-reply-to-review{
	cursor: pointer;
	margin-right:10px;
}
.review-reply-text{
	margin-left: 15px;
	padding-left: 5px;
	border-left: 2px solid #CCC;
	margin-top:20px;
	margin-bottom: 10px;
}
#load-more-cat-apps{
    background: transparent;
	border: 2px dashed;
	color: #0087ff;
    margin-bottom: 30px;
    margin-top: 20px;
}
#load-more-cat-apps:hover{
	color:blue;
}
.label-app-status{
	width: 65px;
	display: block;
	font-size: 13px;
	font-weight: normal;
	margin: 0 auto;
}
.dev-dash-sec{
	background-color: white;
	padding: 20px;
	padding-top: 20px;
	margin-top: 75px;
	margin-bottom: 25px;
	box-shadow: 0px 0px 3px #E1E1E1;
	border: 1px solid #DBDBDB;	
	border-radius: 3px;
	padding-top: 0;	
	min-height: calc(100vh - 100px);
}
.dev-dash-sec-h1{
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-bottom: 30px;
	font-size: 30px;
	font-weight: 400;
}
#dev-profile-tab-nav{
	text-align: center;
}
#dev-profile-tab-nav > li{
	float: none;
	display: inline-block;
}
.dev-profile-tab-pane{
	overflow:hidden; 
	padding-top:20px;
	padding-bottom: 20px;
	min-height:400px;
}
#page-dev-pub-profile footer{
	border-top: none !important;
}
.nav-icon{
	opacity: 0.7;
}
.nav-icon:hover{
	opacity: 1;
}

.review-like-disabled, .review-like{
	display: inline-block;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	 -khtml-user-select: none; /* Konqueror HTML */
	   -moz-user-select: none; /* Old versions of Firefox */
	    -ms-user-select: none; /* Internet Explorer/Edge */
	        user-select: none; /* Non-prefixed version, currently*/

}
.review-like{
	cursor: pointer;
}
.review-like-active{
	color:blue;
}
.my-review-wrapper{
	margin-bottom:30px; 
	margin-top:30px; 
	border:1px solid #c5d2e2; 
	background-color: #f9fbfd; 
	border-radius:3px; 
	padding:5px;
	position: relative;
}
.iap-product-wrapper{
	border: 1px solid #d5dee8;
    overflow: hidden;
    padding: 5px;
    background-color: #f5f6f9;
    border-radius: 4px;
    padding-right: 15px;
    padding-bottom: 0px;
}
#zip-upload-sec, #html-upload-sec, #url-sec{
	display: none;
	margin-left:20px;
}
#editor-opt-wrapper, #zip-opt-wrapper, #html-opt-wrapper, #url-opt-wrapper{
	border:2px solid white;
	padding:5px;
	border-radius: 3px;
	padding-left: 5px;
	border-color: #cbe8fd;
    background-color: #f6fbff82;
    margin-bottom: 20px;
}
#editor-opt-active, #zip-opt-wrapper.active, #html-opt-wrapper.active, #url-opt-wrapper.active{
	border-color: #6db6ea;
    background-color: #ecf6ff;
}
#editor-opt-wrapper:hover, #zip-opt-wrapper:hover, #html-opt-wrapper:hover, #url-opt-wrapper:hover{
	border-color: #6db6ea;
    background-color: #ecf6ff;
}
.deploy-opts{
	padding-left: 15px;
}
#editor-opt-wrapper label, #zip-opt-wrapper label, #html-opt-wrapper label, #url-opt-wrapper label{
	padding-left: 30px;
}
.deploy-opt-title{
	font-size: 17px;
    font-weight: 400;
	margin-bottom: 10px;
    display: block;
}
#editor-opt-wrapper{
	padding-top: 20px;
	padding-bottom: 20px;
	color: #333333;
	text-decoration: none;
}
#iap-product-sku-input{
	width:132px;
}
#iap-product-price-input{
	width:100px;
}
#pricing-price-wrapper{
	display: none;
}
.listing-img-asset{
	width:250px; 
	height:300px; 
	border:2px 
	solid #CCC;
	float:left;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 10px;
	margin-right:10px;
	margin-top:10px;
	background-color: #EEE;
	border-radius: 3px;
    background-size: 200px;
}
.screenshot-upload-placeholder{
	border-style: dashed;
	cursor: pointer;
    background-image: url(../_outpan_img/upload.svg);
    background-size: 100px;
}
.screenshot-upload-placeholder:hover{
	border-color: #636363;
}
.screenshot-upload-input{
	display: none !important;
	z-index: 9999999;
}
.delete-app-screenshot{
	cursor: pointer;
    font-size: 20px;
    margin: 5px;	
}
.upload-sc-txt{
	line-height: 300px;
    text-align: center;
    font-size: 20px;
}
.delete-screenshot-upload-placeholder{
	display: none;
	font-size: 20px;
	margin:5px;
	color: #7b7b7b;
}
.delete-screenshot-upload-placeholder:hover{
	color:black;
}
#read-more-btn{
	display: block;
    width: 100px;
    margin: 15px auto;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    color: #688ba0;
}
/*************************************************
 * Editor
 *************************************************/
.editor{
	width:100%;
}
#output{
	display: block; 
	width:100%; 
	height: calc(100vh - 420px);
}
#editor-app-name-input{
	display: block;
	float: left;
	width: 300px;
}
#final-code, #html-code, #css-code, #js-code{
	display: none;
}
.editor-wrapper{
	width: 33.3333%;
	height: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;    	
	float: left;	
	overflow: hidden;
}
.editor-wrapper-css{
	border-left: 2px solid white;
    border-right: 2px solid white;
}
.editor-header{
    margin: 0;
    padding: 5px;
    background-color: #EEE;
    background: linear-gradient(0deg, #b9b9b9, #e4e4e4, #e0e0e0);
    text-shadow: 1px 1px #e0e0e0;
    color: #5a5a5a;
    clear:both;
    overflow: hidden;
	height: 35px;
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */

}
.editor-header button{
	float:right;
}
.editor-header h2{
	font-size: 20px;
	float: left;
	margin:0;
}
.CodeMirror{
	border:none;
	height: 100% !important;
}
#css-ext, #js-ext{
	display: block;
	width:100%;
	height:200px;
	white-space: nowrap;
	font-family: monospace;
}
.split, .gutter.gutter-horizontal {
    float: left;
}
.gutter.gutter-horizontal {
    cursor: ew-resize;
    height: 300px;
    background-color: #EEE; 
}
.gutter.gutter-vertical {
    cursor: row-resize;
    height: 5px !important;
    background-color: #EEE; 
}
#html-left-handle{
    cursor: ew-resize;
    width: 8px; 
    height:100%; 
    float:left;
    background-color: #EEE; 
}
.deploy-opt-icon{
	width:30px;
	height:30px;
	margin-right: 5px;
}


.dev-sidebar-item, .sidebar-item{
	margin-right: 0;
    background-size: 20px;
    background-repeat: no-repeat;
    display: block;
    background-position: 20px;
    padding-left: 45px !important;	
}
#dev-sidebar-item-apps{
    background-image: url(/_outpan_img/app-outline.svg);	
}
.active #dev-sidebar-item-apps{
    background-image: url(/_outpan_img/app-outline-white.svg);	
}
#dev-sidebar-item-profile{
    background-image: url(/_outpan_img/profile.svg);	
}
.active #dev-sidebar-item-profile{
    background-image: url(/_outpan_img/profile-white.svg);	
}
#dev-sidebar-item-payout-method{
    background-image: url(/_outpan_img/wallet.svg);	
}
.active #dev-sidebar-item-payout-method{
    background-image: url(/_outpan_img/wallet-white.svg);	
}
#dev-sidebar-item-sales-history{
    background-image: url(/_outpan_img/sales.svg);	
}
.active #dev-sidebar-item-sales-history{
    background-image: url(/_outpan_img/sales-white.svg);	
}
#dev-sidebar-item-api{
    background-image: url(/_outpan_img/api.svg);	
}
.active #dev-sidebar-item-api{
    background-image: url(/_outpan_img/api-white.svg);	
}
#sidebar-item-explore{
    background-image: url(/_outpan_img/compass.svg);	
}
.active #sidebar-item-explore{
    background-image: url(/_outpan_img/compass-white.svg);	
}
#sidebar-item-favorites{
    background-image: url(/_outpan_img/favorites.svg);	
}
.active #sidebar-item-favorites{
    background-image: url(/_outpan_img/favorites-white.svg);	
}
#sidebar-item-history{
    background-image: url(/_outpan_img/history.svg);	
}
.active #sidebar-item-history{
    background-image: url(/_outpan_img/history-white.svg);	
}
#sidebar-item-create-app{
    background-image: url(/_outpan_img/app-outline.svg);	
}
.active #sidebar-create-app{
    background-image: url(/_outpan_img/app-outline-white.svg);	
}

/*************************************************
 * Responsiveness
 *************************************************/
@media (min-width: 768px){
	.navbar-fixed-bottom .navbar-collapse, 
	.navbar-fixed-top .navbar-collapse, 
	.navbar-static-top .navbar-collapse {
	    padding-right: inherit;
	    padding-left: 0;
	}
}
@media (max-width: 1500px){
	.sidebar {
	    width:210px;
	}
}
@media (max-width: 768px) {
	.home-featured-apps-heading{
		text-align: center;
	}
	#buy-btn-c2a{
		text-align: center;
		float:none;
	}
	#nav-main-logo{
		margin-top:5px;
		margin-left: 8px;
	}
	#nav-main-logo>img{
		width:40px;
	}
	#app-splash-category{
		text-align: center;
	}
	#app-splash-developer{
		text-align: center;
	}
	#splash-app-goto-btn-wrapper{
		margin-top:15px;
	}
	#about-description{
		padding-right:0;
	}
	#close-app-splash-btn, #buy-app-btn{
		float: initial
	}
	#splash-app-goto-btn-wrapper{
		text-align: center;
	}
	.splash-app-icon{
		display: block;
		float: initial !important;
		margin: 0 auto !important;
		margin-top: 10px;
	}
	.splash-app-name{
		text-align: center;
		margin-top: 10px;
	}
	.splash-app-rating-wrapper{
		text-align: center;
	}
	#page-app-splash{
		background: white;
	}
	#about-app-wrapper{
		box-shadow: none;
	}
	#page-app .main, #page-embed .main{
		top:0;
	}
	.navbar-form{
		float: right !important;
	    width: 55%;
	    margin: 0;
	    padding-left: 0;
	    padding-right: 0;
	}
	.featured-apps-heading{
		text-align: center;
	}
	.app-settings-link{
	    display: inline;
	}
	.navbar-form{
		margin-left: 10px;
	    margin-right: 10px;
	    border: none;
	    box-shadow: none;		
	}
	#app-canvas{
		position: fixed;
	    top: 0px;
	    bottom: 0px;
	    right: 0px;
	    width: 100%;
	    border: none;
	    margin: 0;
	    padding: 0;
	    overflow: hidden;
	    z-index: 999999;
	    height: 100%;
	}
	/*#app-recom-bar{
		display: none;
	}*/
	#unfave-app-link, #fave-app-link, #about-modal-link, #share-modal-link, #embed-modal-link, .go-fullscreen, #edit-link {
	    margin-left: 9px;
	}
	#reviews-modal-link{
		margin-left: 0px;
	}
	#app-name{
		padding-left: 0;
	}
	.sidebar{
		display: none;
	}
	.main{
	    width: 100%;
	}
	article.blog-post pre{
		margin-left: 0;
		margin-right: 0;
	}
	article.blog-post pre > code{
		padding: 15px;
	}
	.tweet-quote{
	    height: 400px !important;
	}
	#footer-social-section{
		text-align: left;
	}
	.footer-col-inside{
		margin-left: 0 !important;
		clear: both;
	}
	#footer-address-wrapper{
		float: left;
	}
	article.blog-post, .blog-post-text, .blog-post-head{
		padding:20px;
	}
	.footer-column{
		margin-top: 30px;
		margin-bottom: 30px;
	}
	#loginForm, .register-form, #passRecovForm {
	    padding: 20px;
	}
	#loginFormContainer {
	    margin: 0 auto;
	}
	#login-section{
		width:100%;
	}
	.navbar-nav .open .dropdown-menu{
		margin-left:0;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		text-align:center;
	}
	.medium-logo{ 
		margin-top:30px;
	}
	.navbar-right, .navbar-left{
		margin-right:0;
		display:block !important;
		text-align:center;
	}
	.navbar-left{
		margin-bottom: 0;
	}
	.navbar-default .navbar-nav>li>a {
		display: block;
	}
	#index-logo{
		margin:auto;
		width:110px;
	}	
	#index-logo-a{
		width:110px;
		margin:auto;
		display: block;
	}
	footer{
	}
	.profile-attr{
		display:block;
	}
	#cp-heading{
		font-size:16px !important;
		text-align:center;
	}
	.payment-method-card{
		text-align:center;
	}
	.cc-brand{
		margin:auto;
		float:none;
		margin-top: 10px;
	}
	.navbar-default{
		padding:0;
		margin-bottom: 0;
	}
	#intro-heading {
		font-size: 50px;
		text-align: center;
	}
	#intro-subheading {
	    font-size: 30px;
	    font-weight: 300;
	    text-align: center;
	    font-weight: 200;
	}
	.navbar-default .navbar-nav>li>a {
		color: #777777;
	}
	.navbar-default .navbar-nav>li>a {
		margin-left: 0px;
		text-align:center;
		width:100%;
	}
	.onboard-container{
		margin-top:20px;
	}
	#credit-card-content{
		text-align: center;
	}
	#footer-menu{
		margin-left:0px;
	}
	#app-recom-bar{
		height:50px;
	}
	#app-options-wrapper{
		overflow: initial;
		margin-left: 0;
		padding-top: 10px;
		height:50px;
		padding-top:0;
	}
	.app-info-link{
		width:25%;
		text-align: center;
		margin-top: 20px;
	}
	.app-info-link .fa {
	    font-size: 30px;
	    margin-top: -25px;
	    margin-left: 5px;
	}
}
@media(min-width:768px) and (max-width: 991px){
	.home-featured-apps-heading{
		text-align: center;
	}
	#app-canvas{
		position: fixed;
	    top: 0px;
	    bottom: 0px;
	    right: 0px;
	    width: 100%;
	    border: none;
	    margin: 0;
	    padding: 0;
	    overflow: hidden;
	    z-index: 999999;
	    height: 100%;
	}
	#page-app .main, #page-embed .main{
		top:0;
	}
	.featured-apps-heading{
		text-align: center;
	}
	.app-settings-link{
	    display: inline;
	}
	.navbar-form{
		margin-left: 10px;
	    margin-right: 10px;
	    border: none;
	    box-shadow: none;		
	}
	article.blog-post pre{
		margin-left: 0;
		margin-right: 0;
	}
	article.blog-post pre > code{
		padding: 15px;
	}
	.tweet-quote{
	    height: 350px !important;
	}
	#footer-social-section{
		text-align: left;
	}
	.footer-col-inside{
		margin-left: 0 !important;
		clear: both;
	}
	#footer-address-wrapper{
		float: left;
	}
	.navbar-default .navbar-nav>li>a {
		color: #777777;
	}
	#app-name{
		display:block;
	}
	code{
		white-space: normal;
		word-wrap: break-word;
	}
	.navbar-toggle {
		margin-right:0px;
	}
	.modal-dialog {
		width: 500px;
	}
	.modal-dialog {
		margin: 100px auto;
	}

	.navbar-default{
		padding-top:0;
		padding-bottom:0;
		margin-bottom: 0;
	}
	#add-payment-method-modal .modal-dialog{
	    width: 400px;
	    margin: 30px auto;
	}
	.navbar-default .navbar-nav>li>a {
		margin-left: 0px;
	}
	#intro-heading {
		font-size: 60px;
	}
	#intro-subheading {
	    font-size: 30px;
	}
	.onboard-container{
		margin-top:20px;
	}
	#footer-menu{
		margin-left:0px;
	}
}

@media(min-width:992px) and (max-width: 1199px){
	.sidebar{
		width:220px;
	}
	.app-settings-link{
	    display: inline;
	}
	.navbar-default .navbar-nav>li>a {
		color: #777777;
	}
	.navbar-default{
		padding-top:0;
		padding-bottom:0;
		margin-bottom: 0;
	}
	.collapsing {
		overflow: hidden!important;
	}
	#add-payment-method-modal .modal-dialog{
	    width: 400px;
	    margin: 30px auto;
	}
	.navbar-default .navbar-nav>li>a {
		margin-left: 0px;
	}
	.onboard-container{
		margin-top:20px;
	}
	.navbar-right, .navbar-left{
		display:block !important;
		text-align:center;
	}
	.navbar-left{
		margin-bottom: 0;
	}
	.navbar-default .navbar-nav>li>a {
		display: block;
	}
	#search-input{
		width: 300px;
	}
	#app-toolbar-icon{
		width: 40px;
		height: 40px;
	}
	#app-name{
		font-weight: 500;
	}
	#app-name{
		font-weight: 500;
		font-size:20px;
	}
	#app-canvas {
		position: fixed;
	    top: 54px;
	    bottom: 0px;
	    right: 0px;
	    width: 100%;
	    border: none;
	    margin: 0;
	    padding: 0;
	    overflow: hidden;
	    z-index: 999999;
	    height: 100%;
		height: calc(100vh - 54px);
	}
}

@media(min-width:1200px){
	.navbar-default{
		padding-top:10px;
		padding-bottom: 10px;
	}
	#add-payment-method-modal .modal-dialog{
	    width: 400px;
	    margin: 30px auto;
	}
	#search-input{
		width: 400px;
	}
	#app-canvas {
		position: fixed;
	    top: 54px;
	    bottom: 0px;
	    right: 0px;
	    width: 100%;
	    border: none;
	    margin: 0;
	    padding: 0;
	    overflow: hidden;
	    z-index: 999999;
	    height: 100%;
		height: calc(100vh - 54px);
	}
	#app-toolbar-icon{
		width: 32px;
		height: 32px;
		margin-top: 10px;
		width: 35px;
		height: 35px;
		margin-top: 9px;
	}
	.app-info-link {
	    margin-top: 0px;
	}
	#about-app-wrapper{
		margin-left:30px;
		margin-right:30px;
	}
	.app-canvas-partial{
	    width: calc(100vw - 200px) !important;
	    left: 0 !important;		
	}
	#app-recom-col{
		position: fixed;
	    top: 54px;
	    bottom: 0px;
	    right: 0px;
	    width: 200px;
	    border: none;
	    margin: 0;
	    padding: 10px;
	    overflow: scroll;
	    z-index: 999999;
	    height: 100%;
		height: calc(100vh - 54px);
		background-color: #f3f3f3;
    	border-left: 1px solid #CCC;
	}
}