:root {
    font-size: 16px;
    --main-body-color: #27453A;
    --container-body-color: #EFF1EB;
    --primary-color-one: #F4E9D5;
    --primary-color-two: #B47E2E;
    --primary-color-three: #D2AB6F;
    --primary-color-four: #657966;
    --primary-color-five: #AD6347;
    
    --btn-color-active: #47cf73;
    --btn-color-one: #AD6347;
    --btn-color-two: #4A6D5E;
  }

body {
    background: var(--main-body-color) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body #nav {
    background: rgb(32, 51, 53) !important;
    color: white;
    /* background: repeating-linear-gradient(
        45deg, #222, #222 10px, #333 10px, #333 20px ) !important;
    border-radius: 0.5rem;
    border: 0.25rem solid #bbb ;
    margin: 0 0.1rem; */
}

body #nav .navbar-text {
    font-size: 1.5rem;
    font-weight: bold;
    color: white;
}

body #nav .navbar-brand {
    font-size: 1.5rem;
    font-weight: bold;
    /* color: black; */
}

.mynavbar_custom {
    background-color: var(--container-body-color);
    border-radius: 0.5rem;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
                0 3px 1px -2px rgba(0, 0, 0, 0.2),
                0 1px 5px 0 rgba(0, 0, 0, 0.12);
                /* margin: 1rem 5rem 1rem 5rem; */
                
                /* border: solid !important; */
                /* border: 5px solid blue !important;  */
}

.mynavbar_custom .nav-tabs-cse {
    font-weight: bold;
}
            
.mynavbar_custom .nav-item {
    border-radius: 0.5rem;
    margin: 0.5rem 0.5rem 0.5rem 0.5rem;
    padding: 0 1rem;
    transform: scale(0.9);
    transition: all .3s ease;
}

.mynavbar_custom .nav-item:hover {
    margin: 0rem 1rem 0 1rem;
    transform: scale(1.15);
    transition: all .3s ease;
    z-index: 1;
}

/* #tablists li {
    border: 0.2rem solid black;
    border-radius: 0.5rem;
    margin: 0.5rem 0.5rem 0.5rem 0.5rem;
    
    transform: scale(1);
    transition: all .3s ease;
}

#tablists li:hover {
    background-color:#465298 ;
    margin: 0rem 1rem 0 1rem;
    
    font-weight: bold;
    transform: scale(1.25);
    transition: all .3s ease;
    z-index: 1;
} */

.mynavbar_custom li a {
    background-color: var(--btn-color-two);
    border: 0.2rem solid black !important;
    border-radius: 0.5rem !important;
    font-size: 1.5rem;
    font-weight: bold;
    color: white;
}

.mynavbar_custom li>a.active {
    /* background: repeating-linear-gradient(
                45deg, #222, #222 20px,#333 20px, #333 30px ); */
    background-color: var(--btn-color-active) !important;
    margin: 0.2rem 0.7rem;
    color: black !important;
    font-weight: bold;
    border-radius: 0.5rem;
    transform: scale(1.15);
}

.mynavbar_custom li>a:hover:not(.active) {
    background-color: var(--btn-color-active);
    color: black;
    font-weight: bold;
    border: 0.2rem solid black;
    /* transition: color 1s; */
}

#fulldata {
    background-color: var(--container-body-color);
    margin: 1rem 5rem 1rem 5rem;
    padding: 2rem 0;
    /* border: solid; */
    border-radius: 0.5rem;
}

#fulldata .card {
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56),
                0 4px 25px 0px rgba(0, 0, 0, 0.12),
                0 8px 10px -5px rgba(0, 0, 0, 0.2);
    /* background-color: #AD6347; */
}

/* @media screen and (max-width: 768px) {
    #cse-data-mandat 
    {
        font-size: 0.5rem;
        background-color: darkblue !important;
        border-collapse: collapse !important; 
        display: block;
        width: auto!important;
    }
}

#cse-data-mandat tbody,
#cse-data-mandat thead,
#cse-data-mandat tr,
#cse-data-mandat th,
#cse-data-mandat td
{
    display: block;
    width: auto!important;

    color: red;
    background-color: #465298;

} */

#fulldata .btn-custom {
    background-color: unset;
    border: 0.25rem solid var(--primary-color-four);
    color: black;
}

#fulldata .btn-custom:hover,
.tableshowchange button:hover
{
    background-color: var(--primary-color-four);
    color: white !important;
    transform: scale(1.15);
    transition: all .3s ease;
}

.cse-data-mandat td>a,
.cse-data-commission td>a,
.cse-data-subject td>a
.cse-data-meeting td>a
{
    background-color: unset;
    border: 0.25rem solid var(--primary-color-four);
    color: black;
}

.cse-header-mandat a:nth-child(1),
.cse-header-commission a:nth-child(1),
.cse-header-subject a:nth-child(1),
.cse-header-meeting a:nth-child(1) 
{
    font-size: 1.25rem !important;
    font-weight: bold;
    color: black !important;
    border-radius : 0.5rem;
    margin-right: 1rem;        
}

.cse-header-mandat a ,
.cse-header-commission a,
.cse-header-subject a, 
.cse-header-meeting a 
{
    /* background-color: var(--primary-color-four); */
    border: 0.25rem solid var(--primary-color-four);
    border-radius : 10rem;
    color: black !important;
    margin-right: 1rem;        
}

.cse-header-meetings a 
{
    /* background-color: var(--primary-color-four); */
    border: 0.25rem solid var(--primary-color-four);
    color: black !important;
    margin-right: 1rem;        
}

.tableshowchange {
    margin: 1rem;        
}
.tableshowchange button {
    background-color: var(--primary-color-four);
    color: white !important;
    font-weight: bold;
    margin-right: 0.5rem;        
}

