.icon-primary {
  color: #67cea6;
}
.icon-primary:hover {
  color: #54c89b !important;
}
.tb-layoutstyles {
  min-width: 250px !important;
  padding: 25px !important;
}
.tb-layoutstyles > div {
  margin-bottom: 10px;
}
.tb-layoutstyles label {
  margin-top: 10px;
  font-size: 16px;
  margin-bottom: 10px;
}
.tb-layoutstyles .tb-themeselector .tb-colortheme.selected {
  outline: 5px outset #666666;
}
.tb-layoutstyles .tb-themeselector .tb-colortheme table {
  width: 100%;
  height: 20px;
}
.tb-layoutstyles .tb-themeselector .tb-colortheme .tb-colortheme-empty {
  background: #ffffff url('../img/image_bg.gif') repeat right top;
}
.tb-layoutstyles .tb-colorpicker .tb-colorpicker-group {
  position: relative;
}
.tb-layoutstyles .tb-colorpicker .tb-colorpicker-group .sp-replacer {
  position: absolute;
  display: inline-block;
  border: 0px !important;
  padding: 0px !important;
  background: transparent !important;
  top: 0px;
  left: auto;
  right: 0px;
}
.tb-layoutstyles .tb-colorpicker .tb-colorpicker-group .sp-replacer .sp-preview {
  width: 22px !important;
  height: 22px !important;
  border: solid 1px #222 !important;
  margin: 5px !important;
}
.tb-layoutstyles .tb-colorpicker .tb-colorpicker-group .sp-replacer .sp-dd {
  display: none;
}
#tb-layout-style {
  margin: 20px !important;
}
.TBcontent {
  min-height: 625px;
  padding: 0px !important;
}
.TBcontent .layout-style-div {
  padding: 0px !important;
}
.TBcontent .layout-style-div *,
.TBcontent .layout-style-div *:before,
.TBcontent .layout-style-div *:after {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
.TBcontent *,
.TBcontent *:before,
.TBcontent *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.TBcontent .hide {
  display: none;
}
.TBcontent .hidden {
  visibility: hidden;
}
.TBcontent .disabled {
  opacity: 0.5;
}
.TBcontent table,
.TBcontent tr,
.TBcontent td {
  border-collapse: collapse;
  border-spacing: 0px;
  padding: 0px;
  color: inherit;
  table-layout: fixed;
}
.TBcontent table {
  margin: 0;
}
.TBcontent .styling {
  outline: 1px #0077b3 solid !important;
}
.TBcontent .TemplateToken {
  background-color: #d3d3d3;
  font-style: italic;
}
.TBcontent ul,
.TBcontent li,
.TBcontent ul li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.TBcontent .TextContent ul,
.TBcontent .TextContent ol {
  -webkit-padding-start: 40px;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -moz-padding-start: 40px;
  -moz-margin-before: 1em;
  -moz-margin-after: 1em;
  -moz-margin-start: 0px;
  -moz-margin-end: 0px;
}
.TBcontent .TextContent .textcontentdiv > div {
  line-height: normal;
}
.TBcontent .TextContent .textcontentdiv h1{
  font-family: Arial, Helvetica, sans-serif !important;
}
.TBcontent .TextContent .textcontentdiv h2{
  font-family: Arial, Helvetica, sans-serif !important;
}
.TBcontent .TextContent .textcontentdiv h3{
  font-family: Arial, Helvetica, sans-serif !important;
}
.TBcontent .TextContent .textcontentdiv h4{
  font-family: Arial, Helvetica, sans-serif !important;
}
.TBcontent .TextContent .textcontentdiv h5{
  font-family: Arial, Helvetica, sans-serif !important;
}
.TBcontent .TextContent .textcontentdiv h6{
  font-family: Arial, Helvetica, sans-serif !important;
}

.TBcontent a:hover,
.TBcontent a:active,
.TBcontent a:focus {
  outline: 0;
  text-decoration: none;
}
.TBcontent .layout-preview {
  padding: 0px 0px 25px 0px !important;
}
.TBcontent .Layout {
  outline: #000000 dashed 1px;
  min-height: 75px;
  margin: 0 auto;
  margin-top: 25px;
}
.TBcontent .Layout td {
  height: 80px;
}
.TBcontent .Layout td.TBRowTD {
  height: auto;
}
.TBcontent .Layout ul,
.TBcontent .Layout ul li {
  list-style-type: disc;
}
.TBcontent .Layout ol,
.TBcontent .Layout ol li {
  list-style-type: decimal;
}
.TBcontent .Layout.active .Region {
  /*outline: #ff0000 dotted 1px;*/
  min-height: 27px;
}
.TBcontent .Layout.active .TBRowCell {
  min-height: 27px;
}
.TBcontent .Layout .original-image {
  display: none !important;
}
.TBcontent .TBRowCell > table {
  height: 80px;
}
.TBcontent td.Region {
  overflow: visible !important;
}
.TBcontent .Layout .Row-place {
  background-color: rgba(249, 253, 4, 0.5);
  border: 1px solid #00f;
  text-align: center;
  height: 70px;
  width: auto;
}
.TBcontent .TBRowTD.highlight-region {
  -webkit-box-shadow: 0px 0px 0px 2px #428bca !important;
  -moz-box-shadow: 0px 0px 0px 2px #428bca !important;
  box-shadow: 0px 0px 0px 2px #428bca !important;
  position: relative !important;
}
.TBcontent .Region .Block-place {
  background-color: #b2b2fe;
  /* FOR IE8 */
  background-color: rgba(0, 0, 255, 0.3);
  border: 1px solid #00f;
  text-align: center;
  height: 50px;
  width: auto;
}
.TBcontent .Region.highlight-region {
  -webkit-box-shadow: 0px 0px 0px 2px #428bca !important;
  -moz-box-shadow: 0px 0px 0px 2px #428bca !important;
  box-shadow: 0px 0px 0px 2px #428bca !important;
  position: relative !important;
}
.TBcontent .Region.active {
  min-height: 27px;
}
.TBcontent .Region.blank-area {
  -webkit-box-shadow: #E3E3E3 0 1px 1px inset;
  -moz-box-shadow: #E3E3E3 0 1px 1px inset;
  box-shadow: #E3E3E3 0 1px 1px inset;
  background-color: #F5F5F5;
  outline: 1px solid #E3E3E3;
  margin: 0px;
}
.TBcontent .Region .addContent {
  border-collapse: separate;
  text-align: center;
  vertical-align: middle;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  padding: 30px 0;
}
.TBcontent .Region .addContent .btn {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.TBcontent .Region .addContent i {
  font-size: 35px;
}
.TBcontent .Region .addContent .addContentBtn {
  padding: 0px 10px;
  cursor: pointer;
  margin-top: 25px;
}
.TBcontent .Region .addContent .addContentBtn.disabled {
  color: rgba(0, 0, 0, 0.125) !important;
}
.TBcontent .Region .addContent .removeAddContentBtn {
  padding: 0px 10px;
  color: red;
  cursor: pointer;
}
.TBcontent .Region .addContent.fadeOutControls .addContentBtn,
.TBcontent .Region .addContent.fadeOutControls .removeAddContentBtn {
  color: rgba(0, 0, 0, 0.25);
}
.TBcontent .BlockView.active {
  min-height: 27px;
  -webkit-box-shadow: 0px 0px 0px 1px #666;
  -moz-box-shadow: 0px 0px 0px 1px #666;
  box-shadow: 0px 0px 0px 1px #666;
}
.TBcontent .BlockView.active .Block {
  min-height: 27px;
}
.TBcontent .BlockView.active td img {
  cursor: pointer;
}
.TBcontent .BlockView.highlight {
  -webkit-box-shadow: 0px 0px 0px 2px #428bca;
  -moz-box-shadow: 0px 0px 0px 2px #428bca;
  box-shadow: 0px 0px 0px 2px #428bca;
  position: relative;
}
.TBcontent .BlockView.highlightOrange {
  -webkit-box-shadow: 0px 0px 0px 2px #FFA500;
  -moz-box-shadow: 0px 0px 0px 2px #FFA500;
  box-shadow: 0px 0px 0px 2px #FFA500;
  position: relative;
}
.TBcontent .BlockView.editBlock {
  outline: 2px dashed #888;
}
.TBcontent .BlockView .TextContent div[contenteditable="false"] {
  outline: 0px #000000 solid;
}
.TBcontent .Block {
  border: 0px solid #00f;
  width: auto;
}
.TBcontent .Block table,
.TBcontent .Block table td {
  text-align: inherit;
}
.TBcontent .Block p {
  margin: 0px;
}
.TBcontent .Block td {
  height: inherit;
}
.TBcontent .Block ul {
  list-style-position: inside;
}
.TBcontent .Block .TextContent ul {
  list-style-position: outside;
}
.TBcontent .Block.SocialMediaBlock i {
  font-size: 40px;
}
.TBcontent .Block.SocialMediaBlock .SocialMediaIcon {
  display: flex !important;
  flex-wrap: wrap;
}
.TBcontent .Block.SocialMediaBlock .socialIcon {
  width: 33px;
}
.TBcontent .controls-shadow {
  position: relative;
}
.TBcontent .controls-shadow i {
  font-size: 16px;
  cursor: pointer;
  float: right;
  color: #000000;
}
.TBcontent .controls-shadow i.disabled {
  cursor: not-allowed !important;
}
.TBcontent .controls-shadow i.moveBtn {
  cursor: move;
}
.TBcontent .controls-shadow i.moveRowBtn {
  cursor: move;
}
.TBcontent .controls-shadow .RowControls {
  z-index: 20;
  position: absolute;
  padding: 0px 5px;
  height: 100%;
  width: 55px;
}
.TBcontent .controls-shadow .RowControls > div {
  height: 33%;
  clear: both;
  position: relative;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.TBcontent .controls-shadow .RowControls i {
  color: #000000;
  font-size: 18px;
  float: left;
  padding-left: 5px;
}
.TBcontent .controls-shadow .RowControls .alternate-lock {
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  color: #fff !important;
}
.TBcontent .controls-shadow .RowControls .fa-plus {
  color: #1E90FF;
}
.TBcontent .controls-shadow .RowControls .topCenterControls {
  top: 6px;
}
.TBcontent .controls-shadow .RowControls .centerControls > i {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.TBcontent .controls-shadow .RowControls .bottomCenterControls {
  top: 1px;
}
.TBcontent .controls-shadow .RowControls .bottomCenterControls > i {
  position: absolute;
  bottom: 0;
}
.TBcontent .controls-shadow .RegionControls {
  z-index: 20;
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 5px;
  background: rgba(255, 255, 255, 0.8);
}
.TBcontent .controls-shadow .RegionControls i {
  margin-left: 4px;
  margin-right: 4px;
}
.TBcontent .controls-shadow .BlockControls {
  z-index: 10;
  position: absolute;
  background: none repeat scroll 0 0 #666666;
  padding: 5px;
  top: 0px;
  float: left;
  border: 1px solid #fff;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
}
.TBcontent .controls-shadow .BlockControls .subcontrols,
.TBcontent .controls-shadow .BlockControls .maincontrols {
  float: right;
}
.TBcontent .controls-shadow .BlockControls i {
  margin-left: 4px;
  margin-right: 4px;
  color: #ffffff;
}
.TBcontent .controls-shadow .BlockControls.addBlockControls,
.TBcontent .controls-shadow .BlockControls.addBlockControls:focus {
  background-color: #67cea6;
  border-color: #54c89b;
  border-bottom-color: #3ebf8d;
  background-image: -webkit-linear-gradient(top, #6bcfa8 0%, #54c89b 100%);
  background-image: linear-gradient(to bottom, #6bcfa8 0%, #54c89b 100%);
  border: 1px solid transparent;
}
.TBcontent .controls-shadow .BlockControls.addBlockControls:hover {
  background-color: #54c89b !important;
  border-color: #48c494;
  border-bottom-color: #35a479;
  background-image: -webkit-linear-gradient(top, #5fcca1 0%, #48c494 100%) !important;
  background-image: linear-gradient(to bottom, #5fcca1 0%, #48c494 100%) !important;
  background-repeat: repeat-x;
}
.TBcontent .controls-shadow .BlockControls.addAbove {
  top: -26px !important;
  left: 48%;
  -webkit-border-top-right-radius: 40px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 40px;
  -moz-border-radius-topright: 40px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 40px;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 40px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.TBcontent .controls-shadow .BlockControls.addBelow {
  left: 48%;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 40px;
  -webkit-border-bottom-left-radius: 40px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 40px;
  -moz-border-radius-bottomleft: 40px;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 40px;
  border-bottom-left-radius: 40px;
  border-top-left-radius: 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.TBcontent .TBRowContainer {
  position: relative;
}
.TBcontent .TBRowContainer > .controls-shadow {
  position: absolute;
  right: 0;
  height: 100%;
}
.TBcontent .addColumnsBtn .col1 {
  width: 50px;
  height: 40px;
  background: #ccc;
  cursor: grab;
}
.TBcontent .addColumnsBtn .col2 {
  width: 50px;
  height: 40px;
  background: linear-gradient(to right, #ccc 48%, transparent 48% 53%, #ccc 53%);
  cursor: grab;
}
.TBcontent .addColumnsBtn .col3 {
  width: 50px;
  height: 40px;
  background: linear-gradient(to right, #ccc 30%, transparent 30% 35%, #ccc 35% 65%, transparent 65% 70%, #ccc 70%);
  cursor: grab;
}
.TBcontent .addColumnsBtn .col4 {
  width: 50px;
  height: 40px;
  background: linear-gradient(to right, #ccc 21%, transparent 21% 26%, #ccc 26% 47%, transparent 47% 52%, #ccc 52% 73%, transparent 73% 78%, #ccc 78%);
  cursor: grab;
}
.TBcontent .addColumnsBtn .col5 {
  width: 50px;
  height: 40px;
  background: linear-gradient(to right, #ccc 16%, transparent 16% 21%, #ccc 21% 37%, transparent 37% 42%, #ccc 42% 58%, transparent 58% 63%, #ccc 63% 79%, transparent 79% 84%, #ccc 84%);
  cursor: grab;
}
.TBcontent .addColumnsBtn .col6 {
  width: 50px;
  height: 40px;
  background: linear-gradient(to right, #ccc 11%, transparent 11% 16%, #ccc 16% 27%, transparent 27% 32%, #ccc 32% 43%, transparent 43% 48%, #ccc 48% 59%, transparent 59% 64%, #ccc 64% 75%, transparent 75% 80%, #ccc 80% 91%, transparent 91%);
  cursor: grab;
}
.TBcontent .btnAddColumns {
  display: inline-block;
  margin: 5px 10px 0 2px;
}
.TBcontent .btnAddColumns .col1 {
  background: none repeat scroll 0 0 #ccc;
  float: left;
  height: 40px;
  width: 50px;
}
.TBcontent .btnAddColumns .col2 {
  background: none repeat scroll 0 0 #ccc;
  float: left;
  height: 40px;
  margin-left: 1px;
  margin-right: 1px;
  width: 23px;
}
.TBcontent .btnAddColumns .col3 {
  background: none repeat scroll 0 0 #ccc;
  float: left;
  height: 40px;
  margin-left: 1px;
  margin-right: 1px;
  width: 15px;
}
.TBcontent .btnAddColumns .col4 {
  background: none repeat scroll 0 0 #ccc;
  float: left;
  height: 40px;
  margin-left: 1px;
  margin-right: 1px;
  width: 10px;
}
.TBcontent .btnAddColumns .col5 {
  background: none repeat scroll 0 0 #ccc;
  float: left;
  height: 40px;
  margin-left: 1px;
  margin-right: 1px;
  width: 8px;
}
.TBcontent .btnAddColumns .col6 {
  background: none repeat scroll 0 0 #ccc;
  float: left;
  height: 40px;
  margin-left: 1px;
  margin-right: 1px;
  width: 6px;
}
.TBcontent .btnAddColumns .coln {
  background: none repeat scroll 0 0 #ccc;
  float: left;
  height: 40px;
  margin-left: 1px;
  margin-right: 1px;
  width: 5px;
}
.TBcontent .EmptyRow {
  text-align: center;
  background-color: transparent;
  font-size: 15px;
}
.TBcontent .EmptyBlock {
  text-align: center;
  background-color: transparent;
  margin: 0 auto;
  width: 147px;
}
.TBcontent .popin {
  max-width: 612px;
  position: absolute;
  display: none;
  z-index: 10000;
  padding: 5px;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #333;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  color: rgba(0, 0, 0, 0.25);
}
.TBcontent .popin.addRowPopin {
  width: 167px !important;
  height: 85px !important;
}
.TBcontent .popin.addContentPopin {
  height: auto !important;
}
.TBcontent .popin.addBlockPopin {
  width: 147px !important;
  height: 50px !important;
}
.TBcontent .popin .btn-group {
  text-align: center;
}
.TBcontent .popin p {
  margin: 0px;
  margin-top: 4px;
  /* font-weight: bold; */
}
.TBcontent .AvailableBlockOptions {
  float: left;
}
.TBcontent .AvailableBlockOptions .tb-block-button {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  float: left;
  padding: 10px;
  color: #bbb;
  position: relative;
  margin: 7px;
}
.TBcontent .AvailableBlockOptions .tb-block-button i.oneCol {
  font-size: 40px;
}
.TBcontent .AvailableBlockOptions .tb-block-button i.twoCol {
  font-size: 40px;
}
.TBcontent .AvailableBlockOptions .tb-block-button i.twoRow {
  width: 80px;
}
.TBcontent .AvailableBlockOptions .tb-block-button:hover {
  color: #fff;
}
.TBcontent .StyleToolbar {
  position: relative;
  width: 612px;
}
.TBcontent .StyleToolbar .toolbar-close {
  float: right;
  cursor: pointer;
  font-size: 15px;
  margin-left: 10px;
  margin-right: 5px;
}
.TBcontent .StyleToolbar.tb-large-toolbar {
  width: 700px;
}
.TBcontent .StyleToolbar .toolbar {
  position: absolute;
  min-height: 36px;
  max-height: 36px;
  top: -38px;
  z-index: 999999;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 3px 0px;
  border: 1px solid #AAAAAA;
  background: #eeeeee;
}
.TBcontent .StyleToolbar .toolbar > .toolbar-item {
  float: left;
  margin-top: 2px;
  margin-left: 5px;
  border-left: 1px solid #999999;
  padding-left: 5px;
}
.TBcontent .StyleToolbar .toolbar > .toolbar-item:first-child {
  border: none !important;
  padding-left: 2px !important;
}
.TBcontent .StyleToolbar .toolbar select:disabled {
  background-color: #ebebe4;
  color: #545454;
}
.TBcontent .StyleToolbar .toolbar input:disabled {
  background-color: #ebebe4;
  color: #545454;
}
.TBcontent .StyleToolbar .toolbar .toolbar-item.color-picker {
  height: 26px;
}
.TBcontent .StyleToolbar .toolbar .toolbar-item.dropdownselector select {
  font-size: 12px;
  padding: 2px 0px;
  height: 26px;
}
.TBcontent .StyleToolbar .toolbar .toolbar-item.numerictoolbar input {
  font-size: 12px;
  padding: 2px 5px;
  height: 26px !important;
  width: 37px;
}
.TBcontent .StyleToolbar .toolbar .toolbar-item.numerictoolbar input.oneDigitInput {
  width: 37px;
}
.TBcontent .StyleToolbar .toolbar .toolbar-item.numerictoolbar input.twoDigitInput {
  width: 44px;
}
.TBcontent .StyleToolbar .toolbar .toolbar-item.numerictoolbar input.threeDigitInput {
  width: 50px;
}
.TBcontent .StyleToolbar .toolbar .toolbar-item.alignmentitem select {
  font-family: sans-serif, 'FontAwesome';
  font-size: 11px;
  padding: 2px 0px;
  height: 26px;
  width: 40px;
}
.TBcontent .StyleToolbar .toolbar .toolbar-item.formattoolbar .btn-group > button {
  height: 26px;
  width: 70px;
  padding: 3px 6px;
}
.TBcontent .StyleToolbar .toolbar .toolbar-item.formattoolbar .formatToolbarSelected {
  width: 58px;
  display: inline;
}
.TBcontent .StyleToolbar .toolbar .toolbar-item.formattoolbar ul.dropdown-menu {
  list-style-type: none;
  min-width: 125px;
}
.TBcontent .StyleToolbar .toolbar .toolbar-item.formattoolbar ul.dropdown-menu li {
  list-style-type: none;
}
.TBcontent .StyleToolbar .toolbar .border-color,
.TBcontent .StyleToolbar .toolbar .border-width,
.TBcontent .StyleToolbar .toolbar .border-style {
  text-align: center;
  float: left;
  margin-left: 2px;
}
.TBcontent .StyleToolbar .toolbar .border-width .dropdownselector select {
  width: 47px;
}
.TBcontent .StyleToolbar .toolbar .border-style .dropdownselector select {
  width: 66px;
}
.TBcontent .StyleToolbar .toolbar .font-color,
.TBcontent .StyleToolbar .toolbar .font-family,
.TBcontent .StyleToolbar .toolbar .font-size {
  text-align: center;
  float: left;
  margin-left: 2px;
}
.TBcontent .StyleToolbar .toolbar .font-family .dropdownselector select {
  width: 125px;
}
.TBcontent .StyleToolbar .toolbar .font-size .dropdownselector select {
  width: 53px;
}
.TBcontent .StyleToolbar .toolbar .formatToolbarItem {
  background: none repeat scroll 0 0 #CCCCCC;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  float: left;
  height: 50px;
  margin: 3px;
  padding: 5px;
  width: 54px;
  cursor: pointer;
}
.TBcontent .StyleToolbar .toolbar .formatToolbarItem.active {
  background: none repeat scroll 0 0 #666666;
  color: #EEEEEE;
}
.TBcontent .StyleToolbar .toolbar .formatToolbarItem i {
  font-size: 18px;
  float: left;
  margin-right: 5px;
  margin: 0;
  width: 54px;
}
.TBcontent .StyleToolbar .toolbar .formatToolbarItem i.oneCol {
  width: 45px;
}
.TBcontent .StyleToolbar .toolbar .formatToolbarItem i.twoCol {
  width: 22px;
}
.TBcontent .StyleToolbar .toolbar .formatToolbarItem > .twoRow {
  width: 45px;
  height: 22px;
}
.TBcontent .StyleToolbar .toolbar .formatToolbarItem > .threeRow {
  font-size: 14px;
  width: 45px;
  height: 15px;
}
.TBcontent .StyleToolbar .toolbar .formatToolbarItem > div.threeRow.oneCol {
  float: left;
  font-size: 12px;
}
.TBcontent .rangeGrip {
  width: 1px;
  height: 100%;
  margin-top: 0px;
  margin-left: 5px;
  cursor: e-resize;
  background-color: black;
  z-index: 10;
  background-position: right;
}
.TBcontent .rangeGrip:hover {
  background-position: right;
}
.TBcontent .rowRangeGrip {
  width: 2px;
  height: 100%;
  margin-top: 0px;
  margin-left: 5px;
  position: relative;
  z-index: 88;
  cursor: e-resize;
}
.TBcontent .rowRangeGrip .active {
  width: 2px;
  height: 100%;
  margin-top: 0px;
  background-color: black;
  margin-left: 5px;
  position: relative;
  z-index: 88;
  cursor: e-resize;
}
.TBcontent .blockSize {
  width: 100%;
  bottom: 0;
  left: 0;
  color: red;
  font-size: 20px;
  background-color: black;
  opacity: 0.75;
  z-index: 999;
}
.TBcontent .InputResizer {
  z-index: 999;
  text-align: center;
  position: absolute;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 3px 0px;
  border: 1px solid #AAAAAA;
  background: #eeeeee;
}
.TBcontent .InputResizer input.blockSize {
  opacity: 1;
  left: 40%;
  margin: 2px !important;
  padding: 4px !important;
  width: 40px;
  font-size: 12px;
  cursor: text !important;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  color: #555555;
}
.TBcontent .tb-hp {
  width: 200px;
  height: 300px;
  background-color: white;
  border: 1px solid black;
  position: fixed;
  right: 93px;
  top: 100px;
  overflow: hidden;
}
.TBcontent .tb-hp li {
  padding: 2px 5px;
}
.TBcontent .tb-hp li:nth-child(odd) {
  background-color: #F2F2F2;
}
.TBcontent .tb-hp li:hover {
  background-color: #A9A9A9;
  color: #ffffff;
  cursor: pointer;
}
.TBcontent .tb-hp .tb-hp-header {
  background-color: #808080;
  height: 25px;
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
  font-size: 15px;
}
.TBcontent .tb-hp .tb-hp-body {
  height: 274px;
  overflow-x: hidden;
  overflow-y: auto;
}
.TBcontent .TextContent div[data-placeholder] {
  color: #808080;
}
.TBcontent .sp-preview {
  width: 20px !important;
  height: 20px !important;
  margin-right: 2px !important;
  border: none !important;
}
.TBcontent .sp-replacer {
  padding: 2px !important;
}
.TBcontent .sp-font-color-innerdiv {
  background-color: #eeeeee;
  width: 100%;
  margin: 0 auto;
}
.TBcontent .sp-border-color-innerdiv {
  width: 80%;
  height: 80%;
  background-color: #eeeeee;
  margin: 2px auto;
}
.TBcontent .sp-clear-display {
  /*background-image: url(data:image/png;base64,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) !important;*/
}
.TBTokenSelector .panel-heading {
  text-align: center;
}
.TBTokenSelector .tb-token-editor-search input,
.TBTokenSelector .tb-token-editor-search span {
  background: #fff;
  background: rgba(0, 0, 0, 0.05);
}
.TBTokenSelector .tb-token-editor-filters .select2-choices {
  border-width: 0px !important;
  padding: 3px 5px 0px 0px !important;
}
.TBTokenSelector .tb-token-pagination {
  margin-top: 5px;
}
.TBTokenSelector .tb-token-editor-body .tab-content {
  max-height: 300px;
  overflow-y: auto;
}
.SocialMediaEditor .panel-heading {
  text-align: center;
}
.SocialMediaEditor .tb-social-media-group {
  margin-top: 10px;
}
.SocialMediaEditor .tb-social-media-layout-option {
  background: none repeat scroll 0 0 #CCCCCC;
  float: right;
  width: 70px;
  height: 50px;
  text-align: center;
  margin: 0px 5px;
  padding: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
}
.SocialMediaEditor .tb-social-media-layout-option.active {
  background: none repeat scroll 0 0 #666666;
  color: #EEEEEE;
}
.SocialMediaEditor .tb-social-media-layout-option i {
  font-size: 25px;
}
.SocialMediaEditor .tb-social-icon-set {
  padding-top: 20px;
  text-align: center;
}
.SocialMediaEditor .tb-social-icon-set img {
  padding: 0px 5px;
}
.SocialMediaEditor .tb-social-media-body > div {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 5px !important;
}
.SocialMediaEditor .tb-social-media-body .tb-social-media-card {
  background: #fafafa;
  border: 3px solid #fafafa;
  text-align: center;
  height: 150px;
  padding: 10px 0px !important;
}
.SocialMediaEditor .tb-social-media-body .tb-social-media-card:hover {
  border: 3px solid #95F2CE !important;
}
.SocialMediaEditor .tb-social-media-body .tb-social-media-card:hover .tb-social-media-card-control {
  display: block;
}
.SocialMediaEditor .tb-social-media-body .tb-social-media-card .tb-social-media-card-control {
  display: none;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 0px;
  height: 0px;
  border-top: 0px solid transparent;
  border-right: 40px solid #95F2CE;
  border-bottom: 40px solid transparent;
  border-left: 0px solid transparent;
  margin: 0px !important;
  z-index: 1;
}
.SocialMediaEditor .tb-social-media-body .tb-social-media-card .tb-social-media-card-control .tb-social-media-card-remove {
  background: #f5f5f5;
  border-radius: 50%;
  height: 18px;
  left: 19px;
  position: absolute;
  top: 3px;
  width: 18px;
  z-index: 1000;
  border: 1px solid #95F2CE;
}
.SocialMediaEditor .tb-social-media-body .tb-social-media-card > div {
  margin-top: 5px;
  margin-bottom: 5px;
}
.SocialMediaEditor .tb-social-media-body .tb-social-media-card img {
  max-height: 30px;
}
.SocialMediaEditor .tb-social-media-body .tb-social-media-card-add {
  cursor: pointer;
}
.SocialMediaEditor .tb-social-media-body .tb-social-media-card-add i {
  font-size: 50px;
  margin-top: 15px;
}
.SocialMediaEditor .tb-social-media-body .tb-social-media-card-add div {
  margin-top: 10px;
  font-size: 15px;
}
.modal.popupcontainer {
  overflow: auto;
}
.modal.popupcontainer .modal-dialog {
  width: 800px;
}
.modal.popupcontainer .modal-body .imageEditorPopup {
  min-height: 300px;
}
.modal.popupcontainer .bottombtn {
  margin-top: 20px;
}
.LinkContent {
  cursor: pointer;
}
.VideoLink .videoInput {
  margin-bottom: 10px;
}
.VideoLink .videoInput label {
  display: inline-block;
}
.VideoLink .videoInput input {
  margin-bottom: 0px;
}
.VideoLink .videoEmbed {
  text-align: center;
  float: left;
  width: 100%;
  margin: 10px 0px;
}
#minWidthTest {
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
}
.popupcontainer .input-group-addon.col-md-2 {
  padding-top: 7px !important;
  font-size: 14px !important;
}
.popupcontainer .panel-body {
  padding: 15px;
}
.popupcontainer .panel-body:before,
.popupcontainer .panel-body:after {
  display: table;
  content: " ";
}
.popupcontainer .panel-body:after {
  clear: both;
}
.popupcontainer .panel-body:before,
.popupcontainer .panel-body:after {
  display: table;
  content: " ";
}
.popupcontainer .panel-body:after {
  clear: both;
}
.popupcontainer .panel > .list-group {
  margin-bottom: 0;
}
.popupcontainer .panel > .list-group .list-group-item {
  border-width: 1px 0;
}
.popupcontainer .panel > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.popupcontainer .panel > .list-group .list-group-item:last-child {
  border-bottom: 0;
}
.popupcontainer .panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.popupcontainer .panel > .table {
  margin-bottom: 0;
}
.popupcontainer .panel > .panel-body + .table {
  border-top: 1px solid #dddddd;
}
.popupcontainer .panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.popupcontainer .panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
}
.popupcontainer .panel-title > a {
  color: inherit;
}
.popupcontainer .panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.popupcontainer .panel-group .panel {
  margin-bottom: 0;
  overflow: hidden;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.popupcontainer .panel-group .panel + .panel {
  margin-top: 5px;
}
.popupcontainer .panel-group .panel-heading {
  border-bottom: 0;
}
.popupcontainer .panel-group .panel-heading + .panel-collapse .panel-body {
  border-top: 1px solid #dddddd;
}
.popupcontainer .panel-group .panel-footer {
  border-top: 0;
}
.popupcontainer .panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #dddddd;
}
.popupcontainer .panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #dddddd;
}
.popupcontainer .panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #dddddd;
}
.popupcontainer .panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #dddddd;
}
.popupcontainer .panel-primary {
  border-color: #428bca;
}
.popupcontainer .panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca;
}
.popupcontainer .panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #428bca;
}
.popupcontainer .panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #428bca;
}
.popupcontainer .panel-success {
  border-color: #d6e9c6;
}
.popupcontainer .panel-success > .panel-heading {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.popupcontainer .panel-success > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #d6e9c6;
}
.popupcontainer .panel-success > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #d6e9c6;
}
.popupcontainer .panel-warning {
  border-color: #fbeed5;
}
.popupcontainer .panel-warning > .panel-heading {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #fbeed5;
}
.popupcontainer .panel-warning > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #fbeed5;
}
.popupcontainer .panel-warning > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #fbeed5;
}
.popupcontainer .panel-danger {
  border-color: #eed3d7;
}
.popupcontainer .panel-danger > .panel-heading {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}
.popupcontainer .panel-danger > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #eed3d7;
}
.popupcontainer .panel-danger > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #eed3d7;
}
.popupcontainer .panel-info {
  border-color: #bce8f1;
}
.popupcontainer .panel-info > .panel-heading {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.popupcontainer .panel-info > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #bce8f1;
}
.popupcontainer .panel-info > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #bce8f1;
}
.popupcontainer .nav > li > a {
  outline: medium none;
}
.popupcontainer .btn.closeModalPopup {
  float: right;
  margin-top: -5px;
}
.popupcontainer .tab-pane {
  padding: 0px;
}
.popupcontainer .tab-pane .selected {
  /*background: none repeat scroll 0 0 #FFFFFF;*/
  bottom: 2px;
  color: #618029;
  font-size: 20px;
  position: absolute;
  right: 20px;
}
.popupcontainer .tab-pane .col-md-12.blank {
  min-height: 0px;
  padding: 0px;
}
.popupcontainer .tab-pane .btn-inverse {
  margin-bottom: 10px;
}
.popupcontainer .deleteUnused {
  cursor: pointer;
  text-align: right;
  margin: 5px 0px;
}
.ig-main-view {
  height: 100%;
  min-height: 300px;
  overflow-x: hidden;
}
.ig-main-view #ig-edit-container {
  padding-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
}
.ig-main-view #ig-edit-container .ig-edit-view {
  text-align: center;
}
.ig-main-view #ig-upload-container .panel {
  border-width: 0px 0px 1px 0px;
}
.ig-main-view #ig-upload-container .ig-upload-progress {
  width: 200px;
}
.ig-main-view #ig-upload-container .ig-upload-progress .bar {
  background-color: #99b03e;
  background-image: -moz-linear-gradient(top, #62c462, #99b03e);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#99b03e));
  background-image: -webkit-linear-gradient(top, #62c462, #99b03e);
  background-image: -o-linear-gradient(top, #62c462, #99b03e);
  background-image: linear-gradient(to bottom, #62c462, #99b03e);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff99b03e', GradientType=0);
}
.ig-main-view #ig-gallery-container .ig-emptyView {
  text-align: center;
  margin: 0px 10px;
}
.ig-main-view #ig-gallery-container .nav-tabs {
  padding: 0px 5px;
}
.ig-main-view #ig-gallery-container .pagination {
  margin-left: 10px;
}
.ig-main-view #ig-gallery-container .ig-overlay-container {
  position: relative;
  margin-bottom: 10px;
  min-height: 100px !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.ig-main-view #ig-gallery-container .ig-overlay-container .ig-selected {
  color: green;
  font-size: 20px;
  position: absolute;
  right: 20px;
  bottom: 5px;
}
.ig-main-view #ig-gallery-container .ig-overlay-container .ig-overlay {
  position: absolute;
  top: 40%;
  left: 0px;
  width: 100%;
  font-size: 14px;
}
.ig-main-view #ig-gallery-container .ig-overlay-container .ig-overlay a {
  display: block;
  float: left;
  background-color: #000;
  opacity: 0.8;
  color: #FFFFFF;
  padding: 5px 10px;
  margin: 0px 1px;
  text-decoration: none;
  box-shadow: 2px 2px 2px #666666;
  -webkit-transition-property: background color;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease;
  -moz-transition-property: background color;
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: ease;
  -o-transition-property: background color;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease;
  -ms-transition-property: background color;
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: ease;
  transition-property: background color;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  width: 34px;
  max-width: 34px;
}
.ig-main-view #ig-gallery-container .ig-overlay-container .ig-overlay a:hover {
  color: #CCCCCC;
  background-color: #333333;
}
.ig-main-view #ig-gallery-container .ig-overlay-container .ig-overlay .ig-overlay-inner {
  width: 111px;
  margin: 0 auto;
}
.ig-main-view #ig-gallery-container .ig-thumbnail {
  height: 100px;
  font-size: 0px;
  /*NEEDED FOR HORIZONTAL ALIGNMENT*/
  white-space: nowrap;
  text-align: center;
  margin: 1em 0;
}
.ig-main-view #ig-gallery-container .ig-thumbnail .ig-thumbnail-padding {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.ig-main-view #ig-gallery-container .ig-thumbnail img {
  vertical-align: middle;
  background: #ffffff url('../img/image_bg.gif') repeat right top;
  max-height: 90px;
  max-width: 100%;
  margin: 0 auto;
}
.ig-main-view #ig-preview-container {
  margin-left: 10px;
  margin-right: 10px;
}
.ig-main-view #ig-preview-container .ig-preview-view {
  text-align: center;
}
.ig-main-view img.ig-image {
  background: #ffffff url('../img/image_bg.gif') repeat right top;
  padding: 0px;
  border: 0px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.ig-main-view .ig-subview-buttons {
  margin: 10px 0px;
}
.tb-form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.sp-input-container {
  background-color: white !important;
}
.tb-listing-sold {
  position: absolute;
  background-color: red;
  width: 42px;
  color: white;
  text-align: center;
}
.listing-row {
  padding: 10px 0px;
}
.formatToolbarItem {
  background: none repeat scroll 0 0 #CCCCCC;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  float: left;
  height: 50px;
  margin: 3px;
  padding: 5px;
  width: 54px;
  cursor: pointer;
  text-align: center;
}
.formatToolbarItem.active {
  background: none repeat scroll 0 0 #666666;
  color: #EEEEEE;
}
.formatToolbarItem.threeColBlock {
  width: 76px !important;
}
.formatToolbarItem.threeColBlock .twoRow {
  width: 72px !important;
}
.formatToolbarItem.threeColBlock .threeCol {
  width: 22px !important;
}
.formatToolbarItem i {
  font-size: 18px;
  float: left;
  margin-right: 5px;
  margin: 0;
  width: 54px;
}
.formatToolbarItem i.oneCol {
  width: 45px;
}
.formatToolbarItem i.twoCol {
  width: 22px;
}
.formatToolbarItem > .twoRow {
  width: 45px;
  height: 22px;
}
.formatToolbarItem > .threeRow {
  font-size: 14px;
  width: 45px;
  height: 15px;
}
.formatToolbarItem > div.threeRow.oneCol {
  float: left;
  font-size: 12px;
}
/*tb social media block tooltip css*/
.tooltip-tb {
  display: inline;
  float: right;
  padding-top: 3px;
}
.tooltip-tb .tooltiptext {
  visibility: hidden;
  width: 280px;
  color: #333;
  text-align: center;
  border-radius: 2px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 24px;
  left: -122px;
  margin-left: -50px;
  opacity: 0;
  transition: opacity 1s;
  padding: 0px;
  font-size: 14px;
}
.tooltip-tb .tooltiptext ::before {
  content: "";
  position: absolute;
  top: -15px;
  left: 176px;
  margin-left: -5px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent #f7f7f7 transparent;
}
.tooltip-tb .tooltiptext .tooltip-section {
  width: 100%;
  word-wrap: break-word;
  float: left;
  padding: 5px 10px;
  background: #f7f7f7;
  height: auto;
  border-bottom: 1px solid #ddd;
  text-align: left;
}
.tooltip-tb:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.RegionControls.addRegionControls i.addRegionBtn {
  background: #189bc5;
  color: #fff;
  padding: 5px;
  border-radius: 999px;
  font-size: 20px;
  cursor: pointer;
}
.RegionControls.addRegionControls.addBelow {
  margin-top: 25px;
}
.RegionControls.addRegionControls.addBelow i {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.RegionControls.addRegionControls.addAbove i {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.cke_reset_all input[type="radio"],
.cke_reset_all input[type="checkbox"] {
  margin: 0;
}
.cke_combopanel {
  width: 250px !important;
}

.TBcontent .layout-style-div {
  padding: 0px !important;
}
.TBcontent .layout-style-div *,
.TBcontent .layout-style-div *:before,
.TBcontent .layout-style-div *:after {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
.TBcontent .Layout.left-editor {
  margin: 25px !important;
  outline: none !important;
  /*.TBRowContainer {
      margin-bottom: 20px;
    }*/
}
.TBcontent .Layout.left-editor.active .Region {
  outline: inherit !important;
}
.TBcontent .Layout.left-editor.active .Column {
  min-height: 27px;
}
.TBcontent .Layout.left-editor.active .TBRegionRowCell {
  min-height: 27px;
}
.TBcontent .Layout.left-editor .TBRegionRowCell > table {
  height: 80px;
}
.TBcontent .Layout.left-editor td.Column {
  overflow: visible !important;
}
.TBcontent .Layout.left-editor .Column .Block-place {
  background-color: #b2b2fe;
  /* FOR IE8 */
  background-color: rgba(0, 0, 255, 0.3);
  border: 1px solid #00f;
  text-align: center;
  height: 50px;
  width: auto;
}
.TBcontent .Layout.left-editor .Column.active {
  min-height: 27px;
}
.TBcontent .Layout.left-editor .Column.blank-area {
  -webkit-box-shadow: #E3E3E3 0 1px 1px inset;
  -moz-box-shadow: #E3E3E3 0 1px 1px inset;
  box-shadow: #E3E3E3 0 1px 1px inset;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #F5F5F5;
  border: 1px solid #E3E3E3;
  margin: 0px;
}
.TBcontent .Layout.left-editor .Column .addContent {
  border-collapse: separate;
  text-align: center;
  vertical-align: middle;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  padding: 30px 0;
}
.TBcontent .Layout.left-editor .Column .addContent .btn {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.TBcontent .Layout.left-editor .Column .addContent i {
  font-size: 35px;
}
.TBcontent .Layout.left-editor .Column .addContent .addContentBtn {
  padding: 0px 10px;
  cursor: pointer;
}
.TBcontent .Layout.left-editor .Column .addContent .addContentBtn.disabled {
  color: rgba(0, 0, 0, 0.125) !important;
}
.TBcontent .Layout.left-editor .Column .addContent .removeAddContentBtn {
  padding: 0px 10px;
  color: red;
  cursor: pointer;
}
.TBcontent .Layout.left-editor .Column .addContent.fadeOutControls .addContentBtn,
.TBcontent .Layout.left-editor .Column .addContent.fadeOutControls .removeAddContentBtn {
  color: rgba(0, 0, 0, 0.25);
}
.TBcontent .Layout.left-editor .TBRegionRowContainer {
  position: relative;
}
.TBcontent .Layout.left-editor .TBRegionRowContainer .topControls {
  position: absolute;
  top: -19px;
  left: 45%;
  z-index: 20;
}
.TBcontent .Layout.left-editor .TBRegionRowContainer .topControls a {
  padding: 3px;
  background-color: #08559C;
  color: #fff;
  border-radius: 5px 5px 0px 0px;
}
.TBcontent .Layout.left-editor .TBRegionRowContainer .bottomControls {
  position: absolute;
  bottom: -18px;
  left: 45%;
  z-index: 20;
}
.TBcontent .Layout.left-editor .TBRegionRowContainer .bottomControls a {
  padding: 3px;
  background-color: #08559C;
  color: #fff;
  border-radius: 0px 0px 5px 5px;
}
.TBcontent .Layout.left-editor .TBRegionRowContainer .region-row-right-controls {
  position: absolute;
  right: 0px;
  top: -25px;
  z-index: 20;
  padding: 5px;
  background-color: #08559C;
  color: #fff;
  border-radius: 5px 5px 0px 0px;
}
.TBcontent .Layout.left-editor .TBRegionRowContainer .region-row-right-controls a {
  padding: 3px;
  color: #fff;
}


/*Edit email post editor section style*/
.TBcontentNew .TBcontent .panel-heading {
    width: 100% !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.TBcontentNew .TBcontent .image-content{
    margin-top:0 !important;
}

.TBcontentNew .TBcontent #url-input{
    margin-left: 0 !important;
    width: 100% !important;
}

.TBcontentNew .TBcontent .link-content label{
    margin-left:  0 !important;
}

.TBcontentNew .TBcontent .w-btn-xs{
    border-radius: 1px;
    font-size: 18px;
    line-height: 1.4;
    padding: 6px 5px 0px;
    margin-right:5px;
}

/*copied css from updated tb style*/

.TBcontentNew .TBcontent {
    background: #fff;
    max-height: inherit;
    margin-top: 10px;
    min-height: inherit;
    height:  -moz-calc(100vh - 160px) !important;
    height:  -webkit-calc(100vh - 160px) !important;
    height:  calc(100vh - 160px) !important;
}
.campaign-design-div .TBcontentNew .TBcontent {
    background: #fff;
    max-height: inherit;
    margin-top: 10px;
    min-height: inherit;
    height:  -moz-calc(100vh - 240px) !important;
    height:  -webkit-calc(100vh - 240px) !important;
    height:  calc(100vh - 240px) !important;
}

.TBcontentNew .TBcontent .row{
    height: 100%;
}

.TBcontentNew .TBcontent .newTbContainer {
    padding: 0;
    overflow: hidden;
    height: 100%;
}

.TBcontentNew .TBcontent .newEditContainer {
    padding: 0;
    overflow-x: hidden;
}
.TBcontentNew .TBcontent .pop-header-tab ul{
    padding-top: 14px !important;
}

.TBcontentNew .TBcontent .row{
    margin: 0;
}

.TBcontentNew .TBcontent .TBRow .TBRowCell .TBRowContainer {
    width: 100% !important;
}

#scrollable-content {
    min-height: inherit !important ;
}

.TBcontentNew .TBcontent .newTbContainer {
    max-height: inherit !important;
}

.TBcontentNew .TBcontent .popover{
    width: auto !important;
}

.TBcontentNew .TBcontent #colorCodeInput{
    padding-right: 24px !important;
}


.TBcontentNew .TBcontent .layout-preview {
    max-height:  -moz-calc(100vh - 310px) !important;    /*add all fixed heights and substract it from browsers view height */
    max-height:  -webkit-calc(100vh - 310px) !important;    /*add all fixed heights and substract it from browsers view height */
    max-height:  calc(100vh - 310px) !important;    /*add all fixed heights and substract it from browsers view height */
    height:  -moz-calc(100vh - 310px) !important;    /*add all fixed heights and substract it from browsers view height */
    height:  -webkit-calc(100vh - 310px) !important;    /*add all fixed heights and substract it from browsers view height */
    height:  calc(100vh - 310px) !important;
    overflow-y: scroll;
    padding: 0px 0px 12px 0px !important;
}

.TBcontentNew .TBcontent .newEditContainer {
    max-height:  -moz-calc(100vh - 213px) !important;
    max-height:  -webkit-calc(100vh - 213px) !important;
    max-height:  calc(100vh - 213px) !important;
}
.TBcontentNew .TBcontent .newEditContainer .form-horizontal .control-label{
    padding: 0;
    margin:0;
}
.steps-container{
    max-width: 1280px;
}

.TBcontentNew .TBcontent .newEditContainer .tb-label-style{
    border-bottom: 2px solid #dedcdc;
    width: 100%;
    margin-bottom: 10px !important;
    text-transform: capitalize;
}

.TBcontentNew .TBcontent .link-content label{
    margin-top: 30px !important;
}

.TBcontentNew .TBcontent .image-content .image {
    display: flex;
    justify-content: center;
    max-width: 100%;
    /*max-width: -webkit-calc(100% - 30px);
    max-width: -moz-calc(100% - 30px);*/
}
.TBcontentNew .TBcontent .image-content .image .thumbnail-div{
    align-self: center;
    margin-bottom: 0px !important;
}

.TBcontentNew .TBcontent .image-content .alt-text-label .tooltip{
    width: 190px;
    left: 15px !important;
}
.TBcontentNew .TBcontent .image-content .alt-text-label .tooltip .tooltip-arrow{
    left: unset;
    right: 2%;
}

.TBcontentNew .TBcontent .layout-preview .TBRow .TextContent {
    word-wrap: break-word;
}

.TBcontentNew .TBcontent .newTbContainer #tb-layout-style{
    padding: 10px 0px !important;

}

.TBcontentNew .TBcontent .layout-style-div .nav-tabs > li > a{
    border-bottom: none !important;
}

.TBcontentNew .TBcontent .layout-style-div .nav-tabs > li.active > a{
    border-bottom: 2px solid #168aaf !important;
}

.TBcontentNew .TBcontent .controls-shadow .showMore{
    width: -moz-calc(100% - 10px) !important;   /* 5-border + 5-border px left and right padding */
    width: -webkit-calc(100% - 10px) !important;
    width: calc(100% - 10px) !important;
    border: 1px solid #000;
    border-top: none !important;
    border-bottom: none !important;
    background: none repeat scroll 0 0 #222 !important;
    opacity: 0.80;
}

.TBcontentNew .TBcontent .newEditContainer .panel-body{
    padding: 15px 20px !important;
    padding-top: 0px !important;
}

.TBcontentNew .TBcontent .layout-overlay{
    display: none;
    width: calc(100% - 12px);  /*12 px for scrollbar*/
    width: -webkit-calc(100% - 12px);  /*12 px for scrollbar*/
    width: -moz-calc(100% - 15px);  /*15 px for moz scrollbar*/
    height:  -moz-calc(100vh - 237px) !important;    /*add all fixed heights and substract it from browsers view height */
    height:  -webkit-calc(100vh - 237px) !important;    /*add all fixed heights and substract it from browsers view height */
    height:  calc(100vh - 237px) !important;
    position: absolute;
    background-color: #000;
    top: 72px;
    opacity: 0.15;
    z-index: 999;
}

.TBcontentNew .TBcontent .newEditContainer .social-media-options{
    width: 100% !important;
}

.TBcontentNew .TBcontent .newEditContainer .select2-container{
    width: 100% !important;
}

.TBcontentNew .TBcontent .tb-btn-wrap{
    width: 130px;
    float: left;
    margin-left: calc(50% - 65px);  /* half of div width*/
    margin-left: -moz-calc(50% - 65px);  /* half of div width*/
    margin-left: -webkit-calc(50% - 65px);  /* half of div width*/
}

.TBcontentNew .TBcontent .othr-btns{
     height: 28px;
    padding-left: 26px !important;
}

.TBcontentNew .TBcontent .othr-btns .w-btn-label{
    padding: 10px 7px !important;
}

.TBcontentNew .TBcontent .othr-btns .w-btn-label-txt{
    line-height: 32px;
}

.TBcontentNew .TBcontent .tooltip{
    width:80px;
}
    /*Create or edit campaign style*/

.campaign-design-div .TBcontentNew .TBcontent .layout-preview {
    max-height:  -moz-calc(100vh - 410px) !important;    /*add all fixed heights and substract it from browsers view height */
    max-height:  -webkit-calc(100vh - 410px) !important;    /*add all fixed heights and substract it from browsers view height */
    max-height:  calc(100vh - 410px) !important;    /*add all fixed heights and substract it from browsers view height */
    overflow-y: scroll;
}

.campaign-design-div .TBcontentNew .TBcontent .layout-overlay{

    height:  -moz-calc(100vh - 295px) !important;    /*add all fixed heights and substract it from browsers view height */
    height:  -webkit-calc(100vh - 295px) !important;    /*add all fixed heights and substract it from browsers view height */
    height:  calc(100vh - 295px) !important;

}

.campaign-design-div .TBcontentNew .TBcontent .layout-preview .Layout{
    margin-bottom: 40px; !important;
}

.campaign-design-div .TBcontentNew .TBcontent .newEditContainer {
    max-height:  -moz-calc(100vh - 300px) !important;
    max-height:  -webkit-calc(100vh - 300px) !important;
    max-height:  calc(100vh - 300px) !important;
}

.campaign-design-div:first-child{
    padding: 0;
}

.campaign-info .panel{
    margin-bottom: 10px;
    background-color: #fff;
    height: auto;
    overflow: hidden;
    max-width: 1250px !important;
}

.campaign-info .panel .panel-heading{
    padding-bottom: 4px;
    padding-top: 19px;
    border-bottom: none;
    height: 57px;
}

.campaign-info .panel .panel-heading .panel-title{
    font-size: 18px;
}

.campaign-info .panel .panel-body{
    padding-top: 6px;
    padding-bottom: 10px;
}

.page-header .edit-template-heading{
    margin-top: 10px;
    margin-left: 5px;
    font-size: 13px;
}

/* To enforce scroll bar in mac*/

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 12px;
    background-color: #F0F0F0;
}
::-webkit-scrollbar-thumb {
    background-color: #C1C1C1;
}

/*Main overlay css*/
.tb-overlay{
    display:none;
    width:100%;
    height:100vh;
    opacity:0.05;
    background-color:#fff;
    position: absolute;
    top: 0;left:0;
    z-index:9999;
}

.TBcontentNew .TBcontent {
  background: #fff;
  max-height: inherit;
  margin-top: 10px;
  min-height: inherit;
}
.TBcontentNew .TBcontent .Layout {
  outline: none 0px;
}
.TBcontentNew .TBcontent .newTbContainer {
  padding: 0px;
  overflow-x: auto;
}
.TBcontentNew .TBcontent .newTbContainer .tb-style-line-height {
  width: 99%;
  text-align: center;
  height: 33px;
  border-bottom: 2px solid #dddddd !important;
  border-bottom: solid;
}
.TBcontentNew .TBcontent .newTbContainer #tb-layout-style {
  margin: 0px !important;
}
.TBcontentNew .TBcontent .newEditContainer {
  padding: 0px;
  overflow-x: auto;
}
.TBcontentNew .TBcontent .Region .btn-group {
  height: 80px;
  width: 100%;
  background-color: #E3E3E3;
}
.TBcontentNew .TBcontent .Region .addContent {
  padding: 0px;
}
.TBcontentNew .TBcontent .Region.blank-area {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: inherit;
  outline: 0px ;
  margin: 0px;
}
.TBcontentNew .TBcontent .Block.DividerBlock {
  padding: 5px 0px;
}
.wizard-new-tb .wizard-content {
  padding: 0px !important;
  margin-bottom: 0px !important;
}
@media screen and (max-height: 768px) and (min-height: 500px) {
  .TBcontentNew .TBcontent .newTbContainer {
    max-height: 440px;
  }
  .TBcontentNew .TBcontent .newEditContainer {
    max-height: 403px;
  }
}
@media screen and (max-height: 800px) and (min-height: 768px) {
  .TBcontentNew .TBcontent .newTbContainer {
    max-height: 595px;
  }
  .TBcontentNew .TBcontent .newEditContainer {
    max-height: 558px;
  }
}
@media screen and (max-height: 900px) and (min-height: 800px) {
  .TBcontentNew .TBcontent .newTbContainer {
    max-height: 695px;
  }
  .TBcontentNew .TBcontent .newEditContainer {
    max-height: 658px;
  }
}
@media screen and (max-height: 901px) and (min-height: 800px) {
  .TBcontentNew .TBcontent .newTbContainer {
    max-height: 572px;
  }
  .TBcontentNew .TBcontent .newEditContainer {
    max-height: 535px;
  }
}
@media screen and (max-height: 1080px) and (min-height: 900px) {
  .TBcontentNew .TBcontent .newTbContainer {
    max-height: 721px;
  }
  .TBcontentNew .TBcontent .newEditContainer {
    max-height: 684px;
  }
}
@media screen and (max-height: 1200px) and (min-height: 1080px) {
  .TBcontentNew .TBcontent .newTbContainer {
    max-height: 993px;
  }
  .TBcontentNew .TBcontent .newEditContainer {
    max-height: 956px;
  }
}
@media screen and (max-height: 1536px) and (min-height: 1200px) {
  .TBcontentNew .TBcontent .newTbContainer {
    max-height: 1329px;
  }
  .TBcontentNew .TBcontent .newEditContainer {
    max-height: 1292px;
  }
}
.noChangeDesign #change-design-div {
  display: none;
  visibility: hidden;
}

