/*************************************************************************
DEBUT DES SURCHARGES
/************************************************************************/


/************************************************************************/
/* 2024 */
/************************************************************************/

body
{
    margin: 0px 0px !important;
    font-size: 70% !important;
}

#header{
    height:110px;
    background-color: #ddd;
    border-bottom: 1px solid #9d9d9d;
}


/* slogan */
#main-title
{
    position: absolute;
    left: 50px;
}

#slogan
{
    font-family: arial;
    padding-left: 10px;
    text-align: center;
    font-weight: normal;
    font-size: 1em;
}

/* Search input text */
.searchInput{
    margin: 20px;
    width: 80%;
    border-radius: 20px !important;
}

.wit-menu-button
{
    height: 50px !important;
    width: 50px !important;
    margin-left: 10px !important;
}


.ui-toolbar .ui-button
{
    margin-right: 3px !important;
}

.ajax-loader {
    animation: rotate 1s infinite;
    height: 50px;
    width: 50px;
}

.ajax-loader:before,
.ajax-loader:after {
    border-radius: 50%;
    content: "";
    display: block;
    height: 20px;
    width: 20px;
}
.ajax-loader:before {
    animation: ball1 1s infinite;
    background-color: #fff;
    box-shadow: 30px 0 0 #ff3d00;
    margin-bottom: 10px;
}
.ajax-loader:after {
    animation: ball2 1s infinite;
    background-color: #ff3d00;
    box-shadow: 30px 0 0 #fff;
}

@keyframes rotate {
    0% { transform: rotate(0deg) scale(0.8) }
    50% { transform: rotate(360deg) scale(1.2) }
    100% { transform: rotate(720deg) scale(0.8) }
}

@keyframes ball1 {
    0% {
        box-shadow: 30px 0 0 #ff3d00;
    }
    50% {
        box-shadow: 0 0 0 #ff3d00;
        margin-bottom: 0;
        transform: translate(15px, 15px);
    }
    100% {
        box-shadow: 30px 0 0 #ff3d00;
        margin-bottom: 10px;
    }
}

@keyframes ball2 {
    0% {
        box-shadow: 30px 0 0 #fff;
    }
    50% {
        box-shadow: 0 0 0 #fff;
        margin-top: -20px;
        transform: translate(15px, 15px);
    }
    100% {
        box-shadow: 30px 0 0 #fff;
        margin-top: 0;
    }
}

/* END OF AJAX LOADER */


/************************************************************************/
/* EOF 2024 */
/************************************************************************/
/* Growl customization */
/*.ui-growl {
    top:110px;
    right:20px;
}*/
/*
.ui-growl-title {
    color: #ffffff;
}

.ui-growl-item-container{
    background-color: #666666 !important;
    border: 1px solid #2d2d2d !important;
}*/

.ui-fileupload-content
{
    display:none !important;
}


/* Pour les listes intégrés dans un panel, pas de bordure et de fond ! */
.ui-panel .ui-datalist-content {
    border: 0px !important;
    background: inherit !important;
    padding: 0 !important;
}

/* Ajoute un petit espacement pour les ui input des cell edit */
.ui-cell-editor-input{
    padding: 5px !important;
}

/* If you want no header for datatables */
.noHeader.ui-datatable table thead tr {
    display: none;
}
/* If you want no header for datatables */
.noBorders.ui-datatable table thead th,
.noBorders.ui-datatable table tbody,
.noBorders.ui-datatable table tbody tr,
.noBorders.ui-datatable table tbody td {
    border-style: none;
}

.ui-blockui.ui-widget-overlay{
    background-color: #ffffff75 !important;
}

/* Dashboard utilisateur & par défaut*/
.dash-panel
{
    margin:10px;
    /*min-width:400px;
    min-height:300px;
    width:400px;*/
    height: auto !important;
}

/* ajoute une marge en bas de chaque barre de progression */
.ui-progressbar
{
    margin-bottom: 10px !important
}

/* kezako ? */
.ui-outputlabel .ui-outputlabel-rfi
{
    color: red;
}

.ui-editor{
    background-color: white !important;
}

.ui-editor-toolbar{
    border:0px !important;
}

