/* rootian Tab default css - ���� css */

.rootianTab {
   display: flex;
   align-items: flex-end;
   justify-content: flex-start;
   
   position: relative;
   overflow-x: hidden;
   overflow-y: hidden;
}

.rootianTabItem {
   position: relative;
   height: 100%;
   
   display: flex;
   align-items: center;
   justify-content: center;

   max-width: 200px;
   min-width: 70px;
   
   margin-left: 5px;
   padding: 0px 20px;

   background-color: #f1f1f1;
   border: 1px #C9CBCD solid;
   border-bottom: hidden;

   overflow: hidden;
   text-align: center;
   
   color : #999999;
}
/* .rootianTabItem:hover { */
/*    padding: 0px 25px 0px 15px; */
/* } */
.rootianTabItem .label {
   cursor: pointer;
}
.rootianTabItem .closeBtn {
   position: absolute;
   top: 0px;
   right: 0px;
   bottom: 0px;
   
   border: none;
   
   margin: 3px;
   padding: 0px;
   
   width: 20px;
   
   color: #576373;
   
   display: none;
   background-color: #fff5;
   cursor: pointer;
}

.rootianTabItem:hover .closeBtn {
   display: inline;
}

.rootianTabItem.select {
   background-color: #FFF;
   color: #576373;
   font-weight: bold;
   
   border: 1px #C9CBCD solid;
   border-top: solid 2px #80BC50;
   border-bottom: none;
   z-index: 10;
}

.rootianTabUnderLine {
   background: #C9CBCD;
   height: 1px;
   position: absolute;
   bottom: 0px;
   left: 0px;
   right: 0px;
   z-index: 1;
}

.rootianTabUnderLine.left {
   left: 0px;
}
.rootianTabUnderLine.right {
   right: 0px;
}