/***
Spectrum Colorpicker v1.5.1
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/

.sp-container {
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    *display: inline;
    *zoom: 1;
    /* https://github.com/bgrins/spectrum/issues/40 */
    z-index: 9999994;
    overflow: hidden;
}
.sp-container.sp-flat {
    position: relative;
}

/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
  position:relative;
  width: 100%;
  display:inline-block;
}
.sp-top-inner {
   position:absolute;
   top:0;
   left:0;
   bottom:0;
   right:0;
}
.sp-color {
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:20%;
}
.sp-hue {
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:84%;
    height: 100%;
}

.sp-clear-enabled .sp-hue {
    top:33px;
    height: 77.5%;
}

.sp-fill {
    padding-top: 80%;
}
.sp-sat, .sp-val {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.sp-alpha-enabled .sp-top {
    margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha {
    display: block;
}
.sp-alpha-handle {
    position:absolute;
    top:-4px;
    bottom: -4px;
    width: 6px;
    left: 50%;
    cursor: pointer;
    border: 1px solid black;
    background: white;
    opacity: .8;
}
.sp-alpha {
    display: none;
    position: absolute;
    bottom: -14px;
    right: 0;
    left: 0;
    height: 8px;
}
.sp-alpha-inner {
    border: solid 1px #333;
}

.sp-clear {
    display: none;
}

.sp-clear.sp-clear-display {
    background-position: center;
}

.sp-clear-enabled .sp-clear {
    display: block;
    position:absolute;
    top:0px;
    right:0;
    bottom:0;
    left:84%;
    height: 28px;
}

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button  {
    -webkit-user-select:none;
    -moz-user-select: -moz-none;
    -o-user-select:none;
    user-select: none;
}

.sp-container.sp-input-disabled .sp-input-container {
    display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
    display: none;
}
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
    display: none;
}
.sp-palette-only .sp-picker-container {
    display: none;
}
.sp-palette-disabled .sp-palette-container {
    display: none;
}

.sp-initial-disabled .sp-initial {
    display: none;
}


/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
    background-image: -webkit-gradient(linear,  0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
    filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}
.sp-val {
    background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
    filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}

.sp-hue {
    background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
    background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */
.sp-1 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}
.sp-2 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}
.sp-3 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}
.sp-4 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}
.sp-5 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}
.sp-6 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}

