/* Alertify patch */
.ajs-header .text-danger {
	color: #ee3423;
}
.alertify .ajs-body .ajs-content {
	padding-left: 0;
	padding-right: 0;
}
.alertify .ajs-footer .ajs-buttons .ajs-button {
  font-weight: normal !important;
  min-width: 60px;
  text-transform: none !important;
  padding: 0 10px !important;
}
.ajs-header,
.ajs-content {
  text-align: left;
}
.alertify .ajs-footer .ajs-buttons .ajs-button.btn{
  min-height: 34px !important;
    font-weight: bold !important;
}
.ajs-buttons .btn-success:hover,
.ajs-buttons .btn-success:focus,
.ajs-buttons .btn-success:active,
.ajs-buttons .btn-success.active {
  color: #fff !important;
  background-color: #69b140 !important;
  border-color: #599737 !important;
}
.ajs-buttons .btn-danger:hover,
.ajs-buttons .btn-danger:focus,
.ajs-buttons .btn-danger:active,
.ajs-buttons .btn-danger.active {
  color: #fff !important;
  background-color: #ce2010 !important;
  border-color: #ad1b0d !important;
}
.ajs-buttons .btn-success {
  color: #fff !important;
  background-color: #84c55f !important;
  border-color: #76be4c !important;
}
.ajs-buttons .btn-danger {
  color: #fff !important;
  background-color: #ee3423 !important;
  border-color: #e62412 !important;
}
.ajs-close {
  color: #ee3423;
  font-size: 2em !important;
  display: inline-block !important;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-image: none !important;
  padding: 0 !important;
}
.ajs-close:before {
  content: "\f00d";
}
.ajs-header span.text-warning {
  color: #8a6d3b !important;
}
.vl-tabs {
  border-color: #ddd;
  margin-bottom: 0!important;
  margin-left: 0;
  position: relative;
  border-top: 1px solid #ddd;
  background-color: #eee;
  padding-left: 10px;
  border-bottom: 0 !important;
}
.vl-tabs > li {
	margin-bottom: 0 !important;
}
.vl-tabs > li > a {
  background-color: #eee;
  color: #767676;
  text-transform: capitalize;
  font-weight: 500;
  margin-right: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-weight: bold;
  height: 40px;
  box-sizing: border-box;
  text-transform: uppercase;
  padding: 10px 8px !important;
  border-bottom-color: #fff;
  margin-right: 0 !important;
}
.vl-tabs>li.active>a, .vl-tabs>li.active>a:hover, .vl-tabs>li.active>a:focus, .vl-tabs>li.active:hover>a:hover {
  color: #000 !important;
  border-color: #ddd;
  border-top: 2px solid #5ca7df !important;
  border-bottom-color: #fff;
  background-color: #FFF;
  z-index: 1;
  line-height: 18px;
  box-shadow: 0;
  padding: 12px 15px 10px;
}
.vl-tabs>li.active>a,
.vl-tabs>li>a:hover {
	background-color: #fff !important;
	color: #000;
	cursor: pointer;
}

/* TeamFeed Modal */
.TeamfeedModal .text-danger {
  color: #ee3423;
}
.TeamfeedModal .text-success {
  color: #84c55f;
}
.TeamfeedModal .modal-dialog {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  padding: 3em 0;
}
.TeamfeedModal .modal-dialog .modal-content {
  width: 45em;
  margin: 0 auto;
  max-height: 100%;
  overflow: auto;
  background: #eee;
  text-align: left;
}
.TeamfeedModal .modal-dialog .modal-content .modal-header,
.TeamfeedFullHeightModal.ModalSelector .modal-dialog .modal-content .modal-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0.3em 1em;
  align-items: center;
}
.TeamfeedModal .modal-dialog .modal-content .modal-header .close,
.TeamfeedFullHeightModal.ModalSelector .modal-dialog .modal-content .modal-header .close {
  color: #ee3423;
  opacity: 1;
}
.TeamfeedModal .modal-dialog .modal-content .modal-header .dialog-title,
.TeamfeedFullHeightModal.ModalSelector .modal-dialog .modal-content .dialog-title {
  flex: 1 1 1em;
  -webkit-flex: 1 1 1em;
  font-weight: bold;
  color: #777;
  font-size: 1.4em;
}
.TeamfeedModal .modal-dialog .modal-content .modal-header .form-info-status,
.TeamfeedModal .modal-dialog .modal-content .modal-footer .form-info-status {
  padding-right: 1em;
}
.TeamfeedModal .modal-dialog .modal-content .modal-body {
  padding: 0;
  background: #fff;
  position: relative;
}
.TeamfeedModal .modal-dialog .modal-content .TeamfeedModalContent .spinner,
.TeamfeedFullHeightModal.ModalSelector .modal-dialog .modal-content .spinner {
  position: absolute;
  top: 7em;
  left: 50%;
  display: none;
}
.TeamfeedModal .modal-dialog .modal-content .TeamfeedModalContent.loading .spinner,
.TeamfeedFullHeightModal.ModalSelector .modal-dialog .modal-content .loading .spinner {
  display: block;
}
.TeamfeedModal .modal-dialog .modal-content .TeamfeedModalContent.loading .body-content,
.TeamfeedFullHeightModal.ModalSelector .modal-dialog .modal-content .loading .body-content .ResultPane {
  opacity: 0.65;
}
.TeamfeedFullHeightModal.ModalSelector .modal-dialog .modal-content .loading .body-content .DataTable .spinner {
	top: 14em;
}
.TeamfeedModal .modal-dialog .modal-content .modal-footer {
  padding: 0.5em 1em;
  text-align: right;
}
.TeamfeedFullHeightModal.ModalSelector {
  left: auto;
}
.TeamfeedFullHeightModal .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  text-align: left;
}
.TeamfeedFullHeightModal.ModalSelector .modal-dialog {
  width: 30em;
  float: right;
}
.TeamfeedFullHeightModal.ModalSelector .modal-dialog .modal-content {
  border-radius: 0;
  width: 100%;
  height: 100%;
  background: #eee;
}
.TeamfeedFullHeightModal.ModalSelector .modal-dialog .modal-content .node-selector,
.TeamfeedFullHeightModal.ModalSelector .modal-dialog .modal-content .node-selector > div {
  height: 100%;
}
.TeamfeedFullHeightModal.ModalSelector .modal-dialog .modal-content .node-selector .SelectorWrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column;
  height: 100%;
}
.TeamfeedFullHeightModal.ModalSelector .modal-dialog .modal-content .node-selector .SelectorWrapper .modal-body {
  flex: 1 1 1em;
  -webkit-flex: 1 1 1em;
  overflow: auto;
  padding: 0;
  background: #fff;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column;
}

/* TeamFeed Modal */

/* Post to Feed Modal */
.TeamfeedModalContent.FeedPostModal {
	position: relative;
}
.FeedPostModal .body-content .post-info {
  padding: 1em;
}
.FeedPostModal .body-content .post-info .profile-info {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.FeedPostModal .body-content .post-info .profile-info .avatar {
  width: 4em;
  height: 4em;
}
.FeedPostModal .body-content .post-info .profile-info .avatar span {
  width: 4em;
  height: 4em;
  display: block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #dddddd;
}
.FeedPostModal .body-content .post-info .profile-info .info {
  margin-left: 1em;
  flex: 1 1 1em;
  -webkit-flex: 1 1 1em;
}
.FeedPostModal .body-content .post-info .profile-info .info .name {
  font-size: 1.2em;
}
.FeedPostModal .body-content .post-info .profile-info .info .settings a {
  cursor: pointer;
}
.FeedPostModal .body-content .post-info .profile-info .info .settings a span {
  color: #777;
}
.FeedPostModal .body-content .post-info .post-content {
  margin-top: 0.5em;
}
.FeedPostModal .body-content .post-info .post-content textarea {
  width: 100%;
  font-size: 16px;
  border: 0;
  resize: none;
  height: 100px;
  padding: 5px;
}
.FeedPostModal .body-content .post-info .post-content textarea::placeholder {
  color: #959595;
}

#sendNotification {
    margin-right: 5px;
    margin-top: 0px;
}

.FeedPostModal .body-content .notification-info {
    border-top: none !important;
    padding-top: 0px !important;
    color: #777;
}

.FeedPostModal .body-content .notification-info label {
    font-weight: normal !important;
    margin-bottom: 1px !important;
}

.FeedPostModal .body-content .notification-info label:hover,
.FeedPostModal .body-content .notification-info input:hover {
	cursor: pointer;
}

.FeedPostModal .body-content .share-info {
  padding: 0.5em 1em;
  line-height: 2em;
  border-top: 1px #ddd solid;
  align-items: center;

}
.FeedPostModal .body-content .share-info .label-text {
  text-transform: uppercase;
}
.FeedPostModal .body-content .share-info .share-content {
    margin-left: 1em;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
.FeedPostModal .body-content .share-info .share-content .shared-roster-group,
.FeedPostModal .body-content .share-info .share-content .shared-location,
.FeedPostModal .body-content .share-info .share-content .shared-class,
.FeedPostModal .body-content .share-info .share-content .shared-everyone {
  	display: inline-block;
  	margin-right: 1em;
  	background: #EEE;
	border: 1px #DDD solid;
	border-radius: 1em;
	padding: 0 1em;
    color: #777;
}
.FeedPostModal .body-content .share-info .share-content .shared-roster-group .name,
.FeedPostModal .body-content .share-info .share-content .shared-location .name,
.FeedPostModal .body-content .share-info .share-content .shared-class .name,
.FeedPostModal .body-content .share-info .share-content .shared-everyone .name {
    color: #000;
    font-weight: bold;
}
.FeedPostModal .body-content .share-info .share-content .public-icon {
    display: inline-block;
    color: #5fa8dc;
    font-size: 1.3em;
}
.FeedPostModal .body-content .share-info .share-content .facebook-icon {
	display: inline-block;
	padding-left: 0.5em;
  color: #4267b2;
  font-size: 1.3em;
}
.FeedPostModal .body-content .share-info .share-content .google-icon {
	display: inline-block;
	padding-left: 0.5em;
  	color: #1da1f2;
  	font-size: 1.3em;
}
.FeedPostModal .body-content .share-info .share-content .twitter-icon {
	display: inline-block;
  padding-left: 0.5em;
  color: #1da1f2;
  font-size: 1.3em;
}

.FeedPostModal .body-content .share-info .actions button {
  padding: 0.3em 1em;
}

.FeedPostModal .body-content .share-detail,
.FeedPostModal .body-content .social-share {
  border-top: 1px #ddd solid;
  background: #DDD;
  position: relative;
}
.FeedPostModal .body-content .share-detail:after,
.FeedPostModal .body-content .share-detail:before {
  bottom: 100%;
  left: 4em;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.FeedPostModal .body-content .share-detail:after {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #eee;
  border-width: 8px;
  margin-left: -8px;
}
.FeedPostModal .body-content .share-detail:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #eee;
  border-width: 9px;
  margin-left: -9px;
}
.FeedPostModal .body-content .share-detail .label-text,
.FeedPostModal .body-content .social-share .label-text {
  	text-transform: uppercase;
  	padding: 1em;
}
.FeedPostModal .body-content .share-detail .share-detail-content,
.FeedPostModal .body-content .social-share .social-share-content {
  	background: #EEE;
	padding: 0 1em 1em 1em;
}
.FeedPostModal .body-content .share-detail .share-detail-content .disabled {
	opacity: 0.6;
	pointer-events: none;
}
.FeedPostModal .body-content .share-detail .share-detail-content .DropdownSelect {
	padding: 0;
}
.FeedPostModal .body-content .social-share .social-share-content {
	padding: 0 1em;
}

.FeedPostModal .body-content .share-detail .roster-selection.disabled,
.FeedPostModal .body-content .share-detail .location-selection.disabled {
	opacity: 0.6;
	pointer-events: none;
}

.FeedPostModal .body-content .share-detail .form-row {
	padding-top: 1em;
}
.FeedPostModal .body-content .share-detail .form-row > div > i {
  color: #777;
}
.FeedPostModal .body-content .share-detail .form-row > div {
  padding: 0.2em 0;
}
.FeedPostModal .body-content .share-detail .form-row .public-info {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  font-weight: bold;
}
.FeedPostModal .body-content .share-detail .form-row .public-info .action {
	width: 2em;
}
.FeedPostModal .body-content .share-detail .form-row .public-info .info,
.FeedPostModal .body-content .social-share .social-item .info {
  	flex: 1 1 1em;
  	-webkit-flex: 1 1 1em;
	font-weight: bold;
}
.FeedPostModal .body-content .share-detail .form-row .public-info .info label,
.FeedPostModal .body-content .social-share .social-item .info label {
	font-weight: bold;
	margin: 0;
}
.FeedPostModal .body-content .share-detail .form-row .public-info .info label i,
.FeedPostModal .body-content .social-share .social-item .info label i {
	font-size: 1.3em;
}
.FeedPostModal .body-content .share-detail .form-row .public-info .info label i {
    color: #777;
}

.FeedPostModal .body-content .social-share .social-item .social-name {
	width: 7em;
	margin: 0;
}
.FeedPostModal .body-content .social-share .social-item .info {
	margin-left: 1em;
	color: #5fa8dc;
	font-weight: normal;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.FeedPostModal .body-content .social-share .social-item .action {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.FeedPostModal .body-content .social-share .social-item .action > span.settings {
	font-weight: normal;
	color: #5fa8dc;
}
.FeedPostModal .body-content .social-share .social-item .action > span.settings a {
	cursor: pointer;
}

.FeedPostModal .body-content .social-share .social-item {
  padding: 0.5em 0;
  border-top: 1px #ddd solid;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-weight: bold;
  align-items: center;
}
.FeedPostModal .body-content .social-share .social-item .selection {
	width: 2em;
}

.FeedPostModal .body-content .social-share .social-item.facebook > .social-name > i {
	margin-right: 0.3em;
	color: #4267b2;
	font-size: 1.2em;
}
.FeedPostModal .body-content .social-share .social-item.twitter > .social-name > i {
	margin-right: 0.3em;
	color: #1da1f2;
	font-size: 1.2em;
}
.FeedPostModal .body-content .social-share .social-item.google > .social-name > i {
	margin-right: 0.3em;
	color: #1da1f2;
	font-size: 1.2em;
}
.FeedPostModal .body-content .social-share .social-item > .social-name > span {
	font-weight: bold;
}

.FeedPostModal .body-content .attachment-info .label-text {
  padding: 1em;
  background: #DDD;
  text-transform: uppercase;
  border-top: 1px #ddd solid;
  border-bottom: 1px #ddd solid;
}
.FeedPostModal .body-content .attachment-content {
  padding: 0.5em;
  min-height: 14em;
  color: #777;
  position: relative;
  overflow: hidden;
}
.FeedPostModal .body-content .attachment-content.dragging.practice .attachment-detail > div,
.FeedPostModal .body-content .attachment-content.dragging.scrapbook .attachment-detail > div {
  opacity: 0.6;
}

.practice-scrapbook-data-row {
	text-align: left !important;
}

.FeedPostModal .body-content .attachment-content #practiceContentWrapper,
.FeedPostModal .body-content .attachment-content #scrapbookContentWrapper {
	min-height: 10em;
	padding: 0.5em;
}
.FeedPostModal .body-content .attachment-content.dragging.practice #practiceContentWrapper,
.FeedPostModal .body-content .attachment-content.dragging.scrapbook #scrapbookContentWrapper {
  min-height: 13em;
  border: 2px #84c55f dashed;
}
.FeedPostModal .body-content .attachment-content.dragging.practice #practiceContentWrapper .dragging-place-text,
.FeedPostModal .body-content .attachment-content.dragging.scrapbook #scrapbookContentWrapper .dragging-place-text {
  display: none;
}
#practiceContentWrapper .practice-item {
	background: #f4f4f4;
	position: relative;
	padding: 0.5em;
}
#practiceContentWrapper .practice-item .icon-delete {
  color: #ee3423;
  position: absolute;
  top: -0.4em;
  right: -0.4em;
  display: inline-block;
  background: #fff;
  border-radius: 50%;
  font-size: 1.5em;
  cursor: pointer;
}
#practiceContentWrapper .practice-item .practice-title-wrapper {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
#practiceContentWrapper .practice-item .practice-title-wrapper .practice-title {
	color: #333;
	font-weight: bold;
	font-size: 1.2em;
	flex: 1 1 1em;
  -webkit-flex: 1 1 1em;
}
#practiceContentWrapper .practice-item .practice-title-wrapper .practice-start-date {
	color: #ee3423;
	text-align: right;
}
#practiceContentWrapper .practice-item .workout-wrapper {
	margin: 0.5em 0;
}
#practiceContentWrapper .practice-item .practice-scrapbook {
	padding: 0.5em 0;
}
#practiceContentWrapper .practice-item .practice-scrapbook img {
	width: 100%;
}
#practiceContentWrapper .practice-item .workout-wrapper .workout-item {
	background: #fff;
	padding: 0.5em;
	margin-bottom: 0.5em;
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
#practiceContentWrapper .practice-item .workout-wrapper .workout-item:last-child {
	margin: 0;
}
#practiceContentWrapper .practice-item .workout-wrapper .workout-item .workout-title {
  color: #5fa8dc;
  flex: 1 1 1em;
  -webkit-flex: 1 1 1em;
  font-weight: bold;
}
#practiceContentWrapper .practice-item .workout-wrapper .workout-item .workout-distance {
	width: 7em;
	color: #333;
}
#practiceContentWrapper .practice-item .workout-wrapper .workout-item .workout-duration {
	width: 6em;
	color: #333;
}
#practiceContentWrapper .practice-item .workout-wrapper .workout-item .workout-stress {
	width: 4em;
	color: #333;
}