.ql-container{
    border:0px !important;
    border-bottom: 1px solid gray !important;
    background-color: #fff;

    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;

    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.ui-divider {
    color: darkgray;
    padding-top: 5px;
    padding-bottom: 5px;
}


/*************************************************************************
FIN DES SURCHARGES
*************************************************************************/
.preformatted {
    white-space: pre-wrap;
}

.titrePage
{
    color:	#999;
    font-size: 1.5em !important;
    font-weight: bold;

}

.copyright
{
    color: gray;
    font-family: Arial;
}


.paypalBtn
{
    background: url('../resources/images/paypal-checkout-button.png');
    background-size: cover;
    border: 0px !important;
    background-color: transparent !important;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* icone de chargement en bas à droite */
/*#ajax-loader{
    border: 1px solid black;
    background-color: white;
    width:	64px;
    height: 64px;
    padding:5px;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
}*/

/* bloc d'infos d'utilisateur */
#user-infos
{
    position: absolute;
    top: 12px;
    right: 10px;
}

#user-name
{
    font-family: Verdana, Arial, sans-serif;
    font-size: 100% !important;
    font-weight: bold;
    color: black;
    white-space: nowrap;
}

#user-profile
{
    font-family: Verdana, Arial, sans-serif;
    font-size: 70% !important;
    color: gray;
    white-space: nowrap;
}

/* footer rien pour l'instant */
#footer
{
    clear: both;
    text-align: center;
    /*border-top: 1px solid #C8C8C8;*/
    width: 100%;
}

/*
        COULEURS POUR LE CALENDRIER
*/
.userEvent0 , .userEvent0 .fc-event-skin, .userEvent0 a{
    background-color: aliceblue;
    color: black;
    border-color: darkgrey;
}
.userEvent1 , .userEvent2 .fc-event-skin, .userEvent2 a{
    background-color: cadetblue;
    color: black;
    border-color: darkgrey;
}
.userEvent2 , .userEvent2 .fc-event-skin, .userEvent2 a{
    background-color: darkseagreen;
    color: black;
    border-color: darkgrey;
}
.userEvent3 , .userEvent3 .fc-event-skin, .userEvent3 a{
    background-color: khaki;
    color: black;
    border-color: darkgrey;
}
.userEvent4 , .userEvent4 .fc-event-skin, .userEvent4 a{
    background-color: lightblue;
    color: black;
    border-color: darkgrey;
}

/* main dashboard */
.ui-dashboard-column{
    width: 48%;
    padding-right:20px;
}

/* Dashboard projets */
.dashboard-project
{
    width:100%;
    min-height:300px;
}

.dashboard-project .dash-panel
{
    margin:10px;
    min-width:400px;
    min-height:300px;
    width:100%;
    height: auto !important;
}

.dashboard-project .ui-dashboard-column {width:98% !important;}

/* TODO LIST */

.todo-panels
{
    width: 100%;
}

.todo-panels td
{
    width:33%;
    vertical-align: top;

}

.todo-panels .todo-column .ui-dataview-content
{
    min-height:500px;
}
/* Hide options icon */
.ui-dataview-layout-options{
    display: none;
}
/* Hide header on datalist */
.ui-dataview-list .ui-dataview-header {
    display: none;
}
/* no border on datalist content */
.ui-dataview-list .ui-dataview-content {
    border: none;
}

/* Dashboard specifif */
.todo-panels-dash
{
    width: 100%;
}

.todo-panels-dash td
{
    width: 50%;
    vertical-align: top;
}
.todo-panels-dash .todo-column .ui-dataview-content
{
    min-height:100px;
}
/* End dashboard specific */

.todo-column .todo-panel
{
    width:100%;
}

.todo-column .todo-panel .ui-widget-content
{
    background: transparent;
}

.todo-title
{
    font-weight: bold;
}
.todo-deadline
{
    font-weight: bold;
    padding-top: 10px;
}

.todo-description
{
    color:gray;
}

.leftPanelPane
{
    float: left;
    width: 300px;
    /*padding-right: 5px;*/
    /*height: 100%;*/
    position: fixed;
    /*background-color: #dddddd;*/
}
.centerPanelPane
{
    width: auto;
    overflow: hidden;
    margin-left: 320px;
    margin-top: 15px;
}

.menuItemWidth{
    min-width:200px
}