.sp-hidden {
    display: none !important;
}

/* Clearfix hack */
.sp-cf:before, .sp-cf:after { content: ""; display: table; }
.sp-cf:after { clear: both; }
.sp-cf { *zoom: 1; }

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
    .sp-color { right: 40%; }
    .sp-hue { left: 63%; }
    .sp-fill { padding-top: 60%; }
}
.sp-dragger {
   border-radius: 5px;
   height: 5px;
   width: 5px;
   border: 1px solid #fff;
   background: #000;
   cursor: pointer;
   position:absolute;
   top:0;
   left: 0;
}
.sp-slider {
    position: absolute;
    top:0;
    cursor:pointer;
    height: 3px;
    left: -1px;
    right: -1px;
    border: 1px solid #000;
    background: white;
    opacity: .8;
}

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/

.sp-container {
    border-radius: 0;
    background-color: #ECECEC;
    border: solid 1px #f0c49B;
    padding: 0;
}
.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
    font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.sp-top {
    margin-bottom: 3px;
}
.sp-color, .sp-hue, .sp-clear {
    border: solid 1px #666;
}

/* Input */
.sp-input-container {
    float:right;
    width: 100px;
    margin-bottom: 4px;
}
.sp-initial-disabled  .sp-input-container {
    width: 100%;
}
.sp-input {
   font-size: 12px !important;
   border: 1px inset;
   padding: 4px 5px;
   margin: 0;
   width: 100%;
   background:transparent;
   border-radius: 3px;
   color: #222;
}
.sp-input:focus  {
    border: 1px solid orange;
}
.sp-input.sp-validation-error {
    border: 1px solid red;
    background: #fdd;
}
.sp-picker-container , .sp-palette-container {
    float:left;
    position: relative;
    padding: 10px;
    padding-bottom: 300px;
    margin-bottom: -290px;
}
.sp-picker-container {
    width: 172px;
    border-left: solid 1px #fff;
}