.FeedPostModal .body-content .attachment-content .dragging-place-text {
	text-align: center;
	font-size: 1.5em;
	padding-top: 52px;
}
.ui-sortable-helper {
	z-index: 99999999 !important;
}
.FeedPostModal .body-content .attachment-content.dropped .attachment-detail {
	display: block;
	text-align: left;
}
.FeedPostModal .body-content .attachment-content.dragging .dragging-wrapper > span {
  width: 100%;
}
.FeedPostModal .body-content .attachment-content .attachment-detail.type-photo {
	clear: both;
  display: inline-block;
  width: 100%;
  min-height: 5em;
}
.FeedPostModal .body-content .attachment-content .attachment-detail.type-photo .item-wrapper {
	display: inline-block !important;
	width: 100%;
	border: 2px #fff solid;
	position: relative;
	min-height: 1px;
}
.FeedPostModal .body-content .attachment-content .attachment-detail.type-photo.dragging .item-wrapper {
  border: 2px #84c55f dashed;
  display: inline-block !important;
  min-height: 178px;
}
.FeedPostModal .body-content .attachment-content .attachment-detail.type-photo.dragging .dragging-place-text {
	display: none;
}
.FeedPostModal .body-content .attachment-content .attachment-detail.type-photo .item-wrapper > div {
	display: inline-block;
	float: left;
	position: relative;
	width: 25%;
  height: 100px;
  padding: 5px;
}
.FeedPostModal .body-content .attachment-content .attachment-detail.type-photo .item-wrapper > div.photo-item.not-found > div > .not-found-icon {
  width: 100%;
  height: 100%;
  background: #ccc;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.FeedPostModal .body-content .attachment-content .attachment-detail.type-photo .item-wrapper > div.photo-item.not-found > div > .not-found-icon > i {
	color: #fff;
	font-size: 3em;
}
.FeedPostModal .body-content .attachment-content .attachment-detail.type-photo .item-wrapper .photo-item.loading > div > img {
	opacity: 0.3;
	visibility: hidden;
}
.FeedPostModal .body-content .attachment-content .attachment-detail.type-photo .item-wrapper .photo-item .spinner {
  display: none;
  font-size: 2em;
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  color: #5fa8dc;
}
.FeedPostModal .body-content .attachment-content .attachment-detail.type-photo .item-wrapper .photo-item.loading > div .spinner {
	display: inline-block;
}
.FeedPostModal .body-content .attachment-content .attachment-detail.type-photo .item-wrapper > div.photo-item > > div .fa-picture-o,
.FeedPostModal .body-content .attachment-content .attachment-detail.type-photo .item-wrapper > div.photo-item.not-found > div > img {
	display: none;
}
.FeedPostModal .body-content .attachment-content .attachment-detail.type-photo .item-wrapper > div > div {
	width: 100%;
	height: 100%;
	background: #f4f4f4;
	text-align: center;
	position: relative;
}
.FeedPostModal .body-content .attachment-content .attachment-detail.type-photo .item-wrapper > div > div > img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.FeedPostModal .body-content .attachment-content .attachment-detail.type-photo .item-wrapper > div > div > span.icon-delete {
	color: #ee3423;
	position: absolute;
	top: -5px;
	right: -5px;
	display: inline-block;
  background: #fff;
  border-radius: 50%;
  font-size: 1.2em;
  display: none;
  cursor: pointer;
}
.FeedPostModal .body-content .attachment-content .attachment-detail.type-photo .item-wrapper > div > div > span.play-icon {
	color: #fff;
  display: inline-block;
  font-size: 40px;
  position: absolute;
  top: 25px;
  left: 45px;
}
.FeedPostModal .body-content .attachment-content .attachment-detail.type-photo .item-wrapper .photo-item.loading > div > span.play-icon {
	display: none;
}
.FeedPostModal .body-content .attachment-content .attachment-detail.type-photo .item-wrapper > div:hover > div > span.icon-delete {
	display: inline-block;
}
.FeedPostModal .body-content .attachment-content .attachment-detail.type-photo .item-wrapper .add-photo {
	width: calc(25% - 10px);
  height: 90px;
  margin: 5px;
  background: #f4f4f4;
  border: 1px #ddd dashed;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -webkit-flex-direction: column;
  flex-flow: column nowrap;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  cursor: pointer;
}

.attachment-detail.type-voicenote {
	padding: 0.5em;
}
.attachment-detail.type-voicenote .voicenote-wrapper {
	position: relative;
	margin-top: 1em;
}
.attachment-detail.type-voicenote .voicenote-wrapper audio {
	width: 100%;
}
.attachment-detail.type-voicenote .icon-delete {
	color: #ee3423;
  position: absolute;
  top: -0.4em;
  right: -0.4em;
  display: inline-block;
  background: #fff;
  border-radius: 50%;
  font-size: 1.5em;
  cursor: pointer;
}
.attachment-detail.type-voicenote audio::-webkit-media-controls-panel {
  background-color: #5ea7de;
}
.attachment-detail.type-voicenote audio::-webkit-media-controls {
  background-color: #FFFFFF;
  color: #FFFFFF;
}
.FeedPostModal .modal-footer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.FeedPostModal .modal-footer div.add-attachment {
  flex: 1 1 1em;
  -webkit-flex: 1 1 1em;
  text-align: left;
}
.FeedPostModal .modal-footer div.add-attachment > span {
  color: #84c55f;
  text-transform: uppercase;
  cursor: pointer;
  font-weight: bold;
}
.FeedPostModal .body-content .attachment-content .btn-add-attachment {
  border-radius: 50%;
  width: 1.3em;
  height: 1.3em;
  padding: 0;
  outline: none;
  line-height: 1.3em;
}
.FeedPostModal .modal-footer div.add-attachment .btn-add-attachment {
  border-radius: 50%;
  width: 2.4em;
  padding: 0;
  height: 2.4em;
  outline: none;
}
.FeedPostModal .select-attachments {
  background: #fff;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  padding: 1em 0;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  opacity: 0.97;
}
.FeedPostModal .select-attachments > ul {
  margin: 0;
  padding: 0;
}
.FeedPostModal .select-attachments > ul > li {
  list-style: none;
  cursor: pointer;
  padding: 0.4em 1em;
  width: 18em;
}
.FeedPostModal .select-attachments > ul > li:hover {
  background: #f5f5f5;
}
.FeedPostModal .select-attachments > ul > li > button {
  padding: 0;
  width: 2em;
  height: 2em;
  border-radius: 50%;
}
.FeedPostModal .select-attachments > ul > li:hover > button {
	background: #3591d3;
}
.FeedPostModal .select-attachments > ul > li > button.btn-voice-note {
  background: #5fa8dc url("/v2/images/scrapbook-icons.png") no-repeat 0px -24px;
}
.FeedPostModal .select-attachments > ul > li:hover > button.btn-voice-note {
  background: #3591d3 url("/v2/images/scrapbook-icons.png") no-repeat 0px -24px;
}
.FeedPostModal .select-attachments > ul > li > button.btn-photo {
  background: #5fa8dc url("/v2/images/scrapbook-icons.png") no-repeat 0px -176px;
}
.FeedPostModal .select-attachments > ul > li:hover > button.btn-photo {
  background: #3591d3 url("/v2/images/scrapbook-icons.png") no-repeat 0px -176px;
}
.FeedPostModal .select-attachments > ul > li > button.btn-video {
  background: #5fa8dc url("/v2/images/scrapbook-icons.png") no-repeat 0px -201px;
}
.FeedPostModal .select-attachments > ul > li:hover > button.btn-video {
  background: #3591d3 url("/v2/images/scrapbook-icons.png") no-repeat 0px -201px;
}
.FeedPostModal .select-attachments > ul > li > button.btn-practice {
	background: #5fa8dc url("/v2/images/scrapbook-icons.png") no-repeat 0px -226px;
}
.FeedPostModal .select-attachments > ul > li:hover > button.btn-practice {
	background: #3591d3 url("/v2/images/scrapbook-icons.png") no-repeat 0px -226px;
}
.FeedPostModal .select-attachments > ul > li > button.btn-scrapbook {
	background: #5fa8dc url("/v2/images/scrapbook-icons.png") no-repeat 0px -250px;
}
.FeedPostModal .select-attachments > ul > li:hover > button.btn-scrapbook {
	background: #3591d3 url("/v2/images/scrapbook-icons.png") no-repeat 0px -250px;
}

.FeedPostModal .select-attachments > ul > li.disabled {
	opacity: 0.5;
}

