body {

  font-family: 'Arial' !important;

  font-size: 12px !important;  

}



.feather {

  width: 16px;

  height: 16px;

  vertical-align: text-bottom;

}



.caption {

		padding-top: 0.75rem;

    padding-bottom: 0.75rem;

    caption-side: top!important;

    background-color: #2f9a72!important;

    color: white!important;

    text-align: center!important ;

	

}

.dropdown-item {



    font-size: large!important;

}



.plagehoraire {

 border:0px solid #2f9a72 ;

 padding:10px;

 margin:0 0 10px;

 display:block; 

}



.plagehoraire:hover {

 background:#2f9a72 ;

 color:white !important;

 cursor:pointer;

}



/*

 * Sidebar

 */



.sidebar {

  /*position: fixed;*/

  top: 0;

  bottom: 0;

  left: 0;

  z-index: 100; /* Behind the navbar */

  padding: 0;

  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);

}



.sidebar-sticky {

  position: -webkit-sticky;

  position: sticky;

  top: 48px; /* Height of navbar */

  height: calc(100vh - 48px);

  padding-top: .5rem;

  overflow-x: hidden;

  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */

}



.sidebar .nav-link {

  font-weight: 500;

  color: #333;

  font-size: large !important;

}



.sidebar .nav-link .feather {

  margin-right: 4px;

  color: #999;

}





.sidebar .nav-link.active {

  color: white;

  background-color: #2f9a72 !important;

}



.sidebar .nav-link:hover .feather,

.sidebar .nav-link.active .feather {

  color: inherit;

}



.sidebar-heading {

	font-size: large !important;

  text-transform: uppercase;

  color: white !important;

  background-color: #6c757d !important;

  padding: 5px;

  

}



/*

 * Navbar

 */



.navbar-brand {

  /*padding-top: .75rem;*/

  padding-bottom: .75rem;

  font-size: 1rem;

  background-color: #fff; /*rgba(0, 0, 0, .25);

  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);*/

}



.navbar .form-control {

  padding: .75rem 1rem;

  border-width: 0;

  border-radius: 0;

}

.navbar-text {

	font-size: x-large;

	color: #2f9a72;

}



.form-control-dark {

  color: #fff;

  background-color: rgba(255, 255, 255, .1);

  border-color: rgba(255, 255, 255, .1);

}



.form-control-dark:focus {

  border-color: transparent;

  box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);

}



/*

 * search

 */



.ul-search{

    list-style-type: none;

    margin: 0;

    padding: 1em;

    overflow: hidden;

    background-color: ;}



.li-search{

   float: left !important;

    width: 33%;

    align-items: center;

    text-align: center;

}

.legend-search{

  font-size: x-large;

  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;

  color: #fff !important;

  background-color:#2f9a72 !important;

  border-color: #2f9a72 !important;

  padding: 0.25rem ;

  margin-bottom: 0;  

}

.label-search{

  font-size: x-large !important;

}

.grid-search{

  font-size: large !important;

}



.border-search {

	border: 1px solid black !important;

}



.col-form-label {

	font-size: large !important;

	margin-bottom: inherit;

	

	

}

.form-control-plaintext {

	    font-size: medium;

}



.card {

   

    border: 1px solid black !important;

 }



 

    

/*

 * Utilities

 */



.form-line-active input:focus {



border : 4px solid yellow !important;



outline-color : blue !important;



}





.border-top { border-top: 1px solid #e5e5e5; }

.border-bottom { border-bottom: 1px solid #e5e5e5; }





.btn-primary {

  color: #fff !important;

  background-color:#2f9a72 !important;

  border-color: #2f9a72 !important;

}

.btn-outline-primary {

    color: #2f9a72;

    background-color: white;

    background-image: none;

    border-color:#2f9a72 !important;

}

.btn-outline-primary:hover {

    color: #fff;

    background-color: #2f9a72;

    border-color: #2f9a72;

}



.btn {

  font-size: large;

}



.btn-link {

   font-size: large !important;

}    



h1, h2, h3, h4, h5, h6,

.h1, .h2, .h3, .h4, .h5, .h6 {



  color: #2f9a72 !important;

}



.form-control {

	font-size: large;

	border: 1.5px solid black !important;

	height: auto!important;

}



label {

    display: inline-block;

    margin-bottom: .5rem; 

    font-size: large !important;

    color:black !important;



}



body{

  font-family: 'Arial' !important;

  font-size: 12px !important;

}

/*validation color*/

.invalid-feedback {

  font-size: 150% !important;

}

/*override bs4 color */

.page-link {

  color: #2f9a72 !important;

}



.page-item.active .page-link {

  background-color: #2f9a72 !important;

  border-color: #2f9a72 !important;

	color: white!important;

}



.buttons-html5 {

  background-color: #2f9a72 !important;

  border-color: white !important;

	color: white!important;

	margin-right: 20px !important;

} 

.buttons-print{

  background-color: #2f9a72 !important;

  border-color: white !important;

	color: white!important;

	margin-right: 20px !important;

} 

.buttons-mail{

  background-color: #2f9a72 !important;

  border-color: white !important;

	color: white!important;

	margin-right: 20px !important;

} 

.dataTable{

	font-size: large !important;

}