/* Palettes */
.sp-palette-container {
    border-right: solid 1px #ccc;
}

.sp-palette-only .sp-palette-container {
    border: 0;
}

.sp-palette .sp-thumb-el {
    display: block;
    position:relative;
    float:left;
    width: 24px;
    height: 15px;
    margin: 3px;
    cursor: pointer;
    border:solid 2px transparent;
}
.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
    border-color: orange;
}
.sp-thumb-el {
    position:relative;
}

/* Initial */
.sp-initial {
    float: left;
    border: solid 1px #333;
}
.sp-initial span {
    width: 30px;
    height: 25px;
    border:none;
    display:block;
    float:left;
    margin:0;
}

.sp-initial .sp-clear-display {
    background-position: center;
}

/* Buttons */
.sp-palette-button-container,
.sp-button-container {
    float: right;
}

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
    margin:0;
    overflow:hidden;
    cursor:pointer;
    padding: 4px;
    display:inline-block;
    *zoom: 1;
    *display: inline;
    border: solid 1px #91765d;
    background: #eee;
    color: #333;
    vertical-align: middle;
}
.sp-replacer:hover, .sp-replacer.sp-active {
    border-color: #F0C49B;
    color: #111;
}
.sp-replacer.sp-disabled {
    cursor:default;
    border-color: silver;
    color: silver;
}
.sp-dd {
    padding: 2px 0;
    height: 16px;
    line-height: 16px;
    float:left;
    font-size:10px;
}
.sp-preview {
    position:relative;
    width:25px;
    height: 20px;
    border: solid 1px #222;
    margin-right: 5px;
    float:left;
    z-index: 0;
}