.FeedPostModal .select-attachments > ul > li > button > i {
  font-size: 1.3em;
}
.FeedPostModal .select-attachments > ul > li > span {
  font-weight: bold;
  text-transform: uppercase;
}
.FeedPostModal .select-attachments > ul > li:hover > span {
  color: #5fa8dc;
}
.FeedPostModal .select-attachments .close-select-attachments {
  padding: 1em 1em 0 1em;
}
.FeedPostModal .select-attachments .close-select-attachments button {
  padding: 0;
  width: 2em;
  height: 2em;
  border-radius: 50%;
}
.FeedPostModal .select-attachments .close-select-attachments span {
  cursor: pointer;
  color: #ee3423;
  font-size: 0.9em;
  font-weight: bold;
  text-transform: uppercase;
}
.FeedPostModal .switchbox-wrapper input[type="checkbox"][mode="switch"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none !important;
  appearance: none;
  display: none;
}
.FeedPostModal .switchbox-wrapper input[type="checkbox"][mode="switch"] ~ * {
  font: inherit;
  font-size: 0.8em;
  display: inline-block;
  margin: 0px;
  padding: 0px;
  height: 2.2em;
  width: 5em;
  position: relative;
  background: #999;
  border-radius: 0.2em;
  cursor: pointer;
}
.FeedPostModal .switchbox-wrapper input[type="checkbox"][mode="switch"] ~ *::after {
  font: inherit;
  font-size: 1em;
  line-height: 1.8;
  display: inline-block;
  width: 2.5em;
  border-radius: 0.2em;
  vertical-align: middle;
  content: "NO";
  position: absolute;
  top: 0.1em;
  padding: 0em;
  text-align: center;
  background: #FFF;
  color: #999;
  border: solid 1px #999;
}
.FeedPostModal .switchbox-wrapper input[type="checkbox"][mode="switch"]:not(:checked) ~ *::after {
  left: 0.1em;
}
.FeedPostModal .switchbox-wrapper input[type="checkbox"][mode="switch"]:checked ~ * {
  background: #469ADB;
}
.FeedPostModal .switchbox-wrapper input[type="checkbox"][mode="switch"]:checked ~ *::after {
  content: "YES";
  right: 0.1em;
  color: #469ADB;
  border: solid 1px #469ADB;
}
.FeedPostModal .switchbox-wrapper input[type="checkbox"][mode="switch"]:focus {
  outline: none !important;
}
.FeedPostModal .switchbox-wrapper input[type="checkbox"][mode="switch"]::-moz-focus-inner {
  border: 0;
}
.FeedPostModal .switchbox-wrapper input[type="checkbox"][mode="switch"]:disabled ~ *,
.FeedPostModal .switchbox-wrapper input[type="checkbox"][mode="switch"][disabled] ~ * {
  opacity: 0.4;
}

.TeamfeedModal .modal-dialog .modal-content .FacebookConnectModal .modal-body,
.TeamfeedModal .modal-dialog .modal-content .TwitterConnectModal .modal-body {
	padding: 1em;
	background: #eee;
}
.FacebookConnectModal .modal-body > div,
.TwitterConnectModal .modal-body > div {
	text-align: center;
}
.FacebookConnectModal .modal-body > div:first-child,
.TwitterConnectModal .modal-body > div:first-child {
	font-size: 1.2em;
}
.FacebookConnectModal .modal-body > div:last-child,
.TwitterConnectModal .modal-body > div:last-child {
	color: #777;
}
.FacebookConnectModal .btn-facebook {
	background-color: #4267b2;
	border-color: #29487d;
}
.TwitterConnectModal .btn-twitter {
	background-color: #1da1f2;
  border-color: #1da1f2;
}
.TeamfeedModal .modal-dialog .modal-content .FacebookPageSelectionModal .modal-body,
.TeamfeedModal .modal-dialog .modal-content .TwitterSettingModal .modal-body {
	background: #eee;
	padding-top: 1em;
}
.FacebookPageSelectionModal .modal-body > div,
.TwitterSettingModal .modal-body > div {
	padding: 0 1em;
}
.FacebookPageSelectionModal .modal-body .label-text,
.TwitterSettingModal .modal-body .label-text {
	margin: 1em 0;
}
.FacebookPageSelectionModal .modal-body .label-text.no-page {
	text-align: center;
	font-size: 1.1em;
}
.FacebookPageSelectionModal .modal-body .page-item,
.FacebookPageSelectionModal .modal-body .login-user-info,
.TwitterSettingModal .modal-body .login-user-info {
	padding: 0.4em 1em;
	background: #fff;
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  border-top: 1px #ddd solid;
}
.FacebookPageSelectionModal .modal-body .page-item:hover {
	background: #f8f8f8;
	cursor: pointer;
}

.FacebookPageSelectionModal .modal-body .page-item .page-selection > input {
	margin: 0;
}
.FacebookPageSelectionModal .modal-body .page-item .page-avatar {
	margin-left: 0.5em;
	width: 4em;
	height: 4em;
  border: 1px #ddd solid;
}
.FacebookPageSelectionModal .modal-body .login-user-info .user-avatar,
.TwitterSettingModal .modal-body .login-user-info .user-avatar {
  width: 4em;
  height: 4em;
}
.FacebookPageSelectionModal .modal-body .login-user-info .user-avatar > span,
.TwitterSettingModal .modal-body .login-user-info .user-avatar > span {
	width: 100%;
  height: 100%;
	display: block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}
.FacebookPageSelectionModal .modal-body .login-user-info .user-name,
.TwitterSettingModal .modal-body .login-user-info .user-name {
	margin-left: 0.5em;
  flex: 1 1 1em;
  -webkit-flex: 1 1 1em;
}
.FacebookPageSelectionModal .modal-body .login-user-info .action > a,
.TwitterSettingModal .modal-body .login-user-info .action > a {
	cursor: pointer;
	color: #ee3423;
}

.FacebookPageSelectionModal .modal-body .page-item .page-avatar span {
	width: 100%;
  height: 100%;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}
