html{
    margin: 0;
    padding: 0;
    height: 100%;
    min-height: 100%;
    width: 100%;
    overflow: hidden;
}

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 label{
		font-weight: normal;
	}

	body h1, body h2, body h3{
    	font-family: "Roboto", sans-serif;
    	font-weight: 700;
    }

a, a:hover{
	cursor: pointer;
	color: #89af18;
	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 textarea,
body select.form-control{
	box-shadow: none !important;
	background: none;
	outline: none !important;
	border: 1px solid #ccc !important;
	border-radius: 0 !important;
	padding: 5px 10px !important;
    background-color: transparent;
}

body textarea {
    resize: none;
    overflow: auto;
}

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{
    height: 45px !important;
}

/* Fix silly selects on Safari */
body select.form-control {
    -webkit-appearance: none;
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat right 50%;
    border-radius: 5px !important;
}

.primary-button, .secondary-button, .tertiary-button{
    display: inline-block;
    background-color: #9bc118;
    border: 1px solid #89af18;
    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: #b1d818;
        border: 1px solid #89af18;
    }

.secondary-button{
    background-color: #fff;
    color: #89af18;
    border-color: #ddd;
}
    .secondary-button:hover{
        border-color: #89af18;
    }

.tertiary-button{
    background-color: #fff;
    color: #89af18;
    border-color: #ddd;
    color: #888;
}
    .tertiary-button:hover{
        border-color: #89af18;
    }

    .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 div, .main .form-group table{
		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;
	}

	.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;
}

	.modal-content {
		border-radius: 0 !important;
		box-shadow: none;
		border-color: #888;
	}


	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;
	}

		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 .radio, body .modal .checkbox{
			padding-left: 5px;
		}

.radio, .checkbox {
    margin-left: 25px;
}

header{
    position: absolute;
    top: 0;
    left: 0;
	margin-left: -350px;
	width: 350px;
	background-color: #f8f8f8;
	min-width: 35px;
	z-index: 1000;
	height: 100%;
	overflow: scroll;
    -webkit-transition: .2s all ease;
	-moz-transition: .2s all ease;
	-o-transition: .2s all ease;
	-ms-transition: .2s all ease;
	transition: .2s all ease;
}

	header .profile{
		position: absolute;
		top: 10px;
		left: 10px;
		height: 40px;
		line-height: 40px;
		z-index: 10;
	}

		header .profile .photo{
			float: left;
			display: inline-block;
			width: 40px;
			height: 40px;
			background-size: cover;
			border-radius: 50%;
			margin-right: 5px;
		}

		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;
             background-color: #89af18;
			 border-color: #005203;
             color: #fff;
         }

         header .sub-menu a.signout:hover{
	         background-color: #A4110A;
         }

         header .sub-menu a.republish:hover{
	         background-color: #7ec57e;
         }

	header .sub-menu{
		position: absolute;
		top: 10px;
		right: 10px;
		z-index: 10;
	}

	header a.hide-menu{
		background-color: #ccc;
		color: #fff;
		border-color: #ccc;
	}

    body.show-nav header{
        margin-left: 0;
		box-shadow: 30px 30px 100px rgba(0,0,0,.2);
    }

    #header-overlay{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.25);
		z-index: 999;
		display: none;
	}

    body.show-nav #header-overlay{
		display: block;
	}

    header ul, header li{
        list-style: none;
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #f0f0f0;
    }

    header ul{
	    border-top: 1px solid #ccc;
	    border-bottom: none;
	    margin-bottom: 10px;
    }

    header h2{
    	position: relative;
	    color: #888;
	    font-weight: 300;
	    font-size: 13px;
	    padding: 10px 0 0 10px;
	    margin: 0;
	    text-transform: uppercase;
    }

    	header h2 a{
    		position: absolute;
    		bottom: 10px;
    		right: 10px;
    		display: inline-block;
	    	color: #777;
	    	font-size: 12px;
	    	text-transform: uppercase;
    	}

    	header h2 a i{
	    	color: #777;
	    	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 #aaa;
    }

    header li a{
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        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: 2px;
            width: 20px !important;
        }

        header li a:hover{
            list-style: none;
            color: #fff;
            text-decoration: none;
            background-color: #7EA501;
        }

            header li a:hover i{
                color: #fff;
            }

/* .main */
section.main{
    position: relative;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    z-index: 1;
    box-sizing: border-box;
}

	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-top: 20px;
    }

	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: 0;
		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: #edd943;
	}

	section.main menu .dropdown-menu{
		border-radius: 0;
		box-shadow: none;
		border: 1px solid #f0f0f0;
        margin-top: -7px;
	}

		section.main menu .dropdown-menu a{
			color: #aaa;
			font-size: 13px;
		}

		section.main menu .dropdown-menu .lock{
			margin-left: 5px;
		}

	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;
	}

    #categories .dropdown-menu {
        margin-top: 0;
    }
/*
    #categories .dropdown-menu>li>a {
        padding: 10px 15px;
    }
*/
	section.main menu #account-message{
		display: inline-block;
		margin-left: 10px;
	}

	section.main menu #account-message a{
		margin-left: 5px;
	}

