.accordion-wrapper .ui-state-disabled {
  cursor: default !important;
}
.accordion-wrapper .ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.accordion-wrapper .ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em 1.5em .5em 1.5em;
  min-height: 0;
  text-align: left;
  /* support: IE7 */
  font-size: 100%;
  overflow: auto;
  color: #555fb1;
  font-weight: bold;
}
.accordion-wrapper .ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}
.accordion-wrapper .ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}
.accordion-wrapper .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px;
}
.accordion-wrapper .ui-accordion .ui-accordion-content {
  padding: 1em 1.5em;
  max-height: 300px; /* max accordion height here */
  border-top: 0;
  overflow: auto;
  text-align: left;
}
.accordion-wrapper .ui-widget {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
}
.accordion-wrapper .ui-widget .ui-widget {
  font-size: 1em;
}
.accordion-wrapper .ui-widget input,
.accordion-wrapper .ui-widget select,
.accordion-wrapper .ui-widget textarea,
.accordion-wrapper .ui-widget button {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
  margin-right: 2%;
  margin-bottom: 0.4%;
  vertical-align: bottom;
}
.accordion-wrapper .ui-widget-content {
  border: 1px solid #aaaaaa;
  /*background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;*/
  color: #222222;
}
.accordion-wrapper .ui-widget-content a {
  color: #222222;
}
.accordion-wrapper .ui-widget-header {
  border: 1px solid #aaaaaa;
  background: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
  color: #222222;
  font-weight: bold;
}
.accordion-wrapper .ui-widget-header a {
  color: #222222;
}
.accordion-wrapper .ui-state-default,
.accordion-wrapper .ui-widget-content .ui-state-default,
.accordion-wrapper .ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  background: #e6e6e6;
  font-weight: normal;
  color: #555555;
}
.accordion-wrapper .ui-state-default a,
.accordion-wrapper .ui-state-default a:link,
.accordion-wrapper .ui-state-default a:visited {
  color: #555555;
  text-decoration: none;
}
.accordion-wrapper .ui-state-hover,
.accordion-wrapper .ui-widget-content .ui-state-hover,
.accordion-wrapper .ui-widget-header .ui-state-hover,
.accordion-wrapper .ui-state-focus,
.accordion-wrapper .ui-widget-content .ui-state-focus,
.accordion-wrapper .ui-widget-header .ui-state-focus {
  border: 1px solid #999999;
  background: #dadada;
  font-weight: normal;
  color: #212121;
}
.accordion-wrapper .ui-state-hover a,
.accordion-wrapper .ui-state-hover a:hover,
.accordion-wrapper .ui-state-hover a:link,
.accordion-wrapper .ui-state-hover a:visited,
.accordion-wrapper .ui-state-focus a,
.accordion-wrapper .ui-state-focus a:hover,
.accordion-wrapper .ui-state-focus a:link,
.accordion-wrapper .ui-state-focus a:visited {
  color: #212121;
  text-decoration: none;
}
.accordion-wrapper .ui-state-active,
.accordion-wrapper .ui-widget-content .ui-state-active,
.accordion-wrapper .ui-widget-header .ui-state-active {
  border: 1px solid #aaaaaa;
  background: #ffffff ;
  font-weight: normal;
  color: #212121;
}
.accordion-wrapper .ui-state-active a,
.accordion-wrapper .ui-state-active a:link,
.accordion-wrapper .ui-state-active a:visited {
  color: #212121;
  text-decoration: none;
}
.accordion-wrapper .ui-state-highlight,
.accordion-wrapper .ui-widget-content .ui-state-highlight,
.accordion-wrapper .ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
  color: #363636;
}
.accordion-wrapper .ui-state-highlight a,
.accordion-wrapper .ui-widget-content .ui-state-highlight a,
.accordion-wrapper .ui-widget-header .ui-state-highlight a {
  color: #363636;
}
.accordion-wrapper .ui-state-error,
.accordion-wrapper .ui-widget-content .ui-state-error,
.accordion-wrapper .ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
  color: #cd0a0a;
}
.accordion-wrapper .ui-state-error a,
.accordion-wrapper .ui-widget-content .ui-state-error a,
.accordion-wrapper .ui-widget-header .ui-state-error a {
  color: #cd0a0a;
}
.accordion-wrapper .ui-state-error-text,
.accordion-wrapper .ui-widget-content .ui-state-error-text,
.accordion-wrapper .ui-widget-header .ui-state-error-text {
  color: #cd0a0a;
}
.accordion-wrapper .ui-priority-primary,
.accordion-wrapper .ui-widget-content .ui-priority-primary,
.accordion-wrapper .ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.accordion-wrapper .ui-priority-secondary,
.accordion-wrapper .ui-widget-content .ui-priority-secondary,
.accordion-wrapper .ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: alpha(opacity=70);
  /* support: IE8 */
  font-weight: normal;
}
.accordion-wrapper .ui-state-disabled,
.accordion-wrapper .ui-widget-content .ui-state-disabled,
.accordion-wrapper .ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: alpha(opacity=35);
  /* support: IE8 */
  background-image: none;
}
.accordion-wrapper .ui-state-disabled .ui-icon {
  filter: alpha(opacity=35);
  /* support: IE8 - See #6059 */
}
.accordion-wrapper .ui-icon {
  width: 16px;
  height: 16px;
}
.accordion-wrapper .ui-icon,
.accordion-wrapper .ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_222222_256x240.png");
}
.accordion-wrapper .ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_222222_256x240.png");
}
.accordion-wrapper .ui-state-highlight .ui-icon {
  background-image: url("images/ui-icons_2e83ff_256x240.png");
}
.accordion-wrapper .ui-state-error .ui-icon,
.accordion-wrapper .ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cd0a0a_256x240.png");
}
.accordion-wrapper .ui-corner-all,
.accordion-wrapper .ui-corner-top,
.accordion-wrapper .ui-corner-left,
.accordion-wrapper .ui-corner-tl {
  border-top-left-radius: 4px;
}
.accordion-wrapper .ui-corner-all,
.accordion-wrapper .ui-corner-top,
.accordion-wrapper .ui-corner-right,
.accordion-wrapper .ui-corner-tr {
  border-top-right-radius: 4px;
}
.accordion-wrapper .ui-corner-all,
.accordion-wrapper .ui-corner-bottom,
.accordion-wrapper .ui-corner-left,
.accordion-wrapper .ui-corner-bl {
  border-bottom-left-radius: 4px;
}
.accordion-wrapper .ui-corner-all,
.accordion-wrapper .ui-corner-bottom,
.accordion-wrapper .ui-corner-right,
.accordion-wrapper .ui-corner-br {
  border-bottom-right-radius: 4px;
}
.accordion-wrapper .ui-widget-overlay {
  background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  opacity: .3;
  filter: alpha(opacity=30);
  /* support: IE8 */
}
.accordion-wrapper .ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  opacity: .3;
  filter: alpha(opacity=30);
  /* support: IE8 */
  border-radius: 8px;
}
.accordion-wrapper ul.inside-accordion {
  list-style-type: none;
}
.accordion-wrapper select.inside-accordion {
  width: 98%;
  height: 99%;
}
.accordion-wrapper {
  margin-top: 2%;
  width: 100%;
  overflow: hidden;
  /* will contain if #first is longer than #second */
}
.accordion-wrapper .left-accordion {
  margin-left: 5%;
  width: 40%;
  float: left;
  /* add this */
}
.accordion-wrapper .right-accordion {
  margin-right: 5%;
  width: 40%;
  float: right;
  overflow: hidden;
  /* if you don't want #second to wrap below #first */
}

