/* --------------------- Tab các menu Danh mục, tài nguyên, công cụ, chia sẻ -----------------------*/
ul#tabs {
  list-style-type: none;
  margin: 0px -15px 0px -15px;
  padding: 0;
  }
  ul#tabs > li > a { color:White;}
  ul#tabs > li {
    display: inline-block !important;
    cursor: pointer;
    color:blue;
}
    ul#tabs li:hover {
      color: #f36d23;
      }
    ul#tabs li.active {
      color: #f36d23;
      }
      ul#tabs li.active a{ color:#f36d23;}

ul#tab {
  list-style-type: none;
 }
  
  ul#tab > li {
    display: none;
    padding: 0px;
    }
    ul#tab li.active {
      display: block; }
      
      
/*---------------------- Tab ---------------------------*/
ul#tabs-menu-data {
  list-style-type: none;
  margin: 10px 0 0 0;
  padding: 0;
  }
  ul#tabs-menu-data > li > a { color:White;}
  ul#tabs-menu-data > li {
    display: inline-block !important;
    background-color: #ccdbf1;
    /* border-bottom: solid 5px #035C9E; */
    padding: 6px 10px;
    margin-right: -2px;
    color: #4a4a4a;
    cursor: pointer;
    border-top-right-radius: 10px;/* from vector shape */
    border-top-left-radius: 10px;
    -moz-border-top-right-radius: 10px;/* from vector shape */
    -moz-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;/* from vector shape */
    -webkit-border-top-left-radius: 10px;
    font-size: 14px;
}
    ul#tabs-menu-data li:hover {
      background-color: #EAEAEA;
      color: #214E6F;
      }
    ul#tabs-menu-data li.active1 {
      background-color: #F3F3F3;
      color: red;
      font-weight: 600;
      }
      ul#tabs-menu-data li.active1 a{ color:red;}

ul#tab-menu-data {
  list-style-type: none;
 }
  
  ul#tab-menu-data > li {
    display: none;
    padding: 0px;
    border: solid 0px #d2f4e9;
    }
    ul#tab-menu-data li.active1 {
      display: block; }
                 


/*---------------- tabs 2 chi tiết trong tab Danh mục ---------------------------*/
.tabs_book ul {
  list-style-type: none;
  /* margin: 10px 0 0 0; */
  padding: 0;
  }
  .tabs_book li a { color:#5f5f5f;}
  .tabs_book li {
     display: inline-block !important;
     background-color: #caeccf;
     padding: 4px 8px;
     margin-right: -2px;
     color: #c40909;
     cursor: pointer;
     border-top-right-radius: 10px;/* from vector shape */
     border-top-left-radius: 10px;
     -moz-border-top-right-radius: 10px;/* from vector shape */
     -moz-border-top-left-radius: 10px;
     -webkit-border-top-right-radius: 10px;/* from vector shape */
     -webkit-border-top-left-radius: 10px;
}
    .tabs_book li:hover {
       background-color: #f7eabe;

      }
    .tabs_book li.active2 {
      background-color: #f9efcd;
      color: #ff0000;
      font-weight: 500;
      }
      .tabs_book li.active2 a{  color:red;}

.tab_book ul {
  list-style-type: none;
 }
  
  .tab_book > li {
    display: none;
    padding: 0px;
    border: solid 0px #d2f4e9;
    }
    .tab_book li.active2 {
      display: block; }



/*--------------------------- book session---------------------------------- */

.tabs_book_session ul {
  list-style-type: none;
  margin: 0px 0 0 0;
  padding: 0;
  }
  .tabs_book_session li a { color:White;}
  .tabs_book_session li {
     display: inline-block !important;
     background-color: #4eb597;
     /* border-bottom: solid 5px #035C9E; */
     padding: 4px 8px;
     margin-right: -2px;
     color: #fff;
     cursor: pointer;
     border-top-right-radius: 10px;/* from vector shape */
     border-top-left-radius: 10px;
     -moz-border-top-right-radius: 10px;/* from vector shape */
     -moz-border-top-left-radius: 10px;
     -webkit-border-top-right-radius: 10px;/* from vector shape */
     -webkit-border-top-left-radius: 10px;
}
    .tabs_book_session li:hover {
       background-color: #EAEAEA;
       color: #214E6F;
      }
    .tabs_book_session li.active3 {
      background-color: #F3F3F3;
      color: red;
      font-weight: 500;
      }
      .tabs_book_session li.active3 a{  color:red;}

.tab_book ul {
  list-style-type: none;
 }
  
  .tab_book > li {
    display: none;
    padding: 0px;
    border: solid 0px #d2f4e9;
    }
    .tab_book li.active3 {
      display: block; }


.tabs_book_session-dropdown
{

}
.tabs_book_session-dropdown select
{
  background-color: #4eb597;
  color:white;
  border:0px solid red;
  height:30px;
  font-size:15px;
  border-radius: 2px;
}


/*---------------- tabs 4 edit book  ---------------------------*/
.containter_editbook
{
    float:left;
    width:100%;
    height: 360px;
    overflow:auto;
    padding-top:10px;
}
ul#tabs_editbook {
  list-style-type: none;
  margin: -15px -15px 0px -15px;
  padding: 0;
  }
  ul#tabs_editbook > li > a { color:White;}
  ul#tabs_editbook > li {
    display: inline-block !important;
     background-color: #4eb597;
     /* border-bottom: solid 5px #035C9E; */
     padding: 4px 4px;
     margin-right: 1px;
     color: #fff;
     cursor: pointer;
     border-top-right-radius: 10px;/* from vector shape */
     border-top-left-radius: 10px;
     -moz-border-top-right-radius: 10px;/* from vector shape */
     -moz-border-top-left-radius: 10px;
     -webkit-border-top-right-radius: 10px;/* from vector shape */
     -webkit-border-top-left-radius: 10px;
}
    ul#tabs_editbook li:hover {
       background-color: #EAEAEA;
       color: #214E6F;
      }
    ul#tabs_editbook li.active4 {
      background-color: #F3F3F3;
      color: red;
      font-weight: 500;
      }
      ul#tabs_editbook li.active4 a{ color:red;}

