/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Nov 23, 2020, 12:31:15 AM
    Author     : Zeus
*/

#header{   
    height:auto;     
    z-index: 100;    
}

/* ------------------ */

#wrap-top-menubar-header{
    background-color: #dfdddd; 
}

#top-menubar-header{    
    width: 80%; 
    height: 30px;   
    
    color:  #61784b;     
}
#top-menubar-header a{   
    color: #f5f4f4; 
}

#wrap-menubar-header{  
    
}

#menubar-header{       
    width: 80%;
    height: 80px;  
}

/* -------------- */

#sub-header{  
    width: 100%;
    height: 80px;      
    background-color: white ; 
}

#sub-menubar-header{
    width: 80%;
    height: 80px;        
    background: white ;  
}

/* -------------------- */

.font-text-header-icon{
    font-family: Arial,Helvetica,sans-serif;   
    font-weight: normal;
    color:  #9a1111;   
}

/*----- form- search ---*/

#id-modal-text-view{
   margin-top: 200px;
}

/*-silde pictures header- */

#slide-main-picture{
    width: 97%;
    box-shadow: 5px 5px 5px  #999999;
    
}
#img-background{
    background-color: white; 
}

#slides-sub-pictures{
    display: none;
}

#lich-kham-header{
   width: 97%;
   box-shadow: 5px 5px 5px  #999999;
}

#text-infor-phongkham{
    width: 97%;
    box-shadow: 5px 5px 5px  #999999;
}









/* ================ main-content===================== */


#main{
    margin-top: 0px;
    background-color: #f9f7f7 ;  
}
#main a{
    color: #000000;
}
#main .card-header{
    background-color: #ecebeb; 
}

.main-font-title{  
   font-weight: 600;
   color: black;     
}
.main-font{  
   font-weight: normal;
   color: black;     
}

/* ---------- */

#main-content{
    width: 80%; 
    margin-bottom: 20px; 
}

#tintuc, #sub-news, #lich-kham{
    width: 33%;
    height: auto;
    background-color:white; 
    
    border-left: 1px solid  #f5f4f4;
    box-shadow: 4px 4px 4px  #999999;
}

/* ---------- */

#sub-content{   
    width: 80%; 
    margin-bottom: 20px; 
}

#chuyennganh{
    width: 33%;   
    background-color: white;  
    
    border-left: 1px solid  #f5f4f4;
    box-shadow: 4px 4px 4px  #999999;
}

#sub-news-content{ 
    background-color: white;    
    box-shadow: 4px 4px 4px  #999999;
}

/* ---------- */

#sub-main-content{
    width: 80%;  
    margin-bottom: 20px; 
}

#ytecongcong, #chuyennganhkhac, #thuoc-bietduoc{
    width: 33%;
    height: auto;
    background-color: white; 
    
    border-left: 1px solid  #f5f4f4;
    box-shadow: 4px 4px 4px  #999999;
}

#example_video_1, #example_video_2{
    margin-right: 1px;
}



/* =========== List bai viet by chuyen de ======== */

#title-list-baiviet-by-chuyende{
    text-decoration: underline;    
    
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: black;   

    display: block;
    margin-top: 20px; 
    margin-bottom: 20px;
}

.font-title-list-baiviet-by-chuyende{
    font-family: Arial,Helvetica,sans-serif;   
    font-weight: 600;
    color: black;   
}
.font-tomtat-list-baiviet-by-chuyende{
    font-family: Arial,Helvetica,sans-serif;   
    font-weight: normal;
    color: black;   
}


/* ======== lien he ============ */

#lienhe{
    padding-top: 20px;
}
.font-title-lienhe{
    font-family: Arial,Helvetica,sans-serif;   
    font-weight: 600;
    color: black;    
}
.font-lienhe{
    font-family: Arial,Helvetica,sans-serif;  
    font-weight: normal;
    color: black;   
}


/* ========== footer =========== */

#block-footer{   
    height: auto;
    margin-top: 2px;    
    
}

#main-footer{
    padding: 10px 20px 10px 20px;
    background-color: #e7e5e7;     
   
}
.box-footer{
    border-right: 1px solid whitesmoke;    
    padding-left: 50px;
}  
#main-footer a{
    color: black;
    text-decoration: none;
}

.font-title-footer{
   font-family: Arial,Helvetica,sans-serif; 
   font-weight: 600; 
}
.font-footer{
   font-family: Arial,Helvetica,sans-serif;   
   font-weight: normal;  
}