.FacebookPageSelectionModal .modal-body .page-item .page-name {
	margin-left: 0.5em;
	flex: 1 1 1em;
  -webkit-flex: 1 1 1em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.PracticeSelector.Widgets.DataTable .CustomizerPane,
.PracticeScrapbookSelector.Widgets.DataTable .CustomizerPane {
  background: #E0E0E0;
}
.PracticeSelector.Widgets.DataTable .CustomizerPane .CustomizerWrapper .CustomizerControls,
.VideoLibrarySelector.Widgets.DataTable .CustomizerPane .CustomizerWrapper .CustomizerControls,
.PracticeScrapbookSelector.Widgets.DataTable .CustomizerPane .CustomizerWrapper .CustomizerControls {
  margin: 0;
}
.PracticeScrapbookSelector.Widgets.DataTable .MenusPane {
	background: #eee;
}

.SelectorWrapper .body-content,
.SelectorWrapper .body-content > div,
.PracticeSelector .quick-filter-wrapper {
	float: left;
	width: 100%;
	clear: both;
}
.SelectorWrapper .body-content,
.SelectorWrapper.PracticeSelectorWrapper .body-content > div {
	flex: 1 1 1em;
  -webkit-flex: 1 1 1em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column;
}
.SelectorWrapper .body-content > div .PracticeSelector {
	flex: 1 1 1em;
  -webkit-flex: 1 1 1em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column;
}
.SelectorWrapper .body-content > div .PracticeSelector .ResultPane {
	flex: 1 1 1em;
  -webkit-flex: 1 1 1em;
  overflow: auto;
}
.PracticeSelector .MenusPane {
	background: #eee;
}
.PracticeSelector .quick-filter-wrapper,
.PracticeSelector .control-action {
	background: #eee;
	padding: 0 1em 1em;
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.PracticeSelector .quick-filter-wrapper > div:first-child,
.PracticeSelector .control-action > div:first-child {
	flex: 1 1 1em;
  -webkit-flex: 1 1 1em;
}
.PracticeSelector .control-action {
	background: #E0E0E0;
	padding: 0.5em 1em;
	margin-bottom: 0.5em;
}
.PracticeSelector .control-action button,
.PracticeSelector .quick-filter-wrapper button {
	background: #DADADA;
	font-weight: bold;
	color: #777;
}
.PracticeSelector .control-action button.active,
.PracticeSelector .quick-filter-wrapper button.active {
	background: #fff;
}
.PracticeSelector .quick-filter-wrapper button.btn-fillter-scrapbook > span{
  width: 16px;
  height: 20px;
  display: inline-block;
  background: url(/v2/images/scrapbook-icons.png) no-repeat -30px -252px;
}

.PracticeListWrapper .item-wrapper .title-wrapper .practice-status .has-scrapbook{
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(/v2/images/scrapbook-icons.png) no-repeat -30px -253px;
}

.PracticeSelector .quick-filter-wrapper button.filter-scrapbook-enable {
  background-color: #fff;
}


.PracticeSelector .quick-filter-wrapper button.btn-fillter-test-set > span {
  width: 16px;
  height: 20px;
  display: inline-block;
  background: #dadada url(/v2/images/scrapbook-icons.png) no-repeat -30px -278px;
}
.PracticeSelector .quick-filter-wrapper button.filter-testset-enable {
  background-color: #fff;
}
.PracticeSelector .quick-filter-wrapper button.filter-testset-enable > span {
  background: #fff url(/v2/images/scrapbook-icons.png) no-repeat -30px -278px;
}
.PracticeSelector .quick-filter-wrapper button.btn-fillter-no-workout {
	width: 42px;
	height: 34px;
	padding: 0;
}
.PracticeSelector .quick-filter-wrapper button.btn-fillter-no-workout > span {
  width: 26px;
  height: 24px;
  display: inline-block;
  background: #dadada url(/v2/images/scrapbook-icons.png) no-repeat -25px -304px;
}
.PracticeSelector .quick-filter-wrapper button.filter-noworkout-enable {
  background-color: #fff;
}
.PracticeSelector .quick-filter-wrapper button.filter-noworkout-enable > span {
  background: #fff url(/v2/images/scrapbook-icons.png) no-repeat -25px -304px;
}

.PracticeSelector .control-action .date-info {
	font-size: 1.2em;
	font-weight: bold;
	color: #777;
}
.PracticeListWrapper .item-wrapper,
.PracticeHelper.ui-sortable-helper {
	padding: 0.5em;
	background: #f5f5f5;
	margin-bottom: 0.5em;
	cursor: pointer;
	text-align: left;
}
.PracticeListWrapper .item-wrapper:hover {
	background: #fff9e3;
}
.PracticeHelper.ui-sortable-helper {
	min-height: 90px;
}
.PracticeListWrapper .item-wrapper .title-wrapper,
.PracticeHelper.ui-sortable-helper .title-wrapper {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

.PracticeListWrapper .item-wrapper .coach-info span.more-coach,
.PracticeHelper.ui-sortable-helper .coach-info span.more-coach {
  color: #5fa8dc;
}
.PracticeListWrapper .item-wrapper .coach-info .tooltip {
  min-width: 100px;
  border: 0;
  background: none;
  opacity: 1;
}
.PracticeListWrapper .item-wrapper .coach-info .tooltip .tooltip-arrow {
  border-top-color: #eee;
}
.PracticeListWrapper .item-wrapper .coach-info .tooltip .tooltip-inner {
  background: #eee;
  text-align: left;
  color: #5fa8dc;
}

.PracticeListWrapper .item-wrapper .title-wrapper .practice-title,
.PracticeHelper.ui-sortable-helper .title-wrapper .practice-title {
	flex: 1 1 1em;
  -webkit-flex: 1 1 1em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.PracticeListWrapper .item-wrapper .title-wrapper .practice-status .no-workout,
.PracticeSelector .quick-filter-wrapper button .no-workout,
.PracticeHelper.ui-sortable-helper .title-wrapper .practice-status .no-workout {
	content: "";
  width: 0.8em;
  height: 0.8em;
  background-color: #FF9E01;
  display: inline-block;
  border-radius: 50%;
}
.PracticeListWrapper .item-wrapper .title-wrapper .practice-status .has-test-set,
.PracticeSelector .quick-filter-wrapper button .has-test-set,
.PracticeHelper.ui-sortable-helper .title-wrapper .practice-status .has-test-set {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(/v2/images/scrapbook-icons.png) no-repeat -30px -280px;
}



.PracticeListWrapper .item-wrapper .practice-info > span,
.PracticeHelper.ui-sortable-helper .practice-info > span {
	padding: 0 0.5em;
	border-right: 1px #cecece solid;
}
.PracticeListWrapper .item-wrapper .practice-info > span:first-child,
.PracticeHelper.ui-sortable-helper .practice-info > span:first-child {
	padding-left: 0;
}
.PracticeListWrapper .item-wrapper .practice-info > span:last-child,
.PracticeHelper.ui-sortable-helper .practice-info > span:last-child {
	padding-right: 0;
	border: 0;
}
.PracticeListWrapper .item-wrapper .practice-info .start-date,
.PracticeHelper.ui-sortable-helper .practice-info .start-date {
	color: #ee3423;
}

.PracticeListWrapper .item-wrapper.ui-sortable-placeholder,
.PracticeHelper.ui-sortable-placeholder,
.attachment-detail.type-scrapbook .scrapbook-data-row.item-wrapper.ui-sortable-placeholder,
.attachment-detail.type-scrapbook .practice-scrapbook-data-row.item-wrapper.ui-sortable-placeholder {
  display: none !important;
}

.TeamfeedModal .modal-dialog .modal-content .PhotoSelectorModal .modal-body {
	background: #eee;
	padding: 1em;
}
.PhotoSelectorModal div.content-wrapper {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.PhotoSelectorModal div.content-wrapper > div.item-wrapper {
	flex: 1 1 1em;
  -webkit-flex: 1 1 1em;
}
.PhotoSelectorModal div.content-wrapper > div.item-wrapper > div.item {
	text-align: center;
	padding: 0 2.8em;
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column;
  align-items: center;
}
.PhotoSelectorModal div.content-wrapper > div.item-wrapper > div.item .icon {
  background: #fff;
  margin-bottom: 1em;
  border: 1px #ddd solid;
  border-radius: 6px;
  cursor: pointer;
  width: 115px;
  height: 80px;
  box-sizing: border-box;
}
.PhotoSelectorModal div.content-wrapper > div.item-wrapper > div.item .icon.vieo-from-device {
  background: #fff url(/v2/images/photo-video-icons.png) no-repeat 25px -80px;
}
.PhotoSelectorModal div.content-wrapper > div.item-wrapper > div.item .icon.vieo-from-library {
  background: #fff url(/v2/images/photo-video-icons.png) no-repeat 25px -160px;
}
.PhotoSelectorModal div.content-wrapper > div.item-wrapper > div.item .icon.photo {
  background: #fff url(/v2/images/photo-video-icons.png) no-repeat 25px 0px;
}
.PhotoSelectorModal div.content-wrapper > div.item-wrapper > div.item.active .icon {
	border: 2px #4a9dd7 solid;
}
.PhotoSelectorModal div.content-wrapper > div.item-wrapper > div.item .icon > i {
	color: #ccc;
	font-size: 3em;
    display: none;
}

/* VIDEO LIBRARY */

.VideoLibraryWrapper .modal-body .body-content,
.VideoLibraryWrapper {
	height: 100%;
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column;
}
.ResultListerWrapper .VideoLibraryWrapper {
	flex: 1 1 1em;
  -webkit-flex: 1 1 1em;
}
.VideoLibraryWrapper .modal-body,
.VideoLibraryWrapper .modal-body .body-content,
.VideoLibraryWrapper .modal-body .body-content .VideoLibrarySelector {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column;
	flex: 1 1 1em;
  -webkit-flex: 1 1 1em;
  padding: 0;
  background: #fff;
}
.VideoLibraryWrapper .modal-footer {
	text-align: center;
}
.VideoLibrarySelector .ResultPane {
	flex: 1 1 1em;
  -webkit-flex: 1 1 1em;
  overflow-x: hidden;
  overflow-y: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column;
}
.VideoLibrarySelector.Widgets.DataTable .CustomizerPane {
	background: #E0E0E0;
}
.VideoLibrarySelector.Widgets.DataTable .MenusPane {
	background: #eee;
}
.VideoLibrarySelector.Widgets.DataTable .MenusPane.disabled input {
	background: transparent;
  pointer-events: none;
}
.VideoLibrarySelector.Widgets.DataTable .MenusPane.disabled button {
	pointer-events: none;
}
.VideoLibrarySelector.Widgets.DataTable .ResultPane {
  padding: 0;
}
.VideoLibrarySelector .ResultPane .type-header {
  padding: 1em;
  text-transform: uppercase;
  font-weight: bold;
}
.VideoLibrarySelector .ResultPane .item-wrapper {
	float: left;
	width: 50%;
  padding: 0 0 1em 1em;
  cursor: pointer;
}
.VideoLibrarySelector .ResultPane .item-wrapper .image-info {
	width: 100%;
	position: relative;
	height: 8em;
}
.VideoLibrarySelector .ResultPane .item-wrapper .image-info > img {
	width: 100%;
	height: 100%;
}
.VideoLibrarySelector .ResultPane .item-wrapper .image-info.not-found > img,
.VideoLibrarySelector .ResultPane .item-wrapper .image-info .not-found-icon {
	display: none;
}
.VideoLibrarySelector .ResultPane .item-wrapper .image-info.not-found .not-found-icon {
	width: 100%;
  height: 100%;
  background: #ccc;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.VideoLibrarySelector .ResultPane .item-wrapper .image-info.not-found .not-found-icon > i {
  color: #fff;
  font-size: 3em;
}
.VideoLibrarySelector .ResultPane .item-wrapper .image-info .video-duration {
	background-color: #000;
  display: inline-block;
  color: #fff;
  border: 1px solid #fff;
  opacity: .7;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 0 0.5em;
  position: absolute;
  right: 0.2em;
  bottom: 0.4em;
}
.VideoLibrarySelector .ResultPane .item-wrapper .image-info .video-selection,
.VideoLibraryHelper.item-wrapper.ui-sortable-helper .video-selection {
	position: absolute;
  top: 0.5em;
  left: 0.5em;
}
.VideoLibrarySelector .ResultPane .item-wrapper .image-info .video-selection > input,
.VideoLibraryHelper.item-wrapper.ui-sortable-helper .video-selection > input {
	margin: 0;
}
.VideoLibrarySelector .ResultPane .item-wrapper .image-info.not-found .video-duration {
	display: none;
}
.VideoLibrarySelector .ResultPane .item-wrapper .video-info {
	padding-top: 0.5em;
	display: block;
}
.VideoLibrarySelector .ResultPane .item-wrapper .video-info .video-name {
	font-weight: bold;
	color: #5fa8dc;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.VideoLibrarySelector .ResultPane .item-wrapper .video-info .video-owner,
.VideoLibrarySelector .ResultPane .item-wrapper .video-info .video-play-time {
	font-size: 0.9em;
	overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.VideoLibrarySelector .ResultPane .item-wrapper .video-info .video-play-time span.timeAgo:before {
	content: '\002022';
  margin: 0 0.5em;
}
.VideoLibrarySelector .item-wrapper.ui-sortable-placeholder,
.VideoLibraryHelper.ui-sortable-helper.ui-sortable-placeholder {
  display: none !important;
}
.VideoLibraryHelper .image-info {
	width: 135px;
	height: 90px;
	position: relative;
}
.VideoLibraryHelper .video-info {
  display: none;
}
.VideoLibraryHelper .image-info > img {
	width: 100%;
	height: 100%;
}
.VideoLibraryHelper .image-info .video-duration {
	position: absolute;
	right: 0;
  bottom: 0;
}
.VideoLibraryHelper.item-wrapper.ui-sortable-placeholder {
	min-height: unset !important;
}
.VideoLibraryHelper.item-wrapper.ui-sortable-helper {
  width: auto !important;
  height: auto !important;
}
.VideoLibraryHelper.item-wrapper.ui-sortable-helper .image-info.not-found > img,
.VideoLibraryHelper.item-wrapper.ui-sortable-helper .image-info.not-found .video-duration {
	display: none;
}
.VideoLibraryHelper.item-wrapper.ui-sortable-helper .image-info.not-found .not-found-icon {
  width: 100%;
  height: 100%;
  background: #ccc;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.VideoLibraryHelper.item-wrapper.ui-sortable-helper .image-info.not-found .not-found-icon > i {
  color: #fff;
  font-size: 3em;
}

.SwimmerSelector .swimmer-name,
.SwimmeetSelector .swimmeet-name,
.PracticeSelector .practice-name {
	padding: 1em;
	background: #eee;
	border-top: 1px #ddd solid;
	cursor: pointer;
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.SwimmerSelector .swimmer-name > span,
.SwimmeetSelector .swimmeet-name > span,
.PracticeSelector .practice-name > span {
	width: 1em;
	display: inline-block;
}
.SwimmerSelector .swimmer-name > strong,
.SwimmeetSelector .swimmeet-name > strong,
.PracticeSelector .practice-name > strong {
  flex: 1 1 1em;
  -webkit-flex: 1 1 1em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.SwimmerSelector .SwimmerVideoWrapper,
.SwimmeetSelector .SwimmeetVideoWrapper,
.PracticeSelector .PracticeVideoWrapper {
	display: inline-block;
	width: 100%;
	padding-top: 1em;
}

/* END VIDEO LIBRARY */

.StickerSelector,
.StickerSelector .modal-body .body-content {
	height: 100%;
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column;
}
.StickerSelector .modal-body {
	padding: 0;
	flex: 1 1 1em;
  -webkit-flex: 1 1 1em;
}
.StickerSelector .category-wrapper {
  background: #E0E0E0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.StickerSelector .category-wrapper .category-item {
	padding: 0.5em 1em;
	cursor: pointer;
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  flex-flow: column;
  border: 1px transparent solid;
}
.StickerSelector .category-wrapper .category-item:hover,
.StickerSelector .category-wrapper .category-item.active {
	background: #84c55f;
  border: 1px #76be4c solid;
}
.StickerSelector .category-wrapper .category-item .category-name {
	text-transform: uppercase;
}
.StickerSelector .category-wrapper .category-item:hover .category-name,
.StickerSelector .category-wrapper .category-item.active .category-name {
	color: #fff;
}

.StickerSelector .category-wrapper .category-item .category-icon {

}
.StickerSelector .category-wrapper .category-item .category-icon > img {
	width: 2em;
}
.StickerSelector .sticker-photo-wrapper {
	flex: 1 1 1em;
  -webkit-flex: 1 1 1em;
  background: #fff;
  padding-top: 1em;
  overflow-y: auto;
}
.StickerSelector .sticker-photo-wrapper .sticker-item {
	width: 50%;
	float: left;
	height: 6em;
	padding: 0 0 1em 1em;
}
.StickerSelector .sticker-photo-wrapper .sticker-item > img {
	width: 100%;
	height: 100%;
}

/* feed post scrapbook */
.FeedPostModal .body-content .attachment-content #scrapbookContentWrapper .scrapbook-item.scrapbook-data {
  background: #f4f4f4;
  position: relative;
  padding: 0.5em;
}

/* Start practice scrapbook selector */
/* #scrapbook-body-content {
	display: table;
}
#scrapbook-tab-menu {
	display: table-row;
	height: 40px;
}
#scrapbook-tab-menu-end {
	display: table-row;
}
#practice-scrapbook-tab {
  display: table-row;
  height: 97% !important;
  overflow: auto;
}
#scrapbook-tab {
  display: table-row;
  height: 98% !important;
  overflow: auto;
} */

a.ShowScrapbookDetail.balloon-covered, a.ShowPracticeScrapbookDetail.balloon-covered {
  float: left;
}

div.scrapbook-view-col.balloon-covered, div.practice-scrapbook-view-col.balloon-covered {
  padding-left: 10px;
}

.SelectorWrapper .ResultPane {
  -webkit-flex: 1 1 1em;
  overflow: auto;
}

.SelectorWrapper .modal-body {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column;
  flex: 1 1 1em;
  -webkit-flex: 1 1 1em;
}

.SelectorWrapper .modal-body .body-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column;
}

.SelectorWrapper .modal-body .body-content .scrapbook-menu-wrapper {
  height: auto !important;
}

.SelectorWrapper .modal-body .body-content .scrapbook-tab, .SelectorWrapper .modal-body .body-content .practice-scrapbook-tab {
	flex: 1 1 1em;
  -webkit-flex: 1 1 1em;
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column;
}

.SelectorWrapper .modal-body .body-content .scrapbook-tab .ScrapbookSelector,
.SelectorWrapper .modal-body .body-content .practice-scrapbook-tab .PracticeScrapbookSelector {
	flex: 1 1 1em;
  -webkit-flex: 1 1 1em;
  display: flex;
  flex-flow: column;
  overflow: hidden;
}

.practice-scrapbook-tab .PracticeScrapbookSelector .body-content-wrapper,
.practice-scrapbook-tab .PracticeScrapbookSelector .body-content-wrapper .content-wrapper,
.practice-scrapbook-tab .PracticeScrapbookSelector .body-content-wrapper .content-wrapper .PracticeScrapbookSelectorData {
  flex: 1 1 1em;
  -webkit-flex: 1 1 1em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column;
}

select#scrapbook-day-selector {
  -webkit-appearance: none;
  height: 32px;
}

.practice-scrapbook-tab .PracticeScrapbookSelector .body-content-wrapper .content-wrapper .PracticeScrapbookSelectorData {
  flex: 1 1 1em;
  -webkit-flex: 1 1 1em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column;
}

#PracticeScrapbookCustomizerPane {
  padding-top: 5px;
  padding-bottom: 5px;
  overflow: hidden;
  /* flex: 1 1 1em;
  -webkit-flex: 1 1 1em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex; */
  display: flex;
  flex-flow: column;
  min-height: 45px;
}

#PracticeScrapbookCustomizerPane.CustomizerPane .CustomizerWrapper {
  height: 100%;
  overflow: auto;
}

#PracticeScrapbookCustomizerPane.CustomizerPane .CustomizerWrapper .CustomizerActions {
  margin-top: 5px;
}

#PracticeScrapbookCustomizerPane.CustomizerPane .CustomizerWrapper .CustomizerControls {
  margin-top: 0px;
}

.SelectorWrapper .modal-body .body-content .scrapbook-tab .ScrapbookSelector .ResultPane {
  height: 100%;
  flex: 1 1 1em;
  -webkit-flex: 1 1 1em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column;
  padding: 0px;
  overflow: hidden;
}

.SelectorWrapper .modal-body .body-content .scrapbook-tab .ScrapbookSelector .ResultPane .ResultListerWrapper {
  flex: 1 1 1em;
  -webkit-flex: 1 1 1em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column;
  height: 100%;
}

.SelectorWrapper .modal-body .body-content .scrapbook-tab .ScrapbookSelector .ResultPane .ResultListerWrapper .scrapbook-record-list {
  flex: 1 1 1em;
  -webkit-flex: 1 1 1em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column;
  height: 100%;
  overflow: auto;
}

.practice-scrapbook-modified-date {
  color: #ee3423;
}
.practice-scrapbook-data-row {
  margin-bottom: 5px;
}

.practice-scrapbook-content .practice-scrapbook-title {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 350px;
  display: inline-block;
  white-space: nowrap;
}
.practice-scrapbook-content-row .seperator {
  font-weight: bold;
  color: #bababa;
}

.practice-scrapbook-content-wrapper {
  padding: 5px;
  background-color: #F5F4F8;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.practice-scrapbook-view-col {
  text-align: right;
  padding-right: 5px;
}

.practice-scrapbook-content {
  padding-left: 0px;
}

.practice-scrapbook-tab {
  overflow-y: auto;
}

.PracticeScrapbookSelector .control-action > div:first-child {
  flex: 1 1 1em;
  -webkit-flex: 1 1 1em;
}

.PracticeScrapbookSelector .MenusPane {
  padding: 3px 0px !important;
}

.PracticeScrapbookSelector .CustomizerPane {

}

.PracticeScrapbookSelector .CustomizerWrapper {
  /* min-height: 35px; */
}

.PracticeScrapbookSelector .CustomizerWrapper .SavedViewsExplain {
  margin-top: 10px;
}

.PracticeScrapbookSelector .control-action {
  background: #E0E0E0;
  padding: 0.5em 1em;
  margin-bottom: 0.5em;
  display: flex;
  align-items: center;
}

.PracticeScrapbookSelector .control-action button, .PracticeSelector .quick-filter-wrapper button {
  background: #DADADA;
  font-weight: bold;
  color: #777;
}

.PracticeScrapbookSelector .control-action .date-info {
  font-size: 1.2em;
  font-weight: bold;
  color: #777;
}

.practice-scrapbook-menu btn-default {
  background: #DADADA;
  font-weight: bold;
  color: #777;
}

.practice-scrapbook-menu btn-default active {
  color: #FFF;
}

.practice-scrapbook-menu {
  display: inline-flex;
}

#current-week-btn {
  height: 34px;
  margin-top: 3px;
  margin-left: 15px;
}

.PracticeScrapbookSelector .body-content {
  height: 90%;
}

.PracticeScrapbookSelector .body-content .content-wrapper {
  margin-top: 5px;
  border-top: 1px solid #ddd;
}

.PracticeScrapbookSelector {
  flex: 1 1 1em;
  -webkit-flex: 1 1 1em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column;
}

.PracticeScrapbookSelector .ResultPane {
  height: 100%;
  flex: 1 1 1em;
  -webkit-flex: 1 1 1em;
  overflow: auto;
}
/* End practice scrapbook selector */

/* Start scrapbook selector */
.last-updated-header {
  padding-left: 20px;
}

.scrapbook-view-col, .practice-scrapbook-view-col {
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: right;
  color: #5fa8dc;
  padding-right: 10px !important;
}

.scrapbook-items-col {
  text-align: right;
}

.scrapbook-share-col {
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: right;
  color: #84c55f;
}

.scrapbook-data-row {
  background-color: #F5F4F8;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 5px;
  line-height: 30px;
  cursor: pointer;
  align-items: center;
}
.scrapbook-data-header {
  background-color: #EEEEEE;
  height: 30px;
  margin: 0px;
  padding: 5px 0px;
  font-weight: bold;
}

.ScrapbookSelector {
  width: 100%;
  float: left;
  clear: both;
}

.scrapbook-text-search {
  height: 55px;
  padding: 10px 10px 0px 10px;
}

.scrapbook-day-label {
  color: #777;
  font-weight: normal;
}

.scrapbook-day-select {
  display: inline-flex;
  line-height: 33px;
  width: 100%;
  height: 45px;
  padding: 5px 10px 5px 0px;
  background-color: #E0E0E0;
}

.scrapbook-text-search-box {
  padding: 0px;
}
/* End scrapbook selector */

/* Start scrapbook selector tab */
#scrapbook-tab-menu-end {
  height: 10px;
  min-height: 10px;
}

