@import "compass";
@import "compass/reset";





@import "shared/formtastic";

@import "shared/jquery-ui-1.8.11.custom";
@import "shared/ui.timepickr";

@import "admin/portlets";
@import "admin/qi_core";
@import "admin/forms";
@import "admin/general";
@import "admin/qi";




@import "admin/qi_cms";
@import "admin/qi_pane_hover";
@import "admin/uploads";
@import "admin/x-qi-datepicker";

@import "admin/menu_items";
@import "admin/articles";

@import "admin/wisihtml5";

@import "shared/wysiwg";


@import "admin/sheets";


@import "notes";
@import "topics";






ol {
  &.code {
    color: ($main-color*90);
    font: 0.875em / 1.714 Menlo, Monaco, "Courier New", Courier, monospace;
    margin: 1.1429em 0 1.1429em 2.8571em; }
  &.code li {
    list-style: decimal-leading-zero;
    background: #f0f0f0;
    margin: 0 0 -1px 0;
    border-top: 1px solid #fff;
    padding: 0 0.5em; }
  &.code li code {
    font-size: 1em; }
 }







.text_panel{
	@include border-radius(5px);
	color:black;


	background: white;
	
	padding: 10px;
	margin:20px;


	position:relative;
	
	
	&:before,
	&:after {
	   content:"";
	   position:absolute;
	   z-index:-1;
	   bottom:15px;
	   left:10px;
	   width:50%;
	   height:20%;
	   max-width:300px;

		@include box-shadow(rgba(0, 0, 0, 0.7) 0 20px 15px );
	 	@include transform(rotate(-3deg));
	}

	&:after{
	   right:10px;
	   left:auto;
	   @include transform(rotate(3deg));
	 }
	
	
	
}

/* Dashboard */
#dashboard_menu{
	


		a
			{
				
				
				float:left;
				display:block;
			

				margin:30px;
				padding:10px;

				margin-bottom:20px;
			

				@include background(linear-gradient(#FAFAFA, #EEE));
				@include border-radius(5px);
				color:black;


				background: white;
				width: 200px;
				padding: 10px;
				margin: auto;

				position:relative;

				margin-left:20px;




				&:before,
				&:after {
				   content:"";
				   position:absolute;
				   z-index:-1;
				   bottom:15px;
				   left:10px;
				   width:50%;
				   height:20%;
				   max-width:300px;

					@include box-shadow(rgba(0, 0, 0, 0.7) 0 20px 15px );
				 	@include transform(rotate(-3deg));
				}

				&:after{
				   right:10px;
				   left:auto;
				   @include transform(rotate(3deg));
				 }


				
				
				
				display:block;
				padding:15px;
			
				margin-bottom:20px;
				
		
			
				text-align:center;
				color:black;
				
				img{
					display:block;
					margin:auto;
					height:100px;
				}
				
				


				&:hover{
					@include border-radius(5px 5px 12px 5px / 5px 5px 25px 5px);
					@include background-image(linear-gradient(bottom right, #cccccc, white 10%,white));
					&:after{
						
						
						@include transform(rotate(10deg));
						
						
					}
				
				}

		
			}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}



.datepicker{
	width:100px !important;
}
.timepicker_container{
	display:inline-block;
	position:relative;
	
	input{
		width:70px;
	}
	.suppr{
		position:absolute;
		right: 0px;
		top:0px;


		padding:7px 5px 4px 3px;
		display:inline-block;
		
		img{
			cursor:pointer;
		}

	}
	
}