/*DROPLIST*/
.dList-wrapper
{
  margin:   0;
  padding:  0;
  border: none !important;
}
.dList-table-wrap
{
  border:     none;
  margin-bottom:  0 !important;
}

.dList-table
{
  border:   2px solid #999;
  border:   none;
  width:    100%;
  overflow: hidden;
}

.dList-head-row
{
  border-top:     1px solid #CCC;       
  border-bottom:    1px solid #CCC;
}

.dList-row
{
  border-top:     1px solid #222;
  border:       none;
  width:        100%;
  cursor:         pointer;
  padding:      0;
  margin:       0;
  height:       30px;
  overflow:       hidden;

}
.dList-row:hover
{
  background-color:   #CCC !important;
}

.dList-row-ctr
{
  width:        20px;
  border:       none;
  text-align:     center;
}

tr.edit-disable
{
  cursor:         default !important;
  background-color:   #f9f9f9 !important;
  color:        #666  !important;   
}
tr.edit-disable:hover
{
  cursor:         default !important;
  background-color:   #f9f9f9 !important;
  color:        #666  !important;   
}

.dList-head-cell
{
  text-align:   center;
}
.dList-head-cell>span
{
  font-weight:  600;
}
.dList-cell
{
  text-align:     center;
  margin:       0 !important;
  padding-top:      2px !important;
  padding-bottom:   2px !important;
  padding-left:     2px !important;
  padding-right:    2px !important;
}

.dList-cell input[type=text]
{
  text-align:   center !important;
}

.dList-cell select
{
  text-align:   center !important;
  cursor:     pointer !important;
}


div.dList-bottom-controls
{
  padding:      0;
  margin:       0;
  background-color:   #f9f9f9;
  border-top:     1px solid #CCC;
}

button.dList-add-btn
{
  font-size:    16px;
  height:     24px;
  line-height:  23px;
  margin:     10px 20px;
  padding:    0;
  width:      40px;
}
.deleting-box
{
  border-top:     1px solid #CCC;
  border-bottom:    1px solid #CCC;
  color:        #000 !important;
  background-color:   #dedede;
}

@media (max-width: 380px){
    .btn.dlDelete
    {
      width:        21px !important;
      line-height:  1 !important
    }
    .btn.dlBackFromDel
    {
      width:      21px !important;
    }
    .btn.dlConfirmDel
    {
      width:      21px !important;
    }
    .btn.dlCloseEdit
    {
      width:      21px !important;
    }   
  }

  .btn.dlDelete
  {
    width:        26px;
    text-align:     center;
    border:       1px solid #444;
    color:        #444;
    background-color: #f1f1f1;
    font-size:      14px;
  }
  .btn.dlDelete:hover
  {
    border:       1px solid #222;
    background-color: #444;
    color:        #FFF;
  }
  .btn.dlBackFromDel
  {
    width:      25px;
  }
  .btn.dlConfirmDel
  {
    width:      25px;
    color:      #008000;
    border-color:   #333;
  }
  .btn.dlConfirmDel:hover
  {
    background-color: #008000;
    color:        #FFF;
    border-color:     #008000;
  }
  .btn.dlCloseEdit
  {
    width:    25px;
  }
.dList-text-edit
{
  border-radius:          0px !important;
  -webkit-border-radius:  0px !important;
  border:                 1px solid transparent;
  padding-left:           10px !important;
  padding-right:          10px !important;
}
button.dlCloseEdit:focus
{
  background-color:#355493 !important;
  color:#FFF !important;
}
button.dList-add-btn:focus
{
  background-color:#355493 !important;
  color:#FFF !important; 
}

span.rowIndex
{
    float:          left;
    border:         1px solid #555;
    width:          15px;
    height:         15px;
    line-height:    14px;
    border-radius:  14px;
    background:     #555;
    color:          #FFF;
    font-size:      11px;
    margin-top:     4px;
}
/*DROPLIST-END*/