<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html{
    margin: 0;
    padding: 0;
    height: 100%;
    min-height: 100%;
    width: 100%;
}

body{
    color: #555;
    margin: 0;
    padding: 0;
	height: 100%;
	min-height: 100%;
	width: 100%;
	font-family: "Roboto", sans-serif;
}

	body p, body label, body li, body input, body select, body div, body button{
		font-family: "Roboto", sans-serif;
    	font-weight: 300;
	}

	body h1, body h2, body h3{
    	font-family: "Roboto", sans-serif;
    	font-weight: 700;
    }
    
    body .alert{
	    border-radius: 0;
	    padding: 10px 10px;
	    font-size: 13px;
    }

a, a:hover{
	cursor: pointer;
	color: #3299BB;
	text-decoration: none;
}

input.error{
	border: 1px solid #A4110A;
}

body input.form-control[type=text], 
body input.form-control[type=number], 
body input.form-control[type=password], 
body input.form-control[type=email],
body select.form-control,
body textarea.form-control{
	font-size: 15px;
	box-shadow: none !important;
	background: none;
	outline: none !important;
	border: none !important;
	border: 1px solid #ddd !important;
	border-radius: 0 !important;
	padding: 5px 10px !important;
	height: 45px !important;
    background-color: transparent;
    -webkit-appearance: none;
	-webkit-border-radius: 0px;
}

	body input.form-control[disabled]{
		background-color: #f8f8f8;
	}

	body select.form-control{
		background: url('../images/down.png') no-repeat right 12px;
		background-size: 20px;
	}

	body textarea.form-control.large{
		height: 250px !important;
	}

.primary-button, .secondary-button, .tertiary-button{
    display: inline-block;
    background-color: #3299bb;
    border: 1px solid #3299bb;
    font-family: "Ubuntu", sans-serif;
    font-weight: normal;
    color: #fff;
    font-size: 14px;
    margin: 0;
    padding: 0 20px;
    cursor: pointer; 
    padding: 8px 20px;
    font-weight: 100;
    outline: none;
    border-radius: 20px;
}

	.primary-button[disabled=disabled]{
		background-color: #f0f0f0;
		border-color: #ccc;
		color: #ccc;
	}

    .primary-button:hover{
        background-color: #1d7b9a;
        border-color: #1d7b9a;
    }
    
.secondary-button{
    background-color: #fff;
    color: #3299bb;
    border-color: #ddd;
}
    .secondary-button:hover{
        border-color: #3299bb;
    }
    
.tertiary-button{
    background-color: #fff;
    color: #3299bb;
    border-color: #ddd;
    color: #888;
}
    .tertiary-button: hover{
        background-color: #f0f0f0;
    }
    
    .primary-button i, .secondary-button i, .tertiary-button i{
    	margin-right: 5px;
    }
    
.offset-left{
    margin-left: 20px;
}

/* customize tooltips */
.tooltip-inner{
    background-color: #444;
    padding: 5px 10px;
    border-radius: 0;
}

.tooltip-arrow{
    display: none;
}

/* form */
.main form{
	margin: 20px;
}

	.main .form-group{
		max-width: 450px;
	}
	
	.main .form-vertical{
		padding-bottom: 50px;
	}
	
		.main .form-vertical .form-group{
			border-bottom: 1px solid #f0f0f0;
			padding-bottom: 20px;
		}
		
		.main .form-vertical .form-group:last-child{
			border-bottom: none;
		}
		
		.main .form-vertical .help-block{
			margin-bottom: 0;
		}
	
	.main .form-group label{
		color: #888;
	}
	
	.main p{
		padding-bottom: 20px;
		line-height: 25px;
	}
	
	.input-2{
		width: 65px;
	}
	
	.input-4{
		width: 75px;
	}
	
	.inline{
		display: inline-block;
	}
	
	.inline-actions button{
		margin-right: 10px;
	}

		.inline-actions span{
			color: #888;
		}
		
	/* tables */
	.main .form-group table{
		margin: 0;
	}
		
	.main .form-group table th small{
		font-weight: normal;
		color: #aaa;
		margin-left: 5px;
	}

