/* Copyright (c) 2018 Tyler Anderson
 */

@import url("material-icons.css");


:focus {
  outline-color: transparent;
  outline-style: none;
}

@media screen
{
    #printSection {
        display: none;
        visibility: hidden;
    }

    .print-content {
        display: none;
        visibility: hidden;
    }
}


@media print
{

    @page {
      size: 8.5in 11in;
      margin: 10%;

    }


    /*HIDE ALL ITEMS*/
    body > * {
        visibility: hidden;
        display: inherit;
    }

    #printSection {
        display: block;
        visibility: visible;
        position: absolute;
        left:0px;
        top:0px;
        width: 100%;
        height: auto;
        background: #fff;
        background-color: #ffffff;
    }

    #printSection .print-content {
        display: block;
        visibility: visible;
        position: absolute;
        top: 0px; left: 0px;
        width: auto;
        margin: 4% 8%;
        height: auto;
    }

    #printSection .no-break-inside {
        page-break-inside: avoid;
    }

    #printSection .print-content .footer {
      position: fixed;
      bottom: 0px;
    }

    #printSection .print-content .header {
      position: fixed;
      top: 0px;
    }

}

md-toast { 
  z-index: 5000;
}

.autocomplete-custom-template .md-autocomplete-suggestion {
  border-bottom: 1px solid #ccc;
  height: auto;
  white-space: normal;
}
.autocomplete-custom-template .md-autocomplete-suggestion:last-child {
  border-bottom-width: 0;
}
.autocomplete-custom-template .item-title,
.autocomplete-custom-template .item-metadata {
  display: block;
  /*line-height: 2;*/
}

.autocomplete-custom-template .md-autocomplete-suggestion div {
    margin: 0px 0px; padding: 0px 0px; height: auto;
}


[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}


/* SimpleMDE FullScreen Support */
.CodeMirror-fullscreen {
    z-index: 100;
}

/* SimpleMDE FullScreen Support */
.editor-toolbar.fullscreen {
  z-index: 100;
}

/* SimpleMDE FullScreen Support */
.editor-preview-side.editor-preview-active-side {
  z-index: 102;
}

/* SimpleMDE Min Height */
.CodeMirror, .CodeMirror-scroll {
    min-height: 200px;
}


/* Elements that contain the compiled html from a markdown doc/string */
.markdown-view img, simple-mde .editor-preview.editor-preview-active img {
    max-width: 100%;
}

input.ace-small {
    border-collapse: collapse;
    border-width: 0px;
    border-bottom-width: 1px;
    border-color: transparent;
    display: inline-block;
    padding: 4px 4px;
    outline: none;
    background: none;
}

input.ace-small[type=text] {
    outline: none;
}

input.ace-small[type=number] {
    outline: none;
}

input:focus.ace-small {
    border-color: rgb(33,150,243);
}

input.ace-small.error {
    border-color: red;
}

input.nospin::-webkit-outer-spin-button,
input.nospin::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input.nospin[type=number] {-moz-appearance: textfield;}

.expand-bar {
    border-radius: 99px;
    cursor: pointer;
    outline: none;
    transition: background 325ms ease;
    background: transparent;
    padding-left: 8px;
}

.expand-bar:hover {
    background: rgba(0,0,0,0.05);
}

.min-height-40 {
  min-height: 40px;
}

.min-height-50 {
  min-height: 50px;
}

.min-height-400 {
  min-height: 400px;
}

md-input-container .hint {
    position: absolute;
    left: 2px;
    bottom: 7px;
    right: auto;
    font-size: 12px;
    line-height: 14px;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);

}

md-input-container .hint .material-icons {
    font-size: 14px;
    line-height: 14px;
    height: 14px;
    width: 14px;
    min-height: 14px;
    min-width: 14px;
    margin-top: -2px;
}

md-input-container .hint.ng-hide,
  md-input-container .hint.ng-enter,
  md-input-container .hint.ng-leave.ng-leave-active {
    bottom: 26px;
    opacity: 0; }
  md-input-container .hint.ng-leave,
  md-input-container .hint.ng-enter.ng-enter-active {
    bottom: 7px;
    opacity: 1; }


