/**
 * GitHub theme
 *
 * @author Craig Campbell
 * @version 1.0.4
 */

pre {
    border: 1px solid #ccc;
    word-wrap: break-word;
    padding: 6px 10px;
    line-height: 19px;
    margin-bottom: 20px;
}
code {
    border: 1px solid #eaeaea;
    margin: 0 2px;
    padding: 0 5px;
    font-size: 12px;
}
pre code {
    border: 0;
    padding: 0;
    margin: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
pre,
code {
    font-family: Consolas, 'Liberation Mono', Courier, monospace;
    color: #333;
    background: #f8f8f8;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
pre,
pre code {
    font-size: 13px;
}
pre .comment {
    color: #998;
}
pre .support {
    color: #0086B3;
}
pre .tag,
pre .tag-name {
    color: navy;
}
pre .keyword,
pre .css-property,
pre .vendor-prefix,
pre .sass,
pre .class,
pre .id,
pre .css-value,
pre .entity.function,
pre .storage.function {
    font-weight: bold;
}
pre .css-property,
pre .css-value,
pre .vendor-prefix,
pre .support.namespace {
    color: #333;
}
pre .constant.numeric,
pre .keyword.unit,
pre .hex-color {
    font-weight: normal;
    color: #099;
}
pre .entity.class {
    color: #458;
}
pre .entity.id,
pre .entity.function {
    color: #900;
}
pre .attribute,
pre .variable {
    color: teal;
}
pre .string,
pre .support.value {
    font-weight: normal;
    color: #d14;
}
pre .regexp {
    color: #009926;
}


/* Custom */

html, body, #map {
  padding: 0;
  margin: 0;
}

ul#dropdown-example-1 li, ul#dropdown-example-2 li {
 width: 100%;
}

#map {
  width: 100%;
  height: 200px;
}


p { font-size:  0.875rem }

div.ta-scroll-window.legendtxt div, div.ta-scroll-window.legendtxt div p, div.ta-scroll-window.legendtxt div p span { font-size:  0.775rem; line-height: 0.975rem }

fieldset {
  padding: 1rem;
}

div::before {
    color: #a9a9a9;
}

label {
    margin-top:15px;
    color:#666;
    font-size: 0.975rem;
    cursor:default;
}

li label {
margin-top:0;
color:#666;
}

input.ng-invalid-minlength.ng-dirty, input.ng-invalid-required.ng-dirty, input.ng-invalid-maxlength.ng-dirty, input.ng-invalid-email.ng-dirty, input.ng-invalid-max.ng-dirty, input.ng-invalid-min.ng-dirty, input.ng-invalid-pattern.ng-dirty {
    border: 1px solid red;
}

table tr:hover {
    background-color: #e4e5e6;
}
textarea {
    /* min-height: 250px; */
}

textarea {
      padding: 0.5rem;
      /*width: 300px;
      max-width: 90%;*/
    }
    .animate:focus {
      -webkit-transition: height 50ms ease-in-out;
         -moz-transition: height 50ms ease-in-out;
           -o-transition: height 50ms ease-in-out;
              transition: height 50ms ease-in-out;
    }

textarea {
  resize: vertical; /* user can resize vertically, but width is fixed */
}



div.topmnu {
    text-align: center;
    background-color: #FFF;
    /*opacity: 0.85;*/
}

div.topform {
   margin-top:35px;
}

.joyride-tip-guide {
 width:600px;
 background: rgba(0,0,0,0.8);
}


.ta-scroll-window > .ta-bind, .ta-scroll-window.form-control, .ta-editor {
 min-height: 0;

}

section.top-bar-section ul li ul#dropdown-example-1 li {
   float: none;
}

.top-bar-section li a:not(.button):hover {
  background: #008cba;
}

.angular-google-map-container {
    height: 400px;
    width: 100%;
    margin-bottom: 25px;
}

.ta-editor {
  min-height: 300px;
  height: auto;
  overflow: auto;
  font-family: inherit;
  font-size: 100%;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-color: #fff;
  font-family: inherit;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875rem;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  height: 2.3125rem;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
  -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out;

}

div.btn-toolbar {
    display: none;
    background-color: #008cba
}

div.focussed {
   display: block
}

.ta-scroll-window > .ta-bind {
  height: auto;
  padding:6px 6px;
  font-size: 0.875rem;
}

.hidden {
 display: none;
}

.lock {
 font-size:1.5em;
 color:red;
 padding:10px;
 padding-left:0   
}

.unlock {
 font-size:1.5em;
 color:#0079a1;
 padding:10px;
 padding-left:0   
}

.locker {
 position:absolute;
 width:100%;
 height:100%;
 z-index:999;
 background-color:transparent;
 opacity:1   
}

/* NG-ANIMATE */

@-webkit-keyframes shake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    12.5% {
        -webkit-transform: translateX(-6px) rotateY(-5deg);
        transform: translateX(-6px) rotateY(-5deg);
    }
    37.5% {
        -webkit-transform: translateX(5px) rotateY(4deg);
        transform: translateX(5px) rotateY(4deg);
    }
    62.5% {
        -webkit-transform: translateX(-3px) rotateY(-2deg);
        transform: translateX(-3px) rotateY(-2deg);
    }
    87.5% {
        -webkit-transform: translateX(2px) rotateY(1deg);
        transform: translateX(2px) rotateY(1deg);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes shake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    12.5% {
        -webkit-transform: translateX(-6px) rotateY(-5deg);
        transform: translateX(-6px) rotateY(-5deg);
    }
    37.5% {
        -webkit-transform: translateX(5px) rotateY(4deg);
        transform: translateX(5px) rotateY(4deg);
    }
    62.5% {
        -webkit-transform: translateX(-3px) rotateY(-2deg);
        transform: translateX(-3px) rotateY(-2deg);
    }
    87.5% {
        -webkit-transform: translateX(2px) rotateY(1deg);
        transform: translateX(2px) rotateY(1deg);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.container2 {
    /*width: 350px;
    margin: 50px auto;*/
    -webkit-perspective: 600px;
    -ms-perspective: 600px;
    perspective: 600px;
    margin-top: 10%;
}
.box-shadow {
    -webkit-box-shadow: 0 12px 30px darkgrey;
    box-shadow: 0 12px 30px darkgrey;
}
.shake {
    -webkit-animation: shake 400ms ease-in-out;
    animation: shake 400ms ease-in-out;
}
.message {
    margin-top: 60px;
}


/* NG FLOW-IMG */

h4.subtitle {
 /*padding-left:10px; */
 /*padding-bottom:0;
 margin:0*/
}


h4.subtitle a {
 font-size:16px;
 font-weight: normal
}

span.carnum {
 color:#999;
 display: block;
 margin-bottom:15px;
}

img.drop {
 opacity:0.5;
 margin-top:0;
 margin-bottom:10px;
}

img.flowimg {
 margin-top:20px;
 margin-bottom:10px;
}

a.change {
 float:right;
 margin-top:-33px;
}


/* NG FLOW-FILES-DROP */

.drop.alert-box {
 padding: 1.875rem 1.5rem 1.875rem 1.875rem;
}