/* Overrides */
html{height:100%;}
body{height:100%;margin:0;padding:0;font-family:Arial,sans-serif;}

a{color:#666}

label{display:block;margin-bottom:8px;text-transform:capitalize}
label>input,label>textarea{width:100%;margin:4px 0;box-sizing:border-box;display:block;}
label>input[type=checkbox]{width:auto;display:inline-block}
label>a{float:right;font-size:80%;line-height:140%;text-decoration:none;}
input{margin:4px 0;padding:4px;}
textarea{height:80px;}
button,.button,input[type=submit],body .stripe-button-el span,body .stripe-button-el:not(:disabled):active span,body .stripe-button-el.active span{padding:9px 20px;border:0;border-radius:4px;box-shadow:inset 0 -3px 3px 1px #525252;cursor:pointer;background:#000;color:#fff;font-family:inherit;font-weight:700;text-decoration:none;display:inline-block;}
button:hover,.button:hover,input[type=submit]:hover,body .stripe-button-el span:hover{background:#444;}
button:active,.button:active,input[type=submit]:active,body .stripe-button-el:not(:disabled):active span,body .stripe-button-el.active span{padding-top:10px;padding-bottom:8px;box-shadow:none;}
button.white,.button.white{    background: #fff; color: #000; box-shadow: inset 0 -3px 3px 1px #C3C3C3;}
button.white:hover,.button.white:hover{background:#eee;}
button.white:active,.button.white:active{padding-top:10px;padding-bottom:8px;box-shadow:none;}


/* Classes */

.Xtion_popup_container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:10000;display:table;table-layout:fixed;}
.Xtion_popup_overlay{width:110%;height:110%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.8);cursor:pointer;-webkit-user-select: none;}/* Width+Height is 110% for compatibility with mobile */
.Xtion_popup_overlay:before{content:"\00d7";font-size: 56px;color:#fff;position:fixed;top: 0;right: 10px;font-weight: 700;line-height: 56px;z-index: 1;text-shadow:0 0 1px #000;height: 40px;overflow: hidden;}
.Xtion_popup_content_container{width:100%;height:100%;display:table-cell;vertical-align:middle;text-align:center;}
.Xtion_popup_content{max-width: 330px;max-height:100%;overflow:auto;padding: 15px;border: 0;border-radius:4px;display:inline-block;background:#fff;position:relative;text-align:left;box-shadow: 0 0 28px 6px #000;}
.Xtion_popup_content.full{max-width: 100%;padding:0;background:0;color:#eee;text-align:center;box-shadow:none;}
.Xtion_popup_content.wide{width:90%;max-width:960px;height:90%;}
.Xtion_popup_content.page{width:100%;max-width: 1000px;height:90%;padding:0;}
.Xtion_popup_actions{display:none!important;}
.Xtion_popup_content>img{display:block;}
.Xtion_popup_content>iframe{width:100%;height:100%;border:0;display: block;}
.Xtion_popup_content>h2:first-child,.Xtion_popup_content>p:first-child{margin-top:0;}
.Xtion_popup_content textarea.Xtion_autoexpand{max-height:250px;}
.Xtion_popup_content>form{min-width:280px;}

.Xtion_popup_loading_container .Xtion_popup_overlay:before{content:''}
.Xtion_popup_loading_container .Xtion_popup_content{background:0;box-shadow:none;}

.Xtion_popup_prompt_inputs input{display:block;width:90%;margin:10px 0;padding:6px;}

.Xtion_popup_content_actions>button,.Xtion_popup_prompt_actions>button{margin:10px 4px;}

.Xtion_popup_content form label{display:block;margin-bottom:6px;}
.Xtion_popup_content form label>*{display:inline-block;vertical-align:middle;}

.Xtion_popup_temporary_container{width:auto;max-width:none;height:auto;display:block;top:auto;bottom:-25px;left:25px;}
.Xtion_popup_temporary_container .Xtion_popup_content_container{display:block;}
.Xtion_popup_temporary_container .Xtion_popup_content{background:#000;font-weight:700;overflow:visible;color:#fff;font-size:16px; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24); display: inline-block; line-height: 20px; padding: 16px; white-space: nowrap; z-index: 45; }
.Xtion_popup_temporary_container_animation{bottom:25px;transition:0.25s;}

.Xtion_form_output{padding-bottom:12px;}
.Xtion_form_output:empty{padding:0;}
.Xtion_form_output_success{color:#090;}
.Xtion_form_output_failure{color:#900;}


/* Layout */
.content{width:1000px;max-width:100%;margin:0 auto;}

#header{height:50px;background:rgba(0,0,0,0.8);line-height:50px;box-shadow:0 0 1px #000;z-index:10;}
#header_logo{ font-size:20px; text-decoration:none; margin-top:-2px; display:inline-block; }
#header_logo>img{ height:28px;vertical-align: middle; margin-top: -4px;-webkit-filter:invert(100%);filter:invert(100%);}
#header_logo>span{vertical-align: middle; font-weight: 700; color: #fff; margin-left: 6px;text-transform: uppercase; font-family: sans-serif; position: relative; top: 4px; font-size: 17px;}
#header nav{float:right}
#header nav>a{margin:0 18px;display:inline-block;vertical-align:middle;text-decoration:none;color:#fff;text-transform:capitalize;font-size:14px;}
#header nav>a.selected{color:#ccc;}

#sidebar{width:20%;display:inline-block;vertical-align:top;background:#bbb;}
#sidebar+.main_content{width:78%;margin:0 0 0 2%;display:inline-block;vertical-align:top;}

#footer{height:150px;background:#ccc;}


/* Content */

#page_index #main{height:100%;}
#page_index ::-webkit-input-placeholder{color:#fff;}
#page_index :-moz-placeholder{color:#fff;opacity:1;}
#page_index ::-moz-placeholder{color:#fff;opacity:1;}
#page_index :-ms-input-placeholder{color:#fff;}
#page_index input:focus{outline:none;}
#page_index #header{width:100%;position:fixed;top:0;left:0;    background: 0; box-shadow: none;}
#content_index{width:100%;height:100%;text-align:center;color:#fff;font-size:170%;background:url('../images/index.jpg') no-repeat #000;background-size:100%;display:table;}
#content_index_inner{display: table-cell; vertical-align: middle;}
#content_index_inner>h1{margin-top:-100px;}
#content_index_inner>p{    margin-top: -15px; font-size: 24px;}

#content_pro{text-align:center;}
#content_pro_features>div{width:24%;margin:0 0.5%;display:inline-block;vertical-align:top;}
#content_pro_features>div img{max-width:100%;}
#content_pro h2{font-size:22px}
#content_pro .stripe-button-el{padding:0!important;background:0!important;}
#content_pro .stripe-button-el>span{font-size:18px!important;}

#content_help strong+p{margin-top:4px;}
#content_help a{word-wrap:break-word;}

#content_instructions{text-align:center;}
#content_instructions_screenshots img{width:100%;margin-bottom:8px;display:block;border:1px solid #000;}

#login{width:280px;}
#login>h1{text-align:center;}
#login>form>button{width:100%;}

#uninstall label{padding:6px 0;}
#uninstall label>textarea{width:400px;margin-top:8px;height:80px;display:block;}

#content_user_invoice{font-size:125%;}
#content_user_invoice table{width:100%;border-collapse:collapse;}
#content_user_invoice table td{padding:4px;border:1px solid #000;}

/* Compatibility */
a,img{border:0;}/* IE9- puts a border around link images */
header,nav,footer,section,aside,cite{display:block;}/* IE8- HTML5 Support (With html5 shiv)*/

@media (max-width:768px){
	h1{font-size:1.5em;text-align:center;}

	#main .content{padding:10px;box-sizing:border-box;}

	#header{height:auto;}
	#header_logo{display:block;text-align:center;}
	#header nav{float:none;text-align:center;}
	#header nav>a{margin:0 10px;font-size:16px;}

	#page_index #header nav>a{font-weight:700;}
	#content_index{background-size:cover;background-position-x:-200px;}
	#content_index_inner>p{font-size:20px;}

	#content_pro>h1+div>div{width:100%;}

	#header_login{display:none!important;}
}

@media print{
	#header{display:none}
	.print_hide{display:none!important;}
}
/* Fonts */
/*@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans'),local('OpenSans'),url('fonts/OpenSans-Bold.ttf');}*/