/* .read-only.table */
.read-only-table small, .read-only-table span{
	display: block;
}

	.read-only-table small{
		color:#888;
		margin: 10px 0;
		text-transform: uppercase;
	}
	
	.read-only-table a{
		margin-right: 10px;
	}
	
	body .read-only-table td, body .read-only-table th{
		padding: 15px 15px !important;
	}
	
	body .read-only-table th{
		background-color: #f8f8f8;
		color: #777;
		font-weight: normal;
	}

/* modals */
body .modal-header{
	padding-top: 10px;
	padding-bottom: 10px;	
	margin-bottom: 10px;
}

	body .modal-header h3{
		padding-top: 0;
		margin-top: 10px;
		font-size: 1.4em;
	}
	
	body .modal-header .close{
		margin-top: 7px;
	}
    
    body .modal-footer{
	    margin-top: 0;
    }
    
    	body .modal-body form{
	    	margin: 0;
	    	padding: 0;
    	}
    	
    	body .modal-body label{
	    	color: #888;
    	}
    
    	body .modal-footer .tertiary-button{
	    	float: left;
    	}
    
		body .modal-footer .primary-button{
		    margin-left: 10px;
		}
		
	body .modal .modal-info{
		color: #888;
		margin-bottom: 25px;
	}
	
	body .modal .help-block{
		margin-bottom: 0;
	}	
	
	body .modal .form-group{
		padding-bottom: 15px;
		margin-bottom: 10px;
		position: relative;
	}
	
		body .modal .form-group.no-border{
			border-bottom: none;
			padding-bottom: 0;
		}

		body .modal .form-group:last-child{
			border-bottom: none;
		}
		
		body .modal .table td span.fa{
			color: #aaa;
			margin-left: 10px;
		}
		
		body .modal .input-select{
			position: absolute;
			top: 26px;
			right: 5px;
			z-index: 5;
			border-left: 1px solid #ddd;
			height: 43px;
			width: 43px;
			text-align: center;
			color: #888;
			font-weight: bold;
		}
		
			body .modal .input-select button{
				outline: none !important;
				box-shadow: none !important;
			}
		
		body .modal .input-select.option2{
			position: absolute;
			top: 26px;
			right: 40px;
		}
		
		body .modal .input-select .dropdown-toggle{
			background-color: #fff;
			font-size: 20px;
		}
		
			body .modal .input-select .dropdown-toggle i{
				font-size: 15px;
			}
		
		body .modal .input-select .dropdown-menu small{
			display: block;
			color: #aaa;
			font-size: 11px;
			text-transform: uppercase;
		}
		
		body .modal .input-select .dropdown-menu{
			border-radius: 0;
			height: 200px;
			width: 300px;
			overflow: auto;
			margin-right: -5px;
			margin-top: 0;
		}
		
		body .modal .input-select .dropdown-menu li{
			border-bottom: 1px solid #f0f0f0;
		}
		
			body .modal .input-select .dropdown-menu li a{
				padding-top: 5px;
				padding-bottom: 5px;
			}

