@import url(http://fonts.googleapis.com/css?family=Oxygen:400,700&subset=all);

nav#slide-menu {
  position: fixed;
  top: 0;
  left: -100px;
  bottom: 0;
  display: block;
  float: left;
  width: 100%;
  max-width: 284px;
  height: 100%;
  -moz-transition: all 300ms;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}
nav#slide-menu > ul {
  display: block;
  margin: 40px;
  padding: 0;
  list-style: none;
  opacity: 0.5;
  -moz-transition: all 300ms;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}

nav#slide-menu > ul li {
  color: #dfe5eb;
  padding: 0px 0;
  cursor: pointer;
}

nav#slide-menu > ul li:hover {
  color: #59e9df;
}
nav#slide-menu > ul li:before {
  font-family: "ico";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  color: #59e9df;
  margin-right: 12px;
  text-align: center;
  font-variant: normal;
  font-size: 0.75em;
  text-transform: none;
  line-height: 1em;
}
nav#slide-menu > ul li.sep {
  margin-top: 7px;
  padding-top: 0px;
  border-top: 1px solid #6b7b8d;
}
nav#slide-menu > ul li.timeline:before {
  content: '\e805';
}
nav#slide-menu > ul li.events:before {
  content: '\e802';
}
nav#slide-menu > ul li.calendar:before {
  content: '\e800';
}
nav#slide-menu > ul li.settings:before {
  content: '\e803';
}
nav#slide-menu > ul li.logout:before {
  content: '\e804';
}

body.menu-active nav#slide-menu {
  left: 0px;
}

body.menu-active nav#slide-menu ul {
  left: 0px;
  opacity: 1;
}

/*
  Content
*/
div#content {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0px;
  overflow:scroll;
  background: #fcfeff;
  border-radius: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-shadow: -3px 0 6px #4a5562;
  -webkit-box-shadow: -3px 0 6px #4a5562;
  box-shadow: -3px 0 6px #4a5562;
  -moz-transition: all 300ms;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}


body.menu-active div#content {
  left: 284px;
  border-radius: 7px 0 0 7px;
}

body.menu-active div#content .menu-trigger {
  left: 294px;
}

.results {
    font-family: Arial;
	font-size: 12px;
}
ul#results {
    font-family: Arial;
	display: none;
	width:auto;
	margin-top: 0px;
	border: 1px solid #ababab;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: rgba(0, 0, 0, .15) 0 1px 3px;
	-moz-box-shadow: rgba(0,0,0,.15) 0 1px 3px;
	box-shadow: rgba(0, 0, 0, .15) 0 1px 3px;
}
ul#results li {
	padding: 2px;
	cursor: pointer;
	border-top: 1px solid #cdcdcd;
	transition: background-color .3s ease-in-out;
	-moz-transition: background-color .3s ease-in-out;
	-webkit-transition: background-color .3s ease-in-out;
}
ul#results li:hover {
	background-color: #B4CD2D;
}
ul#results li:first-child {
	border-top: none;
}
ul#results li h3, ul#results li h4 {
	transition: color .3s ease-in-out;
	-moz-transition: color .3s ease-in-out;
	-webkit-transition: color .3s ease-in-out;
	color: #616161;
	line-height: 1.2em;
    font-size: 14px;
}
ul#results li:hover h3, ul#results li:hover h4  {
	color: #ffffff;
   font-size: 14px;
}
td {
    vertical-align: top;
    height: 100%;
}

.adobe {
  		 /*margin-left: 17em;*/
  		 background-image: url(pics/adobe.png);
   		 background-repeat: no-repeat;
		} 
		html {
    	font-family: GillSans, Calibri, Trebuchet, sans-serif;
  		}
      	html, body {
    		height: 100%;
			width: 100%;
		}
		.page-footer {
    		position:absolute;
			bottom:0;
			left:0;
			right:0;
			
		}
		/* label color */
   .input-field label {
     color: #000;
   }
   /* label focus color */
   .input-field input[type=text]:focus + label {
     color: #B4CD2D;
   }
   /* label underline focus color */
   .input-field input[type=text]:focus {
     border-bottom: 1px solid #B4CD2D;
     box-shadow: 0 1px 0 0 #B4CD2D;
   }
   /* valid color */
   .input-field input[type=text].valid {
     border-bottom: 1px solid #B4CD2D;
     box-shadow: 0 1px 0 0 #B4CD2D;
   }
   /* invalid color */
   .input-field input[type=text].invalid {
     border-bottom: 1px solid #B4CD2D;
     box-shadow: 0 1px 0 0 #B4CD2D;
   }
   /* icon prefix focus color */
   .input-field .prefix.active {
     color: #B4CD2D;
   }
   .desk_ob {
	   font-size:13px;
   }
  .icon { position: relative; width: 40px; height: 45px; }

	
#sortable-delete li { 
    height: 0; 
    width: 0; 
    overflow: hidden; 
}
ul.sortable { 
    padding-bottom: 5px; 
}
ul.sortable li {  
    cursor: pointer; 
}
#deskExp {
	position:absolute;
	left: 20px;
	font-size:14;
	border: 2px solid #a1a1a1;
    border-radius: 5px;
	background-color:#B4CD2D  ;
	color: #ffffff;
}
.info {
	display:block;
}

body{
 font-family:Arial;
    overflow-y: hidden;
}