.NZIT_skill_selector_skill_box_container_div
{
}

.NZIT_skill_selector_skill_selector_container_div
{
  border-width:     2px;
  border-style:     solid;
  border-radius:    8px;
  border-color:     rgba(13,162,255,.15); 
  background-color: #8CD3FF;
}

.NZIT_skill_selector_skill_selector_div
{
}

.NZIT_skill_selector_skill_selector_head_div
{
  background-color: #59BFFF;

  position: relative;
}

.NZIT_skill_selector_back_button_div
{
	font-weight:      normal;
	font-size:        small;
  background-color: #26ABFF;

  border-width: 1px;
  border-style: solid;
  border-radius: 4px;    
  border-color: #59BFFF;  

  position: absolute;
  top:      0px;
  right:    5px;

  padding-right: 2px;
  padding-left:  2px; 

  margin-top: 2px;  

  cursor: pointer;   	
}

.NZIT_skill_selector_skill_selector_item_div
{
  background-color: #8CD3FF;

  cursor: pointer;  
}

.NZIT_skill_selector_skill_selector_add_new_div
{
  background-color: #59BFFF;

  cursor: pointer;   
}

.NZIT_skill_selector_skill_box_outer_box_div
{
  border-width:     2px;
  border-style:     solid;
  border-radius:    8px;
  border-color:     #0DA2FF;  

  background-color: #59BFFF;

  padding-right:  6px;
  padding-bottom: 2px;

  position: relative;
}

.NZIT_skill_selector_skill_box_header_div
{
	font-weight:      bold;
  background-color: #59BFFF;

  padding-left: 3px;
}

.NZIT_skill_selector_skill_box_remove_div
{
	font-weight:      normal;
	font-size:        small;
  background-color: #26ABFF;

  border-width:  1px;
  border-style:  solid;
  border-radius: 4px;  
  border-color:  #59BFFF; 

  padding-right: 2px;
  padding-left:  2px; 

  margin-top: 3px;

  position: absolute;
  top:      0px;
  right:    5px;

  cursor: pointer;  
}

.NZIT_skill_selector_skill_box_level_div
{
	background-color: #59BFFF;

	display: table;
	width:   100%;

	vertical-align: middle;
}

.NZIT_skill_selector_skill_box_shared_label_div
{
	/*width: 29%; */
	width: 150px;

	display: table-cell;

	text-align: left;

	padding-left: 3px;

	vertical-align: middle;

	background-color: #59BFFF;
}

.NZIT_skill_selector_skill_box_level_slider
{
	-webkit-appearance: none;

  display:            table-cell;
  width:              100%;

  height:             15px;
  border-radius:      5px;   
  background:         #d3d3d3;
  outline:            none;
  opacity:            0.7;
  -webkit-transition: .2s;
  transition:         opacity .2s;

  margin-top: 4px;
  /*vertical-align: middle; display needs to be block, but we need display to be table-cell for horizontal sizing, so we'll use margin top */
}

.NZIT_skill_selector_skill_box_level_slider::-webkit-slider-thumb
{
  -webkit-appearance: none;
  appearance:         none;
  width:              25px;
  height:             25px;
  border-radius:      50%; 
  background:         #009DFF;
  cursor:             pointer;
}

.NZIT_skill_selector_skill_box_level_slider::-moz-range-thumb
{
	width:         25px;
  height:        25px;
  border-radius: 50%;
  background:    #009DFF;
  cursor:        pointer;
}

.NZIT_skill_selector_skill_box_experience_div
{
	background-color: #59BFFF;

	display: table;
	width:   100%;
}

.NZIT_skill_selector_skill_box_experience_slider
{
	-webkit-appearance: none;
  
  display:            table-cell;
  width:              100%;

  height:             15px;
  border-radius:      5px;   
  background:         #d3d3d3;
  outline:            none;
  opacity:            0.7;
  -webkit-transition: .2s;
  transition:         opacity .2s;

  margin-top: 4px;
  /*vertical-align: middle; display needs to be block, but we need display to be table-cell for horizontal sizing, so we'll use margin top */
}

.NZIT_skill_selector_skill_box_experience_slider::-webkit-slider-thumb
{
  -webkit-appearance: none;
  appearance:         none;
  width:              25px;
  height:             25px;
  border-radius:      50%; 
  background:         #009DFF;
  cursor:             pointer;	
}

.NZIT_skill_selector_skill_box_experience_slider::-moz-range-thumb
{
	width:         25px;
  height:        25px;
  border-radius: 50%;
  background:    #009DFF;
  cursor:        pointer;
}

.NZIT_skill_selector_skill_box_new_skill_name_input
{
  font-size: 18px;
  color: #009DFF; 
  
  height:   20px;
  left:     0px;
  outline:  none;

  width: 75%;

  border-width:     2px;
  border-style:     solid;
  border-radius:    8px;
  border-color:     rgba(13,162,255,.15);
  background-color: #8CD3FF;

  margin-top:    1px;
  margin-left:   3px;
	margin-bottom: 4px;
}

.NZIT_skill_selector_skill_box_done_div
{
	font-weight:      normal;
	font-size:        15px;
  background-color: #8CD3FF;

  border-width:  1px;
  border-style:  solid;
  border-radius: 4px;  
  border-color:  #26ABFF; 

  padding-right: 6px;
  padding-left:  6px; 

  margin-top:    3px; 

  height: 23px;

  position: absolute;
  top:      23px;
  right:    6px;

  cursor: pointer;   
}