/* header */
header{
    position: fixed;
    top: 0;
    left: 0;
	margin-left: -350px;
	width: 350px;
	background-color: #f8f8f8;
	color: #333;
	min-width: 35px;
	height: 100%;
	overflow: scroll;
	border-right: 1px solid #f0f0f0;
    -webkit-transition: .2s all ease;
	-moz-transition: .2s all ease;
	-o-transition: .2s all ease;    
	-ms-transition: .2s all ease;
	transition: .2s all ease;
	z-index: 1000;
}

	#header-overlay{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.25);
		z-index: 999;
		display: none;	
	}
	
	header .profile{
		position: absolute;
		top: 5px;
		left: 5px;
		height: 45px;
		line-height: 45px;
		z-index: 10;
	}
	
		header .profile .photo{
			float: left;
			display: inline-block;
			width: 45px;
			height: 45px;
			background-size: cover;
			border-radius: 50%;
			margin-right: 5px;
			border: 2px solid #f0f0f0;
		}
	
		header .profile a{
			color: #111;
			text-transform: uppercase;
		}

    
    header .sub-menu a{
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: #aaa;
        font-size: 1em;
        margin-left: 0;
		border-radius: 50%;
    }
    
         header .sub-menu a:hover{
             text-decoration: none;
             color: #1111;
         }
         
         header .sub-menu a.signout:hover{
	         background-color: #A4110A;
	         color: #fff;
         }
         
         header .sub-menu a.republish:hover{
	         background-color: #7ec57e;
         }
         
	header .sub-menu{
		position: absolute;
		top: 7px;
		right: 5px;
		z-index: 10;
	}
	
	header .sub-menu a.hide-menu{
		background-color: #ddd;
		color: #fff;
		border-color: #555;
	}
	
		header .sub-menu a.hide-menu:hover{
			background-color: #aaa;
		}

    body.show-nav header{
        margin-left: 0;
		box-shadow: 30px 30px 100px rgba(0,0,0,.2);
    }
    
    body.show-nav #header-overlay{
        display: block;
    }
    
    header ul, header li{
        list-style: none;
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #f0f0f0;
    }
    
    header h2{
    	position: relative;
	    color: #aaa;
	    font-size: 13px;
	    font-weight: normal;
	    padding: 0 0 0 10px;
	    margin: 0;
	    text-transform: uppercase;
    }
    
    	header h2 a{
    		position: absolute;
    		bottom: 10px;
    		right: 10px;
    		display: inline-block;
	    	color: #aaa;
	    	font-size: 11px;
	    	font-weight: normal;
	    	text-transform: uppercase;
    	}
    	
    	header h2 a i{
	    	color: #888;
	    	font-size: 11px;
	    	margin-left: 5px;
    	}
    
    	header h2.basic{
	    	padding: 75px 0 10px 10px;
    	}
    	
    	header h2.advanced{
	    	padding: 20px 0 10px 10px;
	    }
    
    header ul{
        border-top: 1px solid #ccc;
    }
    
    header li a{
    	font-family: "Roboto", sans-serif;
    	font-weight: 100;
        font-size: 16px;
        display: block;
        padding: 10px 15px;
        color: #111;
        font-size: 1.1em;
    }
    
        header li a i{
            display: inline-block !important;
            color: #aaa;
            margin-right: 10px;
            width: 20px !important;
        }
    
        header li.active a{
            background-color: #3299BB;
            color: #fff;
        }
        
        	header li.active i{
	        	color: #fff;
        	}
    
        header li a:hover{
            list-style: none;
            color: #fff;
            text-decoration: none;
            background-color: #3299bb;
        }
        
            header li a:hover i{
                color: #fff;
            }

/* .main */
section.main{
	padding-bottom: 50px;
	z-index: 10;
}

	section.main .alert{
		margin: 20px 20px 0 20px;
	}
	
	section.main .alert a{
		margin-left: 15px;
		background: #fff;
		padding: 5px 15px;
		border-radius: 12px;
		border: 1px solid #ccc;
		color: #428bca; 
		text-decoration: none;
	}
	
		section.main .alert a:hover{
			background-color: #f8f8f8;
			border: 1px solid #aaa;
		}
		
		#account-message{
			display: none;
		}

    section.main table{
	    margin: 20px;
	    border-bottom: 1px solid #ddd;
	    border-left: 1px solid #ddd;
	    border-right: 1px solid #ddd;
	    width: calc(100% - 40px);
    }
    
    	section.main table th{
	    	border-right: 1px solid #ddd;
    	}
    	
    	section.main table td.status a{
	    	margin-left: 10px;
    	}

	section.main table .number{
		text-align: right;
	}

/* menu */
section.main menu{
	position: relative;
	background-color: #f8f8f8;
	border-bottom: 1px solid #f0f0f0;	
	margin: 0;
	padding: 0 20px;
	line-height: 50px;
	height: 50px;
}

	section.main menu .menu-actions{
		position: absolute;
		top: 2px;
		right: 13px;
	}

	section.main menu i{
		margin-left: 5px;
		color: #888;	
		padding: 4px 5px 0 5px;
		font-size: 16px;
	}
	
	section.main menu .active i{
		color: #81b841;
	}
	
	section.main menu a:hover i{
		color: #81b841;
	}
		
	section.main menu .dropdown-menu{
		border-radius: 0;
		box-shadow: none;
		border: 1px solid #f0f0f0;
	}
	
		section.main menu .dropdown-menu a{
			color: #aaa;
			font-size: 13px;
		}
		
	section.main menu .dropdown{
		margin: 0;
	}
	
	section.main menu .dropdown .btn{
		border-radius: 0;
		border-color: #ddd;
	}
	
	section.main menu .dropdown .caret{
		margin-left: 5px;
		color: #ddd;
	}
	
	section.main menu .dropdown-menu .secure{
		margin-left: 5px;
		color: #ddd;
	}
	
	section.main menu .dropdown-menu a{
		color: #888;
		padding: 10px 15px;
		min-width: 205px;
	}

