/** Add css rules here for your application. */

/* Import des variables globales */
@eval colorWhite fr.axigate.nx.frontend.client.core.glue.CssConstants.PROVIDER.getInstance().colorWhite();
@eval colorTitle fr.axigate.nx.frontend.client.core.glue.CssConstants.PROVIDER.getInstance().colorTitle();
@eval colorImportant fr.axigate.nx.frontend.client.core.glue.CssConstants.PROVIDER.getInstance().colorImportant();
@eval colorGray fr.axigate.nx.frontend.client.core.glue.CssConstants.PROVIDER.getInstance().colorGray();
@eval colorFormLabel fr.axigate.nx.frontend.client.core.glue.CssConstants.PROVIDER.getInstance().colorFormLabel();

@eval sizeTitle fr.axigate.nx.frontend.client.core.glue.CssConstants.PROVIDER.getInstance().sizeTitle();
@eval sizeImportant fr.axigate.nx.frontend.client.core.glue.CssConstants.PROVIDER.getInstance().sizeImportant();

/* --- SUGGEST BOX --- */
.gwt-SuggestBoxPopup .suggestPopupTopLeft, .gwt-SuggestBoxPopup .suggestPopupTopLeftInner,
.gwt-SuggestBoxPopup .suggestPopupTopCenter, .gwt-SuggestBoxPopup .suggestPopupTopCenterInner,
.gwt-SuggestBoxPopup .suggestPopupTopRight, .gwt-SuggestBoxPopup .suggestPopupTopRightInner,
.gwt-SuggestBoxPopup .suggestPopupMiddleLeft, .gwt-SuggestBoxPopup .suggestPopupMiddleLeftInner,
.gwt-SuggestBoxPopup .suggestPopupMiddleRight, .gwt-SuggestBoxPopup .suggestPopupMiddleRightInner,
.gwt-SuggestBoxPopup .suggestPopupBottomLeft, .gwt-SuggestBoxPopup .suggestPopupBottomLeftInner,
.gwt-SuggestBoxPopup .suggestPopupBottomCenter, .gwt-SuggestBoxPopup .suggestPopupBottomCenterInner,
.gwt-SuggestBoxPopup .suggestPopupBottomRight, .gwt-SuggestBoxPopup .suggestPopupBottomRightInner {

    background: none !important;
}

.gwt-SuggestBoxPopup {
    -webkit-box-shadow: colorGray 2px 2px 1px;
    -moz-box-shadow: colorGray 2px 2px 1px;
    box-shadow: colorGray 2px 2px 1px;
    border: 1px solid colorImportant;
    background-color: colorWhite;
    z-index: 99999;
}

.gwt-DialogBox {
    z-index: 5000;
}

/* --- POPUPINFO HADRPS --- */
.title {
    font-size: sizeImportant;
    font-weight: bold;
    color: colorTitle;
    text-align: center;
}

.ss-title {
    font-size: sizeTitle;
    font-weight: bold;
    color: colorFormLabel;
}

.gwt-Button {
    background-color: white !important;
    background-image: none !important;
}

.gwt-PopupPanel {
    background-color: white;
}

.listGridCard .header.paper-card iron-image.paper-card img {
    width: initial !important;
    margin-bottom: 15px;
}

.listGridCard .header.paper-card .title-text.over-image.paper-card {
    background-color: rgba(255, 255, 255, 0.6);
    bottom: 0px;
    right: 0px;
    top: inherit;
}

/*@media (max-width: 420px) and (orientation: portrait),(max-width: 700px) and (orientation: landscape) {*/
/*.confirmPopup {*/
/*height: 99vh;*/
/*width: literal("calc(100vw - 20px)");*/
/*top: 0px !important;*/
/*left: 0px !important;*/
/*overflow: auto !important;*/
/*}*/

/*.confirmPopup > div > table {*/
/*width: 100%;*/
/*}*/

/*.confirmPopup paper-card {*/
/*width: 100%;*/
/*}*/

/*.gwt-PopupPanel {*/
/*height: 99vh;*/
/*width: literal("calc(100vw - 20px)");*/
/*top: 0px !important;*/
/*left: 0px !important;*/
/*overflow: auto !important;*/
/*}*/

/*.gwt-PopupPanel > div > table {*/
/*width: 100%;*/
/*}*/
/*}*/

ul {
    list-style-type: disc;
}

ol {
    list-style-type: decimal;
}

paper-button {
    min-width: auto !important;
}

paper-button[disabled] {
    color: #dcdcdc;
}

paper-card table tr > td {
    border: none !important;
}

.confirmPopup .title-text.paper-card {
    font-size: 14pt !important;

}

.confirmPopup paper-card {
    width: 99% !important;
}

* {
    -webkit-font-smoothing: antialiased;
}

.timeline-event-cluster {
    font-weight: lighter;
}

.timeline-content .mvt {
    background-color: #8ad0688f;
    border-color: #8ad0688f;
    color: black;
}

.timeline-content .rdv {
    background-color: #f03c488f;
    border-color: #f03c488f;
    color: black;
}

.timeline-content .pre {
    background-color: #f2f80e69;
    border-color: #f2f80e69;
    color: black;
}

.timeline-content .doc {
    background-color: #92c1f0;
    border-color: #92c1f0;
    color: black;
}

.timeline-event-cluster {
    font-weight: bold;
    opacity: 0.6;
}

div:focus {
    outline: none;
}

.dropDown .gwt-TextBox {
    border-width: 0 0 1px 0;
    border-color: lightgrey;
    outline: none;
}