.table-header-custom {
    background-color:  rgb(32, 51, 53) ;
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    color: white;
    /* border: 0.25rem solid  rgb(32, 51, 53); */
    border-radius: 0.5rem;
}
  
/* .cse-header-mandat a:hover ,
.cse-header-commission a:hover,
.cse-header-subject a:hover,
.cse-data-mandate td>a:hover,
.cse-data-commission td>a:hover,
.cse-data-subject td>a:hover,
.tableshowchange button:hover
{
    background-color: var(--primary-color-four);
    color: white !important;
    transform: scale(1.15);
    transition: all .3s ease;
} */

/* 
.fc-col-header-cell-cushion {
    color: white !important;
} */

/* #calendar .fc-daygrid-day {
    color: white !important;
}

.fc-toolbar-title  {
    font-size: 1.25rem !important;
    font-weight: bold;

} */


.fc-header-toolbar, .calendar_custom .fc-header-toolbar {
    align-self: center;
    /* background-color: #AD6347; */
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.fc-toolbar {
    justify-content: space-between !important;
}

/* Small devices (landscape phones, 576px and up) */ 
@media (min-width: 576px) {  
    .fc-toolbar-title { 
        /* background: red !important;  */
        font-size: 1.5vw !important; 
    } 
    .fc-header-toolbar button { 
        /* background-color: blue !important;  */
        font-size: 1.25vw !important 
    } 
    .calendar_custom .fc-toolbar-title { 
        /* background: red !important;  */
        font-size: 0.5vw !important; 
    } 
    
    .calendar_custom .fc-header-toolbar button { 
        /* background-color: blue !important;  */
        font-size: 0.3vw !important 
    } 
    
 } 
 
/* Medium devices (tablets, 768px and up) */ 
@media (min-width: 768px) {  
    .fc-toolbar-title { 
        /* background: orangered !important;  */
        font-size: 1.5vw !important; 
    } 
    .fc-header-toolbar button { 
        /* background-color: chartreuse !important;  */
        font-size: 1vw !important 
    } 

    .calendar_custom .fc-toolbar-title { 
        /* background: orangered !important;  */
        font-size: 0.4vw !important; 
        margin: 0 0.1rem !important;
    } 
    
    .calendar_custom .fc-header-toolbar button { 
        /* background-color: chartreuse !important;  */
        font-size: 0.4vw !important 
    } 
    
 } 
 
 /* Large devices (desktops, 992px and up)   */
@media (min-width: 992px) {  
    .fc-toolbar-title { 
        /* background: greenyellow !important;  */
        font-size: 2vw !important; 
    } 
    .fc-header-toolbar button { 
        /* background-color: yellow !important;  */
        font-size: 1.25vw !important 
    } 

    .calendar_custom .fc-toolbar-title { 
        /* background: brown !important;  */
        font-size: 0.5vw !important; 
        margin: 0 0.25rem !important;
    } 
    
    .calendar_custom .fc-header-toolbar button { 
        /* background-color: cyan !important;  */
        font-size: 0.5vw !important 
    } 
 } 
 
  /* Extra large devices (large desktops, 1200px and up)  */
@media (min-width: 1200px) {  
    .fc-toolbar-title { 
        /* background: brown !important;  */
        font-size: 2vw !important; 
    } 
    .fc-header-toolbar button { 
        /* background-color: rebeccapurple !important;  */
        font-size: 1.25vw !important 
    } 

    .calendar_custom .fc-toolbar-title { 
        /* background: chartreuse !important;  */
        font-size: 0.6vw !important; 
        margin: 0 0.75rem !important;
    } 
    
    .calendar_custom .fc-header-toolbar button { 
        /* background-color: red !important;  */
        font-size: 0.6vw !important 
    } 
 } 


.out-of-range{
    opacity: .4;
}
.out-of-range-before{
    background: repeating-linear-gradient(
        -45deg,
        #606dbc,
        #606dbc 10px,
        #465298 10px,
        #465298 20px
    );
}
.out-of-range-after{
    background: repeating-linear-gradient(
        45deg,
        #606dbc,
        #606dbc 10px,
        #465298 10px,
        #465298 20px
    );
}
.fc-header-left, fc-header-center, fc-header-right {
    width: 100%;
    display: block;
}

/* Meeting Timer Styling */


#meetingtimer {
  align-items: center;
  background-color: white;
  display: flex;
  font-family: -apple-system, 
    BlinkMacSystemFont, 
    "Segoe UI", 
    Roboto, 
    Oxygen-Sans, 
    Ubuntu, 
    Cantarell, 
    "Helvetica Neue", 
    sans-serif;
}

#meetingtimer .container {
  color: #333;
  margin: 0 auto;
  text-align: center;
}

#meetingtimer h1 {
  font-weight: normal;
  letter-spacing: .125rem;
  text-transform: uppercase;
}

#meetingtimer li {
  display: inline-block;
  font-size: 1.5em;
  list-style-type: none;
  padding: 1em;
  text-transform: uppercase;
}

#meetingtimer li span {
  display: block;
  font-size: 4.5rem;
}

#meetingtimer .message {
  font-size: 4rem;
}

#meetingtimer #content {
  display: none;
  padding: 1rem;
}

#meetingtimer #meetingpv {
  padding: 0 .25rem;
  font-size: 1.5rem;

}

@media all and (max-width: 768px) {
  h1 {
    font-size: 1.5rem;
  }
  
  li {
    font-size: 1.125rem;
    padding: .75rem;
  }
  
  li span {
    font-size: 3.375rem;
  }
}
     .footer-custom{
        text-align:center;
        color: white !important;
        
        bottom: 0;
        width:  100%!important;
        background-color: rgb(49, 48, 48);
        padding-top: 25px!important;
        left:0!important;
    }