/*USED WITH editText directive*/
span.edit-text,a.edit-text,div.edit-text {
    cursor: pointer;
}

span.edit-text:hover,a.edit-text:hover,div.edit-text:hover {
    cursor: pointer;
    text-decoration: underline;
}


/*Correct issues with ink ripple bleeding outsize of given elements*/
.md-ink-ripple {
    position: relative;
}

.md-sidenav {
    max-width: 264px;
}

.nav-header {
    background-color: #106CC8;
    background: linear-gradient(#185694, #106cc8);
    border-bottom: 1px solid #267ED5;
    flex-shrink: 0;
    /*z-index: 2;*/
}

/*
 * Remove the padding from the inner subheader
 * (helps when lining up tabular data)
 */
.md-subheader .md-subheader-inner {
    padding-left: 0px;
    padding-right: 0px;
}


ui-view.ng-enter {
    position: absolute;
    left: 0;
    right: 0;
    -webkit-transition:/*transform 225ms ease-out, */opacity 325ms ease-out;
    -moz-transition:/*transform 225ms ease-out, */opacity 325ms ease-out;
    -o-transition:/*transform 225ms ease-out, */opacity 325ms ease-out;
    transition:/*transform 225ms ease-out, */opacity 325ms ease-out;

    transition-delay: 325ms;

    opacity: 0;
    /*-webkit-transform:translate3d(0, 15px, 0);
    -moz-transform:translate3d(0, 15px, 0);
    transform:translate3d(0, 15px, 0);*/
}

ui-view.ng-enter-active {
    opacity: 1;
    /*-webkit-transform:translate3d(0, 0, 0);
    -moz-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);*/
}

ui-view.ng-leave {
    position: absolute;
    left: 0;
    right: 0;
    -webkit-transition:/*transform 20ms ease-out, */opacity 20ms ease-in;
    -moz-transition:/*transform 20ms ease-out, */opacity 20ms ease-in;
    -o-transition:/*transform 20ms ease-out, */opacity 20ms ease-in;
    transition:/*transform 20ms ease-out, */opacity 20ms ease-in;
}



ui-view.ng-leave {
    opacity: 1;
    /*-webkit-transform:translate3d(0, 0, 0);
    -moz-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);*/
}

ui-view.ng-leave-active {
    opacity: 0;
    /*-webkit-transform:translate3d(0, -15px, 0);
    -moz-transform:translate3d(0, -15px, 0);
    transform:translate3d(0, -15px, 0);*/
}


.cursor-pointer {
  cursor: pointer;
}

.no-outline {
  outline: none;
}

.nowrap {
  white-space: nowrap;
}


.fadeIn.ng-enter {
  opacity: 0;
  transition: opacity 500ms ease;
}

.fadeIn.ng-enter.ng-enter-active {
  opacity: 1;
  overflow-y: hidden;
}


.fadeIn.ng-enter-stagger {
  animation-delay: 30ms;
  animation-duration: 0s;
}


.fadeUpEnter.ng-enter {
  transform: translateY(80px);
  opacity: 0;
  transition: transform 460ms ease, opacity 500ms ease;
  background: #fefefe;
}

.fadeUpEnter.ng-enter.ng-enter-active {
  overflow-y: hidden;
  transform: translateY(0px);
  opacity: 1;
}

.fadeUpEnter.ng-enter-stagger {
    animation-delay: 30ms;
    animation-duration: 0s;
}





.main-boxed {
  max-width: 960px;
}


.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}


.chip {
  border-radius: 100px;
  padding-left: 8px; padding-right: 8px;
  margin-left: 4px; margin-right: 4px;
  margin-bottom: 1px; margin-top: 1px;
  cursor: default;
  /*white-space: nowrap;*/
}

.chip-border {
  border-style: solid;
  border-color: rgba(0,0,0,0.5);
}

.radius-4 {
  border-radius: 4px;
}
.no-radius {
  border-radius: 0px;
}

.monospace {
  font-family: Lucida Console, Courier, monospace;
}

.no-margin {
  margin: 0px 0px;
}

.small-caps {
  font-variant: small-caps;
}

.uppercase {
  text-transform: uppercase;
}

