@import "bootstrap/bootstrap.min.css";
@import "jquery/jquery-ui-1.10.3.custom.css";

@import "select2/select2.css";
@import "uniform/uniform.default.css";
@import "tagsinput/jquery.tagsinput.css";
@import "multiselect/multi-select.css";
@import "validationengine/validationEngine.css";
@import "stepy/jquery.stepy.css";
@import "cleditor/jquery.cleditor.css";
@import "mcustomscrollbar/jquery.mCustomScrollbar.css";

@import "shbrush/shCoreDefault.css";
@import "shbrush/shThemeDefault.css";
@import "ibutton/jquery.ibutton.css";
@import "colorpicker/colorpicker.css";

@import "datatables/jquery.dataTables.css";
@import "fancybox/jquery.fancybox.css";

@import "codemirror/codemirror.css";
@import "filetree/jqueryFileTree.css";

@import "icomoon.css";
@import "stylesheet.css";
@import "themes.css";
@import "mystyles.css";
@import "stylesheets.css";


html,body{ height: 100%; min-height: 100%; width:100%; }


/* Reset */
html, body, h1, p, a, div, section {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font: inherit;
}

body{
	/*background-image:url(../../images/bg-mypremier.png); */
	background: url("../img/backgrounds/bg-spsmap-big.png") repeat !important;
	color: #333; 
	overflow-x:hidden;
	position: relative; 
	font-family: 'Tahoma' sans-serif; 
	font-size: 11px; 
}	
	
	

/*~Smartphones (portrait and landscape)~*/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {    
		
}

/*~Smartphones (landscape)~*/
@media only screen and (min-width : 321px) {	
	#content > .wrap{float: left; margin-top: 36px; width: 100%; position: relative; min-height: 100%;} 
    #content > .wrap > .head{ width: 100%; float: left; background-color: #b4e664; border: 1px solid #cdede; border-width: 0px 1px 1px 1px; margin-left: -2px; padding-bottom:10px;}
	#content .search input[type='text']{
		border: 1px solid #C0CAD5; 
		background: #FFF; 
		font-size: 11px; 
		color: #065020; 
		margin: 0;                
		width: 150px; 
		-moz-border-radius: 0px; 
		-webkit-border-radius: 0px; 
		border-radius: 0px; 
		display: block; 
		float: left;
		}
	#content .search button{
		background: #85c420; 
		border: 1px solid #85c420; 
		border-left-width: 0px; 
		color: #fff; 
		display: block; 
		float: left;
		margin: 0;    
        padding: 3px 10px 0px 10px;
		}
}

/*~Smartphones (portrait)~*/
@media only screen and (max-width : 320px) {
		  body {
		background: url("../img/backgrounds/bgsps-theme-mobile.png") center !important;
	}
	
	.logo_block_login{
		margin: 0px 25px;
		padding: 0px;
		width: 90%; 
		height:100%;
	}
}

@media only screen and (max-width: 767px){
    body {
		background: url("../img/backgrounds/bgsps-theme-mobile.png") center !important;
	}
    
}

@media only screen and (max-width: 768px){
    #sidebar{position: absolute; z-index: 9; border-right: 1px solid #DAE1E8;
             -moz-box-shadow: 2px 2px 3px rgba(80,118,158,0.12); -webkit-box-shadow: 2px 2px 3px rgba(80,118,158,0.12); box-shadow: 2px 2px 3px rgba(80,118,158,0.12);}
        #sidebar .user{background: #b4e664;}
        #sidebar .navigation{width: 220px;}
    #content{margin-left: 0px; padding: 0px; background-image: none;}
    .row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left: 0px;}
    
}

@media only screen and (max-width: 1023px) {  
	body {
		padding-left: 20px;
		padding-right: 20px;
		
	}
    #content > .wrap{float: left; margin-top: 36px; width: 100%; position: relative; min-height: 100%;} 
    #content > .wrap > .head{ width: 100%; float: left; background-color: #b4e664; border: 1px solid #cdede; border-width: 0px 1px 1px 1px; margin-left: -2px; padding-bottom:70px;}
	#content .search input[type='text']{
		border: 1px solid #C0CAD5; 
		background: #FFF; 
		font-size: 11px; 
		color: #065020; 
		margin: 0;                
		width: 150px; 
		-moz-border-radius: 0px; 
		-webkit-border-radius: 0px; 
		border-radius: 0px; 
		display: block; 
		float: left;
		margin-top: 64px;}
	#content .search button{
		background: #85c420; 
		border: 1px solid #85c420; 
		border-left-width: 0px; 
		color: #fff; 
		display: block; 
		float: left;
		margin: 0;    
        padding: 3px 10px 0px 10px;
		margin-top: 64px;}

}

/**************jBar styles***************/
.top-bar .jBar {
	border-bottom: 3px solid #89d14e;
}
.top-bar .jBar {
	background: #89d14e;
	padding: 5px;
	width: 100%;
	position: relative;
	z-index: 99999;
}
.top-bar .jBar p {
	font-size: 15px;
	font-weight: 700;
}
.top-bar .jBar p {
	color: #ffffff;
	padding: 7px 0;
	text-align: center;
	margin: 0;
	font-family: Tahoma,Geneva,sans-serif;
}
.top-bar .jBar .jBtn {
	background: #e25656;
	border: 2px solid #e25656;
	color: #fff !important;
	padding: 5px 10px;
	font-size: 13px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}
.top-bar .jBar .jBtn:hover{
	background: none;
	color:#e25656 !important;
}
.top-bar .jBar a {
	color: #e25656;
}
.top-bar .jBtn {
	background: #e25656;
	color: #ffffff !important;
	padding: 2px 6px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.no-margin{
    margin:0 !important;
}


/*~iPads (portrait and landscape)~*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    
}

@media only screen and (max-width: 1024px) {
    
}

@media only screen and (max-width: 1279px) {
    
}