/* ideal.css by Ideal Conception for Webolabo*/

/* Padding body pour la top menu fixes */
body {/*padding-top: 40px;*/ padding-top: 71px;}


/* tableau admin */
.patients_results {border-bottom: 5px solid #FDA029;}
.doctor_results {border-bottom: 5px solid #4B85B2;}
.date_results {border-bottom: 5px solid #96D00F;}

.outils_results {width: 40px; border-bottom: 5px solid #000000 ;}

h3 {padding-left:40px; background: url(../img/microscope_icon.png) no-repeat left center; color: #0689BC;}

.table-bordered {box-shadow:0 0 11px #DDDDDD; transition: all 0.5s;}

.table-bordered:hover {box-shadow:0 0 11px #D3D3D3;}

/*sidebar */
.nav > li > a {transition: all 0.8s;}


.nav-list>.active>a, .nav-list>.active>a:hover, .nav-list>.active>a:focus {/*background:#181818;*/}

/*tableau*/
.table-hover tbody tr > td, .table-hover tbody tr > th {transition: all 0.8s;}

.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th {
   /* background-color: #D8D8D8;
   border-left-color: #FBEED5;*/
   color: #C09853;
   background-color:#FCF8E3;
   text-shadow: 0 1px 0 rgba(255, 255, 255, 1);

}


/* sidebar*/
.bs-docs-sidenav {box-shadow: 0 0 11px #DDDDDD;}


/*select nombre pages*/
.smallCombobox{
    width: 61px !important;
}
.selectpages {margin-top: 61px !important; padding-right: 5px !important; float:right!important;}

/* licence */

.alerteverte{font-weight:bold; color:green;  background: url("../img/paye.png") no-repeat left center transparent; width:250px;}
.alerteorange {font-weight:bold; background: orange;color: white; border-radius:8px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}
.alerterouge {font-weight:bold;background: #DA4E49;color: white; padding:5px; border-radius: 8px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}



@page {  margin: 1cm }


/*message d'erreur*/
.error-message { font-weight:bold; color:#FF0000;}

/*utilisateur bloqué*/

.user_lock {background: #ffcccc !important;}

/* Animation Shake exemple numéro de fichiers bloqués dans sidebar*/
@keyframes shake{
0% { transform: translate(0px); }
	17% { transform: translate(5px); }
	34% { transform: translate(-5px); }
	51% { transform: translate(3px); }
	68% { transform: translate(-3px); }
	85% { transform: translate(2px); }
	100% { transform: translate(0px); }
}

@-moz-keyframes shake{
0% { -moz-transform: translate(0px); }
	17% { -moz-transform: translate(5px); }
	34% { -moz-transform: translate(-5px); }
	51% { -moz-transform: translate(3px); }
	68% { -moz-transform: translate(-3px); }
	85% { -moz-transform: translate(2px); }
	100% { -moz-transform: translate(0px); }
}
/*
@-webkit-keyframes shake {
0% { -webkit-transform: translate(2px, 0px) rotate(0deg); }
10% { -webkit-transform: translate(-1px, 0px) rotate(0deg); }
20% { -webkit-transform: translate(-3px, 0px) rotate(0deg); }
30% { -webkit-transform: translate(0px, 0px) rotate(0deg); }
40% { -webkit-transform: translate(1px, 0px) rotate(0deg); }
50% { -webkit-transform: translate(-1px, 0px) rotate(0deg); }
60% { -webkit-transform: translate(-3px, 0px) rotate(0deg); }
70% { -webkit-transform: translate(2px, 0px) rotate(0deg); }
80% { -webkit-transform: translate(-1px, 0px) rotate(0deg); }
90% { -webkit-transform: translate(0px, 0px) rotate(0deg); }
100% { -webkit-transform: translate(0px, 0px) rotate(0deg); }
*/
@-webkit-keyframes shake {
0% { -webkit-transform: translate(0px); }
	17% { -webkit-transform: translate(5px); }
	34% { -webkit-transform: translate(-5px); }
	51% { -webkit-transform: translate(3px); }
	68% { -webkit-transform: translate(-3px); }
	85% { -webkit-transform: translate(2px); }
	100% { -webkit-transform: translate(0px); }
	
}

.shake:hover,
.shake:focus{
display:inline-block;
background:red;
margin-left:5px;
}
.shake
{
background:red;
margin-left:5px;
animation-name: shake;
animation-duration: 0.6s;
transform-origin:50% 50%;
animation-iteration-count: infinite;
animation-timing-function: linear;

-moz-animation-name: shake;
-moz-animation-duration: 0.6s;
-moz-transform-origin:50% 50%;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;

-webkit-animation-name: shake;
-webkit-animation-duration: 0.6s;
-webkit-transform-origin:50% 50%;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;

}

/*Scroll to top*/
.scrollToTop { background: rgba(0,0,0,0.6); 
border-radius:8px; 
transition: background 0.5s; 
padding: 12px;
margin-right:7px;
margin-left: 7px;
/*version2*/
bottom: 5px;
  position: fixed;
    right: 5px;
    z-index: 2000;
	display:none;
	cursor:pointer;

}
.scrollToTop img {}

.scrollToTop:hover { background:rgba(13, 155, 206, 0.8); box-shadow:0 0 11px #D3D3D3;}

/* ajax loading */
.modal-loading {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../img/ajax-loader.gif') 
                50% 50% 
                no-repeat;
}  

/* drapeaux */
div.mod-languages ul {
	margin: 0;
	padding: 0;
	list-style:none;
}
div.mod-languages li {
	margin-left: 0px;
	margin-right: 4px;
}

div.mod-languages ul.lang-inline li {
	display:inline;
}

div.mod-languages ul.lang-block li {
	display:block;
}

div.mod-languages img {
	border:none;
}

div.mod-languages a {
	text-decoration: none;
}

.lang-active img {
	box-shadow:0 0 11px 2px #999999;
}


.mod-languages{
	display: inline;
}

.lang-inline{
	display: inline;
}

.language-menu {
	padding: 10px;
}




/* commentaires*/
.whiteLink{
	color: white;
}
/*
.message_analyse{
	width: 150px;
	text-align: center;
}*/

.popover-title{
	background-image: none;
}
.editable-input{
	display: block!important;
}
.editable-buttons{
	padding-top: 5px;
	margin-left: 0px!important;
}

.commentaire-textarea {
  	width: 260px;
	height: 100px
}

.comments {font-size: 12px;color: #777777; border-bottom:0px !important;}

.VuePars {font-size: 11px;color: #777777; font-weight:bold;}

.editable-empty {color: #0088CC !important;}


/* fixation de la barre noire en haut */
.webotopbar {/*position:relative;
   margin-left: -20px;
    margin-right: -20px;
    margin-top: -40px;*/
box-shadow: 0 0 11px #000;}

/* FIN commentaires*/




/* les hint au ajout des patients, médecins, organismes, gardes ...*/

.hint_webolabo {
	background: url(../img/hint_16.png) no-repeat left center; 
	color: #aeaeae; 
	font-size: 80%;
	padding-left: 18px;
	padding-top: 3px;
}


/*Media Print
.forprint { display:none;}
@media print {
  a[href]:after {content: none !important; }
  .forprint { display:block !important;font-size:50%;} 
}*/

/* icons */

/* sidebar icons*/
.bs-docs-sidenav .fa {color:#000; }
.bs-docs-sidenav .fa-chevron-right {
    float: right;
    margin-right: -6px;
    margin-top: 2px;
    opacity: 0.25;
	color:#000;
}
.bs-docs-sidenav:hover .fa-chevron-right:hover {
       opacity: 0.5;
}
/* couleurs */

.icored {color: #da4e49 !important;}
.icored:hover {color:#F00 !important;}

/* li active*/
li.active .fa {color:#fff !important;}

















































/* affix annulé pour les portables */
/* Tablet
------------------------- */
/*Galaxy 4*/
@media screen and (device-aspect-ratio: 9/16) and (-webkit-min-device-pixel-ratio: 3) and (max-device-width:1920px)  {
  .navbar-fixed-top, .navbar-fixed-bottom {position: static !important; width:100%!important;}
  .affix {position: static !important; padding-bottom: 8px !important; width:100%!important;}
}
/*Galaxy 4
@media screen (max-device-width:1920px) {
  .navbar-fixed-top, .navbar-fixed-bottom {position: static !important;}
  .affix {position: static !important; padding-bottom: 8px !important; width:100%!important;}
}
*/

/* Samsung Galaxy S4 Landscape */
@media screen 
(-webkit-min-device-pixel-ratio: 1.5), 
(min-resolution: 144dpi)
and (device-width: 1920px)
and (orientation: landscape){ 
   .navbar-fixed-top, .navbar-fixed-bottom {position: static !important; width:100%!important;}
  .affix {position: static !important; padding-bottom: 8px !important; width:100%!important;}
}
    
/* Samsung Galaxy S4 Portrait */    
@media screen 
(-webkit-min-device-pixel-ratio: 1.5), 
(min-resolution: 144dpi)
and (device-width: 1080px)
and (orientation: portrait){ 
  .navbar-fixed-top, .navbar-fixed-bottom {position: static !important; width:100%!important;}
  .affix {position: static !important; padding-bottom: 8px !important; width:100%!important;}
}





@media (max-width: 767px) {
   .navbar-fixed-top, .navbar-fixed-bottom {position: static !important; width:100%!important;}
  .affix {position: static !important; padding-bottom: 8px !important; width:100%!important;}
    
  
}
@media (max-width: 479px) {
  .navbar-fixed-top, .navbar-fixed-bottom {position: static !important; width:100%!important;}
  .affix {position: static !important; padding-bottom: 8px !important; width:100%!important;}
}

@media (max-width: 979px){
   .navbar-fixed-top, .navbar-fixed-bottom {position: static !important; width:100%!important;}
  .affix {position: static !important; padding-bottom: 8px !important; width:100%!important;}
}


/* iphone 5  portrait & landscape*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {  .navbar-fixed-top, .navbar-fixed-bottom {position: static !important; width:100%!important;}
  .affix {position: static !important; padding-bottom: 8px !important; width:100%!important;}
}
 
 
 /*iPhone 2G-4S in portrait & landscape*/ 
 @media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) { .navbar-fixed-top, .navbar-fixed-bottom {position: static !important; width:100%!important;}
  .affix {position: static !important; padding-bottom: 8px !important; width:100%!important;}
}  


.display-inline-block{
	display: inline-block!important;
}

.margin-top-none{
	margin-top: 0px!important;
}

ul.typeahead {
	height: 200px;
	overflow-y:scroll!important;
}

.margin-left-none {
	margin-left: 0px!important;
}









/* addons SMS*/
.pays-num-tel{
	width: 30px!important;
	margin-right: 10px;
}

/* rubans rouge */
.ribbon {
  position: absolute;
  right: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon_left {
  left: -5px; top: -5px;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#F70505 0%, #8F0808 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.ribbon_left span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  top: 19px; left: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #8F0808;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #8F0808;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}

/* rubans vert */
.ribbon_vert {
  position: absolute;
  right: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon_vert_left {
  left: -5px; top: -5px;
}

.ribbon_vert span {
font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#9BC90D 0%, #79A70A 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.ribbon_vert_left span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  top: 19px; left: -21px;
}
.ribbon_vert span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #79A70A;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}
.ribbon_vert span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #79A70A;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}


/* bloc SMS sidebar*/
.sms_lic_side {border-radius: 5px; border: 1px solid #e5e5e5; box-shadow: 0px 0px 11px #dddddd; padding: 5px 0px 0px; /*background: #417CA9;*/ background:#3a87ad; color:#fff;}
/*.sms_lic_side::after {
content: "\f003";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
position: absolute;
font-size: 119px;
color: #01485f4d;
top: 53px;
right: 9px;
z-index: 0;
}*/


/* SMS messages bulle page historique sms*/
.sms_msg {background:#3A87AD; border-radius:13px; padding:3px; color: #fff;position: relative; }
.sms_msg:after { content: ''; position: absolute; left: 0; top: 50%; width: 0; height: 0; border: 20px solid transparent; border-right-color: #3A87AD; border-left: 0; border-top: 0; margin-top: -10px; margin-left: -17px;}





/* changement des boutons */
.btn-primary, .smart-style-1 .btn-primary {
  background-color: hsl(201, 100%, 30%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a5ff", endColorstr="#006399");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#00a5ff), to(#006399));
  background-image: -moz-linear-gradient(top, #00a5ff, #006399);
  background-image: -ms-linear-gradient(top, #00a5ff, #006399);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00a5ff), color-stop(100%, #006399));
  background-image: -webkit-linear-gradient(top, #00a5ff, #006399);
  background-image: -o-linear-gradient(top, #00a5ff, #006399);
  background-image: linear-gradient(#00a5ff, #006399);
  border-color: #006399 #006399 hsl(201, 100%, 25%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
  -webkit-font-smoothing: antialiased;
  transition:all 0.3s !important;
}
.btn-success, .smart-style-1 .btn-success {
  background-color: hsl(110, 56%, 30%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4fc638", endColorstr="#2f7721");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#4fc638), to(#2f7721));
  background-image: -moz-linear-gradient(top, #4fc638, #2f7721);
  background-image: -ms-linear-gradient(top, #4fc638, #2f7721);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4fc638), color-stop(100%, #2f7721));
  background-image: -webkit-linear-gradient(top, #4fc638, #2f7721);
  background-image: -o-linear-gradient(top, #4fc638, #2f7721);
  background-image: linear-gradient(#4fc638, #2f7721);
  border-color: #2f7721 #2f7721 hsl(110, 56%, 25%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
  -webkit-font-smoothing: antialiased;
  transition:all 0.3s !important;
}
.btn-danger, .smart-style-1 .btn-danger {
  background-color: hsl(0, 66%, 40%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d73c3c", endColorstr="#a92222");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#d73c3c), to(#a92222));
  background-image: -moz-linear-gradient(top, #d73c3c, #a92222);
  background-image: -ms-linear-gradient(top, #d73c3c, #a92222);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d73c3c), color-stop(100%, #a92222));
  background-image: -webkit-linear-gradient(top, #d73c3c, #a92222);
  background-image: -o-linear-gradient(top, #d73c3c, #a92222);
  background-image: linear-gradient(#d73c3c, #a92222);
  border-color: #a92222 #a92222 hsl(0, 66%, 36.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.23);
  -webkit-font-smoothing: antialiased;
  transition:all 0.3s !important;
}
.btn-light, .btn-default, .smart-style-1 .btn-light, .smart-style-1 .btn-default {
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    border-bottom-color: #b3b3b3;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
  transition:all 0.3s !important;
}
.btn-light:hover, .btn-default:hover {background-position: 0 -5px !important;} 
.smart-style-1 .btn-light:hover,.smart-style-1  .btn-default:hover {background-position: 0 0px !important;} 


.btn-warning {
  background-color: hsl(36, 100%, 51%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffc36b", endColorstr="#ff9b05");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffc36b), to(#ff9b05));
  background-image: -moz-linear-gradient(top, #ffc36b, #ff9b05);
  background-image: -ms-linear-gradient(top, #ffc36b, #ff9b05);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffc36b), color-stop(100%, #ff9b05));
  background-image: -webkit-linear-gradient(top, #ffc36b, #ff9b05);
  background-image: -o-linear-gradient(top, #ffc36b, #ff9b05);
  background-image: linear-gradient(#ffc36b, #ff9b05);
  border-color: #ff9b05 #ff9b05 hsl(36, 100%, 46%);
  color: #fff !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.33);
  -webkit-font-smoothing: antialiased;
  transition:all 0.3s !important;
}
.btn {    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;}
	
.btn:hover {background-position: 0 -15px; box-shadow:0 0 11px #bcbcbc; }