.sp-palette {
    *width: 220px;
    max-width: 220px;
}
.sp-palette .sp-thumb-el {
    width:16px;
    height: 16px;
    margin:2px 1px;
    border: solid 1px #d0d0d0;
}

.sp-container {
    padding-bottom:0;
}


/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
  background-color: #eeeeee;
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  padding: 5px 4px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  vertical-align: middle;
}
.sp-container button:hover {
    background-color: #dddddd;
    background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd;
}
.sp-container button:active {
    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}
.sp-cancel {
    font-size: 11px;
    color: #d93f3f !important;
    margin:0;
    padding:2px;
    margin-right: 5px;
    vertical-align: middle;
    text-decoration:none;

}
.sp-cancel:hover {
    color: #d93f3f !important;
    text-decoration: underline;
}


.sp-palette span:hover, .sp-palette span.sp-thumb-active {
    border-color: #000;
}

.sp-preview, .sp-alpha, .sp-thumb-el {
    position:relative;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
    display:block;
    position:absolute;
    top:0;left:0;bottom:0;right:0;
}

.sp-palette .sp-thumb-inner {
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}

.sp-clear-display {
    background-repeat:no-repeat;
    background-position: center;
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}


#uploaderDiv .divider{
  margin-left: 60px;
  font-weight: bold;
}
.coords{
  margin: 10px 0px;
}
.coords td{
    height: 40px;
    padding-right: 20px;
    text-align: left;
    vertical-align: top;
}
.coords label{
 margin-right: 20px;
 display: inline-block;
 }
