/* General Demo Style */
/*@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);

@font-face{font-family:'FontAwesome';src:url('../font/fontawesome-webfont.eot?v=3.2.1');src:url('../font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),url('../font/fontawesome-webfont.woff?v=3.2.1') format('woff'),url('../font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');font-weight:normal;font-style:normal;}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;}
	*/

body, html { font-size: 100%; 	padding: 0; margin: 0;}

/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

body {
	font-family: Arial, sans-serif;
    /*color: #47a3da;*/
	color:#444444;
}

a {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #000;
}

.page-header
{
	padding-top:10px !important;
	padding-left:10px;
}

#loginbutton

#dashboard{
	position:absolute;
	top:50px;
	width:100%;
	padding-left:10px;
	padding-right:10px;
	z-index:-1;
}

.container{
	width: 100%;
	min-width:720px;
	margin: 0 auto 10px auto;
	padding: 1em 0 0 0;
}


.actions{
	list-style:none !important;
	float:right !important;
	margin:0 !important;
}

.actions li {
	text-decoration: none !important;
	display:inline-block !important;
}

.actions li a {
	color: #444 !important;
	display: block !important;
	font-size: 14px !important;
	line-height: 20px !important;
	padding: 4px 8px !important;
	margin:7px 0px 0px 8px !important;
	/*padding: 4px 12px;
	margin: 0px 2px 8px;*/
	vertical-align: middle !important;
}

.actions li a:hover {
	background: -webkit-gradient(linear, center top, center bottom, from(#ededed), to(#fff)) !important;
	background-image: linear-gradient(#ededed, #fff) !important;
	border-radius: 12px !important;
	box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1) !important;
	color: #222 !important;
}


.container > header nav a:hover:before {
	font-family: 'FontAwesome';
	color: #fff;
}

.icon-save:before {
	font-family: 'FontAwesome';
	content: "\f0c7";
}

.icon-grid:before {
	font-family: 'FontAwesome';
	content: "\f0ce";
}

.icon-lock:before {
	font-family: 'FontAwesome';
	content: "\f023";
}

.icon-unlock:before {
	font-family: 'FontAwesome';
	content: "\f09c";
}

.icon-list:before {
	font-family: 'FontAwesome';
	content: "\f039";
}

.icon-menu:before {
	font-family: 'FontAwesome';
	content: "\f039";
}


.icon-user:before {
	font-family: 'FontAwesome';
	content: "\f007";
}

.icon-plus:before {
	font-family: 'FontAwesome';
	content: "\f067";
}
.icon-remove:before {
	font-family: 'FontAwesome';
	content: "\f014";
}

.icon-edit:before {
	font-family: 'FontAwesome';
	content: "\f044";
}

.icon-advance:before {
	font-family: 'FontAwesome';
	content: "\f0a9";
}

.icon-gear:before {
	font-family: 'FontAwesome';
	content: "\f013";
}

.icon-invoice:before {
	font-family: 'FontAwesome';
	content: "\f570";
}

.icon-contract:before {
	font-family: 'FontAwesome';
	content: "\f56c";
}


#contactblock{
    margin-top:20px;
}

#loginform {
	width: 30%;
	max-width: 69em;
	padding: 18px 30px 30px 18px;
	margin: 10px auto;
	background:#ffffff;
	border: 1px solid #1E1E1E;
	/*box-shadow:0pt 2px 5px rgba(105, 108, 109,  0.7),  0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;*/
/*top: 50%;
left: 50%;
margin-top: -140px;
margin-left: -170px;*/
}

#loginButton {
	width:100%
}

#loginButton, loginButton > iframe {
	margin-left: auto !important;
	margin-right: auto !important;
}

#loginform h1{
    font-size:18px;
    padding: 2px 0 10px 0;
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-weight: bold;
    text-align: center;
    padding-bottom: 30px;
}