/* nav */
section.main nav{
    background-color: #3299bb;
    height: 64px;
    margin: 0;
    padding: 0;
    position: relative;
}   
    
    section.main nav .show-menu, section.main nav .back{
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 64px;
        height: 64px;
        line-height: 64px;
        text-align: center;
        background: #3299bb url('../images/menu.png') no-repeat 18px 18px;
        background-size: 25px;
    }
    
    	section.main nav .back{
	        background: #3299bb url('../images/back.png') no-repeat 20px 20px;
	        background-size: 15px;
		}
    
    	section.main nav .show-menu:hover, section.main nav .back:hover{
            background-color: #1d7b9a;
            text-decoration: none;
        }
    
	section.main h1{
		margin: 0;
		padding: 0 0 0 68px;
		line-height: 64px;
		height: 64px;
		font-size: 18px;
		color: #fff;
		font-family: "Roboto", sans-serif;
		font-weight: 100;
	}
	
	section.main nav h2{
		position: absolute;
		top: 1px;
		right: 20px;
		margin: 0;
		padding: 0;
		line-height: 64px;
		height: 64px;
		font-size: 15px;
		color: #fff;
		font-family: "Roboto", sans-serif;
		font-weight: 100;
	}

	section.main nav .static-title{
        display: inline-block;
        padding: 0 30px;
		margin: 0 0 0 50px;
		background: #E9E9E9;
        border-bottom: 3px solid #FF9900;
        height: 50px;
        line-height: 47px;
        font-size: 1em;
	}
	
		section.main nav .static-title i{
			margin: 0 7px;
		}

    section.main nav .primary-action{
        position: absolute;
        display: block;
        right: 52px;
        top: 15px;
        height: 35px;
        white-space: nowrap;
        font-size: 15px;
        padding: 0 15px;
        color: #fff;
        background-color: transparent;
        border: 1px solid rgba(255,255,255,0.25);
        font-size: 14px;
        font-weight: 100;
        width: auto;
        text-align: center;
    }
    
    	section.main nav .primary-action:hover{
	    	border: 1px solid #fff;
    	}
    	
    section.main nav .more{
        position: absolute;
        display: block;
        right: 0;
        top: 0;
        height: 65px;
        font-size: 1em;
        padding: 0;
        color: #fff;
        font-size: 14px;
        width: 50px;
        text-align: center;
    }
    
    	 section.main nav .more button{
	    	 height: 65px;
	    	 line-height: 75px;
	    	 width: 50px;
	    	 margin: 0;
	    	 padding: 0;
			 background-color: transparent;
			 border: none;
		}
    
        section.main nav .more.open{
            text-decoration: none;
			background: #1d7b9a;
        }
        
        section.main nav .more i{
            font-size: 22px;
        }
        
        section.main nav .dropdown-menu{
	        border-radius: 0;
	        border: 0;
			background: #1d7b9a;
			margin: -1px 0 0 0;
        }
        
        	section.main nav .dropdown-menu li:hover, section.main nav .dropdown-menu a:hover{
	        	background: none !important;
        	}
        	
        	section.main nav .dropdown-menu li a{
	        	color: #fff;
        	}
        	
        	section.main nav .dropdown-menu li a{
	        	padding: 10px 15px;
	        	font-size: 14px;
	        	font-weight: 100;
        	}
    
    
    section.main .actions{
        position: fixed;
        box-sizing: border-box;
        left: 0;
        bottom: 0;
        padding: 10px 20px;
        width: 100%;
        background-color: #fff;
        z-index: 900;
    }

	/* flipsnap */
	.main nav .fs-container{
		overflow: hidden;
		margin: 0 50px 0 50px;
	}
	
		.main nav .fs-container.full{
			margin: 0 0 0 50px;
		}
	
		.main nav .fs{
			width: 3000px;
		}
	
		.main nav .fs ul{
			margin-left: 0;
		}
		
		a.fs-next, a.fs-prev{
		    position: absolute;
		    color: #fff;
		    background-color: rgba(255,255,255,0.1);
		    height: 50px;
		    line-height: 50px;
		    z-index: 10;
		    padding: 0 10px;
		    text-decoration: none;
		}
		
			a.fs-next i, a.fs-prev i{
				color: #fff !important;
			}
		
		    a.fs-next:hover, a.fs-previous:hover{
		        opacity: 1;
		    }
		    
		    a.fs-next{
		        top: 0;
		        right: 0;
		    }
		    
		    .main nav .fs-container.full a.fs-next{
			    right: 0;
		    }
		    
		    a.fs-prev{
		        top: 0;
		        left: 0;
		        display: none;
		    }


	/* lock */
	section.main nav .lock, section.main nav li.active .lock{
		display: none;
	}

	section.main nav li.is-secure .lock{
		right: auto !important;
		left: 0 !important;
		display: inline-block;
		color: #fff;
		margin-left: 7px;
		color: #ccc;
	}
	
		section.main nav li.is-secure.active .lock{
			color: #aaa;
		}

