/**
 * CSS rules that fix conflicts between Liferay and Ext-JS 3.4 default style (grey).
 * Copyright (c) 2012-2013 MINES Paristech/Transvalor. All rights reserved.
 */
 
/*
 * Map
 */

/* fix Ext-JS/Liferay conflict about radio buttons in layer switcher */
.olControlLayerSwitcher input {
    background-color: transparent !important;
}

/* 
 * Form 
 */
 
/* fix Ext-JS/Liferay conflict about form font */
.x-form-field {
    font:normal 12px tahoma, arial, helvetica, sans-serif !important;
}

/* fix Ext-JS/Liferay conflict about fields height */
.x-form-text {
    padding:1px 3px !important;
}

/* fix Ext-JS/Liferay conflict about invalid fields */
.x-form-invalid, textarea.x-form-invalid, input.x-form-invalid {
    background:repeat-x bottom !important;
    border: 1px solid !important;
    color: black !important;
    background-color:  red !important;
    border-color: #CC3300 !important;
}

/* fix Ext-JS/Liferay conflict about fields border */
.x-form-text, textarea.x-form-field {
    border-color:#C1C1C1 !important; /* medium gray */
}
.x-form-focus, textarea.x-form-focus {
	border-color:#777777 !important; /* dark gray */
}

/* 
 * Calendar widget 
 */
 
/* fix Ext-JS/Liferay conflict about margins in calendar widget */
.x-date-menu .x-menu-list {
    margin: 0 !important;
    padding: 0 !important;
}

/* fix Ext-JS/Liferay conflict about toolbar buttons and month selector in calendar widget */
.x-date-mp .x-btn button, .x-date-mp .x-btn button:hover, .x-date-mp .x-btn button:focus {
    background:transparent !important;
    text-shadow: none !important;
}

/* fix Ext-JS/Liferay conflict about OK/Cancel buttons in calendar widget */
.x-date-mp-btns button, .x-date-mp-btns button:hover {
    background: #4E565F !important; /* dark gray */
    text-shadow: none !important;
}

/* fix Ext-JS/Liferay conflict about month selector in calendar widget */
.x-date-middle .x-btn .x-btn-text {
    background:transparent !important;
    text-shadow: none !important;
}