/* @import url("/sooji/assets/libs/bp/css/style.css"); */
@import url("/sooji/assets/libs/bootstrap/css/bootstrap.min.css");
@import url("/sooji/assets/libs/fancybox/jquery.fancybox.css");
@import url("/sooji/assets/css/pictos/pictos.css");
@import url("/sooji/assets/css/ubuntu-fontfacekit/stylesheet.css");
@import url("/sooji/assets/css/architects-daughter-fontfacekit/stylesheet.css");
@import url("jquery-ui.css");





/**
 * Extend Bootstrap
 *
 */
.table-striped li:nth-child(odd) {
  background-color: #f9f9f9;
}

div.page-header h2 span.pictos {
	font-size: 30px;
	font-weight: normal;
	color: #555;
}

.modal {
	overflow: hidden;
	max-height: none;
}

.modal .modal-body {
	max-height: 400px;
	overflow: auto;
}

.modal.modal-large {
	margin-left: -390px; /* 780/2 */
	width: 780px; /* span10 */
}

table td.selected {
	font-weight: bold;
	background-color: #ddf4fb !important;
}

#page-properties-modal.fade.in {
	top:40%;
}

.modal .modal-body form {
	margin-bottom:0px;
	padding: 10px 30px;
}

.alert-message.block-message.success .pictos.tick {
	padding-right:4px;
	font-size: 26px;
	line-height: 15px;
	color: #6eb86c;
	position: relative;
	top:3px;
	left:0;
}

small {
	font-size: 85%;
}

.input .input-prepend .add-on select {
	height: auto;
}

button.btn.small {
	padding-top:3px;
	padding-bottom:3px;
}

button.btn.small .pictos {
	font-size: 10px;
	line-height: 10px;
}





/**
 * Picto Font
 *
 */
.pictos {
	font-family: 'Pictos', sans-serif;
}

button.btn .pictos {
	font-size:150%;
}




/**
 * Extend boilerplate
 *
 */
div#container {
	position: relative;
}




/**
 * Extend jQuery ui
 *
 */






/**
 *
 * Drafts
 */
div.sooji-cms-draft {
	margin: 0;
	padding: 0;
	background-image: url(/sooji/assets/images/draft-back.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 37px;
	position: relative;
}

button#pulish-draft-btn {
	margin: 0 0 0 44px;
	padding: 0;
	width: 69px;
	height: 26px;
	background-image: url(/sooji/assets/images/draft-publish-btn.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: transparent;
	outline: none;
	border: none;
	text-indent: -999px;
	position: absolute;
	left:50%;
	top:6px;
	cursor: pointer;
}


button#pulish-draft-btn.hover {
	background-position: left bottom;
	cursor: pointer;
}

button#pulish-draft-btn.disabled {
	opacity: .5;
	cursor: not-allowed !important;
}


span.sooji-cms-draft-id {
	margin: 0 0 0 -100px;
	padding: 0;
	color: #FFF;
	font-family: 'ArchitectsDaughterRegular', Helvetica;
	font-size: 16px;
	position: absolute;
	left: 50%;
	top:10px;
}






/**
 * Plugin List
 *
 */
ul.plugin-list {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: 'Lucida Grande', Helvetica, sans-serif;
}

ul.plugin-list li {
	margin: 8px 5px;
	padding: 8px;
	float: left;
	position: relative;
}

ul.plugin-list li.hover {
	border-radius: 10px;
	background-image: url(/s/rgba/5998E1/20);
	cursor: pointer;
}

ul.plugin-list li.hover div {
	color: #666;
}

ul.plugin-list li img {
	margin: 0;
	padding: 0;
	display: block;
}

ul.plugin-list li div {
	margin: 0;
	padding: 0;
	position: absolute;
	width: 74px;
	text-align: center;
	left: -5px;
	bottom: -10px;
	font-size: 10px;
	color: #aaa;
}










/**
 * MISC
 *
 */
.spinner {
	-webkit-animation-name: 'spin';
	-webkit-animation-duration: 1.2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}

@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}

@keyframes shake{ 
	0% { transform: translate(2px, 1px) rotate(0deg); } 
	10% { transform: translate(-1px, -2px) rotate(-1deg); } 
	20% { transform: translate(-3px, 0px) rotate(1deg); } 
	30% { transform: translate(0px, 2px) rotate(0deg); } 
	40% { transform: translate(1px, -1px) rotate(1deg); } 
	50% { transform: translate(-1px, 2px) rotate(-1deg); } 
	60% { transform: translate(-3px, 1px) rotate(0deg); } 
	70% { transform: translate(2px, 1px) rotate(-1deg); } 
	80% { transform: translate(-1px, -1px) rotate(1deg); } 
	90% { transform: translate(2px, 2px) rotate(0deg); } 
	100% { transform: translate(1px, -2px) rotate(-1deg); } 
} 

@-moz-keyframes shake{ 
	0% { -moz-transform: translate(2px, 1px) rotate(0deg); } 
	10% { -moz-transform: translate(-1px, -2px) rotate(-1deg); } 
	20% { -moz-transform: translate(-3px, 0px) rotate(1deg); } 
	30% { -moz-transform: translate(0px, 2px) rotate(0deg); } 
	40% { -moz-transform: translate(1px, -1px) rotate(1deg); } 
	50% { -moz-transform: translate(-1px, 2px) rotate(-1deg); } 
	60% { -moz-transform: translate(-3px, 1px) rotate(0deg); } 
	70% { -moz-transform: translate(2px, 1px) rotate(-1deg); } 
	80% { -moz-transform: translate(-1px, -1px) rotate(1deg); } 
	90% { -moz-transform: translate(2px, 2px) rotate(0deg); } 
	100% { -moz-transform: translate(1px, -2px) rotate(-1deg); } 
} 

@-webkit-keyframes shake { 
	0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 
	10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 
	20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } 
	30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 
	40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 
	50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } 
	60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 
	70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } 
	80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } 
	90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } 
	100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } 
}

.shake { 

	animation-name: shake; 
	animation-duration: 0.5s; 
	transform-origin:50% 50%; 
	animation-iteration-count: 3; 
	animation-timing-function: linear; 
	
	-moz-animation-name: shake; 
	-moz-animation-duration: 0.8s; 
	-moz-transform-origin:50% 50%; 
	-moz-animation-iteration-count: 3; 
	-moz-animation-timing-function: linear; 
	
	-webkit-animation-name: shake; 
	-webkit-animation-duration: 0.5s; 
	-webkit-transform-origin:50% 50%; 
	-webkit-animation-iteration-count: 3; 
	-webkit-animation-timing-function: linear; 
	
}

div.loading-spinner {
	margin: 0;
	padding: 0;
	width: 50px;
	height: 50px;
	background-image: url(/sooji/assets/libs/sooji/images/loading.png);
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-animation-name: rotateThis;
	-webkit-animation-duration:.8s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
}

div.loading-spinner.white {
	background-image: url(/sooji/assets/libs/sooji/images/loading-white.png);
}





/**
 * Fancybox
 *
 */
.fancybox-inner h5 {
	margin: 5px 0;
	padding: 0 20px;
	text-align: center;
	font-family: Georgia;
	font-size: 50px;
	font-weight: normal;
	color: #666;
	text-shadow: -1px 0px 1px rgba(0, 0, 0, 0.7), 1px 1px 1px rgba(255, 255, 255, 1);
}