div.content-row{
	box-sizing: border-box;
	padding: 0 20px;
}

fieldset{
	border-bottom: 1px solid #f0f0f0;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

	fieldset:last-child{
		margin-bottom: 0;
		border-bottom: 0;
	}

body .read-only{
	display: block;
	padding-top: 8px;
}

	body .read-only span, body .read-only small{
		font-weight: normal;
		display: block;
		margin: 0 0 5px 0;
		padding: 0;
		height: auto;
		line-height: auto;
	}
	
	body .read-only a{
		margin-right: 15px;
	}
	
	body .read-only small{
		color: #888;
		text-transform: uppercase;
	}
	
	body .form-group .loading{
		display: block;
		margin-top: 8px;
		color: #aaa;
	}
	
		body .form-group .loading i{
			margin-right: 5px;
		}
		
	body .form-stacked-bottom{
		margin-top: 10px;
	}
	

span.help-block{
	color: #888;
	font-size: 0.9em;
}

h1 .btn-primary{
	position: absolute;
	top: 11px;
	right: 20px;
}

div.content h1{
	color: #888;
	font-size: 24px;
	padding-bottom: 10px;
}

p.inline-status, p.inline-status i{
	color: #888;
}

p.inline-status{
	padding: 0 0 0 20px;
}

div#actions{
	position: fixed;
	box-sizing: border-box;
	width: 100%;
	bottom: 0;
	background: #fff;
	padding: 10px 10px;
	margin: 0;
	border-top: 1px solid #d0d0d0;
	z-index: 100;
}
	
	div#actions button, div#actions input, div#actions a{
		margin-right: 10px;
	}
	
	div.dialog, div.immersive, div.immersive-actions{
		display: none;
	}

/* select list */
div.select{
  overflow:auto;
  overflow-y:scroll;
  height: 150px;
  margin: 0;
  border: 1px solid #ccc !important;
  border-radius: 5px;
}

	div.select.select-lg{
		height: 300px;
	}

div.select.small{
  height: 200px;
}

div.select.mini{
  height: 150px;
}

div.select ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

div.select ul li.parent{
  color: #fff;
  background: #888;
  font-weight: bold;
  cursor: default;
}

div.select ul li{
  display: block;
  margin: 0;
  padding: 10px 15px;
  border-bottom: 1px solid #ccc;
}

div.select ul li i{
    color: #aaa;
    margin-right: 5px;
}

div.select ul li small{
    color: #888;
    font-size: 0.85em;
    float: right;
}

div.select ul li:hover{
  background: #f0f0f0;
  cursor: pointer;
}

div.select ul li.selected{
  background: #fbec5d;
  font-weight: bold;
}

    div.select ul li.selected i{
        color: #888;
    }


div.select em{
	display: block;
	font-style: normal;
	color: #888;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
}

/* table */
.table tr.active td{
	background-color: #FDFCCE !important;
}

.table tr.active a.switch{
 	display: none;
}

.table .action{
	text-align: center;
}

.table .action i{
	font-size: 17px;
}

.table .action .remove i{
	color: #B11623;
}

.table-loading{
    color: #ccc;
    text-transform: uppercase;
    font-size: 12px;
}

