body{
	background-color:#F8F8F8;
	margin:0 auto;
		
}
.content{
	/*left: 50%;
	transform: translateX(-50%);a
	position:absolute;
	margin:0 auto;*/
	max-width:1600px;
}
.default_center{
	margin: 0 auto;
	display:block;
}
.loginbox {
    border-radius: 25px;
    border: 2px solid #73AD21;
    padding: 20px; 
    margin-top:20px;
    max-width: 240px;
    width:80%;
    height: 80px; 
    background:rgba(255,255,255,0.5);
}
.admin_title{
	background-color:#eaeff7;
	padding:24px;
	margin-bottom:4px;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.visible_on_hover_parent .visible_on_hover_item{
	visibility: hidden;
}

.visible_on_hover_parent:hover .visible_on_hover_item{
visibility: visible;
}

.circle {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: powderblue;
    color: #333;
    border-radius: 50%;
    box-sizing: border-box;
    text-align: center;
    display: block;
    padding: 5px;
    width:100%;
    font-size:16pt;

	  border: 5px solid darken(powderblue, 5%);
	  -webkit-transition: all 1s ease-out;
	  -moz-transition: all 1s ease-out;
	  -o-transition: all 1s ease-out;
	  transition: all 1s ease-out;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 
 }
 .circle:before{
      content: '';
      display: inline-block;
      padding-top: 100%;
      vertical-align: middle;
      margin-right: -2%;
     
 }
 .circle:hover{
 
       background-color: blue;
       border: 5px solid darken(blue, 50%);
       color: #fff;
       
 }

.admin_left{
 	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 	background-color:#e2efde;
 }
.def_main{
 
}
.def_main_hover:hover{
 background-color: #EEEEDD;
 border: 5px solid darken(blue, 50%);
}

.def_main_desc{
	font-size:10pt;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
    cursor:pointer;
}
ul.topnav {
    list-style-type: none;
    text-align:center;
  	display:inline-block;
  	
}
ul.topnav li {
	   float: left;
	   padding: 14px 16px;
	   text-decoration: none;
}
ul.topnav li.icon {
	display: none;
	text-decoration: none;
}
/* When the screen is less than 680 pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */
@media screen and (max-width:1000px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
  .headerimg{
  	display:none;
  }
    ul.topnav{
    	min-width:300px;
    	overflow: hidden;
    	z-index:110;
    	background-color:white;
    }
    ul.topnav li {
    	text-align:center;
    	display: inline-block;
    	float: none;
    }
   .nosmallscreen{
		display:none;
	}
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
@media screen and (max-width:1000px) {
  ul.topnav.responsive {
  	position: relative;
  	 
  }
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: block;
    text-align: center;
  }

  ul.topnav.responsive li.seperator {
    display: none;
  } 
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
  
}

.header {
	margin:0 auto;
	display: inline-block;
	text-align:center;
	z-index:50;
	position:fixed;
	height:80px;
	width:100%;
	max-width:1600px;
	background-color:white;
	left: 50%;
	transform: translateX(-50%);
	top:0px;
}
.headerspacer{
	display: block;
	height:100px;
}
.headerimg {
		float:left;
		padding:15px;
}



.modernblock{
	width:100%;
	max-width:1600px;
	min-height:300px;
	display:inline-block;
	margin:0px;
	background-color:white;
	font-family:"proxima-nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	
}
@media screen and (max-width:1000px) {
	.modernblock_center{
		max-width:100%;
	
	}
	.modernblock_centerr{
		max-width:100%;
	}
}
@media not screen and (max-width:1000px) {
	.modernblock_centerr{
		text-align:right;
		width:800px;
		right:20%;
		
	}
	.modernblock_center{
		text-align:left;
		width:1000px;
		padding-left:100px;
	}
}

.modernblock_center{
	display:inline-block;
	margin: 0 auto;
	max-width:1000px;
	padding:30px;
	

}

.modernblock_centerr{
	display:block;
	margin: 0 auto;
	
	padding:30px;

}
.modernblock_item{
	display:inline-block;
	text-align:left;
}

.home_header{
	background-color:#6CB359;
	color:#FFFFFF;
}
.modern_laptop{
	background-image:url(/images/BookModernblock.jpg);
	height:400px;
}
.modern_data{
	background-image:url(/images/DataModernblock.jpg);
	height:400px;
}
.modern_girl_apple{
	background-image:url(/images/GirlAppleModernblock.jpg);
}
.menu_text{
    font-family: "Droid Sans Mono";
	letter-spacing: 4px;
	font-size:13pt;
	text-decoration: none;
}

.admintable{
  margin: 0 0 40px 0;
  width: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  display: table;
}
.admintable_center{
  margin: 10px auto;
  width: 50%;
  
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  display: table;
}
.admintable_row {
  display: table-row;
  background: #f6f6f6;
}
.admintable_row:nth-of-type(odd) {
  background: #e9e9e9;
}
.admintable_row_header {
  font-weight: 900;
  color: #ffffff;
  background: #ea6153;
}
.admintable_cell {
  padding: 6px 12px;
  display: table-cell;
}
.smalltable{
  margin: 0 0 40px 0;
  width: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  display: table;
}

.smalltable tr{
  display: table-row;
  background: #f6f6f6;
}
.smalltable tr:nth-of-type(odd) {
  background: #e9e9e9;
}
.smalltable td{
 padding: 4px 4px;
  display: table-cell;
  font-size:10pt;
}

.row_user_deleted{
	color:#AAAAAA;
	
}
.hidden_input{
	background-color: transparent;
    border: 0px solid;
    width:100%;
    text-align:left;
}

.simple_button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}
.simple_button_grp {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}
.simple_button_red{
	    background-color: #FA0000; /* Red */
}
.simple_button_grp:hover {
    background-color: #77CC7D; /* Green */

}
.simple_button_cat{
    background-color: #91C5C7;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: block;
    font-size: 16px;
    width:300px;
}
.simple_button_back{
    background-color: #BABABA;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: block;
    font-size: 16px;
    width:300px;
}
.simple_button_back:hover{
    background-color: #9A9A9A;
}
.simple_button_cat:hover{
    background-color: #C8E6E7;
}
.simple_button_save{
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: block;
    font-size: 16px;
    width:300px;
}
.simple_button_save:hover{
    background-color: #4CBF50;
}
.simple_button_blue {
    background-color: #5E9DA0; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

.simple_button_blue:hover {
    background-color: #226D70;
}
.simple_button_small {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 3px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 10px;
}
.simple_button_medium {
    border: none;
    color: white;
    padding: 7px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
}

.color_one{
   background-color: #4CAF50; 
}
.color_one:hover{
   background-color: #A9E2AD; 
}
.color_two{
   background-color: #446C90; 
}
.color_two:hover{
   background-color: #9EB8CF; 
}
.color_three{
   background-color: #419577; 
}
.color_three:hover{
   background-color: #9DD2BF; 
}

.datepicker{
	text-align:center;
}
.default_category_table{
	    padding: 8px 8px;
	    margin: 0 auto;
}
.infodialog{
	display:none;
}
.feature_pending{
	color: #FFBABA;
}
.searchBox{
	background-color: transparent;
    border: 0px solid;
	width:100%;
}
.searchBox:focus{
	outline: none;
}
.modifier{
	color:darkgreen;
	background-color:#F6F6F6;
}
.editor_inline_edit
{
	display:none;
}
.itemdata_content{
	text-align:left;
}
	span.fancytree-node{
		white-space: nowrap; 
		overflow: hidden;
		-o-text-overflow: ellipsis;
		-ms-text-overflow: ellipsis;
		text-overflow: ellipsis;
/*
		display: inline;
		overflow-wrap: break-word;
		word-wrap: break-word;
		word-break: break-all;
*/
	}
.filterItem{
	display:block;
	float:left;
	padding:10px;
}

span.fancytree-node.editor_modifier_node > span.fancytree-title {
  color: green;
}
span.fancytree-node.editor_modifier_node > span.fancytree-icon {
  background-position: 0 0;
  background-image: url("customDoc2.gif");
}

.scanItemDiv{
	color:green;
	padding:20px;
	margin:20px;
	border-style:solid;
	border-width:1px;
}

.skill_element_div{
	padding:10px;
	display:block;
	
}
.skill_element{
    text-align:left;	
    width:400px;
    margin: 0 auto;
    padding-left:10px;
	padding-right:10px;
}
.skill_element_box{

}

.scanuser{
	background-color:#EEEEAA;
	margin:10px;
	padding:10px;
	
}
.state-left{
	width:125px;
}
.state-right{
	width:105px;
}