/*** Everything related to color ***/


header {
  background: #232323;/*#ffffaa;*/
  border-bottom: 2px solid #0CF;
}
  
@media (max-width: 767px) {
 	#top-menu-bar {
	    background: #232323;
	}
}
 
mobile-menu-expand {
  background: red;
  border: 2px solid #0CF;
    color: white;
}

 .mobile-menu-expand:before {
    border-bottom: 3px solid white;
    border-top: 3px solid white;
  }
    
 .mobile-menu-expand:after {
    border-bottom: 3px solid white;
 }
 
 /************ APP TITLE ******/
#appTitle {
	 color: #FFFFFF;
}
 
 /************ MAIN MENU ******/
#main-menu > ul a {
    color: #b7b7b7;
}

#main-menu > ul > li > a {
      border-right: 1px solid #4c4c4c;
}
  
#main-menu > ul > li > a:hover {
    background: #0CF;
    color: #232323;
}

#main-menu > ul > li > ul {
      background: #2c2c2c;
      border-bottom: 2px solid #0CF;
      -moz-box-shadow: 15px 0 15px -4px rgba(0, 0, 0, 0.2), -12px 0 8px -4px rgba(0, 0, 0, 0.2);
      -webkit-box-shadow: 15px 0 15px -4px rgba(0, 0, 0, 0.2), -12px 0 8px -4px rgba(0, 0, 0, 0.2);
      box-shadow: 15px 0 15px -4px rgba(0, 0, 0, 0.2), -12px 0 8px -4px rgba(0, 0, 0, 0.2);
 }
     
  

#main-menu > ul > li.active >a{
    background: #0CF;
    color: #232323;
}
 
/************ UTILITY ******/
#utility-menu > ul > li a {
    color: #919191;
}

#utility-menu li:hover a {
   color: #0CF;
}

/************ FORM ******/
div.button {
	background-color: #232323;
}

div.button:hover {
	background-color: rgba(35, 35, 35, 0.7);
	/*border: dotted 1px #ff8200;*/
}

fieldset {
	  border: 1px #0cf solid;
}
    
fieldset label span.required{
	color: #0CF;
}  

fieldset input, fieldset select{
	color:#000;
	border:1px solid #ccc;
	background-color:#FFF;
}

fieldset input:focus, fieldset select:focus {
	background-color:#ccc;
	border-color: #000;
	color:#494949;
	outline:1px solid #000;
}

#editPanel fieldset input[type=checkbox]{ 
	border:1px solid #ddd;
	color:#999;
}
#editPanel fieldset input[type=checkbox]:focus{
	background-color:#fefefe;
	border-color: #bbb;
	color:#555;
}
input[type=button], input[type=submit]{
	background-color: rgba(35, 35, 35, 1);
	color:#0CF;
}

input[type=button].inactive, input[type=submit].inactive{
	background-color: rgba(35, 35, 35, 0.2);
	color:rgba(0, 204, 255, 0.2);/*= #0CF in RGBA*/
}

input[type=button]:hover,input[type=submit]:hover {
	background-color: rgba(35, 35, 35, 0.7);
	border: dotted 1px #0CF;
}

input[type=button]:hover.inactive, input[type=submit]:hover.inactive  {
	background-color: rgba(35, 35, 35, 0.2);
	color:rgba(0, 204, 255, 0.2);/*= #0CF in RGBA*/
	border:1px solid #ccc
}

#editPanel fieldset input:read-only{
	background-color:  #808080;
}


.pending {
	color:blue;
	font-style:italic;
}
span.pending {
	font-size:0.7em;
}