/**
 * CSS Common
 *
 * Classes CSS et surcharge ExtJS
 * pour le Common plugin
 */

/**
 * Surcharge CSS pour que le boutton Créer/Attacher de l'élément de scaffolding
 ComboAttacher ait le meme visuel que les combo dans une toolbar
 */
.common-combo-attacher-inside-container + .x-btn.x-box-item.x-btn-default-small.common-combo-attacher-creer-inside-container {
    background-image: none;
    padding: 3px;
    border: 0;
    background-color: transparent;
}

.common-combo-attacher-inside-container + .x-btn.x-box-item.x-btn-default-small.common-combo-attacher-creer-inside-container.x-btn-over {
    background-color: #dbeeff;
    border: 1px solid #80a4d0;
    padding: 2px;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dbeeff), color-stop(48%, #d0e7ff), color-stop(52%, #bbd2f0), color-stop(100%, #bed6f5));
    background-image: -webkit-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
    background-image: -moz-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
    background-image: -o-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
    background-image: -ms-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
    background-image: linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
}

.common-combo-attacher-inside-container + .x-btn.x-box-item.x-btn-default-small.common-combo-attacher-creer-inside-container.x-btn-over.x-btn-pressed {
    border-color: #7a9ac4;
    background-color: #bccfe5;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bccfe5), color-stop(48%, #c5d6e7), color-stop(52%, #95c4f4), color-stop(100%, #9fc9f5));
    background-image: -webkit-linear-gradient(top, #bccfe5, #c5d6e7 48%, #95c4f4 52%, #9fc9f5);
    background-image: -moz-linear-gradient(top, #bccfe5, #c5d6e7 48%, #95c4f4 52%, #9fc9f5);
    background-image: -o-linear-gradient(top, #bccfe5, #c5d6e7 48%, #95c4f4 52%, #9fc9f5);
    background-image: -ms-linear-gradient(top, #bccfe5, #c5d6e7 48%, #95c4f4 52%, #9fc9f5);
    background-image: linear-gradient(top, #bccfe5, #c5d6e7 48%, #95c4f4 52%, #9fc9f5);
}

/**
 *
 */
.x-tab-tabmenu-right {
    background: transparent url('images/tab-scroller-menu.gif') no-repeat 0 0;
    width: 18px;
    height: 23px;
    cursor: pointer;
    zoom: 1;
    z-index: 6;
    position: absolute;
    top: 0;
    right: 18px;
}

.x-tab-tabmenu-over {
    background-position: -18px 0;
}

.x-tab-tabmenu-disabled {
    background-position: 0 0;
    opacity:.5;
    -moz-opacity:.5;
    filter:alpha(opacity=50);
    cursor:default;
}

/**
 * Surcharge pour faire apparaitre une icone warning
 * à la place de l'icone de base en cas de probleme
 * de validation // TODO on devrait pouvoir virer ca
 */
.x-tab.validationError > span.x-tab-wrap .x-tab-icon-el.x-tab-icon-el-default {
    background-image: url(../images/icon-16/cancel.png) !important;
}

.x-window.validationError > .x-window-header .x-window-header-title .x-title-icon-wrap > .x-title-icon {
    background-image: url(../images/icon-16/cancel.png) !important;
}

/**
 * Surcharge pour souligner les libellés des field obligatoire
 */
.required-label, .required-label > span {
    text-decoration: underline;
}

/**
 * Surcharge pour la gestion du dirty
 * dans les editeurs et les popup
 */
.x-tab.dirty.x-tab-default .x-tab-inner:after,
.x-tab.dirty.x-tab-maintab .x-tab-inner:after,
.x-window.dirty .x-title-text:after {
    content: '*';
}

.x-tab.dirty.x-tab-default.x-tab-active .x-tab-inner,
.x-tab.dirty.x-tab-maintab.x-tab-active .x-tab-inner,
.x-window.dirty .x-title-text {
    color: #ffa700;
    font-style: italic;
}

.x-tab.dirty.x-tab-default .x-tab-inner,
.x-tab.dirty.x-tab-maintab .x-tab-inner {
    color: #ff0008;
    font-style: italic;
}

/**
 * Désactivation du focus sur les tab avec les pointillé
 */
.x-tab-focus.x-tab-default .x-tab-button:before {
    outline: none !important;
}

/**
 * Surcharge CSS pour le logo de la province dans la barre SIP
 */
#psud-logo-bar {
    overflow: auto;
    z-index:1000;
    color: #00bfff;
    font-weight: normal;
    font-size: 24px;
    background-position:right top;
}

#psud-logo-bar-left {
    text-align: left;
    display: inline;
    float: left;
    width: 40%;
    height: 40px ;
    padding-top: 10px;
    padding-left: 10px;
}

#psud-logo-bar-right {

    text-align: right;
    height: 40px ;
    display: inline;
    float: right;
    width: 60%;
    padding-top: 6px;
}

.psud-logo-bar-fullname-1{
    color: #ffffff;
    text-align: right;
}

.psud-logo-bar-fullname-2  {
    color:#00bfff;
    padding-right:350px;

}

.psud-logo-bar-env-development, .psud-logo-bar-env-qualification , .psud-logo-bar-env-test ,.psud-logo-bar-version-development,.psud-logo-bar-version-qualification,.psud-logo-bar-version-test  {
    color: #ffffff;
    font-size: 15px;
    text-align: right;

}

.psud-logo-bar-env-production{
    display: none;
}

.psud-logo-bar-version-production {
    display: none;
}

#psud-mainMenu   {
    padding: 0px 3px 0px 3px;
}

#psud-siptoolbar {
    background-color: #FFFFFF;
    background-image: none;
    padding: 2px 2px 2px 2px!important;
}