ul#tab_editbook {
  list-style-type: none;
 }
  
  ul#tab_editbook > li {    
    padding: 0px;
    border: solid 0px #d2f4e9;    
    }
    ul#tab_editbook li.active4 
    {
        display:block!important;
      }
     
    ul#tab_editbook li.inactive4 
    {
        display:none;
      }


/*---------------- tabs 5 book info  ---------------------------*/
.containter_bookinfo
{
    float:left;
    width:100%;
    height:505px;
    overflow:auto;    
    padding-top:10px;
}
ul#tabs_bookinfo {
  list-style-type: none;
  margin: -15px -15px 0px -15px;
  padding: 0;
  }
  ul#tabs_bookinfo > li > a { color:White;}
  ul#tabs_bookinfo > li {
    display: inline-block !important;
     background-color: #4eb597;
     /* border-bottom: solid 5px #035C9E; */
     padding: 4px 4px;
     margin-right: 1px;
     color: #fff;
     cursor: pointer;
     border-top-right-radius: 10px;/* from vector shape */
     border-top-left-radius: 10px;
     -moz-border-top-right-radius: 10px;/* from vector shape */
     -moz-border-top-left-radius: 10px;
     -webkit-border-top-right-radius: 10px;/* from vector shape */
     -webkit-border-top-left-radius: 10px;
}
    ul#tabs_bookinfo li:hover {
       background-color: #EAEAEA;
       color: #214E6F;
      }
    ul#tabs_bookinfo li.active5 {
      background-color: #F3F3F3;
      color: red;
      font-weight: 500;
      }
      ul#tabs_bookinfo li.active5 a{ color:red;}

ul#tab_bookinfo {
  list-style-type: none;
 }
  
  ul#tab_bookinfo > li {
    display: none;
    padding: 0px;
    border: solid 0px #d2f4e9;
    }
    ul#tab_bookinfo li.active5 {
      display: block; }





/*---------------- tabs 6 edit note  ---------------------------*/
.containter_editnote
{
    float:left;
    width:100%;
    height:370px;
    overflow:auto;    
    padding-top:10px;
}
ul#tabs_editnote {
  list-style-type: none;
  margin: -15px -15px 0px -15px;
  padding: 0;
  }
  ul#tabs_editnote > li > a { color:White;}
  ul#tabs_editnote > li {
    display: inline-block !important;
     background-color: #4eb597;
     /* border-bottom: solid 5px #035C9E; */
     padding: 4px 4px;
     margin-right: 1px;
     color: #fff;
     cursor: pointer;
     border-top-right-radius: 10px;/* from vector shape */
     border-top-left-radius: 10px;
     -moz-border-top-right-radius: 10px;/* from vector shape */
     -moz-border-top-left-radius: 10px;
     -webkit-border-top-right-radius: 10px;/* from vector shape */
     -webkit-border-top-left-radius: 10px;
}
    ul#tabs_editnote li:hover {
       background-color: #EAEAEA;
       color: #214E6F;
      }
    ul#tabs_editnote li.active6 {
      background-color: #F3F3F3;
      color: red;
      font-weight: 500;
      }
      ul#tabs_editnote li.active6 a{ color:red;}

ul#tab_editnote {
  list-style-type: none;
 }
  
  ul#tab_editnote > li {
    display: none;
    padding: 0px;
    border: solid 0px #d2f4e9;
    }
    ul#tab_editnote li.active6 {
      display: block; }





/*---------------- tabs 6 edit note  ---------------------------*/
.containter_bookcateinfo
{
    float:left;
    width:100%;
    height:480px;
    overflow:auto;    
    padding-top:10px;
}
ul#tabs_bookcateinfo {
  list-style-type: none;
  margin: -15px -15px 0px -15px;
  padding: 0;
  }
  ul#tabs_bookcateinfo > li > a { color:White;}
  ul#tabs_bookcateinfo > li {
    display: inline-block !important;
     background-color: #4eb597;
     /* border-bottom: solid 5px #035C9E; */
     padding: 4px 4px;
     margin-right: 1px;
     color: #fff;
     cursor: pointer;
     border-top-right-radius: 10px;/* from vector shape */
     border-top-left-radius: 10px;
     -moz-border-top-right-radius: 10px;/* from vector shape */
     -moz-border-top-left-radius: 10px;
     -webkit-border-top-right-radius: 10px;/* from vector shape */
     -webkit-border-top-left-radius: 10px;
}
    ul#tabs_bookcateinfo li:hover {
       background-color: #EAEAEA;
       color: #214E6F;
      }
    ul#tabs_bookcateinfo li.active7 {
      background-color: #F3F3F3;
      color: red;
      font-weight: 500;
      }
      ul#tabs_bookcateinfo li.active7 a{ color:red;}

ul#tab_bookcateinfo {
  list-style-type: none;
 }
  
  ul#tab_bookcateinfo > li {
    display: none;
    padding: 0px;
    border: solid 0px #d2f4e9;
    }
    ul#tab_bookcateinfo li.active7 {
      display: block; }