#scrapbook-tab-menu {
  border-top: none;
}

#freeform-selector {
  margin-left: 5px;
}
.scrapbook-selector-header {
  border-bottom: none !important;
}

.ScrapbookSelector {
	height: 100%;
}

.ScrapbookListWrapper {
  height: 100%;
}

/* scrapbook-data-row item-wrapper */
div.practice-scrapbook-data-row.item-wrapper, div.scrapbook-data-row.item-wrapper {
  background-color: #f5f5f5;
}
div.scrapbook-data-row.item-wrapper:hover, div.practice-scrapbook-content-wrapper:hover {
  background-color: #fff9e3;
  cursor: pointer;
}

#scrapbook-attachment div.Node div.Scrapbook.Preview div.Preview {
	overflow: auto !important;
}

/* End scrapbook selector tab */

/* feed post scrapbook style */
#scrapbook-attachment .icon-delete {
  color: #ee3423;
  position: absolute;
  top: -0.8em;
  right: -0.6em;
  display: inline-block;
  background: #fff;
  border-radius: 50%;
  font-size: 1.5em;
  cursor: pointer;
}

#scrapbook-attachment div.Node {
  position: relative;
}

#scrapbook-attachment div.Node div.Header {
  clear: both;
  overflow: auto;
  cursor: pointer;
  line-height: 1.5em;
}
#scrapbook-attachment div.Node div.Header div.Title {
  padding: 0px 7px;
  float: left;
  font-weight: bold;
  color: #333333;
}
#scrapbook-attachment div.Node div.Header div.Date {
  color: #EE3423;
  right: 30px;
  position: absolute;
  text-align: right;
  font-size: 0.875em;
}

