.ff * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body.mobi .ff-nomobi {
	display:none;
}

ul.ff-image-auto li {
    margin: 0;
    padding: 0;
    float: left;
    margin-right: 10px;
}

ul.ff-image-auto li a {
	display:block;
}

ul.ff-image-auto li a img {
    vertical-align: top;
    margin-top: 2px;
    margin-right: 5px;
    display: initial;
    max-width: 100%;
    max-height: 200px;
    margin: 0;
    padding: 0;
    padding-top:5px;
}

.ff iframe {
    height: 400px;
    width: 100%;
    border: 0;
    margin-top: 10px;
}

.ff-table input, .ff-table select {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin: 0;
}

.ff-table select {
	line-height:2em;
}

.ff-table button {
	height:34px;
}

.ff-options {
	position:absolute;
	right:10px;
	top:1.2em;
}
.ff-comment-item .ff-options {
	top:inherit;
}
.ff-hide {
	display:none;
}
.ff-pointer:hover {
	cursor:pointer;
}

.ff-delete {
	font-size:11px;
	opacity:0.2;
}

.ff-comment-item:hover .ff-delete {
	opacity:1;
}

.ff-close {
    font-family:inherit;
    padding:0px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .7;
    line-height:16px;
}

.ff-close:after {
	font-size:16px;
	font-weight:bold;
	content: "\d7";
	display:table;
}

button.ff-close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}

.ff-comment-item:after {
    content: ' ';
    display: table;
    clear: both;
}


.ff-table {
	display:table;
	position:relative;
	border-collapse:separate;
}

.ff-cell, .ff-cell-min {
	position:relative;
	vertical-align:middle;
	white-space:nowrap;
	border-collapse:separate;
	display:table-cell;
	width:100%;
}

.ff-cell-min {
	width:1%;
}

#ff-subenter {
	top: 2px;
    position: relative;
}


