body,html {
	margin: 0px!important ;
	padding: 0px!important;
 
}

table {
	width: 100%;
}
/*
tr,th{
	border-bottom: 1px solid black ;
}
*/
.noborder{
  border:0 !important;
}
.liste {
	margin-left: 10px!important ;
	margin-right: 10px!important ; 
}
.btnAdd {
	vertical-align: middle;
	margin-right: 5px;
}
.btnAdd:hover {
	color: #16A085 ;
	cursor: pointer;
}

.btn-spacing {
    margin-right: 6px;
}

.btnNavBar {
	font-size: 20pt ;
}

.btnAttr:hover {
	animation: bobble 1s infinite;
}
.header{
    position:sticky !important;
    top: 50px ;
    z-index:300;
}
.scrollBarBox {
 	height: 300px;
 	background: whitesmoke;
 	overflow: scroll;
 	max-height: 600px;
 	padding-left: 5px;
}

.scrollBarBox::-webkit-scrollbar {
    width: 1em;
}
 
.scrollBarBox::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
}
 
.scrollBarBox::-webkit-scrollbar-thumb {
  background-color: darkgrey;
}

label.radio:hover {
	cursor: pointer;
}
.rechercheMinilist{
	color : white!important ;
}
.rechercheMinilist::-webkit-input-placeholder {
	color: rgba(255,255,255,0.7);
}
.disableBtn {
	border: 2px solid transparent ;
}
.disableBtn:hover {
	cursor: pointer;
}
.btnShort {
	width: 150px!important;
}

.form50{
    width:50% !important;
}

.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0.0; }
}
.red{
    color:red;
}
.error{
	color:red;
}
.warning{
	color:orange;
}
.success{
  color:green !important;
}

.printonly{
    display:none !important;
}



.printonly{
        display:none;
    }


.onglet{ /* afficher les onglets (Rém n'aime pas)*/
    /*
    border-color: #e9ecef #e9ecef #dee2e6 !important;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    margin-bottom: -1px;
    color:#6C757D;
    */
    
}
.nav-tabs li :hover{
    /*color:#6C757D;
    color:black;*/
}

img { 
  border:0 
}
.clearfix { 
  clear:both; 
}
.container { 
  margin: 20px auto; 
  padding: 0 0px; 
  width: 85%; 
  
}





@media print{

    .noprint { 
        display:none;  
    }
    .page-break { 
        display: block; 
        page-break-before: always; 
    }
    .container{ 
        font-size:11px;
        margin: 35px!important ;
        padding: 10px!important; 

        background-color: grey;
    }
    .listepresence td { 
        height:40px;
        
    }

    .basdepage {
        color:grey;
        font-size: 10px;
        font-family: Arial;
        position: fixed;
        height: 50px;
        width: 100%;
        bottom: 0px;
        text-align: center;
    }
    .footer {
        position: fixed;
        height: 20px;
        width: 100%;
        bottom: 0px;
        background-color: red;
        text-align:right; 
    }
    .header {
        position: fixed;
        height: 20px;
        width: 100%;
        top: 0px;

        text-align:left; 
    }
    .page{
        margin:10px;
        margin-bottom:2cm !important;
        font-size:12px;
    }
    .printonly{

        font-size:10px;
        display:block !important;
    }
    .noprint{
        display:none;
        text-align: right !important;
    }


}





/* AMELIORATION DES CHECKBOX */
.checkbox-checklist2 label {
  font-weight: normal;
}
.checkbox-checklist2 label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox-checklist2 .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.radio .cr {
    border-radius: 50%;
}

.checkbox-checklist2 .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox-checklist2 label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox-checklist2 label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    
    opacity: 0;
    
}

.checkbox-checklist2 label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    
    opacity: 1;
}

.checkbox-checklist2 label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}
/* AMELIORATION DES CHECKBOX */


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


.bg-vert {
  background-color: #dff0d8 !important;
}
.bg-rouge {
  background-color: #f2dede !important;
}
.bg-jaune {
  background-color: #fcf8e3 !important;
}

.bg-bleu{
  background-color: #d9edf7 !important;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgb(255, 255, 255);
}
/*
details {
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.15s background linear;
}

details:hover,
details:focus {
  background: #d4d1ec;
}

*/

/* tiles */
.tile {  
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    background: #fff;       
    padding: 20px;
    margin-bottom: 30px;
    transition: transform .3s;

} 
.tile_anchor {  
    
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    background: #fff;       
    padding: 20px;
    margin-bottom: 30px;
    transition: transform .3s;

} 

.tile:hover{
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1); 
}

.btn-circle.btn-sm {
            width: 30px;
            height: 30px;
            padding: 6px 0px;
            border-radius: 15px;
            font-size: 8px;
            text-align: center;
        }
        .btn-circle.btn-md {
            width: 50px;
            height: 50px;
            padding: 7px 10px;
            border-radius: 25px;
            font-size: 10px;
            text-align: center;
        }
        .btn-circle.btn-xl {
            width: 70px;
            height: 70px;
            padding: 10px 16px;
            border-radius: 35px;
            font-size: 12px;
            text-align: center;
        }


        /* SPIN1 */
        @keyframes spinner {
            0% {
              transform: translate3d(-50%, -50%, 0) rotate(0deg);
            }
            100% {
              transform: translate3d(-50%, -50%, 0) rotate(360deg);
            }
        }
        .spin::before {
            animation: 1.5s linear infinite spinner;
            animation-play-state: inherit;
            border: solid 5px #cfd0d1;
            border-bottom-color: #1c87c9;
            border-radius: 50%;
            content: "";
            height: 40px;
            width: 40px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate3d(-50%, -50%, 0);
            will-change: transform;
        }
        /* SPIN2 */
        .lds-ring {
            top: 50%;
            left: 50%;
            position: relative;
            width: 80px;
            height: 80px;
        }
        .lds-ring div {
            box-sizing: border-box;
            position: absolute;
            width: 64px;
            height: 64px;
            border: 8px solid #1c87c9;
            border-radius: 50%;
            animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
            border-color: #1c87c9 transparent transparent transparent;
        }
        .lds-ring div:nth-child(1) {
            animation-delay: -0.45s;
        }
        .lds-ring div:nth-child(2) {
            animation-delay: -0.3s;
        }
        .lds-ring div:nth-child(3) {
            animation-delay: -0.15s;
        }
        @keyframes lds-ring {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }