/*
Theme Name: New INCT SWIM
Theme URI: http://suie-bu.com/
Description:
Version:
Author:
Author URI:
Tags:
*/

@charset "UTF-8";
@import "less/bootstrap.less";

body {
	-webkit-user-select:none;
	 -khtml-user-select:none;
	   -moz-user-select:none;
	    -ms-user-select:none;
	     -o-user-select:none;
	        user-select:none;
	-webkit-user-drag:none;
	 -khtml-user-drag:none;
}

svg {
	vertical-align: bottom;
}

#pool {
	-webkit-transition: -webkit-transform .25s;
	   -moz-transition: -moz-transform .25s;
	    -ms-transition: -ms-tra1nsform .25s;
	     -o-transition: -o-transform .25s;
	        transition: transform .25s;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#pool.preview {
	-webkit-transfor: perspective(100) rotateX(30deg) scale(0.7, 0.25);
	   -moz-transform: perspective(100) rotateX(30deg) scale(0.7, 0.25);
	    -ms-transform: perspective(100) rotateX(30deg) scale(0.7, 0.25);
	     -o-transform: perspective(100) rotateX(30deg) scale(0.7, 0.25);
	        transform: perspective(100) rotateX(30deg) scale(0.7, 0.25);
}

#reset_zoom {
	display: block;
	position: absolute;
	left: 6px;
	top: 70px;
	@media (max-width: @screen-xs-max) {
		top: 49px;
	}
}

#open_editor {
	display: block;
	position: absolute;
	right: 15px;
	bottom: 15px;
}

#close_editor {
	display: block;
	position: absolute;
	right: 20px;
	top: 70px;
}

#actor_control {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

#actor_control {
	display: block;
	overflow: hidden;

	a {
		display: block;
		float: left;
		font-size: xx-large;
		text-decoration: none;
	}

	a + a {
		margin-left: 5px;
	}

	a, a:link, a:visited {
		color: @gray;
	}

	a:hover, a:active {
		color: darken(@gray, 15%);
	}

	.panel {
		margin-bottom: 0;
		border-bottom: none;
		.border-bottom-radius(0)
	}
}

#actor_setting, #store_control {
	max-width: 100%;
	white-space: nowrap;
	overflow: scroll;
	.form-group, .form-control {
		display: inline-block;
		margin-bottom: 0;
	}

	@media (max-width: @screen-xs-max) {
		width:  100%;
	}
}

#store_control {
	@media (min-width: @screen-sm-min) {
		.pull-right();
	}
	@media (max-width: @screen-xs-max) {
		padding-top:  10px;
	}
}

@media (max-width: @screen-xs-max) {
	#title_field {
		font-size: 18px !important;
		line-height: 28px !important;
		padding: 10px 10px 5px !important;
	}
	#set_name_field {
		font-size: 12px !important;
		line-height: 28px !important;
		padding: 10px 10px 5px !important;
	}
}

.clear-hpadding() {
	padding-left: 0;
	padding-right: 0;
}

#svg_screen {
	.clear-hpadding;
}

#sidebar__container {
	overflow-x: visible;
	overflow-y: scroll;
	width: 100%;
	height: 100%;
	background-color: #fff;
}

