/* lg-common.css */

/* ---------------------------------------------------------------------------------------------- GENERIC PAGE DESIGN ------------------------- */

html, body {
  height: 100%; 
  margin: 0;
  padding: 0;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh; 
  background-color:whitesmoke;
}

.mg-wrapper {
  flex-grow: 1;
  margin-top: 120px; 
  display: flex;
  flex-direction: column;
}

.mg-wrapper > .mg-center-panel {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  /* align-items: flex-start; */ 
}


/* HEADER MENU */
#menu-header {height:120px;display:flex;flex-direction: column;}
#menu-header .dropdown-toggle::after {
  display: none !important;
}

#menu-header .notification-menu{position:absolute;top:-10px;right:-2px;}
#menu-header .menu-login a.text-small{font-size:0.8em;}
#menu-header .header-logo {height: 50px;width:auto;}


@media (max-width: 992px){
    #menu-header {height:100px}
    #menu-header .header-logo{height:30px;}
    #menu-header #btn-rdv{font-size:0.8em;}
    #menu-header .navbar-collapse {
        position: absolute;
        padding:10px 10px;
        top: 100%;
        right: 0;         
        width: auto;
        min-width:300px;
        background-color:white;
    }
    .mg-wrapper {margin-top:100px;}
}

#header-login {height:40px;background-color:black;color:blue;}
#header-main {background-color:white}
#header-main .dropdown-item:nth-child(odd){background-color: #f2f2f2;}
#header-main .dropdown-item:hover {border-left:3px solid var(--ora-color);} 

.mg-header a {color:#6c757d}
.mg-header a:hover {color:var(--ora-color)!important;}

.link_over:hover{
    border:1px solid lightblue;
    border-radius:5px;
    background-color: rgba(0, 123, 255, 0.1);
    border-left-color: #3b82f6;
    padding:5px;
}

#btn-rdv {display:block;color:white;font-weight:bold;border-radius:5px;padding:5px;background : var(--ora-color);}
#btn-rdv:hover {color:#F0F0F0!important;}


.mg-footer {width: 100%;}
.mg-footer .mg-footer-container{background-color:gainsboro;}
.mg-footer .mg-footer-bottom{background-color:whitesmoke;padding:10px 20px;}
.mg-footer .mg-footer-bottom a{color:darkblue;}
.mg-footer .mg-footer-bottom i{color:black;}

.mg-mt-auto{margin-top: auto;}

.tx-10 {font-size: 10px; }
.tx-12 {font-size: 12px; }
.tx-14 {font-size: 14px; }
.tx-16 {font-size: 16px; }
.tx-20 {font-size: 20px; }
.tx-24 {font-size: 24px; }
.tx-30 {font-size: 30px; }
.tx-32 {font-size: 32px; }


.square-8 {display: inline-block;width: 8px;height: 8px; }
.bg-warning {background-color:#F49917!important}
.bg-success {background-color:#23BF08!important}
.tx-success {color:#23BF08!important}
.tx-warning {color:#F49917!important}
.tx-info {color:#17A2B8!important}
.tx-danger {color:#b51f2e!important}                                  
.tx-primary, .text-primary {color: #0866C6!important; }
a.tx-primary:hover, a.text-primary:hover {color: #064d95 !important; }

.alert-success {color: #1c9806;background-color: #bcfcb1;border-color: #23BF08; }
.alert-info {color: #128294;background-color: #beeff7;border-color: #17A2B8; }
.alert-warning {color: #c47709;background-color: #fce6c6;border-color: #F49917; } 
.alert-bordered.alert-warning {background-color: #fef7ed; }
.alert-danger {color: #b51f2e;background-color: #f7d1d5;border-color: #DC3545; }

.btn-oblong {border-radius: 50px; }
.btn-icon {display: inline-block;padding: 0; }
.btn-icon > div {display: flex;width: 35px;height: 35px;align-items: center;justify-content: center; }

.btn-success {background-color:#28A745!important;}
.btn-success:hover {background-color:#02811F!important;}

.btn-purple {color: #fff;background-color: #6f42c1;border-color: #643ab0; }
.btn-purple:hover {color: #fff;background-color: #5e37a6;border-color: #4e2d89; }
.btn-purple:focus, .btn-purple.focus {box-shadow: 0 0 0 0.2rem rgba(100, 58, 176, 0.5); }
.btn-purple.disabled, .btn-purple:disabled {color: #fff;background-color: #6f42c1;border-color: #643ab0; }
.btn-primary {color: #fff;background-color: #0866C6;border-color: #0866C6; }
.btn-primary:hover {color: #fff;background-color: #0753a1;border-color: #064d95; }
.btn-primary:focus, .btn-primary.focus {box-shadow: 0 0 0 0.2rem rgba(8, 102, 198, 0.5); }
.btn-primary.disabled, .btn-primary:disabled {color: #fff;background-color: #0866C6;border-color: #0866C6; }    
.btn-outline-primary {color: #0866C6;background-color: transparent;background-image: none;border-color: #0866C6; }
.btn-outline-primary:hover {color: #fff;background-color: #0866C6;border-color: #0866C6; }    
.btn-outline-primary.disabled, .btn-outline-primary:disabled {color: #0866C6;background-color: transparent; }
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,.show > .btn-outline-primary.dropdown-toggle {color: #fff;background-color: #0866C6;border-color: #0866C6; }
    
.h-100 {height: 100% !important; }

.parsley-errors-list {color: #DC3545;list-style: none;font-size: 12px;padding: 0;margin-bottom: 0; }
.parsley-errors-list li {margin: 5px 0 0; }


.width-100-lg-auto{width:100%!important;}

/* lg */
@media (max-width: 991.98px) {
    .hidden-md-down {display: none !important; } 
}
@media (min-width: 992px) {
    .hidden-lg-up {display: none !important; }
     .width-100-lg-auto{width:auto!important;} 
     .w-lg-auto{width: auto !important;} 
}  
@media (max-width: 767.98px) {.hidden-sm-down {display: none !important; } }
@media (min-width: 768px) {.hidden-md-up {display: none !important; } }
/* md */
@media (min-width: 768px) {
    .tx-md-18 {font-size: 18px; } 
    .w-md-auto{width: auto !important;}       
}


/* cancel default bootstrap */
a:hover, a:focus  {text-decoration: none; }


/* -------------------------------------------------------------------------------------------- CUSTOM ADDINGS ------------- */

.btn:not(.rounded-circle){padding:10px;}

.btn-with-icon {padding: 0!important;display: inline-block;border-width: 0; }
.btn-with-icon > div {position: relative;display: flex; height: 40px; }
.btn-with-icon > div > span {display: flex;height: 100%;align-items: center;}
.btn-with-icon > div > span.icon {justify-content: center;background-color: rgba(0, 0, 0, 0.2);border-radius: 3px; width:40px;}
.btn-with-icon > div > span.text{padding:5px 15px;}
 

.mg-lead {font-size: 1.09375rem;font-weight: 300; }

.circle-icon{background-color:white;border: 1px solid black;border-radius: 50%;padding:10px;display:inline-flex;align-items:center;justify-content: center;}
.circle-icon.tx-success{border: 2px solid #23BF08;}
.circle-icon.tx-info{border: 2px solid #128294;}
.circle-icon.tx-warning{border: none;}
.circle-icon.tx-danger{border: 2px solid #b51f2e;}
.circle-icon.tx-primary{border: 2px solid #0866C6;}

.modal .circle-icon{width:80px;height:80px;font-size:40px;}
.modal .circle-icon.tx-warning{width:80px;height:80px;font-size:80px;}

.form-control{height: calc(2.6125rem + 2px);}