#loginform input:not([type="checkbox"]){
    width: 92%;
    margin-top: 4px;
    padding: 10px 5px 10px 32px;    
    border: 1px solid rgb(178, 178, 178);
    box-sizing : content-box;
    border-radius: 3px;
    box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
    transition: all 0.2s linear;
}
#loginform input:not([type="checkbox"]):active,
#loginform input:not([type="checkbox"]):focus{
    border: 1px solid rgba(91, 90, 90, 0.7);
    background: rgba(238, 236, 240, 0.2);   
    box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
} 

[data-icon]:before {
    content: attr(data-icon);
    font-family: 'FontAwesome';
    color: #bee3fa;
    position: relative;
    left: 10px;
    top: 35px;
    width: 30px;
}
#loginform p.button input,
#loginform p.button a{
    background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}
#loginform p.button input:hover,
#loginform p.button a:hover{
    background: #0D77B6;
}
#loginform p.button input:active,
#loginform p.button input:focus,
#loginform p.button a:active,
#loginform p.button a:focus{
    background: #47A3DA;
    position: relative;
    top: 1px;
    border: 1px solid rgb(12, 76, 87);  
    box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
}

#loginform p.button{
    text-align: center;
    margin: 5px 0;
}

#main{
	padding-left:10px;
	padding-right:10px;
}

#main h2{
	font-size:16px;
	display: inline-block;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	padding:0 0 10px 0;
	margin: 0 0 0 0;
}

#resGrid{
/*	height:350px !important;
	max-height:300px;
    overflow:scroll;*/
}


/*dialogs*/



/*Popup forms*/

#edit_unit{
    z-index:1100!important;
}

#edit_contact {
	z-index: 1200 !important;
}
.popupform label,
.popupform input,
.popupform select {
	
	margin-left: 10px;
	margin-right:10px;
	padding-bottom:10px;
}

.popupform .inline,{
	display:inline-block;
}
.popupform label.inline{
	float:left;
	clear:left;
	width:110px;
}

.popupform select.inline,
.popupform input.inline,
.popupform div.inline,
.popupform div.radiogroup {
	float:left;
	width:200px;
	
}

.popupform .block{
	display:block;
	width:380px;
}

.popupform div.buttons{
	display:block;
	float:left;
	width:100%;
	clear:all;
}

.popupform a.button{
    /*width: 30%;*/
    cursor: pointer;    
    background: #47A3DA;
    padding: 2px;
    color: #fff;
    font-size: 12px;    
    border: 1px solid rgb(28, 108, 122);    
    margin-bottom: 20px;    
    border-radius: 3px; 
    transition: all 0.2s linear;
}
.popupform a.button:hover{
    background: #0D77B6;
}
.popupform a.button:active,
.popupform a.button:focus{
    background: #47A3DA;
    position: relative;
    top: 1px;
    border: 1px solid rgb(12, 76, 87);  
    box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
}

.popupform a.button{
    text-align: right;
    margin: 10px 0;
}

/*BEGIN MAIN NAV STYLES*/

ul.mainnav li{
	display:inline-block;
	width:200px;
	float:left;
	margin:10px;
	height: 200px;
	background: -webkit-gradient(linear, center top, center bottom, from(#47A3DA), to(#0D77B6));
	background-image: linear-gradient(#47A3DA, #0D77B6);
	border-radius: 10px;
	box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.4);
}

ul.mainnav li a{
	display:block;
	width:200px;
	height:200px;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	text-align:center;
	border-radius: 10px;
	
}
ul.mainnav li a:hover{
	background: -webkit-gradient(linear, center top, center bottom, from(#FEEEBD), to(#FBD850));
	background-image: linear-gradient(#FEEEBD, #FBD850);
	color:#FFFFFF;
	
}
/*END MAIN NAV STYLES*/


.jqx-input-content{
	width: 185px !important;
}

.tooltiptext{
	display: none;
}


.k-picker-solid{
	background-color: #ffffff !important;
}

/*BEGIN SLIDING PANEL*/
.drawer{
	bottom: 0px;
	overflow: hidden;
	position: absolute;
	z-index: 999; /* make this what you need to */
	background-color:#505050;
	border-collapse: collapse;
	border-top: 5px solid #000000;
	height: 50%;
	padding-right:15px;
}

/*END SLIDING PANEL */