section.main .table table{
	margin-top: 0;
	width: 100%;
}

	section.main .table table td:first-child{
		padding-left: 0;
	}
	
	section.main .table table td:last-child{
		padding-right: 0;
	}

	section.main .table table tr:first-child td{
		border-top: 0;
		padding-top: 0;
	}
	
	section.main .table table tfoot tr td{
		border: none;
	}
	

/* dropdown */
body .btn-group.open .dropdown-toggle{
	background-color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
}

body .dropdown-menu{
	-webkit-box-shadow: none;
	box-shadow: none;
}

	body .dropdown-menu li, body .dropdown-menu a{
		color: #888;
	}

	body .dropdown-menu li:hover, body .dropdown-menu a:hover{
		background-color: #f8f8f8;
		color: #888;
	}
	
	body .dropdown-menu li{
		position: relative;
	}
	
	body .dropdown-menu li.active, body .dropdown-menu li.active a{
		background-color: #888;
		color: #fff;
	}
	
		body .dropdown-menu li a{
			padding-left: 5px;
			margin-left: 5px;
		}
	
		body .dropdown-menu li .remove{
			position: absolute;
			top: 2px;
			right: 5px;
			z-index: 10;
			cursor: pointer;
		}
		
		body .dropdown-menu li i:hover{
            color: #A4110A;
        }

/* codemirror */
body .CodeMirror{
    border: 1px solid #ccc;
    height: 550px;
    margin: 0;
}

	body .CodeMirror div{
		font-family: 'Inconsolata', 'Courier', sans-serif;
	}

.codemirror-block{
	margin: 20px 20px 10px 20px;
}

.template-insert{
	margin: 10px 20px;
	color: #888;
	font-size: 0.9em;
}

/* segmented control */
.segmented-control{
	display: block;
	text-align: left;
	margin: 20px 20px 0 20px;
	padding: 0;
	height: 35px;
	max-width: 550px;
}

	.modal .segmented-control{
		max-width: none;
		margin-bottom: 20px;
		margin-top: 0;
	}

	.segmented-control li{
		border-top: 1px solid #81b841;
		border-bottom: 1px solid #81b841;
		border-right: 1px solid #81b841;
		display: block;
		float: left;
		height: 40px;
		padding: 0;
		width: 20%;	
	}
	
		.segmented-control.count-3 li{
			width: 33.3333333%;
		}
	
		.segmented-control.count-2 li{
			width: 50%;
		}
	
		.segmented-control li:first-child{
			border-left: 1px solid #81b841;
		}
	
		.segmented-control li a{
			display: block;
			text-align: center;
			color: #81b841;
			height: 40px;
			line-height: 40px;
			margin: 0;
			padding: 0;
		}
	
	.segmented-control .active{
		background-color: #81b841;
	}
	
		.segmented-control .active a{
			color: #fff;
		}
		
/* contextual validation */
.triangulate-validating, 
.triangulate-valid, 
.triangulate-invalid{
	position: absolute;
	top: 37px;
	right: 10px;
	background-color: #3299bb;
	color: #fff;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	border-radius: 50%;
	margin-left: 5px;
	display: none;
}

	.triangulate-valid{
		background-color: #7ec57e;
	}
	
	.triangulate-invalid{
		background-color: #A4110A;
	}
	
	.triangulate-validating.visible, 
	.triangulate-valid.visible, 
	.triangulate-invalid.visible{
		display: inline-block;
	}


/* page-specific */
#test-page .fa-check-circle{
	color: #7ec57e;
	background-color: #fff;
	padding: 2px;
	border-radius: 2px;
}

#test-page .fa-times-circle{
	color: #A4110A;
	background-color: #fff;
	padding: 2px;
	border-radius: 2px;
}

#menu-republish-message{
	display: none;
}

#settings-page .shipping-type{
	display: none;
}

#profile-page .profile-view{
	position: relative;
	padding: 0 20px 20px 100px;
}

	#profile-page .profile-view h2{
		font-size: 20px;
		text-transform: uppercase;
	}
	
	#profile-page .profile-view p{
		color: #888;
	}

#profile-page button.update-photo{
	position: absolute;
	box-sizing: border-box;
	left: 10px;
	width: 65px;
	height: 65px;
	padding-top: 4px;
	background-color: #fff;
	border: 2px dashed #eee;
	border-radius: 50%;
	color: #ccc;
	font-size: 10px;
	text-transform: uppercase;
	outline: none;
}

	#profile-page button.update-photo.has-photo{
		border: none;
		background-size:cover;
	}

	#profile-page button.update-photo.has-photo span{
		display: none;
	}

	#profile-page button.update-photo:hover{
		border-color: #3299BB;
	}
	