#sidebar {
	.clear-hpadding;
	z-index: 3;
	border-left: 1px solid @well-border;
	color: @text-color;
	-webkit-overflow-scrolling: touch;

	.open_formation {
		position: relative;
		padding: 10px;
		border-bottom: 1px solid @well-border;
		cursor: pointer;
		background-color: #fff;

		&.selected {
			background-color: #0850d0;
			color: #fff;
		}

		&:not(.selected) {
			&:hover, &:active {
				 background-color: @gray-lighter;
			}
		}

		h5 {
			margin-top: 0;
		}

		.svg_cover {
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			width: 100%;
		}
	}

	h4 {
		margin: 0;
		padding: 10px;
		border-bottom: 1px solid @well-border;
		text-align: center;
		font-size: inherit;
	}

	.set_item {
		padding: 10px;
		border-bottom: 1px solid @well-border;
		cursor: pointer;

		&:hover, &:active {
			 background-color: @gray-lighter;
		}
	}

	#set_title {
		.rename_set {
			cursor: pointer;

			&:hover {
				background-color: @gray-lighter;
			}

			&:active {
				background-color: darken(@gray-lighter, 10%);
			}
		}
	}

	.open_set {
		.remove_set, .rename_set {
			cursor: pointer;
			display: none;
		}

		&:hover {
			.remove_set, .rename_set {
				display: block;

				&:hover {
					background-color: @gray;
				}

				&:active {
					background-color: @gray-dark;
				}
			}
		}

		.badge + .badge {
			margin-right: 5px;
		}

		.badge + * + .badge {
			margin-right: 5px;
		}
	}

	#back_list {
		float: left;
		cursor: pointer;
		color: @gray-light;

		&:hover {
			color: @gray;
		}

		&:active {
			color: @gray-dark;
		}
	}

	#open_set_setting {
		float: right;
		cursor: pointer;
		color: @gray-light;

		&:hover {
			color: @gray;
		}

		&:active {
			color: @gray-dark;
		}
	}

	.modal-body h6:first-child {
		margin-top: 0;
	}

	#author_list {
		&.list-group {
			margin-bottom: 10px;

			.list-group-item {
				.remove_author, .change_admin {
					cursor: pointer;
					display: none;
				}

				&:hover {
					.remove_author, .change_admin {
						display: block;

						&:hover {
							background-color: @gray;
						}

						&:active {
							background-color: @gray-dark;
						}
					}
				}
			}
		}

		.list-group-item > .badge + * + .badge {
			margin-right: 5px;
		}
	}

	#author_edit {
		.list-group {
			margin-bottom: 0;
		}

		.alert {
			margin-top: 10px;
			margin-bottom: 0px;
		}

		.btn-block {
			margin-top: 10px;
		}

		.input-group {
			margin-top: 10px;
		}
	}

	.tooltip {
		white-space: nowrap;
	}
}

#toggle_sidebar {
	.hidden-md();								// bootstrap/less/responsive-utilities.less
	.hidden-lg();
	.btn();										// bootstrap/less/buttons.less
	.btn-lg();
	.btn-default();

	position: absolute;
	top: 70px;
	right: 100%;
	padding-left: 8px;
	padding-right: 8px;
	.border-right-radius(0);						// bootstrap/less/mixins/border-radius.less
	border-color: @well-border;

	@media (max-width: @screen-xs-max) {
		top: 49px;
	}

	i {
		.transition(all .4s ease);
	}
}
@media (max-width: @screen-sm-max) {
	#sidebar {
		.make-xs-column(0, 0);
		position: absolute;
		right: 0;
		top: 0;

		&.sidebar--open {
			.make-xs-column(10, 0);
			.make-sm-column(5, 0);
			position: absolute;
			background-color: #fff;

			#toggle_sidebar i {
				.rotate(-180deg);
			}
		}
	}

}

#formation_title {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0;
	background-color: #fff;
	border-bottom: 1px solid @well-border;

	input {
		border-style: none;
		padding: 20px 0 10px;
		outline: 0;

		&:hover, &:active {
			background-color: @gray-lighter;
		}
	}

	#title_field {
		font-size: @font-size-h3;
		.make-xs-column(9);
	}

	#set_name_field {
		font-size: @font-size-h3 * 0.65;
		line-height: 34px;
		color: @gray-light;
		float: right;
		text-align: right;
		.make-xs-column(3);
	}
}

.float {
    -webkit-box-shadow: 0 10px 6px -6px #777;
       -moz-box-shadow: 0 10px 6px -6px #777;
            box-shadow: 0 10px 6px -6px #777;
}

#reloading {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(1, 1, 1, 0.5);
	content: 'reloading';
	color: #fff;
	text-align: center;
}

#reloading-container {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}

