@import '_theme.less';

body{

}

//■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ TABLE

table{

    .sortColAsc{
        background-color: cyan;
    }

    .sortColDsc{
        background-color: yellow;
    }

    ul{
        margin-bottom: 0px !important;
        li{
            margin-left: -15px;
        }
    }
}

.table-sortable th{     cursor: pointer; }

.table-xs{
    th{
        //color:blue;
        font-size:0.8em;
        // font-weight: normal;
        padding: 2px !important;
        padding-right: 5px !important;
        margin: 0px !important;
    }
    td{
        //   color:red;
        padding: 2px !important;
        margin: 0px !important;
    }

}

tbody tr:hover {        
    background-color: @tr-hover !important; 
    // border-top: 1px solid @C1 !important;
    //  border-top: inherit;

    td{
        //  border-top: inherit;
        border-bottom: 1px solid @C1 !important;
        //   border-top: 1px solid @C1 !important;
        // font-weight: bold;
    }

}





//■■■■■■■■■■■■■■■■■■■■■■■   #container-global / .page

#container-global{
    padding:2px;
    //   margin-top:@page-top;
    margin-bottom: 50px;    //:: Pour la debug bar
    //  background-color: red;

}


.page{
    margin-left: 0px;
    margin-right: 0px;
    //   background-color:cyan;
    padding:10px;

    &.page-admin{
        background-color: rgb(255,200,200);
    }

    .page-header, #page-header{
        margin-bottom: 15px;
        padding-bottom: 15px;            
        border-bottom:  3px solid @C1;

        //   background-color: lightgreen;
        .page-titre{
            //   background-color: lightsalmon;
            font-size: 1.8em;
            font-weight: bold;
            color: @C1;


            .page-sous-titre{
                //     background-color: lightsteelblue;
                // color: blue;
                font-size: 0.8em;
                font-weight: normal;

            }    
        }
    }


    #page-content{

    }

    .cadre{
        border: 3px solid @C1;
        border-radius: 5px;
        margin-bottom: 10px;
        padding-top: 15px;
        padding-bottom: 15px;

        .cadre-header{
            margin-bottom: 10px;

            .cadre-header-title{
                font-size: 1.4em;
                font-weight: bold;
                color: @C1;
            }
        }
    }

}



.page-fixe-------old-save-back{
    .page-header{
        position: fixed;
        top: 150px;
    }
    #page-content{
        position: fixed;
        background-color: cyan;
        height: 100px;
        width: 98%;
        top: 300px;
        padding: 5px;

        &.scroll-y{
            overflow-y: scroll;
        }
    }
}

.page-fixe{
    .page-header{
        position: fixed;
        //  top: 150px;
    }
    #page-content{
        position: fixed;
        //  background-color: cyan;

        width: 98%;
        top: 18%;
        height: 80% !important;
        padding: 5px;


    }


    .scroll-y{
        overflow-y: scroll;
        height: 100% !important;
        //   background-color: yellow;
    }
}

//■■■■■■■■■■■■■■■■■■■■■■■   #navbar_header

//■■■■■■■■■■■■■■■■■■■■■■■   MyBootstrap !!!


.row{       margin: 0px;        }
.hidden{    display: none;      }
.btn{       cursor: pointer;    }
.cursor-pointer{        cursor: pointer;    }

.btn-group-xs > .btn, .btn-xs {
    padding: .25rem .4rem;
    font-size: .875rem;
    line-height: .5;
    border-radius: .2rem;
}

.btn-xs {
    padding: 1px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: .7rem;
    line-height: .5;
    border-radius: .2rem;
}




.dble-clickable{
    color: @C1;
    cursor: pointer;  
    &:hover{
        font-style: italic;
        text-decoration: underline;
    }
}






//■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■    XXXXXXXXX




.cmzTodo{
    background-color: rgb(255,200,200);
    font-size: 0.8em;
}

.cmz-help{
    background-color: rgb(200,200,255);
    font-size: 0.8em;
    padding: 3px;
}


.zx-todo{
    background-color: rgb(255,200,200);
    font-size: 0.8em;
}





#page-accueil{

    font-size: 0.9em;

    #siteIcone{
        height: 50px;
    }
    .card{
        margin: 5px;

        a{
            color: @C1;
            &.btn{
                color:white;
            }
        }


    }
    .card-title{
        color:@C1;

    }

    .card-subtitle{
        margin-top: 10px;
    }


    .card-text{
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid @C1;
    }

    .card-admin-only{
        .card-title{
            color:red;

        }
    }


    #card-calendrier{
        .evenements{
            //  background-color: cyan;
            .evenement{
                //  background-color: yellow;
                //  margin: 2px;
                border-bottom: 1px solid @C1;
                .jour{
                    color: @C1;
                    font-size: 0.8em;
                }
            }

        }

    }



}