.coords input[type=radio]{
 margin-right: 5px;
 }
 .mg-rt20{
 margin-right: 20px;
 }
 .mg-rt10{
 margin-right: 10px;
 }
 .mg-lt10{
 margin-left: 10px;
 }
 #pickURL {
/*height: 20px !important;*/
 }
 
#applyChanges{
	margin-left: 115px;
	margin-bottom: 10px;
}
#cancelChanges{
	margin-left: 15px;
	margin-bottom: 10px;
}

.ImageEditPane { 
	clear:both; 
}

.imagePreviewClass { 
	clear:both;
}

.imagePreviewClass img{	  
	max-width:450px;
	height:400px;
}

.carousel{ width:500px; }
.url-upload, .sys-upload{margin: 15px 0;}
.sys-upload{margin-left: 0 !important;}
.url-upload input[type=text]{margin: 0 10px 0 0 !important;}
#filenameDiv{color: red;}
/* jQuery Resize And Crop (jrac) */

.jrac_container {
margin: 15px 0px;
}

.jrac_viewport {
  position: relative;
  overflow: hidden;
  border:2px solid #ccc;
  border-radius:5px;
  max-width:635px;
  height:400px;
  background-image: url('../img/viewport_background.gif');
}

.jrac_loading {
  background-image: url('../img/loading.gif');
  background-repeat:no-repeat;
  background-position:center;
  position: absolute;
  top:0;left:0;right:0;bottom:0;
}