span.loading01, span.loading01:after {
  display: inline-block;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-image:
  -webkit-gradient(radial,4 center,0,4 center,4,from(rgba(255,255,255,0.5)),color-stop(0.5,rgba(255,255,255,0.5)),color-stop(0.9,transparent),to(transparent)),
  -webkit-gradient(radial,center 4,0,center 4,4,from(rgba(255,255,255,0.5)),color-stop(0.5,rgba(255,255,255,0.5)),color-stop(0.9,transparent),to(transparent)),
  -webkit-gradient(radial,46 center,0,46 center,4,from(rgba(255,255,255,0.5)),color-stop(0.5,rgba(255,255,255,0.5)),color-stop(0.9,transparent),to(transparent)),
  -webkit-gradient(radial,center 46,0,center 46,4,from(rgba(255,255,255,0.5)),color-stop(0.5,rgba(255,255,255,0.5)),color-stop(0.9,transparent),to(transparent));
  background-image:
  -webkit-radial-gradient(10% 50%, 4px 4px, rgba(255,255,255,0.5), rgba(255,255,255,0.5) 95%, transparent 95%, transparent),
  -webkit-radial-gradient(50% 10%, 4px 4px, rgba(255,255,255,0.5), rgba(255,255,255,0.5) 95%, transparent 95%, transparent),
  -webkit-radial-gradient(90% 50%, 4px 4px, rgba(255,255,255,0.5), rgba(255,255,255,0.5) 95%, transparent 95%, transparent),
  -webkit-radial-gradient(50% 90%, 4px 4px, rgba(255,255,255,0.5), rgba(255,255,255,0.5) 95%, transparent 95%, transparent);
  background-image:
  radial-gradient(4px 4px at 10% 50%, rgba(255,255,255,0.5), rgba(255,255,255,0.5) 95%, transparent),
  radial-gradient(4px 4px at 50% 10%, rgba(255,255,255,0.5), rgba(255,255,255,0.5) 95%, transparent),
  radial-gradient(4px 4px at 90% 50%, rgba(255,255,255,0.5), rgba(255,255,255,0.5) 95%, transparent),
  radial-gradient(4px 4px at 50% 90%, rgba(255,255,255,0.5), rgba(255,255,255,0.5) 95%, transparent);
}
span.loading01 {
  position: relative;
  vertical-align: middle;
}
span.loading01:after {
  position: absolute;
  content: " ";
  left: 0;
  top: 0;
  margin: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
span.loading01 span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  background-image: -webkit-gradient(radial,4 center,0,4 center,4,from(#ffffff),color-stop(0.4,#ffffff),color-stop(0.9,transparent),to(transparent));
  background-image: -webkit-radial-gradient(10% 50%, 4px 4px, #ffffff, #ffffff 95%, transparent 95%, transparent);
  background-image: radial-gradient(4px 4px at 10% 50%, #ffffff, #ffffff 95%, transparent);
  -webkit-animation: animation01 1s linear infinite;
  animation: animation01 1s linear infinite;
}

@-webkit-keyframes animation01 {
  0% {
    -webkit-transform: rotate(0deg);
  }
  12.4% {
    -webkit-transform: rotate(0deg);
  }
  12.5% {
    -webkit-transform: rotate(45deg);
  }
  24.9% {
    -webkit-transform: rotate(45deg);
  }
  25% {
    -webkit-transform: rotate(90deg);
  }
  37.4% {
    -webkit-transform: rotate(90deg);
  }
  37.5% {
    -webkit-transform: rotate(135deg);
  }
  49.9% {
    -webkit-transform: rotate(135deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  62.4% {
    -webkit-transform: rotate(180deg);
  }
  62.5% {
    -webkit-transform: rotate(225deg);
  }
  74.9% {
    -webkit-transform: rotate(225deg);
  }
  75% {
    -webkit-transform: rotate(270deg);
  }
  87.4% {
    -webkit-transform: rotate(270deg);
  }
  87.5% {
    -webkit-transform: rotate(315deg);
  }
  99.9% {
    -webkit-transform: rotate(315deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes animation01 {
  0% {
    transform: rotate(0deg);
  }
  12.4% {
    transform: rotate(0deg);
  }
  12.5% {
    transform: rotate(45deg);
  }
  24.9% {
    transform: rotate(45deg);
  }
  25% {
    transform: rotate(90deg);
  }
  37.4% {
    transform: rotate(90deg);
  }
  37.5% {
    transform: rotate(135deg);
  }
  49.9% {
    transform: rotate(135deg);
  }
  50% {
    transform: rotate(180deg);
  }
  62.4% {
    transform: rotate(180deg);
  }
  62.5% {
    transform: rotate(225deg);
  }
  74.9% {
    transform: rotate(225deg);
  }
  75% {
    transform: rotate(270deg);
  }
  87.4% {
    transform: rotate(270deg);
  }
  87.5% {
    transform: rotate(315deg);
  }
  99.9% {
    transform: rotate(315deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
// #actor_setting .form-group + * {
// 	margin-left: 10px;
// }