.checkbox{
    width: 1.2rem;
    height: 1.3rem;
    margin: 5px;
    margin-bottom: -20px;
}

.label_image{
    visibility: hidden;
    height: 100px;
    width: 100px;
    position: absolute;
    font-size: 25px;
    color: #fff;
    cursor: pointer;
    opacity: 0;
    transition: .5s;
    padding: 25px;
    border-radius: 50px;
    background-color: rgba(0, 0, 0,.7)
}
.block_avatar_edit{
    position: relative;
    display: flex;   
	align-items: center; 
	justify-content: center; 
    cursor: pointer;
}

.block_avatar_edit:hover .label_image{
    visibility: visible;
    opacity: 1;
}


.btn-round{
    border-radius: 50%;
    height: 40px !important;
    width: 40px !important;
    display: none;   
	align-items: center; 
	justify-content: center; 
    font-size: 20px;
    position: relative;
}

#item_count{
    color: yellow;
    position: absolute;
    top: 7;
    right: 7;
    font-size: 10px;
}
.consultation_note{
    padding: 10px;
    border: 1px solid #e3e3e3;
    margin: 5px;
}


.hospital-tiles .dashboard-card{
    display: flex;
    justify-content: center !important;
    gap: 40px;
    padding-top: 20px;
    text-align: left;

}

.hospital-tiles .dashboard-card img{
    /* border-radius: 50%; */
    height: 30px;
    width: 30px;
}
#logo_preview, #signature_preview{
		border:2px dashed gray;
		height:150px;
		margin-top:5px;
		display: flex;   
		align-items: center; 
		justify-content: center; 
        font-size: 30px;
														
	}



    .modal.second-modal {
  z-index: 1060 !important; /* pi wo pase premye modal */
}

.badge{cursor:pointer !important;}

.badge.active {
  background-color: #1cb493; /* bleu */
  color: white;
  font-weight: bold;
}

.hospital-tiles{
    padding: 2px !important;
    padding-bottom: 5px !important;
    box-shadow: 10px #000;
}
.hospital-tiles img{
    width: 20px;
    height: 20px;
}



.label-group-sm{
    display: flex;
    justify-content: space-between;}

#btn-logout{
    width:100%;
    background:rgba(30, 175, 78,.7);
    border:none;
    padding:5px;
    color:#fff;
}
    .content-wrapper{

       height:100% !important;
       overflow: auto;
       overflow: hidden !important;
    }

    .custom_color_bg{
        background:rgba(30, 175, 78,0.7) !important;
    }

    .container-fluid{
        background:rgb(30, 175, 78);
    }
    .navbar{
        background:rgb(30, 175, 78) !important;
    }
    .header{
        background:rgb(30, 175, 78);
        margin-bottom:0px;
    }
    body{
        background:aliceblue !important; 
    }
    .main-footer{
        position: absolute !important;
        bottom:0 !important; 
        text-align:center;
        margin-bottom:0px;
        width: 100%;
    }
      .main-container{
        /* background-color:#fff !important; */
        padding: 0px 0px 0px 0px;
        overflow:auto;
        margin-top:0px;
      }
      .navbar{
       margin:0px 0px 0px 0px;
      }


      .message{
        margin-left: 15%;
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 5px;
        transition: 3s;
      }
      .count-notif{
        font-weight: bold;
        color:yellow;
        margin-left:-6px;
    }

    .card-doctor-list .user-card{
        min-height: 350px;
        margin-top:15px;
    }
    .doctor-list{   
        margin-left: 5px;
        margin-right: 5px;
    }
    .user-img{
        border:1px solid cornflowerblue;
    }
    .form-group-edit{
        border-top: 1px solid cadetblue;
    }
    .icon-camera{
        font-size: 15px;cursor: pointer;position: relative;
    }
    .input-time {
    border: 1px solid #cddcea;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 0.825rem;
    padding: 5px;
    }
    .input-time:focus {
    border-color: #66a3ff;
    box-shadow: none;
    }
    .icon-add{
        cursor: pointer;
    }
    .timings {
    font-size: 0.75rem;
    color: #13a98c;
}

.msg-erreur{
    color: red;
}


.msg img{
        height: 50px;
        width: 50px;
        border-radius: 50%;
    }
   
    .chat-container{
        /* display: flex;
        flex-direction: column; */
        padding: 10px;
        overflow: hidden;
        overflow-y: auto;
        height:100% !important;
        /* background-image: url('/Views/assets/img/bg_message.jpeg'); */
        background-size: cover;
    }

    .outgoing{
        display: flex;
        align-self: flex-end;
        background: #DCF8C6;
        color: #000;
        padding: 10px;
        border-radius: 20px 20px 0px 20px;
        margin: 5px 0;
        max-width: 60%;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    }
    .outgoing p{
        margin: 5px;
    }


    .incoming{
        display: flex;
        align-self: flex-start;
        background: #FFFFFF;
        color: #000;
        padding: 10px;
        border-radius: 20px 20px 20px 0px;
        margin: 5px 0;
        max-width: 60%;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    }

    .content-wrapper #box{
        min-height:90%;
    }
.form-forum{
    width: 100%;
}

.form-input{
    width: 85%;
    height: 40px;    
}
.btn-forum-group{
    margin-top: 10px;
    display: flex;
}
.form-btn{
    height: 40px;
    border: none;
}

.contenu-msg{
    margin-top: 10px;
}


.timing-message{
    font-style: italic;
    font-size:small;
    margin-left: 15px;
    display: block;
    color: #13a98c;
}


.incoming .nom-forum{
    font-size: 10px;
    margin-bottom: 10px;
}
.msg img{
    margin-right: 5px;
}

.outgoing:hover, .incoming:hover{
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}


.content-notif{
    max-height:300px;
    overflow-y: auto;
}
.required{
    font-weight: bold;
    color: red;
}
.section{
    background-color: rgb(232, 234, 234);
    padding: 10px;
    border-radius: 50px;
}

.btn-pill{
    border-radius: 50px;
}

.img-rendevous{
    width: 100%;
    height: 80%;
    margin-bottom: 2px;
}
.img-rendevous:hover{
    scale: 1.1;
    transition: 1s;
    
}


.valide-email{
    font-size: small;
}


#box{
    display:"none";
}