.ff .alert, .ff-alert {
	position:relative;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.ff .alert-danger, .ff .alert-box, .ff-alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.ff-alert .chead2 {
	background-color:#FF0099;
	color:white;
}

.ff-square, .ff-square-left {
	border-top-left-radius:0 !important;
	border-bottom-left-radius:0 !important;
}

.ff-square, .ff-square-right {
	border-top-right-radius:0 !important;
	border-bottom-right-radius:0 !important;
}

.ff-square-bottom {
	border-bottom-right-radius:0 !important;
	border-bottom-left-radius:0 !important;
}

.ff-square-top {
	border-top-right-radius:0 !important;
	border-top-left-radius:0 !important;
}

.ff-chatbox .cbody2 {
	background-color:#EEEDF7;	
}
.ff-comment-time {
    font-size: 11px;
    color: #428bca;
    font-style: italic;
    color: #aaa;
    padding-left: 2px;
    padding-right: 2px;
}
.ff-user span {
	margin-right:5px;
}

.ff-img img {
    top: 3px;
    position: relative;
}
.ff-comment {
	color:#444;
    line-height: 20px;
    white-space:pre-line;
    word-wrap:break-word;
}
.ff-comment-item {
	font-size:13px;
	margin-left:-10px;
	margin-right:-10px;
	padding:10px;
	position:relative;
}
.ff-comment:first-child {
	padding-top:0;
}
.ff-comment:last-child {
	border-bottom:0;
	padding-bottom:0;
}

.ff-chatbox button {
	display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    font-family: inherit;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
	color: #fff;
    background-color: #ff0099;
    border-color: #e6008a;    
}
.ff-icon-heart {
    background-image: url('http://static.famousfix.com/img/icons/like_black.png');
    width:12px;
    height:11px;
    display:inline-block;
    background-size: 12px 11px;
    background-repeat: no-repeat;
    opacity:0.2;
}

.ff-icon-flag {
    padding: 0px 3px;
    position: relative;
    opacity:0.2;
    top: 3px;
    width: 11px;
    height: 14px;
    display:inline-block;
    background-size: 11px 14px;
    background-repeat: no-repeat;
    background-image: url('http://static.famousfix.com/img/icons/flag_black.png');
}

.ff-icon-search {
    top: 3px;
    width: 14px;
    height: 14px;
    display:inline-block;
    background-size: 14px 14px;
    background-repeat: no-repeat;
	background-image: url('http://static.famousfix.com/img/icons/search_black.jpg');
}

.ff-icon-flag.ff-selected {
    background-image: url('http://static.famousfix.com/img/icons/flag_red.png');
    opacity:1;
}

.ff-comment-item:hover .ff-icon-heart, .ff-comment-item:hover .ff-icon-flag {
	opacity:1;
}
.ff-icon-heart.ff-selected {
    background-image: url('http://static.famousfix.com/img/icons/like_pink.png');
    opacity:1;
}

.ff-flagged {
	color:red;
}
.ff-comment-wrapper {
	margin:-10px -10px 10px;
}
#ff-comment-text {
	height: 70px;
    min-height: 70px;
	font-family: inherit;    
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border:0;
    border-bottom: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;    
}
.ff-bullet:before {
    content: '\2022';
    color: #c2c9d4;
    margin-left: 2px;
    margin-right: 4px;
    font-size: 12px;
    position: relative;
    top: -1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
		.alert {
	margin:.5em;
}

.alert-success {
	color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
		
.ff-unselectable {
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	
	/* Rules below not implemented in browsers yet */
	-o-user-select: none;
	user-select: none;
}

.ff-is-mobile {
	visiblity:hidden;
}

html.platform-mobile .ff-is-mobile {
	visibility:visible;
}

.ff-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    /*border-radius: 0;*/
    /*border-style: solid;*/
    /*border-width: 0;*/
    cursor: pointer;
    font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-weight: normal;
    line-height: normal;
    margin: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    /*padding: 1rem 2rem 1.0625rem 2rem;*/
    background-color: #008CBA;
    /*border-color: #007095;*/
    color: #fff;
    transition: background-color 300ms ease-out;
}

.ff .right {
	float:right;
}

.ff .left {
	float:left;
}

.ff-btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.ff-btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

label.ff-error {
	color: #f04124;
	font-weight: bold;
}

.ff-fieldset small.ff-error, .ff-fieldset span.ff-error {
	display: block;
    font-size: 0.75rem;
    font-style: italic;
    font-weight: normal;
    margin: -1rem 0 1rem;
    padding: 0.375rem 0.5625rem 0.5625rem;
    background: #f04124;
    color: #fff;
}
		

.ff-alert-container {
	position:fixed;
	max-width:100%;
	z-index: 9999;
}

.ff-alert-container .ff-alert {
	position:relative;
    padding: 1.0rem 1.75rem 1.0rem 1.0rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
	margin:0 auto 0.1rem;
}

.ff-alert-container .ff-alert .icon-remove {
	position:absolute;
	right: 0.2rem;
	top:0.2rem;
}

	.ff-alert-container .ff-alert.ff-alert-message {
	    color: #4f4f4f;
	    background-color: #e7e7e7;
	    border-color: #c7c7c7;
	}
	.ff-alert-container .ff-alert.ff-alert-error {
	    color: #ffffff;
	    background-color: #f04124;
	    border-color: #de2d0f;
	}
	.ff-alert-container .ff-alert.ff-alert-info {
	    color: #4f4f4f;
	    background-color: #a0d3e8;
	    border-color: #74bfdd;
	}
	.ff-alert-container .ff-alert.ff-alert-success {
	    color: #ffffff;
	    background-color: #43AC6A;
	    border-color: #3a945b;
	}
	.ff-alert-container .ff-alert.ff-alert-pink {
	    color: #ffffff;
	    background-color: #ff0099;
	    border-color: #ff0099;
	}

/* Arrows for outside element alerts */
		
			.ff-alert-container .ff-alert:last-of-type.ff-outside-top {
		    margin-bottom:10px;
		}
		
	.ff-alert-container .ff-alert:last-of-type.ff-outside-top:before, .ff-alert-container .ff-alert.ff-outside-top:after {
	    content:'';
	    position: absolute;
	    top: 100%;
	    left:50%;
	    width: 0;
	    height: 0;
	}
	
	.ff-alert-container .ff-alert:last-of-type.ff-outside-top:before {
		border-top: 8px solid #c7c7c7;
		 
			border-left: 8px solid transparent;
			border-right: 8px solid transparent;
			margin-left: -8px;
			}
	
	.ff-alert-container .ff-alert:last-of-type.ff-outside-top:after {
		border-top: 7px solid #e7e7e7;
		 
			border-left: 7px solid transparent;
			border-right: 7px solid transparent;
			margin-left: -7px;
			}
	
			.ff-alert-container .ff-alert.ff-alert-message.ff-outside-top:before {
			border-top: 8px solid #c7c7c7;
		}
	
		.ff-alert-container .ff-alert.ff-alert-message.ff-outside-top:after {
			border-top: 7px solid #e7e7e7;
		}
			.ff-alert-container .ff-alert.ff-alert-error.ff-outside-top:before {
			border-top: 8px solid #de2d0f;
		}
	
		.ff-alert-container .ff-alert.ff-alert-error.ff-outside-top:after {
			border-top: 7px solid #f04124;
		}
			.ff-alert-container .ff-alert.ff-alert-info.ff-outside-top:before {
			border-top: 8px solid #74bfdd;
		}
	
		.ff-alert-container .ff-alert.ff-alert-info.ff-outside-top:after {
			border-top: 7px solid #a0d3e8;
		}
			.ff-alert-container .ff-alert.ff-alert-success.ff-outside-top:before {
			border-top: 8px solid #3a945b;
		}
	
		.ff-alert-container .ff-alert.ff-alert-success.ff-outside-top:after {
			border-top: 7px solid #43AC6A;
		}
			.ff-alert-container .ff-alert.ff-alert-pink.ff-outside-top:before {
			border-top: 8px solid #ff0099;
		}
	
		.ff-alert-container .ff-alert.ff-alert-pink.ff-outside-top:after {
			border-top: 7px solid #ff0099;
		}
			
			.ff-alert-container .ff-alert.ff-outside-right {
		    margin-left:10px;
		}
		
	.ff-alert-container .ff-alert:last-of-type.ff-outside-right:before, .ff-alert-container .ff-alert.ff-outside-right:after {
	    content:'';
	    position: absolute;
	    right: 100%;
	    top:50%;
	    width: 0;
	    height: 0;
	}
	
	.ff-alert-container .ff-alert:last-of-type.ff-outside-right:before {
		border-right: 8px solid #c7c7c7;
					border-top: 8px solid transparent;
			border-bottom: 8px solid transparent;
			margin-top: -8px;
			}
	
	.ff-alert-container .ff-alert:last-of-type.ff-outside-right:after {
		border-right: 7px solid #e7e7e7;
					border-top: 7px solid transparent;
			border-bottom: 7px solid transparent;
			margin-top: -7px;
			}
	
			.ff-alert-container .ff-alert.ff-alert-message.ff-outside-right:before {
			border-right: 8px solid #c7c7c7;
		}
	
		.ff-alert-container .ff-alert.ff-alert-message.ff-outside-right:after {
			border-right: 7px solid #e7e7e7;
		}
			.ff-alert-container .ff-alert.ff-alert-error.ff-outside-right:before {
			border-right: 8px solid #de2d0f;
		}
	
		.ff-alert-container .ff-alert.ff-alert-error.ff-outside-right:after {
			border-right: 7px solid #f04124;
		}
			.ff-alert-container .ff-alert.ff-alert-info.ff-outside-right:before {
			border-right: 8px solid #74bfdd;
		}
	
		.ff-alert-container .ff-alert.ff-alert-info.ff-outside-right:after {
			border-right: 7px solid #a0d3e8;
		}
			.ff-alert-container .ff-alert.ff-alert-success.ff-outside-right:before {
			border-right: 8px solid #3a945b;
		}
	
		.ff-alert-container .ff-alert.ff-alert-success.ff-outside-right:after {
			border-right: 7px solid #43AC6A;
		}
			.ff-alert-container .ff-alert.ff-alert-pink.ff-outside-right:before {
			border-right: 8px solid #ff0099;
		}
	
		.ff-alert-container .ff-alert.ff-alert-pink.ff-outside-right:after {
			border-right: 7px solid #ff0099;
		}
			
			.ff-alert-container .ff-alert:first-of-type.ff-outside-bottom {
		    margin-top:10px;
		}
		
	.ff-alert-container .ff-alert:first-of-type.ff-outside-bottom:before, .ff-alert-container .ff-alert.ff-outside-bottom:after {
	    content:'';
	    position: absolute;
	    bottom: 100%;
	    left:50%;
	    width: 0;
	    height: 0;
	}
	
	.ff-alert-container .ff-alert:first-of-type.ff-outside-bottom:before {
		border-bottom: 8px solid #c7c7c7;
		 
			border-left: 8px solid transparent;
			border-right: 8px solid transparent;
			margin-left: -8px;
			}
	
	.ff-alert-container .ff-alert:first-of-type.ff-outside-bottom:after {
		border-bottom: 7px solid #e7e7e7;
		 
			border-left: 7px solid transparent;
			border-right: 7px solid transparent;
			margin-left: -7px;
			}
	
			.ff-alert-container .ff-alert.ff-alert-message.ff-outside-bottom:before {
			border-bottom: 8px solid #c7c7c7;
		}
	
		.ff-alert-container .ff-alert.ff-alert-message.ff-outside-bottom:after {
			border-bottom: 7px solid #e7e7e7;
		}
			.ff-alert-container .ff-alert.ff-alert-error.ff-outside-bottom:before {
			border-bottom: 8px solid #de2d0f;
		}
	
		.ff-alert-container .ff-alert.ff-alert-error.ff-outside-bottom:after {
			border-bottom: 7px solid #f04124;
		}
			.ff-alert-container .ff-alert.ff-alert-info.ff-outside-bottom:before {
			border-bottom: 8px solid #74bfdd;
		}
	
		.ff-alert-container .ff-alert.ff-alert-info.ff-outside-bottom:after {
			border-bottom: 7px solid #a0d3e8;
		}
			.ff-alert-container .ff-alert.ff-alert-success.ff-outside-bottom:before {
			border-bottom: 8px solid #3a945b;
		}
	
		.ff-alert-container .ff-alert.ff-alert-success.ff-outside-bottom:after {
			border-bottom: 7px solid #43AC6A;
		}
			.ff-alert-container .ff-alert.ff-alert-pink.ff-outside-bottom:before {
			border-bottom: 8px solid #ff0099;
		}
	
		.ff-alert-container .ff-alert.ff-alert-pink.ff-outside-bottom:after {
			border-bottom: 7px solid #ff0099;
		}
			
			.ff-alert-container .ff-alert.ff-outside-left {
		    margin-right:10px;
		}
		
	.ff-alert-container .ff-alert:last-of-type.ff-outside-left:before, .ff-alert-container .ff-alert.ff-outside-left:after {
	    content:'';
	    position: absolute;
	    left: 100%;
	    top:50%;
	    width: 0;
	    height: 0;
	}
	
	.ff-alert-container .ff-alert:last-of-type.ff-outside-left:before {
		border-left: 8px solid #c7c7c7;
					border-top: 8px solid transparent;
			border-bottom: 8px solid transparent;
			margin-top: -8px;
			}
	
	.ff-alert-container .ff-alert:last-of-type.ff-outside-left:after {
		border-left: 7px solid #e7e7e7;
					border-top: 7px solid transparent;
			border-bottom: 7px solid transparent;
			margin-top: -7px;
			}
	
			.ff-alert-container .ff-alert.ff-alert-message.ff-outside-left:before {
			border-left: 8px solid #c7c7c7;
		}
	
		.ff-alert-container .ff-alert.ff-alert-message.ff-outside-left:after {
			border-left: 7px solid #e7e7e7;
		}
			.ff-alert-container .ff-alert.ff-alert-error.ff-outside-left:before {
			border-left: 8px solid #de2d0f;
		}
	
		.ff-alert-container .ff-alert.ff-alert-error.ff-outside-left:after {
			border-left: 7px solid #f04124;
		}
			.ff-alert-container .ff-alert.ff-alert-info.ff-outside-left:before {
			border-left: 8px solid #74bfdd;
		}
	
		.ff-alert-container .ff-alert.ff-alert-info.ff-outside-left:after {
			border-left: 7px solid #a0d3e8;
		}
			.ff-alert-container .ff-alert.ff-alert-success.ff-outside-left:before {
			border-left: 8px solid #3a945b;
		}
	
		.ff-alert-container .ff-alert.ff-alert-success.ff-outside-left:after {
			border-left: 7px solid #43AC6A;
		}
			.ff-alert-container .ff-alert.ff-alert-pink.ff-outside-left:before {
			border-left: 8px solid #ff0099;
		}
	
		.ff-alert-container .ff-alert.ff-alert-pink.ff-outside-left:after {
			border-left: 7px solid #ff0099;
		}
	
.ff-alert-container .ff-alert.ff-small {
    padding: 0.5rem 0.875rem 0.5rem 0.5rem;
	min-width: 20%;
	max-width: 100%;
	width: 200px;
}

.ff-alert-container .ff-alert.ff-medium {
	min-width: 40%;
	max-width: 100%;
	width: 320px;
}

.ff-alert-container .ff-alert.ff-large {
	min-width: 60%;
	max-width: 100%;
	width: 500px;
}

.ff-alert-container .ff-alert.ff-xlarge {
	min-width: 80%;
	max-width: 100%;
	width: 750px;
}
		ff-auto .inputor {
	position:relative;
	border-radius:2px;
	border:1px solid #ccc;
	height:auto;
	box-shadow:none;
	min-height:64px;
	white-space:pre;
	width:100%;
	outline:0 none;
	padding:5px;
	background-color:white;
	display:block;
	color:#555;
}

.ff-auto.ff-grid .inputor.ff-minp {
    display: inline-block;
    height: 140px;
    width: 140px;
    margin-right: 10px;
}

.atwho-view {
  max-height: 440px;
}

.atwho-view ul {
    list-style: none;
    padding: 0;
    margin: auto;
    text-align:left;
}

.ff-auto .inputor span {
    position: absolute;
	background-color: white;
    right: 0;
    padding-right: 2rem;
    margin-right: 1px;
    padding-left: .2rem;
}

.ff-auto .inputor em, .atwho-view em {
    color:#ccc;
    font-size:13px;
}

.ff-auto .inputor a, .atwho-view a {
	display:inline-block;
    margin-top: 2px;
    color:#ddd;
}

.ff-auto div.inputor:hover, .ff-auto input:hover:not(.inputor), .atwho-view-ul li:hover {
	cursor:pointer;
}

.ff-auto div.inputor.ff-active:hover {
	cursor:inherit;
}

.ff-auto div.inputor label {
	cursor:inherit;
}

.atwho-view-ul li div {
	display:inline-block;
	margin-left:.5rem;
}

.atwho-view-ul li small, .ff-auto small {
	display:inline-block;
	margin-left:.5rem;
}

.atwho-view span {
	position:absolute;
	right:.5rem;
	margin-top:3px;
}

.atwho-view a:hover, .ff-auto .inputor a:hover {
	color:#555;
}

.atwho-view .cur {
    background: #3366FF;
    color: white;
}

.atwho-view .cur a {
	color:white;
}

.atwho-view ul li {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;	
  line-height: 25px;
  border-bottom: 0;
  padding:5px 8rem 5px 5px;
  -webkit-tap-highlight-color: #666;
}

.atwho-view img {
  vertical-align: top;
  width: 25px;
  height: 25px;
}

.atwho-container.ff-medium .atwho-view ul li {
	line-height:50px;
}

.atwho-container.ff-medium .atwho-view img {
	width:50px;
	height:50px;
}

.atwho-view ul i {
  display: inline-block;
  vertical-align: top;
  padding-top:3px;
}

.ff-auto {
  position: relative;
  /* rich postbox */
}
.ff-auto span.atwho-query {
  border-bottom: 1px dashed #ccf;
}

.ff-auto .nav.nav-sm > li > a {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.ff-auto .nav-tabs > li {
  border-color: #ccc;
}
.ff-auto .nav-tabs {
  border-bottom-color: #aaa;
}
.ff-auto .nav-tabs > li > a {
  border-color: transparent;
}
.ff-auto .nav-tabs > li > a:hover {
  background-color: transparent;
}
.ff-auto .nav-tabs > li.active > a, .ff-auto .nav-tabs > li.active > a:hover, .ff-auto .nav-tabs > li.active > a:focus {
  border-color: #aaa;
  background-color: #f3f3f3;
  border-bottom-color: transparent;
}
.ff-auto .inputor {
  white-space: pre;
  min-height: 33px;
  height: auto;
  width: 100%;
  border: 1px solid #dadada;
  padding: 5px 7px;
  padding-right: 32px;
  outline: 0 none;
  margin: 0 0 10px 0;
  background: white;
  font-size: inherit;
}
.ff-auto .inputor .icon-remove {
	position:absolute;
    right: 0;
    top: .1rem;	
}

.ff-auto .inputor.ff-minp {
	position:relative;
}

.ff-auto .inputor.ff-minp input {
	border-color:transparent;
	background-color:white;
}

.ff-auto input.token {
  border: 0;
  padding: 0;
  height:20px;
  display:inline-block;
  box-shadow:none;
  background-color:white;
  border-bottom: 1px solid #eee;
  font-weight: normal;
  font-style: normal;
}

.ff-auto .inputor input.token {
	background-color:white;
}

.ff-auto.ff-medium input.token {
	height:40px;
	background-color:white;
}

.ff-auto .ff-create {
	border:1px solid #E6C3C3;
	border-radius:5px;
	background-color:#fee;
	padding: .5rem .5rem 0;	
}

.ff-auto input.token:focus {
  border-bottom: 1px dashed #555;
}

.ff-auto .ff-mcontainer input.token:focus {
	border-bottom: 1px solid transparent;
}

.ff-auto .ff-mcontainer div.inputor.ff-active input.token {
	font-weight:bold;
}

.ff-auto textarea.inputor {
	resize: none;	
}

.ff-auto input.token.timg {
  padding-left: 23px;
  background-size: contain;
  background-repeat: no-repeat;
}

.ff-auto.ff-medium input.token.timg {
	padding-left:43px;
}

.ff-auto [contentEditable=true]:empty:not(:focus):before {
  content: attr(data-placeholder);
}

.atwho-view {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    margin-top: 18px;
    background: white;
    color: black;
    border: 1px solid #DDD;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    min-width: 120px;
    overflow: auto;
    z-index: 11110 !important;
}

div.inputor .ffw-media {
    border-top: 1px solid #ddd;
    margin-top:5px;
	margin-right: -32px;
    margin-left: -8px;
    padding: 0 10px;
    display:none;
}

div.inputor.ff-active .ffw-media {
	display:block;
}

div.inputor.ff-minp.ff-active {
	box-shadow: rgba(169, 131, 155, 0.74902) -2px 3px 3px 0px;	
}

.ff-auto .inputor span.ff-move {
	bottom:-1em;
	color:#eee;
	right:0;
	display:none;
}

.ff-auto .inputor:hover span.ff-move {
	display:inline;
}

.ff-auto .inputor span.ff-move:hover {
	cursor:move;
}

.atwho-view .ff-move {
	display:none !important;
}

/* next/prev */
.atwho-view li.ff-auto-i-2, .atwho-view li.ff-auto-i-3 {
    text-align: center;
    padding-right: 5px !Important;
    padding-bottom: 10px !important;
}

.atwho-view li.ff-auto-i-2 span, .atwho-view li.ff-auto-i-2 small, .atwho-view li.ff-auto-i-2 div, atwho-view li.ff-auto-i-3 span, .atwho-view li.ff-auto-i-3 small, .atwho-view li.ff-auto-i-3 div  {
	display:none;
}

.atwho-view li.ff-auto-i-2 i, .atwho-view li.ff-auto-i-3 i {
	display:block;
}

.atwho-view li i.ff-disabled {
	color:#ccc;
}

.atwho-view.ff-auto-paging li.cur {
	background-color:inherit;
	color:inherit;
}

.atwho-view li.cur i.ff-disabled {
	background-color:inherit;
	color:#ccc;
}




/* med render on mobile */
html.platform-mobile .atwho-container.ff-medium .atwho-view-ul li small {
	margin:0;
	display:block;
} 

html.platform-mobile .atwho-container.ff-medium .atwho-view-ul li span {
	margin-top:-40px;
}

html.platform-mobile .atwho-container.ff-medium .atwho-view ul li {
	line-height:33px;
}


html.platform-mobile .atwho-container:not(.ff-medium) .atwho-view-ul li small {
	vertical-align:bottom;
}

html.platform-mobile .atwho-view ul li {
	padding-top:3px;
	padding-bottom:3px;
	border-bottom:1px solid #eee;
	width:100%;
	line-height:32px;
}

/*html.platform-mobile .atwho-view ul li, html.platform-mobile .atwho-view ul li *  {
  	-webkit-tap-highlight-color: rgba(255,0,0,0);
}*/


html.platform-mobile .atwho-view ul {
  	-webkit-tap-highlight-color: rgba(0,0,0,0);
  	-webkit-tap-highlight-color: transparent; /* For some Androids */	
}

html.platform-mobile .atwho-container:not(.ff-medium) .atwho-view img {
	width:32px;
	height:32px;
}

html.platform-mobile .atwho-container:not(.ff-medium) .atwho-view-ul li span {
	margin-top:-10px;
}

html.platform-mobile .atwho-container:not(.ff-medium) .atwho-view em {
	font-size:10px;
}
		ul.ff-crud {
	margin:0;
	display:inline;
	padding:0;
	list-style:none;
}

ul.ff-crud li {
	float:left;
	background-color:#eee;
	margin:0;
	padding:0;
}

ul.ff-crud li.ff-crud-opt {
	float:right;
}

ul.ff-crud li a {
	padding:.5rem 1rem;
	font-size:0.8125rem;
	color:#555;
	text-decoration:none;
	display:block;
	border-right:1px solid #ccc;
}

ul.ff-crud li:not(.ff-crud-opt):last-child a {
	border:0;
}


ul.ff-crud li.ff-crud-opt:last-child a {
	border:0;
}

ul.ff-crud li a:hover {
	background-color:#ccc;
}

ul.ff-crud li.ff-active a {
	background-color: #777;
    color: white;	
}		.ff-datalist {
	width: 100%;
	float:left;
	position: relative;
	margin-bottom: 2.0rem;
	margin-top: 2.5rem;
}
.ff-datalist.ff {
	margin-top: 0;
}
.ff-datalist-header {
	width: 100%;
	padding: 0.25rem;
}
.ff-datalist-header .row {
	margin-bottom: 0.4rem !important;
}
.ff-datalist-header .ff-select {
	min-width: 150px;
}
.ff-datalist-header .ff-select label {
	padding:0.35rem 0.2rem 0.35rem 0;
}
.ff-datalist-header .ff-select select {
	padding:0.15rem;
	height:1.9rem;
	font-size:0.9rem;
	background-image: none;
}
.ff-datalist-header .ff-searchable input, .ff-datalist-header .ff-searchable span {
	padding:0.15rem;
	height:1.9rem;
	font-size:0.9rem;
	margin: 0;
}
.ff-datalist-footer {
	position:absolute;
	bottom: -1.8rem;
	width: 100%;
}
.ff-datalist .ff-data {
	float:left;
	text-align:center;
}
.ff-datalist .ff-data-grid, .ff-datalist .ff-data-list {
	display: none;
}
.ff-datalist.ff-data-grid .ff-data-grid {
	display:block;
}
.ff-datalist.ff-data-list .ff-data-list {
	display:block;
}
.ff-datalist-header .ff-display .button {
	margin: 0;
} 
.ff-datalist-header .ff-display .button.active {
	background-color: #b9b9b9;
	color: #333;
} 
.ff-datalist-footer .ff-pagenum {
	padding:0 0.25rem;
} 

.ff-data {
	display: none;
}
.ff-data-fill {
	display: initial;
}
.ff .ff-data {
	display: initial;
}
.ff .ff-data-fill {
	display:none;
}		.ff-edit {
	float:right;
	color:#999;
}

.ff-edit:hover {
	cursor:pointer;
	color:#399;
}

.ff-popover .ff-collapsible-content {
	background-color:#f3f3f3;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding: 0.5rem 1rem .5rem 1.7rem;	
}
.ff-popover .ff-collapsible-full {
	margin:0 -1.2rem 1rem;
}

fieldset > .ff-edit {
    color: #333;
    z-index: 2;
    position: relative;
    padding: .4rem;
}		.ff-panel input {
	margin-right:1em;
}

.ff-panel input:last-child {
	margin-right:0;
}		.ff-interaction:hover, .ff-interaction.ff-active {
	color: #ff0099;
	background-color: initial;
	cursor: pointer;
}

select {
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
}		.ffw-media {
	margin-bottom:1em;
}

.ff-auto .ffw-media input:hover {
	cursor:inherit;
}

.ff-media-list .ff-media-img  {
    vertical-align: top;
    display: inline-block;
    width: 54px;
    height: 66px;
    text-align: center;
    position: relative;
}

.ff-media-list .ff-media-img span {
    text-align: center;
    display: block;
    line-height: 12px;
    font-size: 8px;
    width: 50px;
    overflow: hidden;
}

.ff-media-list .ff-media-img img {
	margin:0 auto;
}

.ff-media-list div.selector {
    position: absolute;
    background-color: transparent;
    color: #cc0099;
    margin: auto;
    height: 90px;
    line-height: 70px;
    text-align: center;
    width: 56px;
    top: -30px;
    display: none;
}

.ff-media-list .ff-media-img img {
    max-width: 50px;
    max-height: 50px;
    background-color: #eeeeee;
    display: block;
    vertical-align: middle;
    border: 0;
}

.ff-gal {
	width:595px;
	position:relative;
}

.ff-gal span.ff-pagination {
    position: absolute;
    right:0;
    top:-8px;
    padding: 0;
    padding-right: .2rem;
    background-color:transparent;    
}

.ff-gal span.ff-page {
    background-color:transparent;    
	position:relative;
	right:auto;
	top:-3px;
	margin-left:4px;
	margin-right:4px;
	padding:0;
	color:#555;
	display:inline-block;
}

.ff-pagination .ff-next {
	display:inline-block;
	font-size: 20px;
    padding: 3px 0 3px 3px;	
    border:1px solid transparent;
}

.ff-pagination .ff-prev {
	display:inline-block;
	font-size: 20px;
    padding: 3px 3px 3px 0;	
    border:1px solid transparent;
}

.ff-pagination .ff-next:hover, .ff-pagination .ff-prev:hover {
	background-color: #ddd;
    border-radius: 10px;
    cursor:pointer;
    border:1px solid #ccc;
}

.ff-pagination .ff-disabled, .ff-pagination .ff-disabled:hover {
	background-color:transparent;
	cursor:inherit;
	border:1px solid transparent;
	color:#aaa;
}

.ff-gal-im, .ff-gal-im-placeholder {
	border:1px solid #ccc;
	border-radius:2px;
	display:table;
	text-align:center;
	float:left;
	width:80px;
	height:80px;
	margin:0 5px 5px 0;
	position:relative;
	background-color:#ddd;
}

.ff-gal-im-placeholder {
	background-color:#ff00cc;
	opacity:0.5;
}

.ff-gal-im-placeholder:after {
    content: ' ';
    display: table;
    clear: left;
}
.ff-gal-im.ff-active {
}

.ff-gal-im.ff-active img {
	opacity:0.7;
}

.ff-gal-im img {
	max-width:100%;
	max-height:100%;
	position: absolute;
	top: 50%;
	left: 50%;                         
	transform: translate(-50%, -50%);
	margin-right:-50%;
}


.ff-media-selected {
	display:none;
}

.ff-media-selected h4 {
	font-size:1em;
}

.ff-gal-im i, .ff-gal-im span.icon-remove {
	position:absolute;
	top:0;
	left:0px;
	color:white;
	opacity:0.9;
	display:none;
	z-index:2;
	padding:2px;
}

.ff-gal-im span.icon-remove {
	left:inherit;
	color:red !important;
	right:0;
	top:0 !important;
	padding-top:1px;
	padding-bottom:3px;
}

.ff-gal-im:hover i, .ff-gal-im:hover span.icon-remove {
	display:block;
}

.ff-gal-im.ui-sortable-helper i, .ff-gal-im.ui-sortable-helper span.icon-remove {
	display:none;
} 

.ff-gal-im:hover {
	cursor:pointer;
}

.ff-gal-im i:hover, .ff-gal-im i.ff-pin, .ff-gal-im span.icon-remove:hover {
	background-color:#333;
	color:#eee;
	display:block;
}

.ff-preview img {
	max-width:100%;
}

.ff-tab-page.ff-preview {
	max-height:inherit;
}

.ff-selected-items {
	margin-right:-10px;
}

.ff-selected-items .ff-gal-im, .ff-selected-items .ff-gal-im:hover {
	cursor:move;	
}

.ff-selected-items .ff-gal-im:hover i:hover, .ff-selected-items .ff-gal-im:hover span:hover {
	cursor:pointer;
}

.ff-gal-images {
	position:relative;
}

/* .ff-youtube */
.ff-gal-im b {
	display: table-cell;
    vertical-align: middle;
    font-size:50px;
}

.ff-gal-im b.icon-ok {
	color:green;
	display:none;
	position: absolute;
    width: 100%;
    top: 10px;
}

.ff-gal-im b.icon-remove {
	left:-2px;
	top:3px;
	display:block;
	position:absolute;
	color:red;
	font-size:40px;	
}

.ff-gal-im.ff-active b.icon-ok {
	display:table-cell;
	position:absolute;
	z-index:1;
}

		.ff-popover {
	right:-100%;
	position: fixed;
	padding:20px;
	border:1px solid #ccc;
	border-radius:3px;
	background-color:white;
	z-index:902;
	color:black;
}

.ff-popover form {
	padding:1em;
}

.ff-popover .ff-form-buttons {
	margin: 1em 0;
}

.ff-popover form button {
	color:white;
}

.ff-popover form p {
	padding-bottom:1em;
}

.ff-popover-canvas {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	opacity:0.7;
	background-color:#333;
	z-index:901;
	display:none;
}

.ff-popover-canvas.ff-dark {
	opacity:0.92;
}

.ff-popover img {
	/*max-width: 75%;
	max-height: 75%;*/
	max-width:100%;
	max-height:100%;
}

.ff-popover-browser {
	top: 0;
	left: 0;
	padding: 10px;
	position: fixed;
	z-index:903;
}

.ff-popover-navigate {
	z-index:903;
	position:fixed;
	bottom:10px;
	text-align:center;
	width:100%;
}

.ff-popover-browser .ff-inner, .ff-popover-navigate .ff-inner {
	border:1px solid #ccc;
	border-radius:3px;
	padding:10px;
	background-color:white;
}

.ff-popover-navigate .ff-inner {
	display:inline-block;
}

.ff-popover-browser .ff-inner:after {
	content: ' ';
	display:table;
	clear:left;
}

.ff-popover iframe {
	border:0;
	width:70%;
	height:70%;
}

.ff-popover.ff-small {
	min-width: 20%;
	max-width: 100%;
	width: 200px;
}

.ff-popover.ff-medium {
	min-width: 40%;
	max-width: 100%;
	width: 320px;
}

.ff-popover.ff-large {
	min-width: 60%;
	max-width: 100%;
	width: 500px;
}

.ff-popover.ff-xlarge {
	min-width: 80%;
	max-width: 100%;
	width: 750px;
}

.ff-popover.ff-full {
    width: 100%;
    max-width: 100%;
    height: 100%;
    z-index:2000;
	left: 0;
    top: 0;
    right: auto;
    position: relative;
    
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    background: black;
    color: white;
}

.ff-popover .ff-close-link {
	position:absolute;
	right:0;
    padding-top: 1px;	
	top:0;
	font-size:.8rem;
}
.ff-popover .ff-close-link i {
	margin-left:.5rem;
	font-size:1rem;
}

.ff-popover.ff-full .ff-close-link {
    width: 100%;
    background: black;
    height: 20px;
    text-align:center;
}

.ff-popover.ff-full .ff-close-link i {
	display:inline;
	float:none !important;
}		.ff-scroll > ul > li {
    float: left;
    width: 120px;
    height: 100%;
    margin: 0 1px 0 0;
    padding: 0;
    background: white;
    color: #555;
    text-align: center;
    cursor: pointer;
}
.ff-scroll > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100%;
    font-size: 20px;
}

.ff-scroll > ul:before, .ff-scroll > ul:after {
    content: " ";
    display: table;
}

.ff-scroll {
    height: 196px;
    line-height: 196px;
    overflow: hidden;
}

.ff-scroll .ff-top, .ff-scroll .ff-bottom {
	display:block;
	height:20px;
	line-height:20px;
	white-space:nowrap;
	text-align:center;
	font-size:.8rem;
	text-overflow: ellipsis;
    overflow: hidden;
}

.ff-scroll .ff-top {
	background-color:#eee;
}

.ff-scroll .ff-mid img {
	background-color:#ccc;
}

.ff-scroll .ff-bottom {
	font-size:.7rem;
	color:#333;
	background-color:transparent;
}

.ff-scroll .ff-mid {
	height:156px;
	display:table;
	line-height:156px;
	width:100%;
	position:relative;
}

.ff-scroll .active .ff-top {
	background-color:#ddd;
}

.ff-scroll .active .ff-bottom {
	text-decoration:underline;
}

.ff-scroll .ff-mid .ff-placeholder {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

.ff-scroll .ff-xsmall {
	position:absolute;
	bottom:5px;
	right:5px;
	border:1px solid #eee;
}

.ff-scroll li.ff-scroll-notouch {
	background-color:transparent;
}

		.ff-social.ff-btn {
	color: white;
	text-align:center;
	display:inline-block;
	margin:0 1.666%;
}

.ff-social.facebook {
	background-color: #3b5998;
}

.ff-social.twitter {
	background-color: #00aced;
}

.ff-social.pinterest {
	background-color: #cb2027;
}

.ff-social.google {
	background-color: #4285F4;
}
.ff-gossip-blast-feedback {
	overflow:auto;
	height:75%;
	max-height:250px;
}		.ff-tabs {
    margin-top: 1em;
}

.ff-tab {
	background-color:#f3f3f3;
	color:#aaa;
	xborder:1px solid #eee;
	font-size:12px;
	padding:4px 8px;
	display:inline-block;
	xborder-radius:2px;
	margin-top:2px;
	border-right:1px solid #ddd;
}

.ff-tab:last-child {
	border-right:0;
}

.ff-tab.ff-active {
	background-color:#999;
	color:white;
}

.ff-tab-page {
	display:none;
    padding: 10px;
    overflow-y: auto;
    border: 3px solid #999;
    background-color:#eee;
}

.ff-popover .ff-tab-page {
	min-width: 636px;
    max-height: 300px;
}

.ff-tab-page input, .ff-auto .inputor.ff-minp .ff-tab-page input {
	cursor:inherit;
	color:black; 
    border: 1px solid #ccc;
}

.ff-tab-page input[type="file"], .ff-auto .inputor.ff-minp input[type="file"] {
	background-color: transparent;
    border: 0;
    color: transparent;
}

.ff-tab-page.ff-active {
	display:block;
}

.ff-tab-page.ff-tab-library {
	overflow:hidden;
}

.ff-layouts {
	font-size:12px;
	text-align:right;
	color:#666;
}

.ff-layouts i:hover {
	color:black;
}

.ff-show-active {
	display:none;
}

.ff-active .ff-show-active {
	display:block;
}

.ff-active {
	background-color:#eee;
}

.ff-tab {
	cursor:pointer;
}

.ff-tab-page label {
	cursor:inherit;
}
				.ff-wiki-action {
    border-top:1px solid #ccc;
    margin-top:1rem;
}

.ff-wiki-action div {
    display: inline-block;
    width: 5.7rem;
    text-align: center;
    height: 5rem;
    line-height: 1rem;
    border: 1px solid #ccc;
    vertical-align: top;
    border-radius:5px;
    position:relative;
    margin-right:.2rem;
    color:#999;
    margin-bottom:1rem;
}

.ff-wiki-action > p {
    margin: 0;
    margin-bottom: .5rem;
    font-size: .8rem;
    padding: 0 .5rem;
    background-color: #eee;
    display: inline-block;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.ff-wiki-action > span {
	content:'';
	display:table;
	clear:both;
}

.ff-wiki-action div:hover {
	cursor:pointer;
	color:black;
}

.ff-wiki-action div p, .ff-wiki-action div i {
	font-size:3rem;
	line-height:3rem;
	margin:0;
	padding:0;
	position:relative;
	top:.5rem;
}

.ff-wiki-action div span {
	font-size:.6rem;
	display:block;
	margin-top:.5rem;
	text-transform: uppercase;
}

input.ff-wiki-heading, textarea.ff-wiki-text {
    border: none;
    transition: none;
    box-shadow: none;
}

input.ff-wiki-heading, textarea.ff-wiki-text, .ff-wiki-container .ff-tab-page {
	margin-top:.3rem;
	margin-bottom:.3rem;
}

input.ff-wiki-heading {
	margin-top:.6rem;
	font-size:2rem;
}

.ff-wiki-container .ff-tab-page span.icon-remove {
	display:none;
}

textarea.ff-wiki-text {
	min-height:2.5rem;
}

.ff-wiki-container .ff-tab-page {
    border: 1px solid #ccc;
    border-radius: 2px;
    padding-bottom: 7px;
}

.ff-wiki-container .ff-tab-page:hover, .ff-wiki-container .ff-tab-page:hover .ff-gal-im {
	cursor:pointer;
}		table.dataTable.ff-table {
	width:100%;
	margin-bottom:0 !important;
}

table.ff-table tr th {
	padding-right:15px;
	padding-left:1rem;
	white-space:nowrap;
}
table.ff-table tr th {
	font-size:0.77rem;
}

table.ff-table tr td {
	padding:0.2rem 1rem 0.2rem 1rem;
	border-right:1px solid #ddd;
}

table.ff-table tr td:last-child {
	border-right:0;
}

table.ff-table tbody tr td:first-child, table.ff-table thead tr th:first-child {
	padding-left:0.5rem;
}

table.dataTable.ff-table.ff-detailed {
}

table.ff-table tr th.ff-hdr-check {
	padding:0;
	width:1%;
}

.top-bar {
	padding-left: 2.8rem;	
}

@media only screen and (min-width: 40em) {
  .top-bar {
    text-align: center; 
  }

  ul.center-buttons {
    display: inline-block; 
  }

  .logo {
    left: 5px;
    top: -2px;
    position: absolute; 
  } 
}

.ff-table tr:hover {
	background-color:#eee;
	cursor:pointer;
}

.ff-table tr.active, .ff-table td.active {
	background-color:#008CBA;
}

.ff-table tr.active td, .ff-table tr.active td a, .ff-table tr td.active, .ff-table tr td.active a {
	color:white;
}

.logo {
  max-width: 2rem;
  margin-top: -3px;
  margin-left: 5px; 
}

.menu-icon {
  padding-top: 1.2rem; 
}

.top-bar.expanded {
  background: #333333; 
}

.logo {
  margin-top: .5rem;
}

div.dataTables_wrapper {
	margin-bottom:0;
}
div.dataTables_wrapper > .row {
	margin:0;
	max-width:100%;
}
div.dataTables_wrapper .small-6.columns {
	float:right;
	padding:0;
}
div.dataTables_filter label {
    width: 100% !important;
    top: -1.2rem;	
	height:1.2rem;
	position:absolute;
	right:2rem;
}
.ff-table input.ff-check {
	width: 1rem;
	margin:0;
    position: relative;	
}
div.dataTables_filter input {
    width: 100% !important;
	border:0;
    padding: 0 0 0 .5rem;
    font-size:0.8rem;
    height: 1.7rem;
    line-height: 1.7rem;
    margin:0
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    margin-left: .5rem;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;    
}