/* rootian Combo default css - 공통 css */
.rootianCombo {
   display: inline-block;
   
   background-color: #fff;
   
   position: relative;
   border: 1px solid #ced0da;
   border-radius: 4px;
   
   padding: 0px;
   
   font-size: 14px;   
   line-height: 17px;
   cursor: pointer;
}

.rootianCombo .comboLabelArea {
   vertical-align: top;
}

.rootianCombo .comboLabelArea .comboLabel {
   
}

.rootianCombo .comboArea {
   display: flex;
   justify-content: space-between; 
   align-items: center;
   
   cursor: pointer;
   vertical-align: top;
   overflow-x: hidden;
   padding: 8px 8px 8px 9px;
}

.rootianCombo .comboArea .comboText {
   width: calc(100% - 20px);
   white-space: pre;
   text-align: left;
   margin-right: 10px;
   margin-left: 6px;
}

.rootianCombo .comboArea .comboArrow {
   width: 12px;
   height: 7px;
   background-image: url('ico-arrowsmall.png');
}

.rootianCombo .comboPopup {
   position: absolute;
   z-index: 100;
   background-color: white;
   border: 1px solid gray;
   
   overflow-y: auto;
   
/*    min-height: 100px; */
}

.rootianCombo .comboPopup .comboRow {
   cursor: pointer;
   line-height: 23px;
   padding: 5px 10px;
   text-align: left;
}

.rootianCombo .comboPopup .comboRow.selected {
   background-color: gray;
   color: white;
}

.rootianCombo .comboPopup .comboRow:hover {
   background-color: #C0C0C0;
}