#scrapbook-attachment div.Node div.Scrapbook.Preview{
  clear: both;
  overflow: hidden;
  width: 100%;
  height: auto;
  margin: 0px;
  text-align: center;
  padding: 7px;
}

#scrapbook-attachment div.Node div.Scrapbook.Preview div.Preview {
  position: relative;
  width: 100%;
  height: 300px;
  min-height: 100px;
  max-height: 300px;
  cursor: pointer;
  overflow: hidden;
}
#scrapbook-attachment div.Node div.Scrapbook.Preview div.Preview img{
  position: absolute;
  width: 100%;
  height: auto;
  top: 0px;
  left: 0px;

}
#scrapbook-attachment div.Node div.Scrapbook.Preview div.Preview.NotFound img.Default,
#scrapbook-attachment div.Node div.Scrapbook.Preview div.Preview.Loaded img.Main.Loaded{
  display: inherit;
}
#scrapbook-attachment div.Node div.Scrapbook.Preview div.Preview.Loading img.Default,
#scrapbook-attachment div.Node div.Scrapbook.Preview div.Preview.Loading img.Main,
#scrapbook-attachment div.Node div.Scrapbook.Preview div.Preview.NotFound img.Main,
#scrapbook-attachment div.Node div.Scrapbook.Preview div.Preview.NotFound i.Loading,
#scrapbook-attachment div.Node div.Scrapbook.Preview div.Preview.Loaded i.Loading,
#scrapbook-attachment div.Node div.Scrapbook.Preview div.Preview.Loaded img.Default{
  display: none;
}
#scrapbook-attachment div.Node div.Scrapbook.Preview div.Preview i.Loading{
  display: block;
  position: absolute;
  font-size: 2em;
  width: 1em;
  height: 1em;
  top: 50%;
  left: 50%;
  margin-left: -1em;
  margin-top: -1em;
}

#scrapbook-attachment div.Node div.Scrapbook.Preview div.Preview.Loading,
#scrapbook-attachment div.Node div.Scrapbook.Preview div.Preview{
  /* height: 100px;
  max-height: 100px; */
}