.noselect, .no-select {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.margin-0, .m-0 {margin: 0px;}
.margin-top-0, .mt-0 {margin-top: 0px;}
.margin-bottom-0, .mb-0 {margin-bottom: 0px;}
.margin-right-0, .mr-0 {margin-right: 0px;}
.margin-left-0, .ml-0 {margin-left: 0px;}

.margin-4, .m-4 {margin: 4px;}
.margin-top-4, .mt-4 {margin-top: 4px;}
.margin-bottom-4, .mb-4 {margin-bottom: 4px;}
.margin-left-4, .ml-4 {margin-left: 4px;}
.margin-right-4, .mr-4 {margin-right: 4px;}

.margin-8, .m-8 {margin: 8px;}
.margin-top-8, .mt-8 {margin-top: 8px;}
.margin-bottom-8, .mb-8 {margin-bottom: 8px;}
.margin-left-8, .ml-8 {margin-left: 8px;}
.margin-right-8, .mr-8 {margin-right: 8px;}

.margin-16, .m-16 {margin: 16px;}
.margin-top-16, .mt-16 {margin-top: 16px;}
.margin-bottom-16, .mb-16 {margin-bottom: 16px;}
.margin-left-16, .ml-16 {margin-left: 16px;}
.margin-right-16, .mr-16 {margin-right: 16px;}

.margin-32, .m-32 {margin: 32px;}
.margin-top-32, .mt-32 {margin-top: 32px;}
.margin-bottom-32, .mb-32 {margin-bottom: 32px;}
.margin-left-32, .ml-32 {margin-left: 32px;}
.margin-right-32, .mr-32 {margin-right: 32px;}

.margin-36, .m-36 {margin: 36px;}
.margin-top-36, .mt-36 {margin-top: 36px;}
.margin-bottom-36, .mb-36 {margin-bottom: 36px;}
.margin-left-36, .ml-36 {margin-left: 36px;}
.margin-right-36, .mr-36 {margin-right: 36px;}

.padding-0, .p-0 {padding: 0px;}
.padding-top-0, .pt-0 {padding-top: 0px;}
.padding-bottom-0, .pb-0 {padding-bottom: 0px;}
.padding-left-0, .pl-0 {padding-left: 0px;}
.padding-right-0, .pr-0 {padding-right: 0px;}

.padding-4, .p-4 {padding: 4px;}
.padding-top-4, .pt-4 {padding-top: 4px;}
.padding-bottom-4, .pb-4 {padding-bottom: 4px;}
.padding-left-4, .pl-4 {padding-left: 4px;}
.padding-right-4, .pr-4 {padding-right: 4px;}

.padding-8, .p-8 {padding: 8px;}
.padding-top-8, .pt-8 {padding-top: 8px;}
.padding-bottom-8, .pb-8 {padding-bottom: 8px;}
.padding-left-8, .pl-8 {padding-left: 8px;}
.padding-right-8, .pr-8 {padding-right: 8px;}

.padding-16, .p-16 {padding: 16px;}
.padding-left-16, .pl-16 {padding-left: 16px;}
.padding-right-16, .pr-16 {padding-right: 16px;}
.padding-top-16, .pt-16 {padding-top: 16px;}
.padding-bottom-16, .pb-16 {padding-bottom: 16px;}

.padding-24, .p-24 {padding: 24px;}
.padding-left-24, .pl-24 {padding-left: 24px;}
.padding-right-24, .pr-24 {padding-right: 24px;}
.padding-top-24, .pt-24 {padding-top: 24px;}
.padding-bottom-24, .pb-24 {padding-bottom: 24px;}

.padding-32, .p-32 {padding: 32px;}
.padding-top-32, .pt-32 {padding-top: 32px;}
.padding-bottom-32, .pb-32 {padding-bottom: 32px;}
.padding-left-32, .pl-32 {padding-left: 32px;}
.padding-right-32, .pr-32 {padding-right: 32px;}

/*
::-webkit-scrollbar {
    width: 14px;
    height: 18px;
}
::-webkit-scrollbar-thumb {
    height: 6px;
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    -webkit-border-radius: 7px;
    background-color: rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
}
::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}
::-webkit-scrollbar-corner {
    background-color: transparent;
}
*/