/* 
 *   topconseil.css holds the CSS that are specific to the TopConseil app
 */

 .btnForgot button
 {
background-color:#0d6efd;
 }

 .btnForgot button:hover
 {
background-color:#0d6efd;
 }

 .btnGeneral button
 {
background-color:#0d6efd;
 }

 .btnGeneral button:hover
 {
background-color:#0d6efd;
 }

.sortSelector
{
    text-decoration:none;
    font-size:1.3rem;
    padding:0 10px;
}

 iframe {
    display: block;
    margin: 0 auto;
 }

 .btn-toolbar
 {
    padding:20px;
 }

.btn
 {
    margin:0 3px;
 }

 .videoVimeo
 {

    height:500px;
    width:100%;
 }

 .iconeBouton
 {
    padding-right:8px;
 }

 .linkInsideButton
 {
    color:white;
    text-decoration:none;
 }

 .linkInsideButton:hover
 {
    color:white;
 }

/* Réajustement du menu */
 @media screen and (max-width: 992px) {
    .navbar-nav
    {
       font-size:1.3rem;
    }
    .navbar-collapse
    {
       padding-left:30px;
    }
}

body {
    font-family: Arial, Helvetica, sans-serif;
}

/* Advices and Followup List BEGIN */
#listMode div ul.list-group li
{
 border-left:1px solid #d1d1d1;
 border-right:1px solid #d1d1d1;
}

#listMode div ul.list-group li:nth-child(even)
{
    background-color:#fbfbfb;
}

#listMode div ul.list-group li:first-child
{
    border-top:1px solid #d1d1d1;
}


#listMode div ul.list-group li:last-child
{
    border-bottom:1px solid #d1d1d1;
}

#listMode div ul.list-group li:hover
{
    background-color:#EDF4FE;
}

/* Advices and followup END */


.activeButton
{
    background-color:#696969!important;
    border:1px solid #696969!important;
    color:white!important;
}

#followupButton, #adviceButton
{
  background-color:#dddddd;
  border: 1px solid #aaaaaa;
  width:100px;
  text-align:center;
}

#followupButton:hover, #adviceButton:hover
{
  background-color:white;
  border: 1px solid #aaaaaa;
  width:100px;
}


/* Styles related to the pagination bar BEGIN */
#advicesPagination
{
    display:block;
    width:100%;
}



.active>.page-link, .page-link.active
{
    background-color:#696969!important;
    border:1px solid #696969!important;
}


.page-link:hover
{
    background-color:#dddddd!important;
    color:#F4F4F4!important;
}


/* Styles related to the pagination bar END */

textarea {
  resize: none;
}

.header {
    background-color: #cccccc;
    border: 1px solid black;
}

.topconseil-logo {
    text-align: left;
    padding-left: 10px;
}

.topconseil-profile {
    text-align: right;
    padding-right: 10px;
}

.footer {
    text-align: right;
    background-color: #cccccc;
    border: 1px solid black;
    bottom:0px; 
    position:fixed;
    left:0px; 
    right:0px; 
    overflow:hidden;
    z-index:111;
}

.clear { clear: both; height: 120px; }

.main-card {
    margin-top: 10px;
    border: 1px solid black;

}

.advice-row {
    font-size: smaller;
}

@media (min-width: 768px) {
    .modal-xl {
        width: 90%;
        max-width:1200px;
    }
}

.video {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    opacity: 1;
    width: 500px;
    border: 1px solid #fff;
    overflow: hidden;
}

.roundCorner {
    border-radius: 2px;
    overflow: hidden;
    position: relative;
}

.forgot-password
{
    color:white;
    text-decoration:none;
}

/* Réajustement en mode mobile */
/* Réajustement du menu */
@media screen and (max-width: 992px) {
    #followupList > tbody > tr.bg-white.border-b > th
    {
        font-size:1.2rem!important;
    }
    #followupList > tbody > tr.bg-white.border-b > td
    {
        font-size:1.2rem!important;
    }
    button
    {
        font-size:1.2rem!important;
    }
    #adviceButton, #followupButton
    {
        font-size:1.2rem!important;
        width:140px;
    }
    ul li .page-link
    {
        font-size:1.5rem;
        padding:15px;
    }
    .container
    {
        max-width:100%!important;
    }
    .navbar-nav
    {
       font-size:1.2rem;
    }
    .navbar-collapse
    {
       padding-left:30px;
    }
    .input-group .btn
    {
        margin: 2px 0;
        padding:10px;
    }

    #searchAdvice
    {
        font-size: 1.5rem;
    }

    label
    {
        font-size:1.2rem;
    }

    .btn .btn-secondary
    {
        font-size:1.5rem;
    }
}

 @media screen and (max-height: 750px) {
    .videoVimeo
    {
       max-width:100%;
       height:500px;
    }
}

@media screen and (max-height: 450px) {
    .videoVimeo
    {
       height:300px;
    }
}

@media screen and (max-height: 750px) {
    .container
    {
    margin-bottom:100px;
    }
}