.color-primary {
  color: #0074cc;
}

.color-success {
	color: #149947;
}

.color-warning {
	color: #f3ac01;
}

.color-important {
	color: #df140f;
}

.color-info {
	color: #3A87AD;
}

.color-default {
  color: #999;
}

.fullscreen {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1035;
  margin: 0;
  padding: 0;
  border: 0px;
  background: #fff;
  opacity: 1;
  overflow-y: auto;
  overflow-x: hidden;
}

#footer {
	margin-top: 10px;
	padding-top: 10px;
	color: #999999;
	background: url('../images/bg_footer.gif') repeat-x;
	min-height: 150px;
}

#footer-copyright {
	clear: both;
	font-size: .9em;
	text-align: center;
}

.background-texture {
  background-image: url('../images/background_texture.png');
  background-color: #373737 !important;
}

div.loading {
	background-image: url('../images/ajax_loader.gif');
	background-repeat: no-repeat;
	padding-left: 20px;
}

/* Bootstrap overrides */
body {
	padding-top: 55px;
}

@media (max-width: 979px) {
	body {
		padding-top: 0px;
	}
}

.navbar-inner {
  background-color: #205541;
  background-image: -moz-linear-gradient(top, #3b984e, #205541);
  background-image: -ms-linear-gradient(top, #3b984e, #205541);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3b984e), to(#205541));
  background-image: -webkit-linear-gradient(top, #3b984e, #205541);
  background-image: -o-linear-gradient(top, #3b984e, #205541);
  background-image: linear-gradient(top, #3b984e, #205541);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b984e', endColorstr='#205541', GradientType=0);
}

.navbar-inner {
  background-color: #c22df5;
  background-image: -moz-linear-gradient(top, #c22df5, #976ef7);
  background-image: -ms-linear-gradient(top, #c22df5, #976ef7);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#aa50f6), to(#976ef7));
  background-image: -webkit-linear-gradient(top, #c22df5, #976ef7);
  background-image: -o-linear-gradient(top, #c22df5, #976ef7);
  background-image: linear-gradient(top, #c22df5, #976ef7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c22df5', endColorstr='#976ef7', GradientType=0);
}

.navbar-inner {
  background-color: #1C1C9C;
  background-image: none;
  filter: none;
}

.navbar {
  color: #fff;
}

.navbar .brand {
  color: #fff;
}

.navbar .nav > li > a {
  color: #fff;
}

.navbar .nav > li > a:hover {
  color: #fffbe1;
}

.navbar-search .search-query {
  color: #333;
  background-color: #eee;
  border-color: #205541;
}

.navbar-search .search-query:-moz-placeholder {
  color: #666;
}

.navbar-search .search-query:-ms-input-placeholder {
  color: #666;
}

.navbar-search .search-query::-webkit-input-placeholder {
  color: #666;
}

.navbar-search .search-query:focus,
.navbar-search .search-query.focused {
  background-color: #ffffff;
}
.navbar .divider-vertical {
  background-color: #205541;
  border-right: 1px solid #3b984e;
}
.navbar .divider-vertical {
  background-color: #1C1C9C;
  border-right: 1px solid #51519c;
}

.navbar .btn-navbar {
  background-color: #2c2c2c;
  background-image: -moz-linear-gradient(top, #333333, #222222);
  background-image: -ms-linear-gradient(top, #333333, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));
  background-image: -webkit-linear-gradient(top, #333333, #222222);
  background-image: -o-linear-gradient(top, #333333, #222222);
  background-image: linear-gradient(top, #333333, #222222);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #222222;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
}
.navbar .btn-navbar:hover,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {
  background-color: #222222;
  *background-color: #151515;
}
.navbar .btn-navbar:active,
.navbar .btn-navbar.active {
  background-color: #080808 \9;
}

/* Tables */
.grid-view table.table th a.asc
{
	background:url(../images/icon_up.gif) right center no-repeat;
	padding-right: 10px;
}

.grid-view table.table th a.desc
{
	background:url(../images/icon_down.gif) right center no-repeat;
	padding-right: 10px;
}

.table th {
  *zoom: 1;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  *line-height: 20px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  text-align: center;
  vertical-align: middle;
  background-color: #49afcd;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(top, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #2f96b4;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border-style: solid;
  border-width: 1px;
}

.table th > a{
	color: #fff;
}

/* Forms */
.form-horizontal label {
  float: left;
  width: 140px;
  padding-top: 5px;
  text-align: right;
}

.controls > .errorMessage {
  color: #b94a48;
}
.controls > input.error,
.controls > select.error,
.controls > textarea.error,
.controls.error > input,
.controls.error > select,
.controls.error > textarea {
  color: #b94a48;
  border-color: #b94a48;
}

.controls > input.error:focus,
.controls > select.error:focus,
.controls > textarea.error:focus,
.controls.error > input:focus,
.controls.error > select:focus,
.controls.error > select:focus {
  border-color: #953b39;
  -webkit-box-shadow: 0 0 6px #d59392;
  -moz-box-shadow: 0 0 6px #d59392;
  box-shadow: 0 0 6px #d59392;
}

.controls.success > .checkbox,
.controls.success > .radio,
.controls.success > input,
.controls.success > select,
.controls.success > textarea {
  color: #468847;
  border-color: #468847;
}
.controls.success > .checkbox:focus,
.controls.success > .radio:focus,
.controls.success > input:focus,
.controls.success > select:focus,
.controls.success > textarea:focus {
  border-color: #356635;
  -webkit-box-shadow: 0 0 6px #7aba7b;
  -moz-box-shadow: 0 0 6px #7aba7b;
  box-shadow: 0 0 6px #7aba7b;
}

.com { color: #93a1a1; }
.lit { color: #195f91; }
.pun, .opn, .clo { color: #93a1a1; }
.fun { color: #dc322f; }
.str, .atv { color: #D14; }
.kwd, .linenums .tag { color: #1e347b; }
.typ, .atn, .dec, .var { color: teal; }
.pln { color: #48484c; }

.prettyprint {
  padding: 8px;
  background-color: #f7f7f9;
  border: 1px solid #eee !important;
}
.prettyprint.linenums {
  -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
     -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
          box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
}

/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
  margin: 0 0 0 39px; /* IE indents via margin-left */
} 
ol.linenums li {
  padding-left: 12px;
  color: #bebec5;
  line-height: 18px;
  text-shadow: 0 1px 0 #fff;
}

li.L0,
li.L1,
li.L2,
li.L3,
li.L5,
li.L6,
li.L7,
li.L8 { list-style-type: inherit !important; }



/*#import-spreadsheet .modal-body {
    max-height: 1000px;
}*/

#import-spreadsheet input[type="file"] {
    width: 100%;
    color: green;
}

#new-ui-boxes, #new-ui-labels {
    list-style: none;
    width: 890px;
}
#new-ui-boxes li, #new-ui-labels li {
    height: 40px;
    display: flex;
  align-items: center;
  color: white;
  font-weight: bold;
  border: none;
  
}
.box-aqua-color{
  background-color: #00c0ef !important
}
.box-green-color{
  background-color: #00a65a !important
}
.box-yellow-color{
  background-color: #f39c12 !important
}
.box-red-color{
  background-color: #dd4b39 !important
}

.box-red-color{
  background-color: #dd4b39 !important
}

.box-light_blue-color{
  background-color: #3c8dbc !important
}

.box-dcw-color{
  background-color: #884b4b !important
}


.box-share-color{
  background-color: #204c39 !important
}

.box-light_green-color{
  background-color: #72BC3C !important
}

.box-hubspot-color{
  background-color: #f27553 !important;
}

.box-dw-color{
  background-color: #c47be0 !important;
}

.box-vc-color{
  background-color: #a2a2a2 !important;
}

#new-ui-boxes input[type="text"],  #new-ui-labels input[type="text"]{
    margin-left: 60px;
}

#new-ui-boxes input[type="checkbox"], #new-ui-labels input[type="checkbox"] {
    margin-left: 10px;
}
#new-ui-boxes li .box-label, #new-ui-labels li .box-label {
    width: 130px;
}



/* Absolute Center Spinner */
.loading_web_s {
  position: fixed;
  z-index: 999999999999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading_web_s:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading_web_s:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  display: none
}

.loading_web_s:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
   margin-left: 50%;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}



.mce-notification{
  display: none;
}

.mce-tinymce.mce-container.mce-panel{
  display: inline-block;
}

#help-item-placeholder {
    list-style: outside none none;
    margin: 0;
}

#help-item-placeholder li {
    
    margin-bottom : 20px;
}
#help-item-placeholder li input {
    width: 376px;
}

.group-variable-popup22.full{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
      top: 0% !important;
    left: 0% !important;

}

.group-variable-popup22.full .modal-body {
  height: 80%;
  min-height: 80%;
  border-radius: 0;
}

.JSON-window {
  width: 90%;
  height: auto;
  margin: 0;
  padding: 0;
      top: 2% !important;
      left: 5% !important;
}
.GV-container{
  margin-top: 5px;
  height: 80%;
  min-height: 80%;
}
.GV-container-inner{
  height: 460px;
}
.jsoneditor-mode-code {
  height: 80%;
  min-height: 80%;
} 
 .ace-jsoneditor{
  height: 80%;
  min-height: 80%;
}

.excel_list_container{
  margin-top: 5px;
}

.excel_list_container > div{
  display: inline-block;
  vertical-align: top;
}

.excel_list_container > div:nth-child(1){
  width: 150px;
}

.excel_list_container > div:nth-child(2){
  width: 18px;
}

.excel_list_container > div:nth-child(3){
  width: calc(100% - 178px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.excel_list_pick_container{
  margin-top: 5px;
}

.excel_list_pick_container > div{
  display: inline-block;
  vertical-align: top;
}

.excel_list_pick_container > div:nth-child(1){
  width: 15px;
}

.excel_list_pick_container > div:nth-child(2){
  width: 150px;
}

.excel_list_pick_container > div:nth-child(3){
  width: 18px;
}

.excel_list_pick_container > div:nth-child(4){
  width: calc(100% - 195px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}