/* nav */
section.main nav{
    background-color: #8FBE00;
    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: 62px;
        height: 64px;
        line-height: 64px;
        text-align: center;
        background: url('../images/menu.png') no-repeat 18px 18px;
        background-size: 25px;
        color: #fff;
    }

    	section.main nav .back{
	        background: #8FBE00 url('../images/back.png') no-repeat 20px 20px;
	        background-size: 15px;
		}

    	section.main nav .show-menu:hover, section.main nav .back:hover{
            background-color: rgba(255,255,255,0.25);
            text-decoration: none;
        }

	section.main h1{
		margin: 0;
		padding: 0 0 0 64px;
		line-height: 64px;
		height: 64px;
		font-size: 24px;
		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;
        line-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: #7EA501;
        }

        section.main nav .more i{
            font-size: 22px;
        }

        section.main nav .dropdown-menu{
	        border-radius: 0;
	        border: 0;
			background: #7EA501;
			margin: -8px 0 0 0;
        }

        	section.main nav .dropdown-menu li:hover, section.main nav .dropdown-menu a:hover{
                background: #87b001;
        	}

        	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: #777;
		    height: 50px;
		    line-height: 50px;
		    z-index: 100;
		    padding: 0 10px;
		    text-decoration: none;
		}

		    a.fs-next:hover, a.fs-previous:hover{
		        opacity: 1;
		    }

		    a.fs-next{
		        top: 0;
		        right: 50px;
		    }

		    .main nav .fs-container.full a.fs-next{
			    right: 0;
		    }

		    a.fs-prev{
		        top: 0;
		        left: 50px;
		        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;
		}

.is-secure::after {
    font-family: FontAwesome;
    content: "\f023";
    display: inline-block;
    margin-left: 6px;
    position: relative;
    top: 1px;
    color: #8FBE00;
    line-height: 20px;
}

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 20px;
	margin: 0;
	border-top: 1px solid #d0d0d0;
    z-index: 100;
}

	div#actions .alternate{
		position: absolute;
		top: 12px;
		right: 20px;
	}

	div#actions button, div#actions input, div#actions a{
		margin-right: 5px;
	}

	div.dialog, div.immersive, div.immersive-actions{
		display: none;
	}

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

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

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

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

div.select.tiny{
    height: 90px;
}

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 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: calc(100% - 200px);
    margin: 0;
}

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

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

.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: -5px;
		margin-top: 15px;
	}

	.segmented-control li{
		border-top: 1px solid #89af18;
		border-bottom: 1px solid #89af18;
		border-right: 1px solid #89af18;
		display: block;
		float: left;
		height: 35px;
		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 #89af18;
			border-bottom-left-radius: 5px;
			border-top-left-radius: 5px;
		}

		.segmented-control li:last-child{
			border-bottom-right-radius: 5px;
			border-top-right-radius: 5px;
		}

		.segmented-control li a{
			display: block;
			text-align: center;
			color: #89af18;
			height: 35px;
			line-height: 35px;
			margin: 0;
			padding: 0;
		}

	.segmented-control .active{
		background-color: #89af18;
	}

		.segmented-control .active a{
			color: #fff;
		}

/* 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: #89af18;
	}

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

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

	#branding-page .placeholder{
		border: none;
	}

	#branding-page .placeholder:hover{
		border: 1px dashed #89af18 !important;
	}

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

	#branding-page .placeholder.paypal, #branding-page .placeholder.paypal img{
		max-width: 150px;
	}

	#branding-page .placeholder.touch, #branding-page .placeholder.touch img{
		max-width: 200px;
	}

	#branding-page .form-group small{
		display: block;
		margin-top: 10px;
		color: #888;
	}

	#branding-page input#iconBg{
		max-width: 200px;
	}

/* colors page */
#colors-page .form-group{
	position: relative;

}

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

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

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

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

	#roles-page .table thead small{
		display: block;
		color: #aaa;
		font-weight: normal;
		text-transform: uppercase;
	}

/* 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%;
    }

    #actions .alternate{
	    display: none;
    }

    #actions button{
	    background: none;
	    border: none;
	    box-shadow: none;
		color: #89af18;
		margin: 0 10px 0 10px !important;
		padding: 0;
    }

}

/* Landscape phones and down */
@media (max-width: 480px) {  }

.nestedMenuControls {
    display: none;
}


.locked-message {
    padding:20px;
    text-align: center;
    font-size: 120%;
    line-height: 200%;
}

.locked-message-name {
    font-size:150%;
}

.locked-message-lastactive {
    font-size:80%;
}

.being-edited,
.in-edit-icon {
    font-size:110%;
    color:#FF9900;
    }

.being-edited {
    padding-right:3px;
}

.in-edit-icon {
    font-size:150%;
    position: relative;
    top: 2px;
}

.inbound-link-name, .inbound-link-name:focus {
    color: #89af18;
    font-size: 110%;
    font-weight:bold;
    text-decoration: none;
}

.inbound-link-url {
    font-size: 90%;
    color: #888;
}

.inbound-link-text {
    color: #89af18;
}


/* files dialogue */
#dropfiles {
    background-color: #dddddd;
    border: 1px solid #ccc !important;
    left:15px;
    top:390px;
    height:155px;
    width:569px;
    padding-top:15px;
    overflow:auto;
}

#dropfiles .dz-message {
    position:fixed;
    width:150px;
    padding:5px;
    margin-left:8px;
    margin-top:8px
}

#dropfiles .dz-preview {
    top: -10px;
    margin: 0px 3px;
}