#creation_main_dialog {
}
#creation_main_dialog .tabs {
  padding-bottom: 0px;
}
#creation_main_dialog .tabs label{
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-width: 0px;
}

#creation_main_dialog_canvas_div{
  text-align: center;
}
#creation_main_dialog_canvas{
  border: 1px solid #8e8e8e;
  margin: 10px;
}

#creation_main_dialog_list_container{
  width: 90%;
  margin: auto; 
  padding: 0; 
}
#creation_main_dialog_list{
  margin: 10px;
  height: 200px;
  padding: 0px; 
  overflow: auto;
  list-style-type: none;  
}
#creation_main_dialog_list li{
  overflow: auto;
  margin: 3px;
  padding: 1px; 
}
#creation_main_dialog_list li:hover {
  background: #ededed;
  color: #2b2b2b;
}
#creation_main_dialog_list li.ui-selected, #creation_main_dialog_list li.ui-selecting {
  background: #007fff;
  color: white;
}
#creation_main_dialog_list_tools{
  margin: 10px; 
  padding: 0px; 
}
#creation_preview_dialog {
  text-align: center;
  white-space: nowrap;
}
#creation_preview_dialog span{
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
#creation_preview_dialog img{
  max-width: 100%;
  max-height: 100%;  
  vertical-align: middle;
}

#creation_image_dialog{
  overflow: auto;
}
#creation_image_dialog_scale_container{
  width: 100%;
  margin-bottom: 30px;
}
.creation_image_dialog_policy {
    text-align: left;
}
#creation_image_dialog_crop_description{
  max-height: 50px;
  overflow: auto;
  margin-bottom: 10px;  
}
#creation_image_dialog_crop_canvas_div{
  text-align: center;
  margin-bottom: 10px;  
}
#creation_image_dialog_crop_canvas{
  border: 1px solid #8e8e8e;
}
@media only screen and (max-width: 620px) {
  #creation_image_dialog .icon_text{
    display: none;
  }
}

#creation_image_dialog_convert_canvas_div{
  text-align: center;
  margin-bottom: 10px;  
}
#creation_image_dialog_convert_canvas{
  border: 1px solid #8e8e8e;
}
#creation_image_dialog_convert_sliders_text{
  max-height: 44px;
  overflow: auto;
}
.creation_slider {
  background: red;
  margin: 8px;
}
.creation_slider_range {
  background: green;
  background:  linear-gradient(to right,red 5%,orange 10%,green 50%,orange 90%,red 95%);
  height: 100%;
}
#creation_image_dialog_sliders_brightness .creation_slider_range{
  width: 50%;
  margin-left: 25%;   
}
#creation_image_dialog_sliders_contrast .creation_slider_range{
  width: 40%;
  background:  linear-gradient(to right,green 50%,orange 90%,red 95%);
  margin-left: 0%;   
}
#creation_image_dialog_sliders_gamma .creation_slider_range{
  width: 50%;
  background:  linear-gradient(to right,red 5%,orange 10%,green 97%,orange 99%,red 100%);
  margin-left: 50%;   
}
#creation_image_dialog_sliders_phi .creation_slider_range{
  width: 60%;
  margin-left: 20%;   
}
#creation_image_dialog_sliders_sigma .creation_slider_range{
  width: 60%;
  margin-left: 20%;   
}

#creation_text_dialog_canvas_div{
  text-align: center;
}
#creation_text_dialog_canvas{
  border: 1px solid #8e8e8e;
  margin: 10px;
}

#creation_text_dialog_config_container{
  width: 90%;
  margin: auto; 
  padding: 0; 
}

#creation_icon_dialog_scale{
  width: 100%;
}
#creation_icon_dialog_choose_icons{
  width: 100%;
  height: 500px;
  overflow: auto;
}
#creation_icon_dialog_choose_icons img{
  height: 100px;
  width: 100px;
  border: 1px solid #8e8e8e;
  margin: 10px;
}
#creation_icon_dialog_choose_icons img:hover{
  border: 2px solid #8e8e8e;
}
@media only screen and (max-width: 500px) {
  #creation_icon_dialog .icon_text{
    display: none;
  }
}
#creation_icon_dialog_scale_canvas_div{
  text-align: center;
}
#creation_icon_dialog_scale_canvas{
  border: 1px solid #8e8e8e;
  margin: 10px;
}
.creation_icon_dialog_scale_mirror {
    text-align: left;
}





.creation_overflow{
  height: 200px;
}

.icon-green.ui-button .ui-icon{
  background-image: url("images/ui-icons_00ff00_256x240.png");
}
.icon-red.ui-button .ui-icon{
  background-image: url("images/ui-icons_cc0000_256x240.png");
}

.creation-form input, .creation-form label, .creation-form textarea
{
	display: block;
	width: 100%;
}
.creation-form label
{
	margin-top: 10px;
}
.creation-form
{
	border: none;
	margin: 0px;
	padding: 0px;
}

.creation-red{
  color: red;
}