﻿
* {
    /* j'ai enlevé le mot "!important" ici parce que tous les éléments sont forcés à cet attribut, et toute surcharge (comme à la ligne 20) devient impossible */
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

.panel-body
{
    min-height: 35px;
    padding: 8px;
}

.panel-body textarea
{
    width: 100%;
}

.form-control {
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.sidePanel a:hover, .sidePanel a:active, .sidePanel a:visited
{
    color: #ffffff!important;
}

.sidePanel a.rtbWrap:hover, .sidePanel a.rtbWrap:active, .sidePanel a.rtbWrap:visited
{
    color: #000000!important;
}

label
{
    font-weight: normal!important;
}

.bs-label
{
    font-weight: bold!important;
}

/* Crée un badge de type "Primary" */
.badge-primary
{
    background-color: #337ab7;
}

.RadForm_Bootstrap .rfdTextInput, .RadForm_Bootstrap .rfdSelect_Bootstrap, .RadForm_Bootstrap .rfdSkinnedButton
{
    min-height: 1em!important;
}

td, th
{
    padding: initial;
}

.RadForm _:-ms-fullscreen, .RadForm .rfdCheckboxChecked .rfdToggleImage, .RadForm _:-ms-fullscreen, .RadForm .rfdCheckboxUnchecked .rfdToggleImage, 
.RadForm _:-ms-fullscreen, .RadForm .rfdRadioChecked .rfdToggleImage, .RadForm _:-ms-fullscreen, .RadForm .rfdRadioUnchecked .rfdToggleImage
{
    top: 0em!important;
}

.riSingle.RadInput_Bootstrap .riTextBox, .rfdTextbox.RadForm.RadForm_Bootstrap input.rfdDecorated.riTextBox {
    height:29px !important; /* Pour la taille des zone de texte*/
    margin-bottom: 0!important;
}

.riSingle.RadInput_Bootstrap textarea.riTextBox, html .RadInput_Bootstrap textarea.riTextBox
{
    height: auto!important;
}

/* On avait déjà un élément du nom ".panel", on ajoute donc un identifiant
    afin d'annuler les changements dans un contexte bootstrap */
.bspanel
{
    margin-left: 0!important;
    margin-top: 5px!important;
}

/* Contrôle MultiLangue */
.formTextFieldNoHeight {
    margin-bottom: 5px !important;
}

/* Permet de mettre une marge pour que le titre ne soit pas "coller" à la toolbar */
div.panelTitle {
    margin-bottom: 3px !important;
}

.panel-default .panel-heading
{
    background-color: #909090;
    font-size: 14px;
    padding: 5px 15px;
    min-height: 20px
}

.panel-default .panel-heading, .panel-heading label
{
    color: #ffffff!important;
}

.panel-heading-HalfQuarter, .panel-body-HalfQuarter
{
    width: 12%;
    display: inline-block;
    vertical-align: top;
}

.panel-heading-quarter, .panel-body-quarter
{
    width: 24%;
    display: inline-block;
    vertical-align: top;
}

.panel-heading-third, .panel-body-third {
    width: 33%;
    display: inline-block;
    vertical-align: top;
}

.panel-heading-half, .panel-body-half
{
    width: 49%;
    display: inline-block;
    vertical-align: top;
}

.panel-heading-twoThird, .panel-body-twoThird {
    width: 66%;
    display: inline-block;
    vertical-align: top;
}

.panel-heading-threeQuarter, .panel-body-threeQuarter
{
    width: 74%;
    display: inline-block;
    vertical-align: top;
}

.panel-heading, .panel-body
{
    text-align: left;
}

.panel-body-multirow {
    line-height: 2em;
}

span.rbLinkButton.RadButton_Bootstrap
{
    min-height: 1.4em!important;
}

.rcbFooter
{
    text-align: center;
}

/* RadGrid */
.rgWrap.rgArrPart1, .rgWrap.rgArrPart2
{
    float: none!important;
    display: inline!important;
}

.rgWrap.rgNumPart
{
    float: none!important;
    display: inline-block!important;
}

.rgHeader
{
    text-align: center!important;
    background-color: #909090!important;
}

/* Headers des RadGrids */
.rgHeader a, .RadGrid_Bootstrap .rgHeader, .RadGrid_Bootstrap .rgHeader a
{
    color: #ffffff!important;
}

.RadGrid_Bootstrap .rgMasterTable .rgSelectedCell, .RadGrid_Bootstrap .rgSelectedRow > td, .RadGrid_Bootstrap td.rgEditRow .rgSelectedRow, .RadGrid_Bootstrap .rgSelectedRow td.rgSorted
{
    background-color: #e4e4e4!important;
    color: #525459!important;
}

.RadGrid_Bootstrap .rgSelectedCell a, .RadGrid_Bootstrap .rgSelectedRow a {
    color: black;
}

.RadGrid_Bootstrap .rgSortDesc
{
    background-position: -14px -64px!important;
}

.RadGrid_Bootstrap .rgSortAsc
{
    background-position: -15px -14px!important;
}

.RadGrid_Bootstrap .rgSortAsc, .RadGrid_Bootstrap .rgSortDesc
{
    width: 20px!important;
    height: 20px!important;
}

/* Rad Calendar*/
.RadCalendarMonthView_Bootstrap {
    width: 100% !important;
}

.RadCalendar_Bootstrap .rcMainTable caption,
.RadCalendar_Bootstrap .rcTitlebar caption {
    display: none !important;
}

.RadCalendarMonthView_Bootstrap #rcMView_Today {
    width: 75px !important;
}

.RadCalendar_Bootstrap .rcMain .rcOutOfRange span {
    display: inline;
}

.RadCalendar_Bootstrap .rcTitlebar .t-button {
    padding: inherit;
}

.RadCalendar_Bootstrap .rcMain .rcRow a,
.RadCalendar_Bootstrap .rcMain .rcRow span,
.RadCalendar_Bootstrap .rcRow .rcToday a,
.RadCalendarMonthView_Bootstrap .rcSelected a {
    padding: 4px !important;
}

.RadForm_Bootstrap table.RadCalendarMonthView {
    text-align: center !important;     /* Aligner la sélection MOIS / Année */
}

.RadCalendar_Bootstrap .rcMain .rcRow .rcSelected a {
    color: white !important;
}

.RadCalendarMonthView_Bootstrap .rcSelected a {
    color: white;
}

/* Autre */
.RadPicker_Bootstrap {
    margin-bottom: 5px !important;
}

.RadForm_Bootstrap .rfdSelect_Bootstrap,
.RadForm_Bootstrap .rfdTextInput {
    border-color: #ccc !important; /* Les contrôles "datetime" sont en CCC */
    display: inline-block !important;
    line-height: 1em !important;
}

.RadForm_Bootstrap .rfdSkinnedButton,
.RadForm_Bootstrap textarea,
.RadForm_Bootstrap .rfdSelectBox_Bootstrap {
    border-color: #ccc !important; /* Les contrôles "datetime" sont en CCC */
}

.RadForm_Bootstrap .rfdSelectBox_Bootstrap,
.RadForm_Bootstrap .rfdSelect_Bootstrap,
.RadForm_Bootstrap .rfdTextInput {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

 /* Créer un problème au niveau du bouton du calendar qui nécessite un survol pour retirer le rfdTextInput */
/*.RadForm_Bootstrap .rfdSelect_Bootstrap,
.RadForm_Bootstrap .rfdTextInput {
    margin-top: 3px !important;   
}*/

/* Permet d'afficher correctement INPUT et BUTTON lorsque le RadPicker est désactiver */
.RadPicker_Bootstrap .rcCalPopup .rcDisabled {
    margin-left: 11px;
}

.rddlPopup_Bootstrap .rddlList
{
    padding: 0;
}

/* RadButton */
/* Permet de diminuer la taille des RadButton en rapport au contenu / peu mettre «auto»*/
/*
.RadForm_Bootstrap .rfdSkinnedButton, 
.RadForm_Bootstrap textarea, 
.RadForm_Bootstrap .rfdSelectBox_Bootstrap {
    min-width: inherit; 
}
 */

/*
    Composant ASP (DropDown)
*/
.RadForm_Bootstrap .rfdSelect_Bootstrap:active,
.RadForm_Bootstrap .rfdSelect_Bootstrap:focus {
    text-decoration: none;  /* Retirer le souligner des items du ASP : DropDown*/
}

/* Grid ASP */
.dgBase {
    line-height: 23px !important;
}

.dgBase td {
    padding-left: 5px !important;
}

/* Reset la hauteur des RadButton */
span.rbSkinnedButton.RadButton_Bootstrap, span.rbLinkButton.RadButton_Bootstrap, span.rbVerticalButton.RadButton_Bootstrap, span.rbDisabled.RadButton.RadButton_Bootstrap, span.rbDisabled.RadButton.RadButton_Bootstrap:hover, span.rbDisabled.RadButton.RadButton_Bootstrap:active, span.rbDisabled.RadButton.RadButton_Bootstrap:focus
{
    height: auto;
}

/* Correction des éléments qui s'alignent à droite au hover dans les comboboxlist */
.RadComboBoxDropDown .rcbHovered, .RadComboBoxDropDown .rcbItem {
    padding-right: 0px!important;
    padding-left: 2%!important;
}
.rcbAutoWidth.RadComboBoxDropDown {
    min-width: 380px !important;
}
.RadComboBoxDropDown .rcbScroll {  
    overflow-y: auto !important;  
    overflow-x: hidden !important;  
}

.RadComboBoxDropDown_Bootstrap .rcbCheckAllItems {
    padding: 2px 5px;   /* On utilise le padding orignale pour que le "Sélectionner tous" soit aligner avec le reste */
}
