.top3 { margin-top:3px; }
.top5 { margin-top:5px; }
.top7 { margin-top:7px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top17 { margin-top:17px; }
.top30 { margin-top:30px; }


/* app css stylesheet */
img {
    max-width: 100%;
    max-height: 100%;
}

.menu {
  list-style: none;
  border-bottom: 0.1em solid black;
  margin-bottom: 2em;
  padding: 0 0 0.5em;
}

.menu:before {
  content: "[";
}

.menu:after {
  content: "]";
}

.menu > li {
  display: inline;
}

.menu > li:before {
  content: "|";
  padding-right: 0.3em;
}

.menu > li:nth-child(1):before {
  content: "";
  padding: 0;
}

.slide{

}
.slide.ng-leave {
  position: relative;
}
.slide.ng-enter {
  position: absolute;

}

/* animation slide */
.slide.ng-enter, .slide.ng-leave {
  -webkit-transition: -webkit-transform 0.3s ease-in, opacity 0.3s ease-in;
     -moz-transition: -moz-transform 0.3s ease-in, opacity 0.3s ease-in;
       -o-transition: -o-transform 0.3s ease-in, opacity 0.3s ease-in;
          transition: transform 0.3s ease-in, opacity 0.3s ease-in;
}
.slide.ng-enter, .slide.ng-leave.ng-leave-active {
  -webkit-transform: scaleX(0.0001);
       -o-transform: scaleX(0.0001);
          transform: scaleX(0.0001);
  opacity: 0;
}
.slide, .slide.ng-enter.ng-enter-active {
  -webkit-transform: scaleX(1);
       -o-transform: scaleX(1);
          transform: scaleX(1);
  opacity: 1;
}

/* icon in input box style -- */
.left-inner-addon {
    position: relative;
}
.left-inner-addon input {
    padding-left: 30px;
}
.left-inner-addon i {
    position: absolute;
    padding: 10px 12px;
    pointer-events: none;
}

.right-inner-addon {
    position: relative;
}
.right-inner-addon input {
    padding-right: 30px;
}
.right-inner-addon i {
    position: absolute;
    right: 0px;
    padding: 10px 12px;
    pointer-events: none;
}
/* -- icon in input box style */

.form-group.required .control-label:after {
  content:"*";
  color:red;
}

/* advanced-search-form */

.advanced-search-form .input-group{
    width: 100%;
}

/* application */
summary{
    outline:none;
    margin-bottom: 5px;
    user-select: none;
    cursor: pointer;
}
/* payment summary*/
.task-FINISHED {
    color: green;
}
.task-SKIPPED{
    color: grey;
}
.task-FAILED{
    color: red;
}

.task-SCHEDULED,
.task-PROCESSING{
    color: blue;
}

.whitespace-pre{
    white-space: pre;
}

/**
 TAG Selector
 */
.tag-selector .title{
    margin-bottom: 12px;
    font-weight: bold;
}
.tag-selector .tag-selected-list{
    margin-bottom: 12px;
    display: flex;
    padding: 6px 12px;
    border-radius: 4px;
    border: 1px solid #ccc;
    min-height: 35px;
    background-color: #fff;
    flex-wrap: wrap;
}
.tag-selector .tag-option-list {
    border: 1px solid #ccc;
    border-radius: 5px;
    display: flex;
    padding: 6px 12px;
    background-color: #eee;
    flex-wrap: wrap;
}

.tag-selector .tag-option {
    margin: 2px 0;
}

.tag-selector .tag {
    font-size: 90%;
    margin-right: 6px;
}

.tag-selector .tag-delete {
    font-size: xx-small;
    user-select: none;
    cursor: pointer;
}
.tag-selector input {
    margin-right: 2px;
    position: relative;
    top: 2px;
}

.tag-selector .group-title {
    padding: 6px 10px;
    text-align: center;
}

/**
md-autocomplete
 */
#mapletree md-autocomplete-wrap {
    height: 35px;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    border-radius: 4px;
}

#mapletree md-autocomplete input:not(.md-input) {
    line-height: normal;
    height: auto;
}

.rich-editor pre {
    background-color: #fff;
    padding: 0;
}

/**
for Tab-Pane
 */

.tab-pane {
    display: none;
}

.tab-pane.active {
    display: block;
}