#psud-siptoolbar .x-btn .x-btn-inner {
    color: black !important;
    font-weight: normal;
}
/**
 * Surcharge pour la couleur de fond de la barre SIP
 */
.development {
    background-color: black;
}

.formation {
    background-color: darkmagenta;
}

.qualification {
    background-color: darkblue;
}

.production {
}


#psud-mainMenu-body {
	border-bottom: 1px solid #99BBE8 !important;
}

#psud-extendedMenu {
	margin:3px 3px 3px 3px;
}

#psud-siptoolbar .x-form-text {
  background-image: none;
  border-color:#d5ecfc;
}

#psud-siptoolbar textarea.x-form-field {
  background-image: none;
  border-color:#d5ecfc;
}

/*
 * Pour les margin du psud-extendedMenu lorsqu il est réduit en mode vertical 
 */
.x-region-collapsed-left-placeholder
{
	margin-left: 3px;     
	margin-bottom: 3px;
}

#psud-workspace {
	margin:3px 3px 3px 3px;
}

.x-border-layout-ct {
	background-color:#FFFFFF;
}

#psud-workspace .x-border-layout-ct {
	background-color:#FFFFFF;
}

.psud-download, .psud-jcr-edit, .psud-versions {
    vertical-align: middle;
    background-position: center center;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    cursor: pointer;
    display: inline-block;
    margin-right: 5px;
}

/*
// AFFICHAGE DES MESSAGES DE NOTIFICATIONS
//
*/

.msg .x-box-mc {
    font-size:14px;
}

#msg-div {
    position:absolute;
    right:20px;
    top:20px;
    width:300px;
    z-index:20000;
}

#msg-div .msg {
    border-radius: 8px;
    -moz-border-radius: 8px;
    background: #fefc7a;
    border: 2px solid #d85201;
    margin-top: 2px;
    padding: 5px 10px;
    color: #d85201;
}

#msg-div .msg h3 {
    margin: 0 0 2px;
    font-weight: bold;
    font-size: 12px;
}

#msg-div .msg p {
    margin: 0;
}

.common .sipDevToolbar .generatedList .title{
    color: red;
}

/**
 * Class CSS pour la notification de déconnexion
 * L'image fait partie des images accessible sans
 * etre connecté
 */
.psud-disconnect-main-notification {
    display: block;
    margin-bottom: 10px;
    padding-left: 35px;
    background-image: url('images/disconnectLogo.png');
    background-repeat: no-repeat;
    background-position: left top;
}