.branding .placeholder{
	display: inline-block;
	background-color: #f0f0f0;
	max-width: 502px;
	border: 1px solid #fff !important;
	cursor: pointer;
}

	.branding .placeholder img{
		max-height: 200px;
	}

	.branding .placeholder{
		border: 2px solid #f8f8f8;
		min-width: 50px;
		min-height: 50px;
	}

	.branding .placeholder{
		border: none;
	}

	.branding .placeholder:hover{
		border: 1px dashed #3299BB !important;
	}

	.branding .form-group{
		margin-bottom: 50px;
	}

	.branding .placeholder.paypal, #branding-page .placeholder.paypal img{
		max-width: 150px;
	}
	
	.branding .placeholder.touch, #branding-page .placeholder.touch img{
		max-width: 200px;
	}
	
	.branding .form-group small{
		display: block;
		margin-top: 10px;
		color: #888;
	}
	
	.branding input#iconBg{
		max-width: 200px;
	}
	
/* colors page */
.colors .form-group{
	position: relative;
	
}

.colors form h2{
	font-size: 22px;
}

.colors .form-group .sp-replacer{
	float: right;
	margin-top: -30px;
	margin-right: 5px;
	border: none;
	background-color: #fff;
}

	.colors .form-group .sp-replacer .sp-dd{
		color: #aaa;
		font-size: 7px;
	}

/* roles page */
.roles .table{
	margin-top: 30px;
}

	.roles .table thead small{
		display: block;
		color: #aaa;
		font-weight: normal;
		text-transform: uppercase;
	}
	
/* notice */
section.notice a{
	display: block;
	background: #81b841;
	padding: 10px 20px;
	color: #fff;
	line-height: 20px;
}

section.notice .days-left{
	display: inline-block;
	font-weight: bold;
	margin-right: 5px;
	padding-right: 10px;
	border-right: 1px solid rgba(255,255,255,.25);
}

section.notice a i{
	margin-left: 5px;
}

/* signup */
.signup .pay{
	padding-top: 20px;
}	

.thankyou-content{
	margin: 0 20px;
}

	.thankyou-content h2, .thankyou-content h3{
		margin: 25px 0;
		padding: 0;
	}

	.thankyou-content p{
		margin: 0 0 20px 0;
		padding: 0;
		font-size: 15px;
	}
	
/* carousel styles */
body .carousel{
	border: 1px solid #f0f0f0;
}

body .carousel .carousel-control{
	background: none;
	z-index: 100;
}

	body .carousel .carousel-control i{
		position: absolute;
		top: 50%;
		left: 5px;
		box-shadow: none;
		width: 50px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		background-color: #aaa;
		color: #fff;
		border-radius: 50%;
		text-shadow: none;
	}
	
	body .carousel .carousel-control.right{
		opacity: 1;
	}
	
	body .carousel .carousel-control.right i{
		left: auto;
		right: 5px;
		background-color: #81b841;
	}
	
	body .carousel .carousel-caption{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		text-shadow: 0;
		background-color: #aaa;
		margin: 0;
		padding: 0;
		height: auto;
	}
	
		body .carousel .carousel-caption p{
			text-shadow: none;
			color: #fff !important;
			margin: 0 !important;
			padding: 15px;
			font-size: 14px !important;
			text-align: center !important;
		}
		
		body .carousel .carousel-caption p b{
			text-transform: uppercase;
			margin-right: 15px;
		}
		
		body .carousel .carousel-caption p a{
			color: #fff;
			display: inline-block;
			padding: 5px 15px;
			margin: 0 0 0 5px;
			border: 1px solid #fff;
		}
		
	#update-theme{
		max-width: 1000px;
		margin: 20px;
	}
	
/* Large desktop */
@media (min-width: 1200px) { }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 

    header{
    	margin-left: -350px;
    }
 
    
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 

    header{
        margin-left: -100%;
    	width: 100%;
    }
    
    body.show-nav section{
        width: 0%;
    }

}
 
/* Landscape phones and down */
@media (max-width: 480px) {  }</pre></body></html>