.jrac_crop {
  position: absolute;
  border: 1px solid yellow;
}

.jrac_crop_drag_handler {
  position: absolute;
  top:0;left:0;right:0;bottom:0;
  background-color: #fff;
  opacity: .1; /* FX/Opera/Safari/Chrome */
  -ms-filter: "alpha(opacity=10)"; /* IE8 */
  filter: alpha(opacity = 10); /* IE6/IE7 */
}

.jrac_viewport img, .jrac_crop_drag_handler {
  cursor: pointer;
}

.ui-slider-horizontal{max-width: 635px; width: 100% !important; background-color: #666; margin-top: 5px;}
/*
 * imgAreaSelect default style
 */

.imgareaselect-border1 {
	background: url(border-v.gif) repeat-y left top;
}

.imgareaselect-border2 {
    background: url(border-h.gif) repeat-x left top;
}

.imgareaselect-border3 {
    background: url(border-v.gif) repeat-y right top;
}

.imgareaselect-border4 {
    background: url(border-h.gif) repeat-x left bottom;
}

.imgareaselect-border1, .imgareaselect-border2,
.imgareaselect-border3, .imgareaselect-border4 {
    filter: alpha(opacity=50);
	opacity: 0.5;
}

.imgareaselect-handle {
    background-color: #fff;
    border: solid 1px #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.imgareaselect-outer {
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.imgareaselect-selection {  
}