/*
.accordion-wrapper .button-remove:hover {
  background-color: #f44336;
  color: white;
  border-radius: 12px;
  margin-top: 3%;
}
.accordion-wrapper .button-remove {
  background-color: #D62012;
  color: white;
  border: 2px solid #D62012;
  border-radius: 12px;
  margin-top: 3%;
}
*/

.accordion-wrapper .ui-accordion#secondary-accordion .ui-accordion-content {
  /*padding: 1em 2.2em;*/
  height: 250px; /* accordion height here */
  border-top: 0;
  overflow: auto;
}

.templateerror {
    padding: 5px;
    margin-bottom: 20px;
    margin-top: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    background-image: -webkit-linear-gradient(top,#f2dede 0,#e7c3c3 100%);
    background-image: -o-linear-gradient(top,#f2dede 0,#e7c3c3 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f2dede),to(#e7c3c3));
    background-image: linear-gradient(to bottom,#f2dede 0,#e7c3c3 100%);
}  
    
    
.templatesuccess {
    padding: 5px;
    margin-bottom: 20px;
    margin-top: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    background-image: -webkit-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);
    background-image: -o-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#dff0d8),to(#c8e5bc));
    background-image: linear-gradient(to bottom,#dff0d8 0,#c8e5bc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
    background-repeat: repeat-x;
    border-color: #b2dba1;
 
}