/**
 *
 *  Extra style definitions.
 *  NOTE: Carbon skin overrides (all x-... style overrides) should be set in the customizedCarbonSkin.css! 
 *
 */

body {
	opacity: 0;
	zoom: 1;
	font-family: arial, verdana, sans-serif;
	background: #282828;
	transition: opacity 1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;	
}

p {
    margin-bottom:18px;
}


.menu {
	padding: 4px 30px;
}

.menu li {
	padding: 4px 0px;
}

#menuPanel .x-panel-header-text {
	cursor: pointer;
}

.errorStatus,  .successStatus {
	padding: 5px 0;
}

.errorStatus {
	font-weight: bold;
	color: #ff2200;
}

.successStatus {
	font-weight: bold;
	color:  #ffcc00;
}

/** Plain error styles without padding/margin/... definitions */
.errorMarker {
	color: #ff2200;
}

.successMarker {
	color: #ffcc00;
}

.activeMenuItem {
	cursor: pointer;
}

.panelBody {
	padding: 8px 10px;
}

.panelFooter {
	padding: 8px 10px;
}

.panelFooterFullWidth {
	padding: 4px 0px;
}

.windowFooter {
	padding: 4px 6px;
}

.disabledRow {
	color: #777;
}

#menuLogoutCmp .x-tool img {
	display: none;
}

#loadMask.x-mask {
	background: transparent;
	transition: background 0.5s ease-in-out;
}

a.linkMarker {
	color: #ffcc00  !important;
	text-decoration:underline;
}

.selection {
	color: #ffcc00;
}

.hSeparator {
	width:110%;
	border-style:solid;
	border-top-width:1px;
	border-bottom-width:0;
	color:white;
}

.tipColor {
	color: #ffcc00;
}

.updateMask {
	background: transparent !important;
	opacity: 0.2 !important;
}

.disabledButton label{color:#666}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #666;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #666;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #666;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #666;
}