/**
 * Shambhala logo icon-font
 */

@font-face {
	font-family: 'shambhala';
	src:url('common/fonts/shambhala.eot');
	src:url('common/fonts/shambhala.eot?#iefix') format('embedded-opentype'),
		url('common/fonts/shambhala.woff') format('woff'),
		url('common/fonts/shambhala.ttf') format('truetype'),
		url('common/fonts/shambhala.svg#shambhala') format('svg');
	font-weight: normal;
	font-style: normal;
}

.icon-Shambhala {
	font-family: 'shambhala';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.icon-Shambhala:before {
	content: "\53";
}


/**
 * Common Dialog css
 */

.shambhala-plus-dialog {
  display: none;
  opacity: 0;
  position: relative;
  z-index: 10;
  line-height: 1.5;
  transition: opacity 1s linear;
}


.shambhala-plus-dialog.shambhala-plus-dialog-open {
  display: block;
  opacity: 1;
  transition: opacity 1s linear;
  animation: show-dialog .5s ease-out;
}

.shambhala-plus-dialog-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 1s ease-in-out;
 }

 .shambhala-plus-dialog-inline {
    position: relative;
 }

.shambhala-plus-dialog > .dialog-container {
  position: absolute;
  transform: translate(10%,-100%);
  background: #fff;
  box-shadow: 0 3px 12px 3px hsla(0,0%,0%,.2);
  color: #666;
  /* padding: .9em; */
}

.shambhala-plus-dialog-popup > .dialog-container {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 33em;
}

.shambhala-plus-dialog-inline > .dialog-container {
  position: absolute;
  transform: translate(10%,-100%);
  padding-top: 0.9em;
  padding-bottom: 0.9em;
}


@keyframes show-dialog {
  0% {
/*            opacity: 0; */
    transform: scale(.9);
  }
  70% {
    transform: scale(1.01);
  }
  100% {
/*            opacity: 1; */
    transform: scale(1);
  }

}

.shambhala-plus-dialog > .dialog-container > div {
    padding-left: 1.5em;
    padding-right: 1.5em;
}

.shambhala-plus-dialog-popup > .dialog-container {
    padding-bottom: 1.9em;
}

.shambhala-plus-dialog > .dialog-panel-container {
  margin-bottom: .6em;
}

.shambhala-plus-dialog > .dialog-container > .dialog-closer-icon {
  position:absolute;
  top: 9pt;
  right: 9pt;
  padding: 0;
  margin: 0;
  /*width: 1.5em;
  height: 1.5em;*/
  font-size: 1em;
  /*line-height: 1.5;*/
  opacity: 0.3;
  overflow: visible;
  transition: opacity .2s ease-out;
}

.shambhala-plus-dialog > .dialog-container > .dialog-closer-icon:hover {
 opacity: 1;
}

.shambhala-plus-dialog > .dialog-container > .dialog-closer-icon:after {
  content: "X";
  font-size: 0.8em;
  line-height: 1.5em;
  position: absolute;
  top: 0px;
  right: 0;
  width: 1.5em;
  height: 1.5em;
  font-family: sans-serif;
  color: #fff;
  border: 2pt solid #fff;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  z-index: 3;
  box-sizing: content-box;
  /*transition: color, border-color .2s,.1s ease-in-out;*/
}

/*.shambhala-plus-dialog .dialog-closer-icon:hover {
  font-weight: 600;
  border-color: #999;
  color: #666;
}
*/

.shambhala-plus-dialog > .dialog-container > .dialog-header {
  background: #67B52C;
  color: #fff;
  padding-top: 1.5em;
  margin-bottom: .5em;
}

.shambhala-plus-dialog .icon-Shambhala {
  font-size: 2.6em;
}

.shambhala-plus-dialog .dialog-title {
  font-weight: 300;
  color: #fff;
  transform: translateX(-0.4em);  font-size: 1.5em;
}

.shambhala-plus-dialog .blurb {
  font-size: 1.1em;
  font-weight: 300;
  line-height: 1.2;


}

.shambhala-plus-dialog-message {
  /* margin-top: 0.6em; */
  min-height: 2em;
  line-height: 2em;
  font-family: helvetica-neue, tahoma, arial, sans-serif;
  font-style: italic;  color: red;
  color: red;
}

.shambhala-plus-dialog-message .fa {
  margin-right: 0.4em;
}

.shambhala-plus-dialog .dialog-panel {
  opacity: 0;
  max-height: 0;
  height: 0;
  margin-left: 200vw;
  display: block;
  overflow: hidden;
  transition-property: max-height, opacity;
  transition-duration: 1s,1s;
  transition-delay: 0s,0.2s;
  position: absolute;
}

.shambhala-plus-dialog .dialog-panel.active {
  opacity: 1;
  max-height: 100vh;
  height: auto;
  display: block;
  margin-left: 0;
  overflow: visible;
  position: relative;
}

.shambhala-plus-dialog-popup .dialog-panel p {
    margin-bottom: 1.5em;
}


.shambhala-plus-dialog-form {

}

.shambhala-plus-dialog-form > .field-group  {
  display: block;
  width: auto;
  margin-bottom: 0.5em;
}


.shambhala-plus-dialog-popup .button-group {
  margin-top: 1.6em;
  text-align: center;
}

.shambhala-plus-dialog-inline .button-group {
  margin-top: 0.4em;
  font-size: inherit;
  text-align: right;
  display: block;
}

.shambhala-plus-dialog .button-group a:not(:last-child),
.shambhala-plus-dialog .button-group button:not(:last-child),
.shambhala-plus-dialog .button-group input[type="button"]:not(:last-child) {
  margin-right: 1.4em;
}

.shambhala-plus-dialog .dialog-button {
  border: 1pt solid transparent;
  color: #999;
  border-radius: 3em;
  background: inherit;
  line-height: 1.8;
  height: auto;
  min-width: 5em;
  cursor: pointer;
  transition: color,border-color,box-shadow 0.4s,0.4s,0.4s ease-in,ease-in,ease-in;
}

.shambhala-plus-dialog .dialog-button:hover {
  color: orange;
  border-color: orange;
  box-shadow: 0 0 6px orange;
  background: inherit;
}

.shambhala-plus-dialog .button-primary {
  border-color: #67B52C;
  color: #67B52C;
  background: inherit;
}

.shambhala-plus-dialog .button-primary:hover {
}

.shambhala-plus-dialog .button-subdued {
  color: #999;
}

.shambhala-plus-dialog .button-subdued:hover {
  border-color: orange;
}


@media only screen and (max-width: 33em) {
  .shambhala-plus-dialog {
    background: rgba(20,15,0,0.7);
  }

  .shambhala-plus-dialog > .dialog-container > .dialog-header {
    text-align: center;
  }
}

/*
.shambhala-plus-dialog.shambhala-plus-dialog-open {
  display: block;

  animation: show-dialog .5s ease-out;
}

.shambhala-plus-dialog.shambhala-plus-dialog-close  {
  display: none;
  animation: show-dialog .5s ease-out reverse;
}

@keyframes show-dialog {
  0% {
    opacity: 0;
    transform: scale(.9);
  }
  70% {
    transform: scale(1.01);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }

}


@keyframes switch-panel {
  0% {
    opacity: 0;
    height: 0;
  }
  100% {
    opacity: 1;
    height: auto;
  }

}
*/