#scrapbook-attachment div.Node div.Scrapbook.Preview div.Actions{
  width: 100%;
  height: 50px;
  position: absolute;
  bottom: 0px;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  display: -ms-flexbox;
  -ms-flex-pack: center;
  -ms-flex-align:center;
  flex-direction: column;

  background: -moz-linear-gradient(top, rgba(245,245,248,0) 0%, rgba(245,245,248,1) 50%);
  background: -webkit-linear-gradient(top, rgba(245,245,248,0) 0%,rgba(245,245,248,1) 50%);
  background: linear-gradient(to bottom, rgba(245,245,248,0) 0%,rgba(245,245,248,1) 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f5f5f8', endColorstr='#f5f5f8',GradientType=0 );

}

#scrapbook-attachment div.Node div.Scrapbook.Preview div.Actions div.Action{
  padding: 10px 20px;
  background-color: #5ea7de;
  border: 1px solid #459cda;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 1em;
  color: white;
  font-weight: 500;
}


#scrapbook-attachment div.Node div.Scrapbook.Preview div.Actions div.Action{
  padding: 5px 10px;
  font-size: 0.725em;
}

#scrapbook-attachment div.Node div.Scrapbook.Preview img{
  max-width: 100%;
  height: auto;
  width: auto;
}
/* end feed post scrapbook style*/

.DropdownSelect {
  width: 100%;
  border: 1px #ddd solid;
  border-radius: 0.4em;
  background: #fff;
}
.DropdownSelect .skipFocuser {
  width: 1px;
  height: 1px;
  position: absolute;
  left: -10px;
  top: 0;
  border: 0;
  background: transparent;
}
.DropdownSelect .ul-tags-content {
  padding: 0 0.8em 0 0;
  margin: 0;
}
.DropdownSelect .ul-tags-content > li {
  display: inline-block;
  margin: 0.5em 0 0.3em 0.5em;
}
.DropdownSelect .ul-tags-content > li.selected-item > span,
.DropdownSelect .ul-tags-content > li.select-all-item > span {
  border: 1px #4a9dd7 solid;
  background: #5fa8dc;
  padding: 2px 5px;
  border-radius: 3px;
  cursor: default;
  font-weight: bold;
  color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.DropdownSelect .ul-tags-content > li.selected-item > span:hover {
  background-color: #3591d3;
  border-color: #297ebb;
}
.DropdownSelect .ul-tags-content > li.selected-item.active > span {
  background-color: #ee3423;
  border-color: #e62412;
}
.DropdownSelect .ul-tags-content > li > span span.item-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 0.2em;
  display: inline-block;
  max-width: 15em;
}
.DropdownSelect .ul-tags-content > li.selected-item > span span.delete-icon {
  cursor: pointer;
}

.DropdownSelect .ul-tags-content > li,
.DropdownSelect .ul-tags-content li ul.ul-choices li {
  list-style: none;
}
.DropdownSelect .ul-tags-content > li.selected-item {
	float: left;
}
.DropdownSelect .ul-tags-content li .choices-wrapper {
  position: relative;
  height: 26px;
  display: inline-block;
}
.DropdownSelect .ul-tags-content li .choices-wrapper > span {
  color: #777;
  cursor: pointer;
  height: 100%;
}
.DropdownSelect .ul-tags-content li .choices-wrapper > span.place-holder-opened,
.DropdownSelect .ul-tags-content li .choices-wrapper.open > span.place-holder {
  display: none;
}
.DropdownSelect .ul-tags-content li .choices-wrapper.open > span.place-holder-opened,
.DropdownSelect .ul-tags-content li .choices-wrapper > span.place-holder {
  display: inline-block;
}
.DropdownSelect .ul-tags-content li .choices-wrapper > span  input[type=text] {
  border: 0;
  outline: none;
  cursor: pointer;
  height: 100%;
}
.DropdownSelect .ul-tags-content li .choices-wrapper > span  input.search-box {
  cursor: text;
  min-width: 180px;
  height: 100%;
}
.DropdownSelect .ul-tags-content li .choices-content {
  margin: 0;
  padding: 5px 0;
  position: absolute;
  top: 1.8em;
  left: 0;
  display: none;
  background: #fff;
  min-width: 15em;
  max-width: 30em;
  border: 1px #ddd solid;
  border-radius: 4px;
  z-index: 99999;
}
.DropdownSelect .ul-tags-content li .choices-wrapper.open .choices-content {
  display: block;
}
.DropdownSelect .ul-tags-content li .choices-content .select-all {
  border-bottom: 1px #ddd solid;
  margin: 0;
  padding: 0.2em 0.6em;
  text-transform: uppercase;
  cursor: pointer;
}
.DropdownSelect .ul-tags-content li .choices-content .select-all:hover {
  background: #fff;
}
.DropdownSelect .ul-tags-content li .choices-content ul.ul-choices {
  margin: 0;
  padding: 0;
  max-height: 14em;
  overflow: auto;
}
.DropdownSelect .ul-tags-content li .choices-content ul.ul-choices li {
  padding: 0.2em 0.3em;
  margin: 0.2em 0.3em;
}
.DropdownSelect .ul-tags-content li .choices-content ul.ul-choices li.active {
  background: #5fa8dc;
  color: #fff;
}
.DropdownSelect .ul-tags-content li .choices-content ul.ul-choices li:hover {
  background: #fff0d3;
  cursor: pointer;
  color: #000;
}
.DropdownSelect .ul-tags-content li .choices-content .select-all,
.DropdownSelect .ul-tags-content li .choices-content .ul-choices li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.DropdownSelect .ul-tags-content li .choices-content .ul-choices li.is-current,
.DropdownSelect .ul-tags-content li .choices-content .ul-choices li.active.is-current {
  background: #fff0d3;
}

.DropdownSelect .ul-tags-content li .choices-content .select-all input,
.DropdownSelect .ul-tags-content li .choices-content .ul-choices li input {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  outline: none;
}
.DropdownSelect .ul-tags-content li .choices-content .select-all span,
.DropdownSelect .ul-tags-content li .choices-content .ul-choices li span {
  flex: 1 1 1em;
  -webkit-flex: 1 1 1em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 0.3em;
  font-weight: bold;
}
html {
    font-size: 1em !important;
}


.FeedPostModal .share-detail-content .form-row > hbox {
    align-items: center;
}
.FeedPostModal .share-detail-content .form-row > hbox > label {
    margin: 0;
}
.FeedPostModal .share-detail-content .form-row > hbox > label > i,
.shared-everyone > span > i {
    font-size: 0.9em;
}
.FeedPostModal .share-detail-content .form-row > hbox > label > i,
.FeedPostModal .share-detail-content .form-row > hbox > label > icon {
    color: #777;
}
.FeedPostModal .share-detail-content .form-row > hbox > label > span {
    font-weight: bold;
    color: #777;
}
.FeedPostModal .share-detail-content .form-row.Selected > hbox > label > span {
    color: #000;
}
.FeedPostModal .share-detail-content .form-row .DropdownSelect {
    margin-left: 2em;
}
.FeedPostModal .share-detail-content .form-row.SharePuclicInfo {
    margin-top: 1em;
    border-top: 1px #ddd solid;
}
.FeedPostModal .social-share-content .personal-pages {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    margin: 0.5em 0 0.5em 2em;
}

.FeedPostModal .social-share-content .personal-pages span {
	margin-left: 0.8em;
	cursor: pointer;
}

.FeedPostModal .social-share-content .publishings-targets {
    margin-left: 2em;  
    padding-bottom: 0.5em;
}

.FeedPostModal .social-share-content .publishings-targets .target-item,
.FeedPostModal .social-share-content .google-publishings-targets .target-item {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
	padding: 0.5em 0;
}
.FeedPostModal .social-share-content .publishings-targets .target-item input[type="checkbox"] {
	margin: 0 0.5em 0 0;
}
.FeedPostModal .social-share-content .publishings-targets .target-item label {
	margin: 0;
}
.FeedPostModal .social-share .social-item .action .information {
	font-size: 1.5em;
	color: #5fa8dc;
	cursor: pointer;
	margin-left: 0.5em;
}
.FeedPostModal .social-share .social-item .hint {
	color: #777;
	text-align: left;
	margin-right: 0.5em;
}

.FeedPostModal .social-share-content .google-page-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
.FeedPostModal .social-share-content .google-publishings-targets {
    margin-left: 2em;
    padding-bottom: 0.5em;
    
}
.FeedPostModal .social-share-content .google-publishings-targets label {
    margin: 0;
}

.FeedPostModal .social-share-content .google-page-content .note-text {
    margin-left: 2.3em;
    color: #777;
}


body .DialogFrame.AnonId_dialogFrame.AnonId__framework_webui_framework_js_widget_Dialog_xhtml_dialogFrame.DialogFrame_BuilderBasedDialog.ClosableForeground {
	width: 40em !important;
}
body .DialogFrame.AnonId_dialogFrame.AnonId__framework_webui_framework_js_widget_Dialog_xhtml_dialogFrame.DialogFrame_BuilderBasedDialog.ClosableForeground .AnonId_dialogBody div {
	width: 100% !important;
}