/* line 5, ../../../../../../../Ruby25-x64/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../../Ruby25-x64/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../../Ruby25-x64/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../../Ruby25-x64/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../../Ruby25-x64/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../../Ruby25-x64/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../../Ruby25-x64/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../../Ruby25-x64/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../../Ruby25-x64/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* ==========================================================================
   Configuration
   ========================================================================== */
/* Breakpoints
   ========================================================================== */
/* Colours & Shades
   ========================================================================== */
/* Brand Colours ------------------------------------------------------------ */
/* Bootstrap Colours & Derivatives ------------------------------------------ */
/* Shades ------------------------------------------------------------------- */
/*$gray-lightest:    lighten(desaturate(adjust-hue($gray, -252.0000), 4.6729), 17.4510) !default;        // => #f6f6f6*/
/* Borders
   ========================================================================== */
/* Fonts
   ========================================================================== */
/* Font Colours
   ========================================================================== */
/*$link-color: #58748b !default;*/
/* ==========================================================================
   Mixins
   ========================================================================== */
/* ==========================================================================
   Helper Classes
   ========================================================================== */
/* line 5, sass/support/_helper.scss */
.accessibility-hidden {
  position: absolute;
  top: -2000px;
  left: -2000px;
}

/* line 11, sass/support/_helper.scss */
.vertical-align {
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
}

/* ==========================================================================
   Animation
   ========================================================================== */
@-webkit-keyframes fadeOutUpShort {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
}
@keyframes fadeOutUpShort {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
}
/* line 30, sass/support/_animation.scss */
.fadeOutUpShort {
  -webkit-animation-name: fadeOutUpShort;
  animation-name: fadeOutUpShort;
}

@-webkit-keyframes fadeInUpShort {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpShort {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
/* line 65, sass/support/_animation.scss */
.fadeInUpShort {
  -webkit-animation-name: fadeInUpShort;
  animation-name: fadeInUpShort;
}

/* line 70, sass/support/_animation.scss */
.smooth.ng-animate {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* line 77, sass/support/_animation.scss */
.fade-in-right-big.ng-enter {
  -webkit-animation: fadeInRightBig 0.5s;
  animation: fadeInRightBig 0.5s;
}

/* line 82, sass/support/_animation.scss */
.fade-in-right-big.ng-leave {
  -webkit-animation: fadeOutLeftBig 0.5s;
  animation: fadeOutLeftBig 0.5s;
}

/* line 87, sass/support/_animation.scss */
.fade-in-left-big.ng-enter {
  -webkit-animation: fadeInLeftBig 0.5s;
  animation: fadeInLeftBig 0.5s;
}

/* line 92, sass/support/_animation.scss */
.fade-in-left-big.ng-leave {
  -webkit-animation: fadeOutRightBig 0.5s;
  animation: fadeOutRightBig 0.5s;
}

/* line 97, sass/support/_animation.scss */
.fade-in-up-big.ng-enter {
  -webkit-animation: fadeInUpBig 5s;
  animation: fadeInUpBig 5s;
}

/* line 102, sass/support/_animation.scss */
.fade-in-up-big.ng-leave {
  -webkit-animation: fadeOutUpBig 5s;
  animation: fadeOutUpBig 5s;
}

/* line 107, sass/support/_animation.scss */
.fade-in-down-big.ng-enter {
  -webkit-animation: fadeInDownBig 0.5s;
  animation: fadeInDownBig 0.5s;
}

/* line 112, sass/support/_animation.scss */
.fade-in-down-big.ng-leave {
  -webkit-animation: fadeOutDownBig 0.5s;
  animation: fadeOutDownBig 0.5s;
}

/* line 117, sass/support/_animation.scss */
.fade-in.ng-enter {
  -webkit-animation: fadeIn 0.5s;
  animation: fadeIn 0.5s;
}

/* line 122, sass/support/_animation.scss */
.fade-in.ng-leave {
  -webkit-animation: fadeOut 0.5s;
  animation: fadeOut 0.5s;
}

/* line 127, sass/support/_animation.scss */
.fade-in-right.ng-enter {
  -webkit-animation: fadeInRight 0.5s;
  animation: fadeInRight 0.5s;
}

/* line 132, sass/support/_animation.scss */
.fade-in-right.ng-leave {
  -webkit-animation: fadeOutLeft 0.5s;
  animation: fadeOutLeft 0.5s;
}

/* line 137, sass/support/_animation.scss */
.fade-in-left.ng-enter {
  -webkit-animation: fadeInLeft 0.5s;
  animation: fadeInLeft 0.5s;
}

/* line 142, sass/support/_animation.scss */
.fade-in-left.ng-leave {
  -webkit-animation: fadeOutRight 0.5s;
  animation: fadeOutRight 0.5s;
}

/* line 147, sass/support/_animation.scss */
.fade-in-up.ng-enter {
  -webkit-animation: fadeInUpShort 0.5s;
  animation: fadeInUpShort 0.5s;
}

/* line 152, sass/support/_animation.scss */
.fade-in-up.ng-leave {
  -webkit-animation: fadeOutUpShort 0.5s;
  animation: fadeOutUpShort 0.5s;
}

/* line 157, sass/support/_animation.scss */
.fade-in-down.ng-enter {
  -webkit-animation: fadeInDown 0.5s;
  animation: fadeInDown 0.5s;
}

/* line 162, sass/support/_animation.scss */
.fade-in-down.ng-leave {
  -webkit-animation: fadeOutDown 0.5s;
  animation: fadeOutDown 0.5s;
}

/* ==========================================================================
   Bootstrap Variable Overrides
   ========================================================================== */
/* Breakpoints
   ========================================================================== */
/* Buttons
   ========================================================================== */
/* Colors
   ========================================================================== */
/* Components
   ========================================================================== */
/* Gray and Brand Colours
   ========================================================================== */
/* Font Colours
   ========================================================================== */
/* Font Sizes
   ========================================================================== */
/*$font-size-huge:   ceil(($font-size-base * 1.25)) !default;    // ~18px*/
/*$font-size-large:         ceil(($font-size-base * 1.25)) !default; // ~18px*/
/*$icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "/Styles/fonts/bootstrap/") !default;*/
/* ==========================================================================
   Vendor Overrides
   ========================================================================== */
/* Angular Loading Bar
   ========================================================================== */
/* line 9, sass/custom/_vendor-overrides.scss */
body.public #loading-bar .bar {
  background: #e51937;
}
/* line 13, sass/custom/_vendor-overrides.scss */
body.public #loading-bar .peg {
  -moz-box-shadow: #e51937 1px 0 6px 1px;
  -ms-box-shadow: #e51937 1px 0 6px 1px;
  -webkit-box-shadow: #e51937 1px 0 6px 1px;
  box-shadow: #e51937 1px 0 6px 1px;
}

/* line 22, sass/custom/_vendor-overrides.scss */
body.private #loading-bar .bar {
  background: #fff;
}
/* line 26, sass/custom/_vendor-overrides.scss */
body.private #loading-bar .peg {
  -moz-box-shadow: #fff 1px 0 6px 1px;
  -ms-box-shadow: #fff 1px 0 6px 1px;
  -webkit-box-shadow: #fff 1px 0 6px 1px;
  box-shadow: #fff 1px 0 6px 1px;
}

/* Perfect Scrollbar
   ========================================================================== */
/* line 39, sass/custom/_vendor-overrides.scss */
*[perfect-scrollbar] {
  overflow-y: hidden !important;
}

/* line 43, sass/custom/_vendor-overrides.scss */
.touchevents .app-mobile *[perfect-scrollbar] {
  overflow-y: scroll !important;
  -webkit-overflow-scrolling: touch !important;
}

/* line 1, sass/core/_layout.scss */
* {
  outline: none !important;
}

/* line 5, sass/core/_layout.scss */
html,
body {
  height: 100%;
  width: 100%;
}

/* line 11, sass/core/_layout.scss */
body {
  color: #8e8e93;
  font-family: Helvetica,Arial,sans-serif;
  overflow-y: scroll;
  /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
}
/* line 19, sass/core/_layout.scss */
body .panel .panel-body {
  background-color: #1e1f21;
}
/* line 24, sass/core/_layout.scss */
body .table {
  background-color: white;
}
/* line 27, sass/core/_layout.scss */
body .table > thead > tr > th {
  background-color: #b99963;
}
/* line 32, sass/core/_layout.scss */
body .table-striped > tbody > tr:nth-child(2n+1) {
  background-color: #bcbdc0;
}
/* line 36, sass/core/_layout.scss */
body .input-group-addon,
body .form-control-static {
  background-color: #bcbdc0;
  color: white;
}
/* line 44, sass/core/_layout.scss */
body .form-group .form-control-static label {
  color: #1e1f21 !important;
}
/* line 50, sass/core/_layout.scss */
body fieldset {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-color: #1e1f21;
}
/* line 54, sass/core/_layout.scss */
body fieldset legend {
  color: white;
}
/* line 59, sass/core/_layout.scss */
body.private {
  background-color: #1e1f21;
}
/* line 63, sass/core/_layout.scss */
body.public {
  /*background-color: #f9f9f9;*/
  background-color: black;
  background-repeat: no-repeat;
  background-position: top;
}
/* line 70, sass/core/_layout.scss */
body::before {
  content: "0";
  display: none;
}
/* line 75, sass/core/_layout.scss */
body #main {
  position: relative;
  height: 100%;
  min-height: 100%;
  width: 100%;
  /*overflow: hidden;*/
  /*@include display-flex();*/
  /*@include flex-direction(row);*/
  /*@include transition(left .5s);*/
  /*position: relative;*/
  /*position: absolute;
  top: 0;
  right: 0;
  left: 0;*/
  /*height: 100%;*/
  /*background-color: $gw-midnight;*/
}
/* line 91, sass/core/_layout.scss */
body #main > aside {
  -moz-transform: translate3d(-260px, 0, 0);
  -ms-transform: translate3d(-260px, 0, 0);
  -webkit-transform: translate3d(-260px, 0, 0);
  transform: translate3d(-260px, 0, 0);
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 260px;
  background-color: black;
  z-index: 1001;
  /*@include display-flex();*/
  /*@include flex-direction(column);*/
  /*@include transition(width .5s ease);*/
  /*@include transition(width .5s);*/
  /*padding-left: 10px;*/
  /*height: 100%;*/
  /*margin-left: 10px;*/
  /*background-color: $gw-midnight;*/
}
/* line 109, sass/core/_layout.scss */
body #main > aside .core-aside {
  position: relative;
  height: 100%;
  /*overflow: hidden;*/
}
/* line 115, sass/core/_layout.scss */
body #main > aside [perfect-scrollbar] {
  -moz-box-shadow: inset -9px 0 8px -11px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset -9px 0 8px -11px rgba(0, 0, 0, 0.4);
  box-shadow: inset -9px 0 8px -11px rgba(0, 0, 0, 0.4);
  /*position: relative;*/
  height: 100%;
  /*background-color: $gw-midnight;*/
}
/* line 123, sass/core/_layout.scss */
body #main > article {
  /*@include transition(transform .5s ease 0s);
  @include transition(margin-left .5s ease);*/
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: relative;
  height: 100%;
  width: 100%;
  z-index: 1002;
            /*overflow-y: scroll !important;

            -webkit-overflow-scrolling: touch !important;

            /*@include display-flex();
            @include flex-direction(column);
            @include flex-grow(1);*/
            /*@include transition(left .3s ease);

            z-index: 1001;

            position: relative;*/
  /*position: absolute;
  left : 0;
  right: 0;*/
  /*height: 100%;
  min-height: 100%;
  width: 100%;*/
  /*margin-left: 260px;*/
  /*height: 100%;*/
}
/* line 152, sass/core/_layout.scss */
body #main > article:before, body #main > article:after {
  content: " ";
  display: table;
}
/* line 157, sass/core/_layout.scss */
body #main > article:after {
  clear: both;
}
/* line 161, sass/core/_layout.scss */
body #main > article > header {
  /*@include transform(translateZ(0));
  @include transition(margin-left .5s ease);*/
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  border: none;
  margin: 0;
  height: 60px;
  width: 100%;
  background-color: #1e1f21;
  z-index: 1003;
  /*@include transition(left .3s ease);
  /*position: absolute;*/
                /*position: fixed;
                top: 0;
                right: 0;
                bottom: 60px;
                left: 0;

                height: 60px;*/
  /*width: 100%;*/
  /*-webkit-transform: translateZ(0);*/
  /*z-index: 1000;*/
}
/* line 186, sass/core/_layout.scss */
body #main > article > header.header-dealers {
  background-image: url("../../../Images/headers/header_dealers.png");
  background-repeat: no-repeat;
  background-size: auto 61px;
}
/* line 192, sass/core/_layout.scss */
body #main > article > header.header-eazeetrak {
  background-image: url("../../../Images/headers/header_eazeetrak.png");
  background-repeat: no-repeat;
  background-size: auto 61px;
}
/* line 198, sass/core/_layout.scss */
body #main > article > header.header-reports {
  background-image: url("../../../Images/headers/header_reports.png");
  background-repeat: no-repeat;
  background-size: auto 61px;
}
/* line 205, sass/core/_layout.scss */
body #main > article > main {
  margin-bottom: -50px;
  min-height: 100%;
  /*background-color: #f9f9f9;*/
  /*!!! FLEXBOX MAGIC => AUTO FILL PANEL HEIGHT ~ BEGIN !!!*/
                /*display: flex;
                flex-flow: column;
                height: 100%;
                flex: 1 1 auto;
        
                > div {
                    flex: 1 1 auto;

                    > div {
                        position: absolute;

                        height: calc(100% - 60px);
                        width: 100%;

                        > section  > div.panel {
                            position: absolute;

                            height: calc(100% - 157px);
                            width: calc(100% - 10px);
                        }
                    }

                    > section  > div.panel {
                        position: absolute;

                        height: calc(100% - 217px);
                        width: calc(100% - 10px);
                    }
                }*/
  /*!!! FLEXBOX MAGIC => AUTO FILL PANEL HEIGHT ~ END !!!*/
  /*z-index: 1005;*/
}
/* line 240, sass/core/_layout.scss */
body #main > article > main:before {
  content: '';
  display: block;
  height: 60px;
}
/* line 246, sass/core/_layout.scss */
body #main > article > main:after {
  content: '';
  display: block;
  height: 50px;
}
/* line 254, sass/core/_layout.scss */
body #main > article > footer {
  /*position: fixed;
  bottom: 0;*/
  height: 50px;
  /*width: 100%;*/
  background-color: white;
}
/* line 263, sass/core/_layout.scss */
body #main .crest-full,
body #main .crest-mini {
  display: none;
}
/* line 268, sass/core/_layout.scss */
body #main.navigation-show {
  /*left: 0;*/
  position: fixed;
  /*.crest-full {
      display: none;
  }*/
}
/* line 272, sass/core/_layout.scss */
body #main.navigation-show > aside {
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  /*left: 0;*/
}
/* line 277, sass/core/_layout.scss */
body #main.navigation-show > article {
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  -moz-transform: translate3d(260px, 0, 0);
  -ms-transform: translate3d(260px, 0, 0);
  -webkit-transform: translate3d(260px, 0, 0);
  transform: translate3d(260px, 0, 0);
  /*@include transition(transform .5s ease 0s);*/
  position: absolute;
  overflow: hidden;
                /*position: absolute;

                overflow: hidden;*/
  /*left: 260px;*/
}
/* line 287, sass/core/_layout.scss */
body #main.navigation-show > article > header {
  /*left: 260px;*/
}
@media only screen and (min-width: 375px) {
  /* line 298, sass/core/_layout.scss */
  body::before {
    content: "1";
  }
}
@media only screen and (min-width: 480px) {
  /* line 304, sass/core/_layout.scss */
  body::before {
    content: "2";
  }
}
@media only screen and (min-width: 768px) {
  /* line 310, sass/core/_layout.scss */
  body::before {
    content: "3";
  }
}
@media only screen and (min-width: 1024px) {
  /* line 316, sass/core/_layout.scss */
  body::before {
    content: "4";
  }
  /* line 322, sass/core/_layout.scss */
  body #main > article > main {
    /*!!! FLEXBOX MAGIC => AUTO FILL PANEL HEIGHT ~ BEGIN !!!*/
                    /*> div {
                        > div {
                            > section  > div.panel {
                                width: calc(100% - 60px);
                            }
                        }

                        > section  > div.panel {
                            width: calc(100% - 60px);
                        }
                    }*/
    /*!!! FLEXBOX MAGIC => AUTO FILL PANEL HEIGHT ~ END !!!*/
  }
}
@media only screen and (min-width: 1440px) {
  /* line 342, sass/core/_layout.scss */
  body::before {
    content: "5";
  }
}
@media only screen and (min-width: 1600px) {
  /* line 348, sass/core/_layout.scss */
  body::before {
    content: "6";
  }
  /* line 353, sass/core/_layout.scss */
  body #main .crest-full {
    -moz-transition: margin-top 1.2s ease;
    -o-transition: margin-top 1.2s ease;
    -webkit-transition: margin-top 1.2s ease;
    transition: margin-top 1.2s ease;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1004;
    display: block;
    margin: 0 0 0 10px;
    margin-top: -5px;
    width: 240px;
  }
  /* line 365, sass/core/_layout.scss */
  body #main .crest-mini {
    -moz-transition: margin-left 0.2s ease;
    -o-transition: margin-left 0.2s ease;
    -webkit-transition: margin-left 0.2s ease;
    transition: margin-left 0.2s ease;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1004;
    display: block;
    margin: -2px 0 0 0;
    margin-left: -80px;
    width: 70px;
  }
  /* line 377, sass/core/_layout.scss */
  body #main > aside {
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    /*left: 0;*/
    /*margin-left: 10px;
    margin-top: 60px;
    width: 250px;*/
    /*padding-left: 10px;*/
    padding-top: 60px;
    width: 260px;
    /*margin-top: 60px;*/
    /*padding-left: 10px;*/
  }
  /* line 390, sass/core/_layout.scss */
  body #main > article {
    margin-left: 260px;
    width: auto;
    /*> header {
        margin-left: 260px;
    }*/
  }
  /* line 399, sass/core/_layout.scss */
  body #main.navigation-collapsed > aside {
    z-index: 1003;
    width: 70px;
  }
  /* line 404, sass/core/_layout.scss */
  body #main.navigation-collapsed > aside .core-aside:hover .ps-scrollbar-y {
    /*@include opacity(0);*/
  }
  /* line 410, sass/core/_layout.scss */
  body #main.navigation-collapsed > article {
    /*margin-left: 80px;*/
    margin-left: 80px;
    /*> header {
        margin-left: 80px;
    }*/
  }
  /* line 418, sass/core/_layout.scss */
  body #main.navigation-collapsed .crest-full {
    -moz-transition: margin-top 0.2s ease;
    -o-transition: margin-top 0.2s ease;
    -webkit-transition: margin-top 0.2s ease;
    transition: margin-top 0.2s ease;
    margin-top: -90px;
  }
  /* line 423, sass/core/_layout.scss */
  body #main.navigation-collapsed .crest-mini {
    -moz-transition: margin-left 1s ease;
    -o-transition: margin-left 1s ease;
    -webkit-transition: margin-left 1s ease;
    transition: margin-left 1s ease;
    margin-left: 4px;
  }
}

/* background image ~ begin */
@media only screen and (min-width: 0) and (max-width: 375px) {
  /* line 434, sass/core/_layout.scss */
  body.public,
  body #main {
    background-image: url("../../../../../Images/authentication/375x700_background.png");
  }
}
@media only screen and (min-width: 376px) and (max-width: 414px) {
  /* line 441, sass/core/_layout.scss */
  body.public,
  body #main {
    background-image: url("../../../../../Images/authentication/414x800_background.png");
  }
}
@media only screen and (min-width: 415px) and (max-width: 768px) {
  /* line 448, sass/core/_layout.scss */
  body.public,
  body #main {
    background-image: url("../../../../../Images/authentication/768x1000_background.png");
  }
}
@media only screen and (min-width: 769px) and (max-width: 960px) {
  /* line 455, sass/core/_layout.scss */
  body.public,
  body #main {
    background-image: url("../../../../../Images/authentication/960x800_background.png");
  }
}
@media only screen and (min-width: 961px) and (max-width: 1024px) {
  /* line 462, sass/core/_layout.scss */
  body.public,
  body #main {
    background-image: url("../../../../../Images/authentication/1024x1400_background.png");
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  /* line 469, sass/core/_layout.scss */
  body.public,
  body #main {
    background-image: url("../../../../../Images/authentication/1366x1000_background.png");
  }
}
@media only screen and (min-width: 1367px) {
  /* line 476, sass/core/_layout.scss */
  body.public,
  body #main {
    background-image: url("../../../../../Images/authentication/3300x1863_background.png");
  }
}
/* background image ~ end */
/* account container ~ begin */
/* line 484, sass/core/_layout.scss */
.account-container {
  z-index: 1;
  position: relative;
  border: 9px solid white;
  margin: 197px auto 0;
  min-height: 354px;
  padding: 20px;
  width: 288px;
  background-color: #222;
  max-width: 300px;
}
/* line 495, sass/core/_layout.scss */
.account-container .checkbox {
  padding-top: 10px;
  margin-top: 15px;
}
/* line 500, sass/core/_layout.scss */
.account-container .form {
  margin: 15px 0 0 0;
}
/* line 503, sass/core/_layout.scss */
.account-container .form .action {
  padding-top: 10px;
  margin-top: 15px;
}
/* line 508, sass/core/_layout.scss */
.account-container .form .form-group {
  padding-top: 10px;
  margin-top: 15px;
}
/* line 514, sass/core/_layout.scss */
.account-container .hyperlink {
  padding-top: 10px;
  margin-top: 15px;
}
/* line 518, sass/core/_layout.scss */
.account-container .hyperlink a {
  /*color: #58748b;*/
  color: #5b5b60;
  font-size: 13px;
  text-decoration: none;
}
/* line 524, sass/core/_layout.scss */
.account-container .hyperlink a:hover {
  /*color: lighten(#58748b, 15%);*/
  color: #808087;
}
/* line 531, sass/core/_layout.scss */
.account-container .logo {
  padding: 0 10px;
}
/* line 535, sass/core/_layout.scss */
.account-container .message,
.account-container .title {
  margin: 15px 0 10px;
  font-size: 13px;
  font-weight: 700;
}

@media only screen and (min-width: 768px) {
  /* line 544, sass/core/_layout.scss */
  .account-container {
    margin: 246px 0 0 50%;
  }
}
/* account container ~ end */
/* eazeetrak logo ~ begin */
/* line 551, sass/core/_layout.scss */
.band-container {
  /*background-color: black;*/
}

@media only screen and (min-width: 0) and (max-width: 414px) {
  /* line 556, sass/core/_layout.scss */
  .band-container {
    position: absolute;
    top: 0;
    height: 150px;
    width: 100%;
    background-color: black;
    background-image: url("../../../../../Images/authentication/375x700_band.png");
    background-repeat: no-repeat;
    background-position: center;
  }

  /* line 567, sass/core/_layout.scss */
  .eazeetrak-logo {
    display: none;
  }
}
@media only screen and (min-width: 415px) and (max-width: 767px) {
  /* line 573, sass/core/_layout.scss */
  .band-container {
    position: absolute;
    top: 0;
    height: 150px;
    width: 100%;
    background-color: black;
    /*background-image: url('../../../../../Images/authentication/375x700_band.png');
    background-repeat: no-repeat;
    background-position: center;*/
  }

  /* line 584, sass/core/_layout.scss */
  .eazeetrak-logo {
    display: block;
    width: 414px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 768px) {
  /* line 592, sass/core/_layout.scss */
  .band-container {
    position: absolute;
    top: 348px;
    left: -50%;
    height: 150px;
    width: 100%;
    /*background: rgba(74,74,74,0);
    background: -moz-linear-gradient(left, rgba(74,74,74,0) 0%, rgba(44,44,44,0) 40%, rgba(30,30,30,1) 60%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(74,74,74,0)), color-stop(40%, rgba(44,44,44,0)), color-stop(60%, rgba(30,30,30,1)), color-stop(100%, rgba(0,0,0,1)));
    background: -webkit-linear-gradient(left, rgba(74,74,74,0) 0%, rgba(44,44,44,0) 40%, rgba(30,30,30,1) 60%, rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(left, rgba(74,74,74,0) 0%, rgba(44,44,44,0) 40%, rgba(30,30,30,1) 60%, rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(left, rgba(74,74,74,0) 0%, rgba(44,44,44,0) 40%, rgba(30,30,30,1) 60%, rgba(0,0,0,1) 100%);
    background: linear-gradient(to right, rgba(74,74,74,0) 0%, rgba(44,44,44,0) 40%, rgba(30,30,30,1) 60%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4a4a', endColorstr='#000000', GradientType=1 );*/
  }

  /* line 608, sass/core/_layout.scss */
  .eazeetrak-logo {
    position: absolute;
    top: 0;
    right: -30px;
    display: block;
    width: 414px;
    margin: 0 auto;
  }
}
/* eazeetrak logo ~ end */
/* slogan ~ begin */
/* line 620, sass/core/_layout.scss */
.slogan-container {
  height: 150px;
  width: 100%;
  background-image: url("../../../../../Images/authentication/375x700_slogan.png");
  background-repeat: no-repeat;
  background-position: center;
}

@media only screen and (min-width: 0) and (max-width: 413px) {
  /* line 629, sass/core/_layout.scss */
  .slogan-container {
    display: none;
  }
}
@media only screen and (min-width: 414px) {
  /* line 635, sass/core/_layout.scss */
  .slogan-container {
    background-image: url("../../../../../Images/authentication/414x800_slogan.png");
  }
}
@media only screen and (min-width: 768px) {
  /* line 641, sass/core/_layout.scss */
  .slogan-container {
    background-image: url("../../../../../Images/authentication/960x800_slogan.png");
  }
}
@media only screen and (min-width: 1366px) {
  /* line 647, sass/core/_layout.scss */
  .slogan-container {
    background-image: url("../../../../../Images/authentication/1366x1000_slogan.png");
  }
}
/* slogan ~ end */
/* line 653, sass/core/_layout.scss */
b, strong {
  font-weight: 700;
}

/* line 1, sass/core/_header.scss */
#desktop-toggle-button {
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
  border: 0;
  display: none;
  height: 36px;
  margin: 0 10px;
  background-color: #b99963;
  color: white;
}

/* line 13, sass/core/_header.scss */
#mobile-toggle-button {
  border: 0;
  display: inline;
  height: 60px;
  line-height: 60px;
  padding: 0 15px;
  background-color: #e51937;
  color: white;
}

/* line 24, sass/core/_header.scss */
#pending-warranty-notification {
  float: right;
  overflow: hidden;
  height: 60px;
  width: 60px;
}
/* line 31, sass/core/_header.scss */
#pending-warranty-notification span.icon-bell {
  position: relative;
  display: block;
  margin: 18px;
  color: white;
  font-size: 22px;
}
/* line 41, sass/core/_header.scss */
#pending-warranty-notification .badge {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  position: absolute;
  right: 2px;
  top: 0;
  margin: 10px;
  min-width: 17px;
  background-color: #e51937;
}
/* line 54, sass/core/_header.scss */
#pending-warranty-notification .count {
  display: block;
  padding: 3px 3px 2px 3px;
  color: white;
  font-size: 12px;
  text-align: center;
}

@media only screen and (min-width: 1600px) {
  /* line 65, sass/core/_header.scss */
  #desktop-toggle-button {
    display: inline;
  }

  /* line 69, sass/core/_header.scss */
  #mobile-toggle-button {
    display: none;
  }
}
/* ==========================================================================
   Core > Main
   ========================================================================== */
/* Breadcrumb
   ========================================================================== */
/* line 8, sass/core/_main.scss */
.breadcrumb-wrapper {
  position: relative;
  border-bottom: 1px solid #ededed;
  height: 47px;
  padding: 15px 10px;
  background-color: #ffffff;
}
/* line 17, sass/core/_main.scss */
.breadcrumb-wrapper .breadcrumb {
  position: absolute;
  top: 50%;
  right: 10px;
  display: none;
  margin: 0;
  margin-top: -9px;
  padding: 0;
  background-color: transparent;
}
/* line 29, sass/core/_main.scss */
.breadcrumb-wrapper .breadcrumb li {
  color: #8e8e93;
  font-size: 13px;
}
/* line 33, sass/core/_main.scss */
.breadcrumb-wrapper .breadcrumb li a {
  padding-left: 20px;
  color: #f7f7f8;
  text-decoration: none;
}
/* line 39, sass/core/_main.scss */
.breadcrumb-wrapper .breadcrumb li a i {
  position: absolute;
  top: -1px;
  left: 0;
  margin-right: 5px;
  color: #5b5b60;
  font-size: 16px;
}
/* line 50, sass/core/_main.scss */
.breadcrumb-wrapper .breadcrumb li a:hover {
  color: #5b5b60;
}
/* line 57, sass/core/_main.scss */
.breadcrumb-wrapper .title {
  float: left;
  margin-top: -3px;
  font-size: 22px;
}

@media only screen and (min-width: 480px) {
  /* line 67, sass/core/_main.scss */
  .breadcrumb-wrapper {
    /*padding: 15px 25px;*/
  }
  /* line 70, sass/core/_main.scss */
  .breadcrumb-wrapper .breadcrumb {
    display: inline-block;
  }
}
@media only screen and (min-width: 1024px) {
  /* line 77, sass/core/_main.scss */
  .breadcrumb-wrapper {
    padding: 15px 35px;
  }
  /* line 80, sass/core/_main.scss */
  .breadcrumb-wrapper .breadcrumb {
    right: 35px;
  }
}
/* Return to View
   ========================================================================== */
/* line 90, sass/core/_main.scss */
.return-to-view {
  position: absolute;
  margin-top: -25px;
  text-decoration: none !important;
  color: #b99963;
  /*font-size: 13px;
  text-decoration: none;*/
}
/* line 97, sass/core/_main.scss */
.return-to-view:hover {
  color: #d1bc98;
}
/* line 101, sass/core/_main.scss */
.return-to-view i {
  margin-right: 5px;
}

/* line 1, sass/core/_sidebar.scss */
#main-navigation {
  margin: 0 10px 10px;
  padding: 10px 0 0;
}
/* line 5, sass/core/_sidebar.scss */
#main-navigation > li {
  /*@include transition(background-color .3s ease);*/
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  margin: 7px 0 9px;
  width: 240px;
  background-color: #b99963;
}
/* line 13, sass/core/_sidebar.scss */
#main-navigation > li:hover {
  background-color: #c8c7cc;
  color: #1e1f21;
}
/* line 18, sass/core/_sidebar.scss */
#main-navigation > li.active {
  -moz-box-shadow: 3px 4px 8px -3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 3px 4px 8px -3px rgba(0, 0, 0, 0.4);
  box-shadow: 3px 4px 8px -3px rgba(0, 0, 0, 0.4);
  background-color: #f9f9f9 !important;
  color: #333 !important;
}
/* line 23, sass/core/_sidebar.scss */
#main-navigation > li.active .icon span {
  /*background-color: $gw-red;*/
  background-color: #b99963;
}
/* line 27, sass/core/_sidebar.scss */
#main-navigation > li.active .icon span i {
  color: #1e1f21;
}
/* line 33, sass/core/_sidebar.scss */
#main-navigation > li.open {
  background-color: #c8c7cc;
  color: #1e1f21;
}
/* line 37, sass/core/_sidebar.scss */
#main-navigation > li.open a .arrow i {
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  display: block;
}
/* line 42, sass/core/_sidebar.scss */
#main-navigation > li.open ul {
  -moz-transition: max-height 0.3s ease-in;
  -o-transition: max-height 0.3s ease-in;
  -webkit-transition: max-height 0.3s ease-in;
  transition: max-height 0.3s ease-in;
  max-height: 500px;
}
/* line 48, sass/core/_sidebar.scss */
#main-navigation > li a {
  display: table;
  padding: 15px 5px 15px 15px;
  width: 100%;
  color: #666;
  text-decoration: none;
}
/* line 55, sass/core/_sidebar.scss */
#main-navigation > li a .arrow {
  float: right;
  display: table-cell;
  padding: 5px 8px 5px 0;
  color: #aaa;
  font-size: 18px;
  text-align: right;
  vertical-align: middle;
}
/* line 64, sass/core/_sidebar.scss */
#main-navigation > li a .arrow i {
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
/* line 69, sass/core/_sidebar.scss */
#main-navigation > li a .icon {
  display: table-cell;
  width: 30px;
  text-align: center;
}
/* line 74, sass/core/_sidebar.scss */
#main-navigation > li a .icon i {
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
  display: block;
}
/* line 79, sass/core/_sidebar.scss */
#main-navigation > li a .icon span {
  display: block;
  height: 30px;
  width: 30px;
  background-color: #1e1f21;
  color: white;
}
/* line 88, sass/core/_sidebar.scss */
#main-navigation > li a .inner {
  display: table-cell;
  padding-left: 10px;
  vertical-align: middle;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 14px;
  white-space: nowrap;
}
/* line 96, sass/core/_sidebar.scss */
#main-navigation > li a .inner .label {
  float: left;
  padding: 8px 0;
}
/* line 103, sass/core/_sidebar.scss */
#main-navigation > li ul {
  -moz-transition: max-height 0.3s ease-out;
  -o-transition: max-height 0.3s ease-out;
  -webkit-transition: max-height 0.3s ease-out;
  transition: max-height 0.3s ease-out;
  max-height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0 5px;
}
/* line 110, sass/core/_sidebar.scss */
#main-navigation > li ul li {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  height: auto;
  margin: 1px 0 0 0;
  padding: 0;
}
/* line 117, sass/core/_sidebar.scss */
#main-navigation > li ul li:hover {
  background-color: #e4e4e7;
  color: #333;
}
/* line 122, sass/core/_sidebar.scss */
#main-navigation > li ul li:last-child {
  margin: 1px 0 5px 0;
}
/* line 126, sass/core/_sidebar.scss */
#main-navigation > li ul li.active {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #dfdee2 !important;
}
/* line 130, sass/core/_sidebar.scss */
#main-navigation > li ul li.active a {
  color: #333 !important;
}
/* line 135, sass/core/_sidebar.scss */
#main-navigation > li ul li a {
  -moz-transition: background-color 0.3s linear 0s;
  -o-transition: background-color 0.3s linear 0s;
  -webkit-transition: background-color 0.3s linear;
  -webkit-transition-delay: 0s;
  transition: background-color 0.3s linear 0s;
  padding: 12px 0 12px 57px;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 13px;
}

/* line 146, sass/core/_sidebar.scss */
#nav-coll-container {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 70px;
    /*background-color: green;
    width: 50px;

    z-index: 1;*/
}

/* line 158, sass/core/_sidebar.scss */
#nav-container {
  overflow-x: hidden;
}
/* line 161, sass/core/_sidebar.scss */
#nav-container nav {
  position: relative;
}
/* line 164, sass/core/_sidebar.scss */
#nav-container nav .nav-title {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  /*padding: 22px 0 0 15px;*/
  padding: 15px;
  color: #666;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 10px;
  letter-spacing: .2px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #bcbdc0;
}

/* line 182, sass/core/_sidebar.scss */
#user-container {
  height: 100px;
  max-height: 100px;
  min-height: 100px;
  background: #1e1f21 url("/Images/backgrounds/user-background.png");
}
/* line 189, sass/core/_sidebar.scss */
#user-container .user {
  display: table;
  padding: 35px 0 0 20px;
  width: 250px;
  color: white;
}
/* line 196, sass/core/_sidebar.scss */
#user-container .user .user-left,
#user-container .user .user-body,
#user-container .user .user-right {
  display: table-cell;
  vertical-align: top;
}
/* line 204, sass/core/_sidebar.scss */
#user-container .user .user-body {
  padding: 0 10px;
}
/* line 207, sass/core/_sidebar.scss */
#user-container .user .user-body label,
#user-container .user .user-body span {
  -moz-transition: all 1.2s ease;
  -o-transition: all 1.2s ease;
  -webkit-transition: all 1.2s ease;
  transition: all 1.2s ease;
}
/* line 212, sass/core/_sidebar.scss */
#user-container .user .user-body label {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  display: block;
  margin-top: 2px;
  font-size: 13px;
}
/* line 221, sass/core/_sidebar.scss */
#user-container .user .user-body span {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  display: inline-block;
  margin-top: 5px;
  color: #c0c1c5;
  font-size: 12px;
}
/* line 233, sass/core/_sidebar.scss */
#user-container .user .user-right a {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  color: white;
}
/* line 239, sass/core/_sidebar.scss */
#user-container .user .user-right a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 244, sass/core/_sidebar.scss */
#user-container .user .user-right ul li a {
  color: black;
}
/* line 250, sass/core/_sidebar.scss */
#user-container img {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  height: 40px;
  width: 40px;
}

/* line 258, sass/core/_sidebar.scss */
#main.navigation-collapsed {
  /*@include transition(all .3s ease);*/
}
/* line 261, sass/core/_sidebar.scss */
#main.navigation-collapsed #main-navigation {
  margin: 0 0 10px 5px;
}
/* line 264, sass/core/_sidebar.scss */
#main.navigation-collapsed #main-navigation > li {
  /*@include transition(all .7s ease);*/
  /*position: relative;*/
  /*width: 65px;*/
  /*ul {
      li {
          &.active {
              @include box-shadow(none);
          }
      }
  }*/
}
/* line 271, sass/core/_sidebar.scss */
#main.navigation-collapsed #main-navigation > li.active {
  /*@include box-shadow(-8px 4px 8px -3px rgba(0, 0, 0, 0.4));*/
  /*a {
      .inner {
          background-color: $gw-red;
      }
  }*/
}
/* line 281, sass/core/_sidebar.scss */
#main.navigation-collapsed #main-navigation > li a {
  /*white-space: nowrap;*/
  /*.icon {
      width: 30px;
  }*/
}
/* line 288, sass/core/_sidebar.scss */
#main.navigation-collapsed #main-navigation > li a .inner {
  /*@include transition(all .3s ease);*/
  display: none;
                    /*position: absolute;
                    top: 0;

                    margin: 0 0 0 20px;
                    padding: 15px;
                    width: 195px;

                    background-color: $gw-midnight;
                    color: white;*/
}
/* line 316, sass/core/_sidebar.scss */
#main.navigation-collapsed #nav-coll-container > li {
  /*@include transition(all .3s ease);*/
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  margin: 7px 0 9px;
  width: 185px;
  /*overflow: hidden;*/
}
/* line 325, sass/core/_sidebar.scss */
#main.navigation-collapsed #nav-coll-container > li:hover {
  background-color: #c8c7cc;
  color: #1e1f21;
}
/* line 330, sass/core/_sidebar.scss */
#main.navigation-collapsed #nav-coll-container > li.active {
  -moz-box-shadow: 3px 4px 8px -3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 3px 4px 8px -3px rgba(0, 0, 0, 0.4);
  box-shadow: 3px 4px 8px -3px rgba(0, 0, 0, 0.4);
  background-color: #f9f9f9 !important;
  color: #333 !important;
}
/* line 336, sass/core/_sidebar.scss */
#main.navigation-collapsed #nav-coll-container > li.active ul {
  border-top: 10px solid #e51937;
}
/* line 340, sass/core/_sidebar.scss */
#main.navigation-collapsed #nav-coll-container > li.active .icon span,
#main.navigation-collapsed #nav-coll-container > li.active .inner {
  background-color: #e51937;
}
/* line 346, sass/core/_sidebar.scss */
#main.navigation-collapsed #nav-coll-container > li.open {
  background-color: #c8c7cc;
  color: #1e1f21;
}
/* line 350, sass/core/_sidebar.scss */
#main.navigation-collapsed #nav-coll-container > li.open a .arrow i {
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  display: block;
}
/* line 356, sass/core/_sidebar.scss */
#main.navigation-collapsed #nav-coll-container > li.open ul {
  -moz-transition: max-height 0.3s ease-in;
  -o-transition: max-height 0.3s ease-in;
  -webkit-transition: max-height 0.3s ease-in;
  transition: max-height 0.3s ease-in;
  max-height: 500px;
}
/* line 363, sass/core/_sidebar.scss */
#main.navigation-collapsed #nav-coll-container > li a {
  display: table;
  /*padding: 15px 5px 15px 15px;*/
  width: 100%;
  color: #666;
  text-decoration: none;
}
/* line 371, sass/core/_sidebar.scss */
#main.navigation-collapsed #nav-coll-container > li a .arrow {
  float: right;
  display: table-cell;
  padding: 5px 8px 5px 0;
  color: #aaa;
  font-size: 18px;
  text-align: right;
  vertical-align: middle;
}
/* line 381, sass/core/_sidebar.scss */
#main.navigation-collapsed #nav-coll-container > li a .arrow i {
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
/* line 386, sass/core/_sidebar.scss */
#main.navigation-collapsed #nav-coll-container > li a .icon {
  display: table-cell;
  padding: 15px 20px 15px 15px;
  width: 30px;
  display: none;
  text-align: center;
}
/* line 394, sass/core/_sidebar.scss */
#main.navigation-collapsed #nav-coll-container > li a .icon i {
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
  display: block;
}
/* line 400, sass/core/_sidebar.scss */
#main.navigation-collapsed #nav-coll-container > li a .icon span {
  display: block;
  height: 30px;
  width: 30px;
  background-color: #1e1f21;
  color: white;
}
/* line 410, sass/core/_sidebar.scss */
#main.navigation-collapsed #nav-coll-container > li a .inner {
  -moz-border-radius: 0 8px 8px 0;
  -webkit-border-radius: 0;
  border-radius: 0 8px 8px 0;
  display: table-cell;
  padding: 15px 20px;
  vertical-align: middle;
  background-color: #b99963;
  color: #fff;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 14px;
  white-space: nowrap;
}
/* line 423, sass/core/_sidebar.scss */
#main.navigation-collapsed #nav-coll-container > li a .inner .label {
  float: left;
  padding: 8px 0;
}
/* line 431, sass/core/_sidebar.scss */
#main.navigation-collapsed #nav-coll-container > li ul {
  -moz-transition: max-height 0.3s ease-out;
  -o-transition: max-height 0.3s ease-out;
  -webkit-transition: max-height 0.3s ease-out;
  transition: max-height 0.3s ease-out;
  position: absolute;
  /*left: 65px;*/
  border-top: 10px solid #1e1f21;
  max-height: none;
  margin: -10px 0 0 0;
  overflow: hidden;
  padding: 0 5px;
  width: 185px;
  background-color: #fff;
}
/* line 446, sass/core/_sidebar.scss */
#main.navigation-collapsed #nav-coll-container > li ul li {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  height: auto;
  margin: 1px 0 0 0;
  padding: 0;
}
/* line 454, sass/core/_sidebar.scss */
#main.navigation-collapsed #nav-coll-container > li ul li:hover {
  background-color: #e4e4e7;
  color: #333;
}
/* line 459, sass/core/_sidebar.scss */
#main.navigation-collapsed #nav-coll-container > li ul li:last-child {
  margin: 1px 0 5px 0;
}
/* line 463, sass/core/_sidebar.scss */
#main.navigation-collapsed #nav-coll-container > li ul li.active {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #dfdee2 !important;
}
/* line 468, sass/core/_sidebar.scss */
#main.navigation-collapsed #nav-coll-container > li ul li.active a {
  color: #333 !important;
}
/* line 473, sass/core/_sidebar.scss */
#main.navigation-collapsed #nav-coll-container > li ul li a {
  -moz-transition: background-color 0.3s linear 0s;
  -o-transition: background-color 0.3s linear 0s;
  -webkit-transition: background-color 0.3s linear;
  -webkit-transition-delay: 0s;
  transition: background-color 0.3s linear 0s;
  padding: 12px 0 12px 57px;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 13px;
}
/* line 488, sass/core/_sidebar.scss */
#main.navigation-collapsed #nav-container nav .nav-title {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 495, sass/core/_sidebar.scss */
#main.navigation-collapsed #user-container .user .user-body label,
#main.navigation-collapsed #user-container .user .user-body span {
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

@media only screen and (min-width: 1600px) {
  /* line 504, sass/core/_sidebar.scss */
  #main-navigation {
    margin: 0 0 10px 25px;
  }
  /* line 507, sass/core/_sidebar.scss */
  #main-navigation > li {
    -moz-border-radius: 8px 0 0 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px 0 0 8px;
    /*width: 225px;*/
    width: 235px;
  }

  /* line 514, sass/core/_sidebar.scss */
  #nav-container {
    padding-bottom: 60px;
  }
  /* line 517, sass/core/_sidebar.scss */
  #nav-container nav {
    /*@include border-radius(5px 0 0 0);*/
            /*&:before {
                position: absolute;
                content: "";
                left: 0;
                top: 0;

                background: $gw-midnight;
                width: 10px;
                height: 10px;
            }

            &:after {
                @include border-top-left-radius(5px);

                position: absolute;
                content: "";
                left: 0;
                top: 0;

                background: #D7D6DB;
                height: 11px;
                width: 11px;
            }*/
  }

  /* line 546, sass/core/_sidebar.scss */
  #user-container {
    /*margin-left: -10px;*/
  }
}
/*	=========================================================================
    Buttons
    ========================================================================= */
/* line 5, sass/components/_buttons.scss */
.btn-circle {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 34px;
}
/* line 10, sass/components/_buttons.scss */
.btn-circle i,
.btn-circle span {
  display: inline-block;
  margin: 3px 0 0 -1px;
}
/* line 16, sass/components/_buttons.scss */
.btn-circle.btn-lg {
  height: auto;
  width: 45px;
}

/* line 22, sass/components/_buttons.scss */
.btn-icon {
  width: 34px;
}
/* line 25, sass/components/_buttons.scss */
.btn-icon .icon-plus {
  margin: 1px 1px 0 0 !important;
}

/* line 30, sass/components/_buttons.scss */
.btn-responsive {
  width: 34px;
}
/* line 33, sass/components/_buttons.scss */
.btn-responsive span.label {
  display: none;
}
/* line 37, sass/components/_buttons.scss */
.btn-responsive.btn-xs {
  width: 28px;
}
/* line 41, sass/components/_buttons.scss */
.btn-responsive .icon-search {
  margin-left: -3px;
}
@media only screen and (min-width: 768px) {
  /* line 30, sass/components/_buttons.scss */
  .btn-responsive {
    width: auto;
  }
  /* line 48, sass/components/_buttons.scss */
  .btn-responsive span.label {
    display: inline;
  }
  /* line 52, sass/components/_buttons.scss */
  .btn-responsive.btn-xs {
    width: auto;
  }
  /* line 56, sass/components/_buttons.scss */
  .btn-responsive .icon-search {
    margin-left: 0;
  }
}

/* line 62, sass/components/_buttons.scss */
.button-footer {
  overflow: hidden;
  /*margin: 0 5px 0 0;*/
}
/* line 66, sass/components/_buttons.scss */
.button-footer.button-footer-right {
  /*text-align: right;*/
}
/* line 69, sass/components/_buttons.scss */
.button-footer.button-footer-right button {
  margin: 0 0 0 5px;
}

/* line 75, sass/components/_buttons.scss */
.btn-wrapper {
  display: table;
  margin: 0 auto;
}
/* line 79, sass/components/_buttons.scss */
.btn-wrapper i,
.btn-wrapper span {
  float: left;
}

/* ==========================================================================
   Datepickers
   ========================================================================== */
/* line 5, sass/components/_datepickers.scss */
.clip-datepicker {
  z-index: 10001;
  padding: 10px;
}
/* line 10, sass/components/_datepickers.scss */
.clip-datepicker.well {
  background: #fff;
  box-shadow: none;
}
/* line 15, sass/components/_datepickers.scss */
.clip-datepicker table {
  outline: none !important;
}
/* line 19, sass/components/_datepickers.scss */
.clip-datepicker table thead .btn {
  font-size: 17px;
}
/* line 25, sass/components/_datepickers.scss */
.clip-datepicker button {
  border: none;
  line-height: 1.8;
}
/* line 31, sass/components/_datepickers.scss */
.clip-datepicker button span.text-info, .clip-datepicker button span.text-current {
  color: #1e1f21 !important;
  font-weight: bold;
}
/* line 35, sass/components/_datepickers.scss */
.clip-datepicker button span.text-info::before, .clip-datepicker button span.text-current::before {
  border-left: 6px solid transparent;
  border-top: 6px solid #1e1f21;
  content: "";
  height: 0;
  position: absolute;
  right: 2px;
  top: 2px;
  width: 0;
}
/* line 48, sass/components/_datepickers.scss */
.clip-datepicker button.active {
  background-color: #1e1f21 !important;
}
/* line 51, sass/components/_datepickers.scss */
.clip-datepicker button.active:active, .clip-datepicker button.active:focus {
  background-color: #1e1f21 !important;
}
/* line 56, sass/components/_datepickers.scss */
.clip-datepicker button.active span {
  color: #fff !important;
}
/* line 61, sass/components/_datepickers.scss */
.clip-datepicker button.active span.text-info::before {
  border-top-color: #fff;
}
/* line 68, sass/components/_datepickers.scss */
.clip-datepicker button.btn-current {
  background-color: #F5F5F5;
}

/*	=========================================================================
    Data Grid
    ========================================================================= */
/* line 5, sass/components/_datagrid.scss */
.datagrid-action-btn {
  height: 28px;
  margin: -8px 0 -6px 0;
  /*padding: 7px 8px 6px;*/
  min-width: 28px;
  /*span {
      display: block;
      margin: 0;
  }*/
}
/* line 15, sass/components/_datagrid.scss */
.datagrid-action-btn .label {
  margin-right: 4px;
}

/* line 20, sass/components/_datagrid.scss */
.datagrid-button-row {
  width: 1%;
}
/* line 23, sass/components/_datagrid.scss */
.datagrid-button-row .button-row {
  display: table;
}
/* line 27, sass/components/_datagrid.scss */
.datagrid-button-row .button-cell {
  display: table-cell;
  padding-left: 5px;
}
/* line 31, sass/components/_datagrid.scss */
.datagrid-button-row .button-cell:first-child {
  padding: 0;
}

/* line 37, sass/components/_datagrid.scss */
.datagrid-detail-item {
  background-color: #f7f7f8;
}
/* line 40, sass/components/_datagrid.scss */
.datagrid-detail-item ul {
  display: table;
}
/* line 43, sass/components/_datagrid.scss */
.datagrid-detail-item ul > li {
  display: table-row;
  margin-top: 2px;
  margin-bottom: 2px;
}
/* line 48, sass/components/_datagrid.scss */
.datagrid-detail-item ul > li > span {
  display: table-cell;
}
/* line 51, sass/components/_datagrid.scss */
.datagrid-detail-item ul > li > span.data-field {
  padding-left: 5px;
  font-weight: normal;
}
/* line 57, sass/components/_datagrid.scss */
.datagrid-detail-item ul > li > span.sub-title {
  /*font-weight: 700;*/
  color: #1e1f21;
  text-align: right;
}

/* line 68, sass/components/_datagrid.scss */
.datagrid-detail-row {
  /*display: none;*/
  background-color: #f7f7f8;
  font-size: 13px;
    /*&.ng-hide-add {
        animation: 0.5s flipOutX ease;
    }

    &.ng-hide-remove {
        animation: 0.5s flipInX ease;
    }*/
}
/* line 74, sass/components/_datagrid.scss */
.datagrid-detail-row li {
  margin-top: 2px;
  margin-bottom: 2px;
}
/* line 79, sass/components/_datagrid.scss */
.datagrid-detail-row .data-field {
  margin-left: 5px;
  font-weight: normal;
}
/* line 85, sass/components/_datagrid.scss */
.datagrid-detail-row .sub-title {
  /*margin-left: 10px;*/
  /*margin-right: 3px;*/
  font-weight: 700;
  /*color: $black;*/
}
/* line 93, sass/components/_datagrid.scss */
.datagrid-detail-row .sub-title .data-field {
  margin-left: 0;
}
/* line 98, sass/components/_datagrid.scss */
.datagrid-detail-row .title {
  display: inline-block;
  margin-right: 3px;
  color: #000;
  font-weight: 700;
  vertical-align: top;
}

/* line 116, sass/components/_datagrid.scss */
.datagrid-detail-toggle {
  width: 33px;
}
/* line 119, sass/components/_datagrid.scss */
.datagrid-detail-toggle .btn {
  height: auto;
  margin: -8px -6px -6px -6px;
  padding: 7px 8px 6px;
}
/* line 124, sass/components/_datagrid.scss */
.datagrid-detail-toggle .btn span {
  display: block;
  margin: 0;
}

/* line 131, sass/components/_datagrid.scss */
.datagrid-header {
  border-bottom: 2px solid #c8c7cc;
  margin-bottom: 25px;
  width: 100%;
  background-color: #fafafa;
}
/* line 138, sass/components/_datagrid.scss */
.datagrid-header li {
  display: inline;
  width: 50%;
}

/* line 144, sass/components/_datagrid.scss */
.datagrid-no-results {
  height: 46px;
  line-height: 46px;
  margin-bottom: 20px;
  background-color: #f7f7f8;
  border: 1px solid #cccccc;
  color: #1e1f21;
  text-align: center;
}
/* line 154, sass/components/_datagrid.scss */
.datagrid-no-results:after {
  content: 'No Results Found';
}

/* line 159, sass/components/_datagrid.scss */
.datagrid-tabs {
  border-bottom: 2px solid #c8c7cc;
  margin-bottom: 25px;
  width: 100%;
  background-color: #fafafa;
}

/* line 167, sass/components/_datagrid.scss */
.datagrid-toolbar {
  border-bottom: 2px solid #f7f7f8;
  display: table;
  margin-bottom: 20px;
  padding-bottom: 5px;
  width: 100%;
}
/* line 174, sass/components/_datagrid.scss */
.datagrid-toolbar li {
  float: left;
  display: table-cell;
  padding-right: 20px;
  vertical-align: bottom;
  /*.input-group {
      max-width: 200px;
  }*/
}
/* line 181, sass/components/_datagrid.scss */
.datagrid-toolbar li:last-child {
  padding-right: 0;
}
/* line 185, sass/components/_datagrid.scss */
.datagrid-toolbar li:last-child {
  float: right;
}
/* line 189, sass/components/_datagrid.scss */
.datagrid-toolbar li.block {
  float: none;
  width: 100%;
}
/* line 195, sass/components/_datagrid.scss */
.datagrid-toolbar li > ul li {
  padding-right: 0;
  padding-left: 20px;
}

/* line 206, sass/components/_datagrid.scss */
.datagrid-total-row {
  background-color: #f7f7f8;
  color: #5b5b60 !important;
}
/* line 211, sass/components/_datagrid.scss */
.datagrid-total-row:hover {
  background-color: #f7f7f8 !important;
}

/* line 216, sass/components/_datagrid.scss */
.table > tbody > tr > td.datagrid-checkbox-cell {
  padding: 6px 8px 5px;
  width: 1%;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/* line 5, sass/components/_forms.scss */
.form-group {
  margin-bottom: 23px;
}
/* line 8, sass/components/_forms.scss */
.form-group label {
  color: #8e8e93 !important;
}
/* line 12, sass/components/_forms.scss */
.form-group .control-label {
  margin-bottom: 3px;
}
/* line 16, sass/components/_forms.scss */
.form-group.no-label {
  display: table;
  height: 32px;
  margin-top: 18px;
  width: 100%;
}

/* UI Elements
   ========================================================================== */
/* line 30, sass/components/_forms.scss */
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  /*-webkit-appearance: none;*/
  color: #5b5b60 !important;
}

/* line 52, sass/components/_forms.scss */
.form-control[readonly] {
  background-color: #fff;
}

/* line 57, sass/components/_forms.scss */
.form-control-static {
  position: relative;
  background-color: #f7f7f8;
  border: 1px solid #cccccc;
  margin: 0;
  min-height: 34px;
  padding: 8px 12px;
  font-size: 14px;
    /*.clip-check,
    .clip-radio {
        @include vertical-align();

        display: table;
        margin: auto;
    }*/
}
/* line 68, sass/components/_forms.scss */
.form-control-static.border-left-0 {
  border-left: 0;
}
/* line 72, sass/components/_forms.scss */
.form-control-static.border-right-0 {
  border-right: 0;
}
/* line 76, sass/components/_forms.scss */
.form-control-static.no-padding {
  padding: 0;
}

/* line 89, sass/components/_forms.scss */
.help-block {
  position: absolute;
  margin-top: 1px;
  font-size: 12px;
}
/* line 96, sass/components/_forms.scss */
.help-block.auto-complete {
  top: 52px;
}

/* line 102, sass/components/_forms.scss */
.input-group.multi-input {
  /*.input-group-addon:first-of-type {
      border-left: 0;
      border-right: 0;
  }*/
}
/* line 103, sass/components/_forms.scss */
.input-group.multi-input button,
.input-group.multi-input input,
.input-group.multi-input select,
.input-group.multi-input span {
  border-right: 0;
}
/* line 109, sass/components/_forms.scss */
.input-group.multi-input button:last-child,
.input-group.multi-input input:last-child,
.input-group.multi-input select:last-child,
.input-group.multi-input span:last-child {
  border-right: 1px solid #ccc;
}

/* line 120, sass/components/_forms.scss */
.input-group-addon {
  color: #8e8e93;
}

/* line 125, sass/components/_forms.scss */
.input-group-btn .btn .icon-left,
.input-group-btn .btn .icon-right {
  float: none;
}

/* line 12, sass/support/_mixins.scss */
::-webkit-input-placeholder {
  font-style: italic;
}

/* line 16, sass/support/_mixins.scss */
:-moz-placeholder {
  font-style: italic;
}

/* line 20, sass/support/_mixins.scss */
::-moz-placeholder {
  font-style: italic;
}

/* line 24, sass/support/_mixins.scss */
:-ms-input-placeholder {
  font-style: italic;
}

/* Symbols
   ========================================================================== */
/* line 139, sass/components/_forms.scss */
.symbol.required:before {
  content: "*";
  display: inline;
  margin-left: 3px;
  color: #e6674a;
}

/*.has-error .symbol:before {
    content: "\f00d";

    display: inline;
    
    color: $danger;
    font-family: icomoon;
}*/
/*.has-success .symbol:before {
    content: "\f00c";

    display: inline;

    color: $success;
    font-family: icomoon;
}*/
/*.has-warning .symbol:before {
    content: "\f071";

    display: inline;

    color: $warning;
    font-family: icomoon;
}*/
/* ==========================================================================
   Hyperlinks
   ========================================================================== */
/* line 5, sass/components/_hyperlinks.scss */
[class^="cl-effect-"] a, [class*=" cl-effect-"] a {
  position: relative;
}

/* Effect 1: Brackets
   ========================================================================== */
/* line 13, sass/components/_hyperlinks.scss */
.cl-effect-1 a::before,
.cl-effect-1 a::after {
  -moz-transition: -moz-transform 0.3s, opacity 0.2s;
  -o-transition: -o-transform 0.3s, opacity 0.2s;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
  transition: transform 0.3s, opacity 0.2s;
  display: inline-block;
  opacity: 0;
}

/* line 20, sass/components/_hyperlinks.scss */
.cl-effect-1 a::before {
  -moz-transform: translateX(20px);
  -ms-transform: translateX(20px);
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
  margin-right: 10px;
  content: '[';
}

/* line 26, sass/components/_hyperlinks.scss */
.cl-effect-1 a::after {
  -moz-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px);
  margin-left: 10px;
  content: ']';
}

/* line 32, sass/components/_hyperlinks.scss */
.cl-effect-1 a:hover::before,
.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::before,
.cl-effect-1 a:focus::after {
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1;
}

/* Effect 4: Bottom Border Enlarge
   ========================================================================== */
/* line 44, sass/components/_hyperlinks.scss */
.cl-effect-4 a {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  padding: 0 0 2px;
}
/* line 48, sass/components/_hyperlinks.scss */
.cl-effect-4 a.active {
  /*position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #58748B;
  content: '';
  opacity: 0;
  -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
  transition: height 0.3s, opacity 0.3s, transform 0.3s;
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  transform: translateY(-10px);*/
}

/* line 66, sass/components/_hyperlinks.scss */
.cl-effect-4 a:hover,
.cl-effect-4 a:focus {
  @Include opacity(1);
}

/* line 71, sass/components/_hyperlinks.scss */
.cl-effect-4 a::after {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  /*background: #58748B;*/
  background: #5b5b60;
  content: '';
  opacity: 0;
  -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
  transition: height 0.3s, opacity 0.3s, transform 0.3s;
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  transform: translateY(-10px);
}

/* line 89, sass/components/_hyperlinks.scss */
.cl-effect-4 a:hover::after,
.cl-effect-4 a.active::after {
  height: 5px;
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  transform: translateY(0px);
}

/*	=========================================================================
    Icons
    ========================================================================= */
/* line 5, sass/components/_icons.scss */
.icon-eye {
  margin-top: -3px !important;
  margin-left: -1px !important;
}

/* line 10, sass/components/_icons.scss */
.icon-gear {
  display: inline-block;
  margin-top: 3px;
}

/* ==========================================================================
   Inputs
   ========================================================================== */
/* Checkboxes
   ========================================================================== */
/* line 8, sass/components/_inputs.scss */
.clip-check {
  margin-bottom: 10px;
  margin-top: 10px;
  padding-left: 0;
}

/* line 14, sass/components/_inputs.scss */
.clip-check label {
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  margin-right: 15px;
  padding-left: 30px !important;
  position: relative;
  line-height: 23px;
  transition: border 0.2s linear 0s, color 0.2s linear 0s;
  white-space: nowrap;
}

/* line 26, sass/components/_inputs.scss */
.clip-check label:before {
  background-color: #ffffff;
  border: 1px solid #c8c7cc;
  content: "";
  display: inline-block;
  height: 20px;
  left: 0;
  margin-right: 10px;
  position: absolute;
  width: 20px;
  border-radius: 0;
  top: 1px;
  transition: border 0.2s linear 0s, color 0.2s linear 0s;
}

/* line 41, sass/components/_inputs.scss */
.clip-check label:after {
  display: inline-block;
  font-size: 11px;
  height: 19px;
  left: 4px;
  position: absolute;
  top: -1px;
  transition: border 0.2s linear 0s, color 0.2s linear 0s;
  width: 19px;
}

/* line 52, sass/components/_inputs.scss */
.clip-check input[type="checkbox"] {
  /*opacity: 0;*/
  display: none;
}

/* line 57, sass/components/_inputs.scss */
.clip-check input[type="checkbox"]:checked + label:before {
  border-width: 10px;
}

/* line 61, sass/components/_inputs.scss */
.clip-check input[type="checkbox"]:checked + label:after {
  color: #fff;
  content: "\f00c";
  font-family: "icomoon";
}

/* line 67, sass/components/_inputs.scss */
.clip-check input[type="checkbox"]:focus + label::before {
  background-color: #e6e6e6;
}

/* line 71, sass/components/_inputs.scss */
.clip-check input[type="checkbox"][disabled] + label {
  /*opacity: 0.65;*/
  cursor: not-allowed;
}

/* line 76, sass/components/_inputs.scss */
.clip-check input[type="checkbox"][disabled] + label:before {
  background-color: #F8F8F8;
}

/* line 80, sass/components/_inputs.scss */
.clip-check.check-sm label {
  margin-right: 15px;
  padding-left: 24px !important;
  line-height: 22px;
}

/* line 86, sass/components/_inputs.scss */
.clip-check.check-sm label:before {
  height: 14px;
  width: 14px;
  top: 4px;
}

/* line 92, sass/components/_inputs.scss */
.clip-check.check-sm label:after {
  font-size: 8px;
  height: 13px;
  left: 3px;
  width: 13px;
}

/* line 99, sass/components/_inputs.scss */
.clip-check.check-sm input[type="checkbox"]:checked + label:before {
  border-width: 7px;
}

/* line 103, sass/components/_inputs.scss */
.clip-check.check-md label {
  margin-right: 15px;
  padding-left: 35px !important;
  line-height: 28px;
}

/* line 109, sass/components/_inputs.scss */
.clip-check.check-md label:before {
  height: 25px;
  width: 25px;
}

/* line 114, sass/components/_inputs.scss */
.clip-check.check-md label:after {
  font-size: 14px;
  height: 24px;
  left: 5px;
  width: 24px;
}

/* line 121, sass/components/_inputs.scss */
.clip-check.check-md input[type="checkbox"]:checked + label:before {
  border-width: 12px;
}

/* line 125, sass/components/_inputs.scss */
.clip-check.check-lg label {
  margin-right: 15px;
  padding-left: 40px !important;
  line-height: 33px;
}

/* line 131, sass/components/_inputs.scss */
.clip-check.check-lg label:before {
  height: 30px;
  width: 30px;
}

/* line 136, sass/components/_inputs.scss */
.clip-check.check-lg label:after {
  font-size: 17px;
  height: 29px;
  left: 6px;
  width: 29px;
}

/* line 143, sass/components/_inputs.scss */
.clip-check.check-lg input[type="checkbox"]:checked + label:before {
  border-width: 15px;
}

/* line 147, sass/components/_inputs.scss */
.clip-check.check-success input[type="checkbox"]:checked + label:before {
  border-color: #5cb85c;
}

/* line 151, sass/components/_inputs.scss */
.clip-check.check-primary input[type="checkbox"]:checked + label:before {
  border-color: black;
}

/* line 155, sass/components/_inputs.scss */
.clip-check.check-warning input[type="checkbox"]:checked + label:before {
  border-color: #eea236;
}

/* line 159, sass/components/_inputs.scss */
.clip-check.check-danger input[type="checkbox"]:checked + label:before {
  border-color: #d43f3a;
}

/* line 163, sass/components/_inputs.scss */
.clip-check.check-info input[type="checkbox"]:checked + label:before {
  border-color: #46b8da;
}

/* line 167, sass/components/_inputs.scss */
.clip-check.check-purple input[type="checkbox"]:checked + label:before {
  border-color: #9A89B5;
}

/* Radio Buttons
   ========================================================================== */
/* line 174, sass/components/_inputs.scss */
.clip-radio {
  /*margin-bottom: 10px;*/
  /*margin-top: 10px;*/
  padding-left: 0;
}
/* line 179, sass/components/_inputs.scss */
.clip-radio label {
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  margin-right: 15px;
  padding-left: 25px !important;
  position: relative;
  /*margin-bottom: 6px;*/
  line-height: 23px;
}
/* line 189, sass/components/_inputs.scss */
.clip-radio label:before {
  position: absolute;
  top: 1px;
  background-color: #ffffff;
  border: 1px solid #d0d0d0;
  content: "";
  display: inline-block;
  height: 20px;
  left: 0;
  margin-right: 10px;
  width: 20px;
  border-radius: 99px;
  bottom: 2px;
  transition: all 0.3s cubic-bezier(0.455, 0.03, 0.215, 1.33) 0s;
}
/* line 206, sass/components/_inputs.scss */
.clip-radio label:after {
  position: absolute;
  top: 1px;
  border: 1px solid #c8c7cc;
  content: "";
  display: inline-block;
  height: 20px;
  left: 0;
  margin-right: 10px;
  width: 20px;
  border-radius: 99px;
  bottom: 2px;
  transition: all 0.3s cubic-bezier(0.455, 0.03, 0.215, 1.33) 0s;
}
/* line 223, sass/components/_inputs.scss */
.clip-radio input[type="radio"] {
  /*opacity: 0;*/
  display: none;
}
/* line 228, sass/components/_inputs.scss */
.clip-radio input[type="radio"]:focus + label::before {
  background: #e6e6e6;
}
/* line 234, sass/components/_inputs.scss */
.clip-radio input[type="radio"]:checked + label:before {
  border-width: 6px;
  background: #F8F8F8;
  border-color: #fff;
}
/* line 241, sass/components/_inputs.scss */
.clip-radio input[type="radio"]:checked:focus + label::before {
  border-color: #e6e6e6 !important;
}
/* line 248, sass/components/_inputs.scss */
.clip-radio input[type="radio"][disabled] + label {
  /*opacity: 0.65;*/
  cursor: not-allowed;
}
/* line 254, sass/components/_inputs.scss */
.clip-radio.radio-sm label {
  padding-left: 20px !important;
  line-height: 21px;
}
/* line 258, sass/components/_inputs.scss */
.clip-radio.radio-sm label:before {
  top: 3px;
  height: 15px;
  width: 15px;
}
/* line 264, sass/components/_inputs.scss */
.clip-radio.radio-sm label:after {
  top: 3px;
  height: 15px;
  width: 15px;
}
/* line 274, sass/components/_inputs.scss */
.clip-radio.radio-sm input[type="radio"]:checked + label:before {
  border-width: 5px;
}
/* line 282, sass/components/_inputs.scss */
.clip-radio.radio-md label {
  padding-left: 30px !important;
  line-height: 29px;
}
/* line 286, sass/components/_inputs.scss */
.clip-radio.radio-md label:before {
  height: 25px;
  width: 25px;
}
/* line 291, sass/components/_inputs.scss */
.clip-radio.radio-md label:after {
  height: 25px;
  width: 25px;
}
/* line 300, sass/components/_inputs.scss */
.clip-radio.radio-md input[type="radio"]:checked + label:before {
  border-width: 7px;
}
/* line 308, sass/components/_inputs.scss */
.clip-radio.radio-lg label {
  padding-left: 35px !important;
  line-height: 33px;
}
/* line 312, sass/components/_inputs.scss */
.clip-radio.radio-lg label:before {
  height: 30px;
  width: 30px;
}
/* line 317, sass/components/_inputs.scss */
.clip-radio.radio-lg label:after {
  height: 30px;
  width: 30px;
}
/* line 326, sass/components/_inputs.scss */
.clip-radio.radio-lg input[type="radio"]:checked + label:before {
  border-width: 8px;
}

/* line 334, sass/components/_inputs.scss */
.clip-radio.radio-success input[type="radio"]:checked + label:before {
  background: #5cb85c;
}

/* line 338, sass/components/_inputs.scss */
.clip-radio.radio-primary input[type="radio"]:checked + label:before {
  background: #b99963;
}

/* line 342, sass/components/_inputs.scss */
.clip-radio.radio-info input[type="radio"]:checked + label:before {
  background: #46b8da;
}

/* line 346, sass/components/_inputs.scss */
.clip-radio.radio-warning input[type="radio"]:checked + label:before {
  background: #eea236;
}

/* line 350, sass/components/_inputs.scss */
.clip-radio.radio-danger input[type="radio"]:checked + label:before {
  background: #d43f3a;
}

/*.clip-radio.radio-purple input[type="radio"]:checked + label:before {
    background: $purple;
}*/
/*	=========================================================================
	Mask
	========================================================================= */
/* line 5, sass/components/_mask.scss */
.mask {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  position: fixed;
  top: 0;
  bottom: 0;
  background-color: #1e1f21;
  z-index: 1100;
}
/* line 17, sass/components/_mask.scss */
.mask.loaded {
  left: 0;
  right: 0;
}
/* line 22, sass/components/_mask.scss */
.mask.show {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
/* line 26, sass/components/_mask.scss */
.mask.transparent {
  background-color: transparent;
}

/*	=========================================================================
	Modals
	========================================================================= */
/* line 5, sass/components/_modals.scss */
.modal-container {
  position: fixed;
  height: 100%;
  overflow: auto;
  /*background-color: $gw-midnight !important;*/
  z-index: 1101;
}
/* line 12, sass/components/_modals.scss */
.modal-container.top {
  -moz-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  top: 0;
  /*right: 0;
  bottom: 0;
  left: 0;*/
  width: 100%;
  /*&.transitioned {
      overflow: auto;
  }*/
}
/* line 21, sass/components/_modals.scss */
.modal-container.top.loaded {
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/* line 27, sass/components/_modals.scss */
.modal-container.top .modal-dialog {
  top: 0;
}
@media only screen and (min-width: 768px) {
  /* line 32, sass/components/_modals.scss */
  .modal-container.top .modal-dialog {
    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    margin: 75px auto 0;
    width: 600px;
  }
  /* line 37, sass/components/_modals.scss */
  .modal-container.top .modal-dialog.sm {
    width: 400px;
  }
}
/* line 44, sass/components/_modals.scss */
.modal-container.right {
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  top: 0;
  right: 0;
  height: 100%;
  /*background-color: #ffffff;*/
  background-color: #1e1f21;
}
/* line 53, sass/components/_modals.scss */
.modal-container.right.loaded {
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@media only screen and (min-width: 768px) {
  /* line 58, sass/components/_modals.scss */
  .modal-container.right .modal-dialog {
    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 600px;
  }
  /* line 63, sass/components/_modals.scss */
  .modal-container.right .modal-dialog.sm {
    width: 400px;
  }
}
/* line 70, sass/components/_modals.scss */
.modal-container.bottom {
  -moz-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  bottom: 0;
  width: 100%;
}
/* line 76, sass/components/_modals.scss */
.modal-container.bottom.loaded {
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/* line 80, sass/components/_modals.scss */
.modal-container.bottom .modal-dialog {
  top: 0;
}
@media only screen and (min-width: 768px) {
  /* line 85, sass/components/_modals.scss */
  .modal-container.bottom .modal-dialog {
    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    margin: auto 0;
    width: 600px;
  }
  /* line 90, sass/components/_modals.scss */
  .modal-container.bottom .modal-dialog.sm {
    width: 400px;
  }
}
/* line 97, sass/components/_modals.scss */
.modal-container.left {
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #ffffff;
}
/* line 105, sass/components/_modals.scss */
.modal-container.left.loaded {
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@media only screen and (min-width: 768px) {
  /* line 110, sass/components/_modals.scss */
  .modal-container.left .modal-dialog {
    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    /*margin: 75px auto 0;*/
    height: 100%;
    width: 600px;
  }
  /* line 116, sass/components/_modals.scss */
  .modal-container.left .modal-dialog.sm {
    width: 400px;
  }
}

/* line 124, sass/components/_modals.scss */
.modal-header {
  /*background-color: $gw-midnight;*/
  background-color: black;
}
/* line 128, sass/components/_modals.scss */
.modal-header h3 {
  padding: 15px 0;
  color: #fff;
  font-size: 20px;
  text-align: center;
}

/* line 136, sass/components/_modals.scss */
.modal-body {
  position: relative;
  padding: 15px 40px;
  /*background-color: $white;*/
  /*text-align: center;*/
}
/* line 144, sass/components/_modals.scss */
.modal-body p {
  line-height: 1.3;
}
/* line 148, sass/components/_modals.scss */
.modal-body .modal-body-wrapper {
  display: table;
  margin: auto;
}
/* line 153, sass/components/_modals.scss */
.modal-body.form {
  padding: 15px;
}

/* line 158, sass/components/_modals.scss */
.modal-footer {
  border-top: 1px solid #c8c7cc;
  height: 65px;
  padding: 15px;
  text-align: right;
  /*background-color: $white;*/
}
/* line 166, sass/components/_modals.scss */
.modal-footer.alert, .modal-footer.confirm {
  text-align: center;
}
/* line 171, sass/components/_modals.scss */
.modal-footer .btn {
  margin-left: 10px;
}
/* line 174, sass/components/_modals.scss */
.modal-footer .btn + .btn {
  margin-left: 10px;
}
/* line 178, sass/components/_modals.scss */
.modal-footer .btn.first {
  margin-left: 5px;
}
/* line 183, sass/components/_modals.scss */
.modal-footer .message {
  margin-top: 7px;
  font-style: italic;
}
/* line 187, sass/components/_modals.scss */
.modal-footer .message.error {
  color: #a94442;
}
/* line 191, sass/components/_modals.scss */
.modal-footer .message.wrapped {
  margin-top: 0;
  line-height: 1.2;
}

/* line 198, sass/components/_modals.scss */
.modal-dialog {
  background-color: #1e1f21 !important;
}

/*  Custom Styles
    ========================================================================= */
/* line 207, sass/components/_modals.scss */
.modal-coverage-part-groups .coverage-part-groups {
  margin: 10px;
}

/* line 214, sass/components/_modals.scss */
.modal-create-eazeetrak-file .vAccordion--default v-pane-content > div,
.modal-update-eazeetrak-file .vAccordion--default v-pane-content > div {
  padding-bottom: 0;
}
/* line 218, sass/components/_modals.scss */
.modal-create-eazeetrak-file .notification-recipients,
.modal-update-eazeetrak-file .notification-recipients {
  column-count: 2;
}
/* line 221, sass/components/_modals.scss */
.modal-create-eazeetrak-file .notification-recipients .clip-check,
.modal-update-eazeetrak-file .notification-recipients .clip-check {
  margin-top: 0;
}
/* line 226, sass/components/_modals.scss */
.modal-create-eazeetrak-file .pin-container,
.modal-update-eazeetrak-file .pin-container {
  margin-bottom: 20px;
}
/* line 229, sass/components/_modals.scss */
.modal-create-eazeetrak-file .pin-container .pin-days,
.modal-update-eazeetrak-file .pin-container .pin-days {
  margin: 5px 0;
}

/* line 236, sass/components/_modals.scss */
.modal-review-eazeetrak-file .timeline dl dd .events {
  margin-left: 124px !important;
}

/* line 242, sass/components/_modals.scss */
.modal-select-trim .clip-radio label {
  margin: 3px 15px 3px 0;
}

/* ==========================================================================
   Pagination
   ========================================================================== */
/* line 5, sass/components/_pagination.scss */
.pagination > li > a, .pagination > li > span {
  margin-left: 5px;
  padding: 5px 10px;
  border-radius: 5px;
  cursor: pointer;
  color: #1e1f21;
}

/* line 13, sass/components/_pagination.scss */
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color: black;
  border-color: black;
}

/* line 18, sass/components/_pagination.scss */
.pagination.squared {
  border-radius: 0 !important;
}

/* line 22, sass/components/_pagination.scss */
.pagination.squared li:first-child a, .pagination.squared li:first-child > span {
  border-bottom-left-radius: 0px !important;
  border-left-width: 1px;
  border-top-left-radius: 0px !important;
}

/* line 28, sass/components/_pagination.scss */
.pagination.squared li:last-child > a, .pagination.squared li:last-child > span {
  border-bottom-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
}

/*.pagination-blue {
    li {
        a {
            background: $gray-light;
            border: none !important;
            color: $text-color;
            display: inline-block;
            margin-right: 1px;

            &:hover {
                background: darken($gray-light,6%);
                color: darken($text-color, 30%);
                cursor: pointer;
            }
        }

        &:first-child {
            a {
                border: none !important;
            }
        }

        &.disabled {
            a {
                background: $gray-light;
                @include opacity(0.2);

                &:hover, &:focus {
                    background: $gray-light;
                    @include opacity(0.2);
                    cursor: default !important;
                }
            }
        }

        &.active {
            a {
                background: $primary !important;
                border: none !important;
                color: $white !important;
                cursor: default !important;
                @include opacity(1);
            }
        }

        [class^="fa-"], [class*=" fa-"], [class*="ti-"] {
            color: $primary;
        }
    }
}*/
/*.pagination-green {
    li {
        a {
            background: $gray-light;
            border: none !important;
            color: $text-color;
            display: inline-block;
            margin-right: 1px;

            &:hover {
                background: darken($gray-light,6%);
                color: darken($text-color, 30%);
                cursor: pointer;
            }
        }

        &:first-child {
            a {
                border: none !important;
            }
        }

        &.disabled {
            a {
                background: $gray-light;
                @include opacity(0.2);

                &:hover, &:focus {
                    background: $gray-light;
                    @include opacity(0.2);
                    cursor: default !important;
                }
            }
        }

        &.active {
            a {
                background: $green !important;
                border: none !important;
                color: $white !important;
                cursor: default !important;
                @include opacity(1);
            }
        }

        [class^="fa-"], [class*=" fa-"], [class*="ti-"] {
            color: $green;
        }
    }
}*/
/*.pagination-red {
    li {
        a {
            background: $gray-light;
            border: none !important;
            color: $text-color;
            display: inline-block;
            margin-right: 1px;

            &:hover {
                background: darken($gray-light,6%);
                color: darken($text-color, 30%);
                cursor: pointer;
            }
        }

        &:first-child {
            a {
                border: none !important;
            }
        }

        &.disabled {
            a {
                background: $gray-light;
                @include opacity(0.2);

                &:hover, &:focus {
                    background: $gray-light;
                    @include opacity(0.2);
                    cursor: default !important;
                }
            }
        }

        &.active {
            a {
                background: $red !important;
                border: none !important;
                color: $white !important;
                cursor: default !important;
                @include opacity(1);
            }
        }

        [class^="fa-"], [class*=" fa-"], [class*="ti-"] {
            color: $red;
        }
    }
}*/
/* ==========================================================================
   Tables
   ========================================================================== */
/* line 5, sass/components/_tables.scss */
.table {
  border-collapse: separate;
  font-size: 13px;
}

/* line 11, sass/components/_tables.scss */
.table > thead > tr > th {
  border-top: none;
}

/* line 15, sass/components/_tables.scss */
.table-bordered.table > thead > tr > th {
  border-bottom: 1px solid #ddd;
}

/* line 19, sass/components/_tables.scss */
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th {
  border-bottom: 1px solid #e2e2e4;
  color: #1e1f21 !important;
  border-top: none;
}

/* line 25, sass/components/_tables.scss */
.table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  border-bottom: 1px solid #e2e2e4;
  color: #5b5b60 !important;
  border-top: none;
}

/* line 31, sass/components/_tables.scss */
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
  background-color: #e7e7e9;
}

/* line 35, sass/components/_tables.scss */
.table > tbody > tr.active > td, .table > tbody > tr.active > th {
  background-color: #e7e7e9 !important;
  color: #5b5b60 !important;
}

/* line 40, sass/components/_tables.scss */
.table > tbody > tr.active:hover > td, .table > tbody > tr.active:hover > th {
  background-color: #dddcdf !important;
  color: #5b5b60 !important;
}

/* line 45, sass/components/_tables.scss */
th.center, td.center {
  text-align: center;
}

/* line 49, sass/components/_tables.scss */
td.center .dropdown-menu {
  text-align: left;
}

/* line 53, sass/components/_tables.scss */
td.small-width {
  width: 15%;
}

/* line 57, sass/components/_tables.scss */
.table thead tr {
  color: #707070;
  font-weight: normal;
}

/* line 62, sass/components/_tables.scss */
.table.table-bordered {
  border-right: none;
  border-bottom: none;
}

/* line 67, sass/components/_tables.scss */
.table.table-bordered thead tr th {
  vertical-align: middle;
}

/* line 71, sass/components/_tables.scss */
.table.table-bordered > thead > tr > th, .table.table-bordered > tbody > tr > th, .table.table-bordered > tfoot > tr > th, .table.table-bordered > thead > tr > td, .table.table-bordered > tbody > tr > td, .table.table-bordered > tfoot > tr > td {
  border-top: none;
  border-left: none;
}

/* line 76, sass/components/_tables.scss */
.table.table-bordered > thead > tr > th, .table.table-bordered > tbody > tr > th, .table.table-bordered > tfoot > tr > th, .table.table-bordered > thead > tr > td, .table.table-bordered > tbody > tr > td, .table.table-bordered > tfoot > tr > td {
  border-top: none;
  border-left: none;
}

/* line 81, sass/components/_tables.scss */
.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
  vertical-align: middle;
}

/* line 85, sass/components/_tables.scss */
.table-striped > tbody > tr:nth-child(2n+1) {
  background-color: #efeff0;
}

/* line 89, sass/components/_tables.scss */
.editable-element {
  border-bottom: 1px dashed #0088CC;
  text-decoration: none;
  opacity: 0.5;
  display: inline;
}

/* line 96, sass/components/_tables.scss */
.ng-table th {
  text-align: left !important;
}

/* line 100, sass/components/_tables.scss */
.ng-table .plus, .ng-table .minus {
  font-weight: bold;
  padding-left: 18px;
  position: relative;
}

/* line 106, sass/components/_tables.scss */
.ng-table .plus:before, .ng-table .minus:before {
  content: "";
  border-width: 4px;
  border-style: solid;
  left: 8px;
  top: 50%;
  position: absolute;
  margin-top: -2px;
}

/* line 116, sass/components/_tables.scss */
.ng-table .plus {
  color: green;
}

/* line 120, sass/components/_tables.scss */
.ng-table .plus:before {
  border-color: green;
  border-top: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}

/* line 127, sass/components/_tables.scss */
.ng-table .minus {
  color: red;
}

/* line 131, sass/components/_tables.scss */
.ng-table .minus:before {
  border-color: red;
  border-bottom: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}

/* line 138, sass/components/_tables.scss */
.odd {
  background: #EFEFF0;
}

/* line 142, sass/components/_tables.scss */
.even {
  background: #ffffff;
}

/* line 146, sass/components/_tables.scss */
.ng-table-pager {
  margin-bottom: 30px;
  overflow: hidden;
}
@media (max-width: 767px) {
  /* line 146, sass/components/_tables.scss */
  .ng-table-pager {
    text-align: center;
  }
  /* line 150, sass/components/_tables.scss */
  .ng-table-pager .ng-table-counts {
    float: none !important;
  }
  /* line 154, sass/components/_tables.scss */
  .ng-table-pager .pagination {
    display: block;
  }
  /* line 157, sass/components/_tables.scss */
  .ng-table-pager .pagination li {
    display: inline-block;
  }
}
@media only screen and (min-width: 768px) {
  /* line 164, sass/components/_tables.scss */
  .ng-table-pager .pagination {
    margin-top: 0;
  }
}

/* line 173, sass/components/_tables.scss */
.ng-table-pagination {
  margin: 0;
}

/* line 177, sass/components/_tables.scss */
.table-stylish {
  border-spacing: 0 5px;
  position: relative;
  margin-top: -5px;
}
/* line 182, sass/components/_tables.scss */
.table-stylish td {
  background: #f3f0f1;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f3f0f1 0%, #eeeeee 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f3f0f1 0%, #eeeeee 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f3f0f1 0%, #eeeeee 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f0f1', endColorstr='#eeeeee',GradientType=0 );
  /* IE6-9 */
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  position: relative;
}
/* line 192, sass/components/_tables.scss */
.table-stylish td:before {
  content: '';
  width: 1px;
  background: #e2e2e4;
  right: 0;
  top: 5px;
  bottom: 5px;
  position: absolute;
}
/* line 202, sass/components/_tables.scss */
.table-stylish td:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-left: 1px solid #e2e2e4;
}
/* line 208, sass/components/_tables.scss */
.table-stylish td:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
/* line 212, sass/components/_tables.scss */
.table-stylish td:last-child:before {
  background: none !important;
}

/*	=========================================================================
	Tabs (Material Design - https://codepen.io/mildrenben/pen/bdGdOb)
	========================================================================= */
/*$num-of-tabs: 3;*/
/* ==========================================================================
   Timeline (http://bootflat.github.io/documentation.html)
   ========================================================================== */
/* line 5, sass/components/_timeline.scss */
.timeline dl {
  position: relative;
  top: 0;
  padding: 20px 5px 20px 0;
  margin: 0;
  background-color: #f1f2f6;
}

/* line 14, sass/components/_timeline.scss */
.timeline dl:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 65px;
  z-index: 100;
  width: 2px;
  margin-left: -1px;
  content: '';
  background-color: #ccd1d9;
}

/* line 26, sass/components/_timeline.scss */
.timeline dl dt {
  position: relative;
  top: 0;
  z-index: 200;
  /*width: 200px;*/
  padding: 3px 25px 2px;
  margin: 10px 5px;
  font-weight: normal;
  color: white;
  text-align: center;
  background-color: #aab2bd;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  display: table;
}

/* line 43, sass/components/_timeline.scss */
.timeline dl dd {
  position: relative;
  z-index: 200;
}

/* line 48, sass/components/_timeline.scss */
.timeline dl dd .circ {
  /*position: absolute;
  top: 10px;
  left: 65px;*/
  float: left;
  z-index: 200;
  width: 22px;
  height: 22px;
  /*margin-left: -11px;*/
  background-color: #4fc1e9;
  border: 4px solid #f5f7fa;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  margin-top: 9px;
}

/* line 65, sass/components/_timeline.scss */
.timeline dl dd .time {
  float: left;
  /*position: absolute;
  top: 5px;
  left: 20%;*/
  display: inline-block;
  /*width: 100px;*/
  padding: 14px 5px;
  color: #4fc1e9;
  font-size: 14px;
}

/* line 78, sass/components/_timeline.scss */
.timeline dl dd .events {
  position: relative;
  /*width: 70%;*/
  padding: 10px 10px 0;
  margin-top: 3px;
  background-color: white;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  margin-left: 89px;
  min-height: 60px;
}

/* line 91, sass/components/_timeline.scss */
.timeline dl dd .events:before {
  left: -12px;
  border-color: transparent white transparent transparent;
  position: absolute;
  top: 12px;
  width: 0;
  height: 0;
  content: '';
  border-style: solid;
  border-width: 6px;
}

/* line 103, sass/components/_timeline.scss */
.timeline dl dd .events .events-object {
  margin-right: 10px;
  max-width: 30px;
}

/* line 108, sass/components/_timeline.scss */
.timeline dl dd .events .events-body {
  overflow: hidden;
  zoom: 1;
}

/* line 113, sass/components/_timeline.scss */
.timeline dl dd .events .events-body .events-heading {
  margin: 0 0 10px;
  color: #5b5b60;
  font-size: 14px;
}

/* line 120, sass/components/_timeline.scss */
.timeline dl dd .events .events-body p {
  margin-bottom: 5px;
  font-size: 13px;
}

/* line 126, sass/components/_timeline.scss */
.timeline dl dd.pos-right .time {
  /*margin-left: -100px;
  text-align: right;*/
}

/* line 131, sass/components/_timeline.scss */
.timeline dl dd.pos-right .events {
  float: right;
}

/* line 135, sass/components/_timeline.scss */
.timeline dl dd.pos-right .events:before {
  left: -12px;
  border-color: transparent white transparent transparent;
}

/* line 140, sass/components/_timeline.scss */
.timeline dl dd.pos-left .time {
  margin-left: 0;
  text-align: left;
}

/* line 145, sass/components/_timeline.scss */
.timeline dl dd.pos-left .events {
  float: left;
}

/* line 149, sass/components/_timeline.scss */
.timeline dl dd.pos-left .events:before {
  right: -12px;
  border-color: transparent transparent transparent white;
}

@media only screen and (min-width: 480px) {
  /* line 155, sass/components/_timeline.scss */
  .timeline dl dd .events .events-object {
    max-width: 40px;
  }
}
/*@media screen and (max-width: 767px) {
    .timeline dl:before {
        left: 60px;
    }

    .timeline dl dt {
        margin: 0 0 30px;
    }

    .timeline dl dd .circ {
        left: 60px;
    }

    .timeline dl dd .time {
        left: 0;
    }

    .timeline dl dd.pos-left .time {
        padding: 10px 0;
        margin-left: 0;
        text-align: left;
    }

    .timeline dl dd.pos-left .events {
        float: right;
        width: 84%;
    }

    .timeline dl dd.pos-left .events:before {
        left: -12px;
        border-color: transparent white transparent transparent;
    }

    .timeline dl dd.pos-right .time {
        padding: 10px 0;
        margin-left: 0;
        text-align: left;
    }

    .timeline dl dd.pos-right .events {
        float: right;
        width: 84%;
    }
}*/
/* ==========================================================================
   Wizard
   ========================================================================== */
/* line 6, sass/components/_wizard.scss */
.wizard > ul {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  display: table;
  margin: 0 0 40px 0;
  padding: 10px 0;
  width: 100%;
  background: #f7f7f8;
  list-style: none;
}
/* line 20, sass/components/_wizard.scss */
.wizard > ul li {
  display: table-cell;
  width: 1%;
  text-align: center;
}
/* line 27, sass/components/_wizard.scss */
.wizard > ul li a {
  text-decoration: none;
}
/* line 31, sass/components/_wizard.scss */
.wizard > ul li > a:before {
  content: "";
  position: relative;
  top: 22px;
  border-top: 4px solid #c8c7cc;
  display: block;
  height: 1px;
  width: 100%;
  font-size: 0;
  overflow: hidden;
  z-index: 1;
}
/* line 47, sass/components/_wizard.scss */
.wizard > ul li:first-child > a:before {
  left: 50%;
  max-width: 51%;
}
/* line 53, sass/components/_wizard.scss */
.wizard > ul li:last-child > a:before {
  max-width: 50%;
  width: 50%;
}
/* line 58, sass/components/_wizard.scss */
.wizard > ul li > a.selected:before, .wizard li > a.done:before {
  border-color: #1e1f21;
}
/* line 62, sass/components/_wizard.scss */
.wizard > ul .stepNumber {
  -moz-border-radius: 100% 100% 100% 100%;
  -webkit-border-radius: 100%;
  border-radius: 100% 100% 100% 100%;
  position: relative;
  border: 5px solid #c8c7cc;
  display: inline-block;
  height: 40px;
  line-height: 30px;
  width: 40px;
  background-color: #fff;
  color: #121212;
  font-size: 15px;
  text-align: center;
  z-index: 2;
}
/* line 80, sass/components/_wizard.scss */
.wizard > ul li > a.selected .stepNumber {
  border-color: #1e1f21;
}
/* line 84, sass/components/_wizard.scss */
.wizard ul li > a.done .stepNumber,
.wizard > ul li:last-child > a.selected .stepNumber {
  border-color: #1e1f21;
  background-color: #1e1f21;
  color: #fff;
  text-indent: -9999px;
}
/* line 92, sass/components/_wizard.scss */
.wizard ul li > a.done .stepNumber:before,
.wizard > ul li:last-child > a.selected .stepNumber:before {
  content: "\f00c";
  float: right;
  display: inline;
  height: auto;
  margin-right: 7px;
  font-family: icomoon;
  font-weight: 300;
  text-indent: 0;
  text-shadow: none;
}
/* line 108, sass/components/_wizard.scss */
.wizard ul li > a.done.wait .stepNumber {
  background-color: #fafafa !important;
  color: #cccccc !important;
  text-indent: -0px !important;
}
/* line 114, sass/components/_wizard.scss */
.wizard ul li > a.done.wait .stepNumber:before {
  content: "" !important;
}
/* line 118, sass/components/_wizard.scss */
.wizard > ul li .stepDesc {
  display: block;
  margin-top: 4px;
  max-width: 100%;
  color: #8e8e93;
  font-size: 12px;
  table-layout: fixed;
  text-align: center;
  word-wrap: break-word;
  z-index: 104;
}
/* line 131, sass/components/_wizard.scss */
.wizard > ul li > a.selected .stepDesc, .wizard li > a.done .stepDesc {
  color: #121212;
}
/* line 135, sass/components/_wizard.scss */
.wizard > ul li > a:hover {
  text-decoration: none;
}
/* line 139, sass/components/_wizard.scss */
.wizard > ul li > a.disabled {
  cursor: default;
}
/* line 143, sass/components/_wizard.scss */
.wizard .progress {
  margin-bottom: 30px;
}
/* line 147, sass/components/_wizard.scss */
.wizard .stepContainer {
  height: auto !important;
}
/* line 151, sass/components/_wizard.scss */
.wizard .loader {
  display: none;
}
/* line 155, sass/components/_wizard.scss */
.wizard [class^="button"], .wizard [class*=" button"] {
  display: none;
}
/* line 159, sass/components/_wizard.scss */
.wizard .close {
  display: none;
}

/** Public */
/* ==========================================================================
   Public > Authentication
   ========================================================================== */
/* Login
   ========================================================================== */
/* line 8, sass/states/public/_authentication.scss */
.login,
.forgot-password,
.reset-password {
  margin: 60px auto 0;
  max-width: 300px;
}
/* line 14, sass/states/public/_authentication.scss */
.login .checkbox,
.forgot-password .checkbox,
.reset-password .checkbox {
  padding-top: 10px;
  margin-top: 15px;
}
/* line 19, sass/states/public/_authentication.scss */
.login .form,
.forgot-password .form,
.reset-password .form {
  margin: 15px 0 0 0;
}
/* line 22, sass/states/public/_authentication.scss */
.login .form .action,
.forgot-password .form .action,
.reset-password .form .action {
  padding-top: 10px;
  margin-top: 15px;
}
/* line 27, sass/states/public/_authentication.scss */
.login .form .form-group,
.forgot-password .form .form-group,
.reset-password .form .form-group {
  padding-top: 10px;
  margin-top: 15px;
}
/* line 33, sass/states/public/_authentication.scss */
.login .hyperlink,
.forgot-password .hyperlink,
.reset-password .hyperlink {
  padding-top: 10px;
  margin-top: 15px;
}
/* line 37, sass/states/public/_authentication.scss */
.login .hyperlink a,
.forgot-password .hyperlink a,
.reset-password .hyperlink a {
  /*color: #58748b;*/
  color: #f7f7f8;
  font-size: 13px;
  text-decoration: none;
}
/* line 43, sass/states/public/_authentication.scss */
.login .hyperlink a:hover,
.forgot-password .hyperlink a:hover,
.reset-password .hyperlink a:hover {
  /*color: lighten(#58748b, 15%);*/
  color: white;
}
/* line 50, sass/states/public/_authentication.scss */
.login .logo,
.forgot-password .logo,
.reset-password .logo {
  padding: 0 10px;
}
/* line 54, sass/states/public/_authentication.scss */
.login .message,
.login .title,
.forgot-password .message,
.forgot-password .title,
.reset-password .message,
.reset-password .title {
  margin: 15px 0 10px;
  font-size: 13px;
  font-weight: 700;
}

/*.main-login {
    position: relative;

    margin: 60px auto 0;
    max-width: 300px;

    a,
    p {
        font-size: 13px;
    }

    p {
        margin: 20px;
    }
}

.app-navbar-fixed .main-login {
    margin-top: 0;
}

@media (max-width: 991px) {
    .main-login {
        margin-top: 60px !important;
    }
}

.main-login .logo {
    padding: 0 10px;
}

.main-login .logo > img {
    display: inline-block !important;
}

.main-login .box-login, .main-login .box-forgot, .main-login .box-register {
    overflow: hidden;
    margin: 15px 0 65px 0;
}

.main-login .form fieldset {
    border: none;
    margin: 0;
    padding: 10px 0 0;
}

.main-login a.forgot {
    color: #909090;
    font-size: 12px;
    position: absolute;
    right: 10px;
    text-shadow: 1px 1px 1px #FFFFFF;
    top: 9px;
}

.main-login input.password {
    padding-right: 130px;
}

.main-login label {
    color: #7F7F7F;
    font-size: 14px;
    margin-top: 5px;
}

.main-login .copyright {
    font-size: 11px;
    margin: 0 auto;
    padding: 10px 10px 0;
    text-align: center;
}

.main-login .form-actions:before, .main-login .form-actions:after {
    content: "";
    display: table;
    line-height: 0;
}

.main-login .form-actions:after {
    clear: both;
}

.main-login .form-actions {
    margin-top: 15px;
    padding-top: 10px;
    display: block;
}

.main-login .new-account {
    border-top: 1px dotted #EEEEEE;
    margin-top: 15px;
    padding-top: 10px;
    display: block;
}*/
/** Private */
/* ==========================================================================
   Contract
   ========================================================================== */
/* line 5, sass/states/private/_contract.scss */
.contract {
  /* Cancel
  ========================================================================= */
  /* Vehicle / Summary
  ========================================================================= */
  /* Coverage / Packages
  ========================================================================= */
  /* Pending
  ========================================================================= */
  /* Search
  ========================================================================= */
}
/* line 9, sass/states/private/_contract.scss */
.contract .cancel {
        /*.return-to-view {
            position: absolute;

            margin-top: -6px;

            text-decoration: none;

            i {
                margin-right: 5px;
            }
        }*/
}
/* line 13, sass/states/private/_contract.scss */
.contract .cancel .documents .uploader-queue .uploader-remove button {
  height: auto;
  margin: -3px 0;
}
/* line 20, sass/states/private/_contract.scss */
.contract .cancel .documents .uploader-wrapper {
  float: right;
  position: relative;
  overflow: hidden;
}
/* line 26, sass/states/private/_contract.scss */
.contract .cancel .documents .uploader-wrapper input[type="file"] {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 34px;
  cursor: pointer;
}
/* line 40, sass/states/private/_contract.scss */
.contract .cancel .notification {
  line-height: 1.2;
  margin-bottom: 20px;
  min-height: 46px;
  padding: 15px;
  background-color: #fafafa;
  color: #1e1f21;
  text-align: center;
  /*&:after {
      content: 'The warranty you have selected has not been mapped. Please see your network administrator.';
  }*/
}
/* line 56, sass/states/private/_contract.scss */
.contract .cancel .odometer .current-odometer-reading {
  border-right: 0;
}
/* line 62, sass/states/private/_contract.scss */
.contract .cancel .recipient fieldset {
  margin: 0 !important;
  padding: 2px 0 1px !important;
}
/* line 69, sass/states/private/_contract.scss */
.contract .cancel .recipient ul .clip-radio label {
  margin: 4px 0 4px 15px;
}
/* line 74, sass/states/private/_contract.scss */
.contract .cancel .recipient .form-control-static {
                /*.clip-check,
                .clip-radio {
                    label {
                        margin-left: 15px;
                    }
                }

                .clip-check-wrapper,
                .clip-radio-wrapper {
                    height: 32px;
                }*/
}
/* line 75, sass/states/private/_contract.scss */
.contract .cancel .recipient .form-control-static .clip-radio-wrapper {
  height: 32px;
}
/* line 79, sass/states/private/_contract.scss */
.contract .cancel .recipient .form-control-static .clip-radio {
  display: table;
  margin: auto;
}
/* line 83, sass/states/private/_contract.scss */
.contract .cancel .recipient .form-control-static .clip-radio label {
  margin-left: 15px;
}
/* line 103, sass/states/private/_contract.scss */
.contract .cancel .refund .claims,
.contract .cancel .refund .fees,
.contract .cancel .refund .rebates {
  width: 100%;
}
/* line 109, sass/states/private/_contract.scss */
.contract .cancel .refund .claims tbody tr td,
.contract .cancel .refund .fees tbody tr td,
.contract .cancel .refund .rebates tbody tr td {
  line-height: 1.2;
  padding-bottom: 5px;
  padding-top: 5px;
  /*&.amount {
      padding-right: 5px;
  }*/
                        /*&:last-child {
                            padding-left: 12px !important;

                        }*/
}
/* line 124, sass/states/private/_contract.scss */
.contract .cancel .refund .claims tbody tr:first-child td,
.contract .cancel .refund .fees tbody tr:first-child td,
.contract .cancel .refund .rebates tbody tr:first-child td {
  padding-top: 0;
}
/* line 128, sass/states/private/_contract.scss */
.contract .cancel .refund .claims tbody tr:last-child td,
.contract .cancel .refund .fees tbody tr:last-child td,
.contract .cancel .refund .rebates tbody tr:last-child td {
  border: 0;
  padding-bottom: 0;
}
/* line 132, sass/states/private/_contract.scss */
.contract .cancel .refund .claims tbody tr:last-child td .actual,
.contract .cancel .refund .fees tbody tr:last-child td .actual,
.contract .cancel .refund .rebates tbody tr:last-child td .actual {
  margin-bottom: 0;
}
/* line 137, sass/states/private/_contract.scss */
.contract .cancel .refund .claims tbody tr:nth-child(3),
.contract .cancel .refund .fees tbody tr:nth-child(3),
.contract .cancel .refund .rebates tbody tr:nth-child(3) {
  border-top: 1px solid #c8c7cc;
}
/* line 140, sass/states/private/_contract.scss */
.contract .cancel .refund .claims tbody tr:nth-child(3) td,
.contract .cancel .refund .fees tbody tr:nth-child(3) td,
.contract .cancel .refund .rebates tbody tr:nth-child(3) td {
  padding-top: 10px;
}
/* line 146, sass/states/private/_contract.scss */
.contract .cancel .refund .claims .include-actual,
.contract .cancel .refund .fees .include-actual,
.contract .cancel .refund .rebates .include-actual {
  float: right;
  /*li {
      ul {
          float: right;
      }
  }*/
}
/* line 156, sass/states/private/_contract.scss */
.contract .cancel .refund .claims .include,
.contract .cancel .refund .fees .include,
.contract .cancel .refund .rebates .include {
  margin-top: 10px;
}
/* line 160, sass/states/private/_contract.scss */
.contract .cancel .refund .claims .actual,
.contract .cancel .refund .claims .include,
.contract .cancel .refund .fees .actual,
.contract .cancel .refund .fees .include,
.contract .cancel .refund .rebates .actual,
.contract .cancel .refund .rebates .include {
  float: right;
  display: table;
  margin-bottom: 5px;
}
/* line 167, sass/states/private/_contract.scss */
.contract .cancel .refund .claims .actual li,
.contract .cancel .refund .claims .include li,
.contract .cancel .refund .fees .actual li,
.contract .cancel .refund .fees .include li,
.contract .cancel .refund .rebates .actual li,
.contract .cancel .refund .rebates .include li {
  display: table-cell;
  vertical-align: middle;
}
/* line 173, sass/states/private/_contract.scss */
.contract .cancel .refund .claims .actual li .clip-radio label,
.contract .cancel .refund .claims .include li .clip-radio label,
.contract .cancel .refund .fees .actual li .clip-radio label,
.contract .cancel .refund .fees .include li .clip-radio label,
.contract .cancel .refund .rebates .actual li .clip-radio label,
.contract .cancel .refund .rebates .include li .clip-radio label {
  margin-left: 0;
}
/* line 178, sass/states/private/_contract.scss */
.contract .cancel .refund .claims .actual li.label,
.contract .cancel .refund .claims .include li.label,
.contract .cancel .refund .fees .actual li.label,
.contract .cancel .refund .fees .include li.label,
.contract .cancel .refund .rebates .actual li.label,
.contract .cancel .refund .rebates .include li.label {
  padding-right: 5px;
}
/* line 183, sass/states/private/_contract.scss */
.contract .cancel .refund .claims .actual li.input-cell .form-control,
.contract .cancel .refund .claims .include li.input-cell .form-control,
.contract .cancel .refund .fees .actual li.input-cell .form-control,
.contract .cancel .refund .fees .include li.input-cell .form-control,
.contract .cancel .refund .rebates .actual li.input-cell .form-control,
.contract .cancel .refund .rebates .include li.input-cell .form-control {
  height: auto;
  padding: 2px 4px;
  width: 70px;
}
/* line 189, sass/states/private/_contract.scss */
.contract .cancel .refund .claims .actual li.input-cell .input-group-addon,
.contract .cancel .refund .claims .include li.input-cell .input-group-addon,
.contract .cancel .refund .fees .actual li.input-cell .input-group-addon,
.contract .cancel .refund .fees .include li.input-cell .input-group-addon,
.contract .cancel .refund .rebates .actual li.input-cell .input-group-addon,
.contract .cancel .refund .rebates .include li.input-cell .input-group-addon {
  padding: 4px 8px;
}
/* line 195, sass/states/private/_contract.scss */
.contract .cancel .refund .claims .actual li:last-child .clip-radio label,
.contract .cancel .refund .claims .include li:last-child .clip-radio label,
.contract .cancel .refund .fees .actual li:last-child .clip-radio label,
.contract .cancel .refund .fees .include li:last-child .clip-radio label,
.contract .cancel .refund .rebates .actual li:last-child .clip-radio label,
.contract .cancel .refund .rebates .include li:last-child .clip-radio label {
  margin-right: 0;
}
/* line 203, sass/states/private/_contract.scss */
.contract .cancel .refund .coverage-premium {
  width: 100%;
}
/* line 207, sass/states/private/_contract.scss */
.contract .cancel .refund .coverage-premium tbody tr:first-child td {
  padding-bottom: 10px !important;
}
/* line 211, sass/states/private/_contract.scss */
.contract .cancel .refund .coverage-premium tbody tr:nth-child(2) td {
  padding-bottom: 4px;
}
/* line 216, sass/states/private/_contract.scss */
.contract .cancel .refund .coverage-premium .clip-radio label {
  margin-left: 0 !important;
}
/* line 234, sass/states/private/_contract.scss */
.contract .cancel .totals {
  padding: 0 12px;
}
/* line 237, sass/states/private/_contract.scss */
.contract .cancel .totals > ul {
  float: right;
  margin-bottom: 20px;
  font-size: 14px;
}
/* line 245, sass/states/private/_contract.scss */
.contract .cancel .totals > ul > li ul {
  float: right;
  display: table;
}
/* line 250, sass/states/private/_contract.scss */
.contract .cancel .totals > ul > li ul li {
  display: table-cell;
  padding: 5px 0;
  vertical-align: middle;
}
/* line 257, sass/states/private/_contract.scss */
.contract .cancel .totals > ul > li ul li.input-cell .form-control {
  height: auto;
  padding: 2px 4px;
  width: 70px;
}
/* line 263, sass/states/private/_contract.scss */
.contract .cancel .totals > ul > li ul li.input-cell .input-group-addon {
  padding: 4px 8px;
}
/* line 268, sass/states/private/_contract.scss */
.contract .cancel .totals > ul > li ul li.label {
  padding-right: 5px;
}
@media only screen and (min-width: 375px) {
  /* line 278, sass/states/private/_contract.scss */
  .contract .cancel .recipient {
    padding-left: 15px;
  }
  /* line 281, sass/states/private/_contract.scss */
  .contract .cancel .recipient li {
    display: inline-block;
  }
  /* line 284, sass/states/private/_contract.scss */
  .contract .cancel .recipient li.three-cols {
    width: 32%;
  }
  /* line 288, sass/states/private/_contract.scss */
  .contract .cancel .recipient li.two-cols {
    width: 50%;
  }
  /* line 294, sass/states/private/_contract.scss */
  .contract .cancel .recipient .clip-radio label {
    margin: 4px 0 4px 0;
  }
}
@media only screen and (min-width: 480px) {
  /* line 305, sass/states/private/_contract.scss */
  .contract .cancel .refund .claims .actual,
  .contract .cancel .refund .fees .actual,
  .contract .cancel .refund .rebates .actual {
    margin-top: 5px;
  }
  /* line 309, sass/states/private/_contract.scss */
  .contract .cancel .refund .claims .include,
  .contract .cancel .refund .fees .include,
  .contract .cancel .refund .rebates .include {
    float: left;
    margin-top: 5px;
                    /*display: table;
                    margin-bottom: 5px;

                    li {
                        display: table-cell;

                        vertical-align: middle;

                        .clip-radio {
                            label {
                                margin-left: 0;
                            }
                        }

                        &.label {
                            padding: 0 5px 0 15px;
                        }

                        &.input-cell {
                            .form-control {
                                height: auto;
                                padding: 2px 4px;
                                width: 70px;
                            }

                            .input-group-addon {
                                padding: 4px 8px;
                            }
                        }


                        &:last-child {
                            .clip-radio label {
                                margin-right: 0;
                            }
                        }
                    }*/
  }
  /* line 353, sass/states/private/_contract.scss */
  .contract .cancel .refund .claims .include-actual,
  .contract .cancel .refund .fees .include-actual,
  .contract .cancel .refund .rebates .include-actual {
    float: none;
  }
}
@media only screen and (min-width: 1440px) {
  /* line 9, sass/states/private/_contract.scss */
  .contract .cancel {
            /*.totals {
                .save {
                    margin: 19px 0 25px;

                    &.show-totals {
                        margin: 0;
                    }
                }
            }*/
  }
  /* line 360, sass/states/private/_contract.scss */
  .contract .cancel .is-termination {
    /*min-height: 127px;*/
    margin: 21px 0 20px;
  }
}
/* line 381, sass/states/private/_contract.scss */
.contract .customer fieldset,
.contract .summary fieldset {
  position: relative;
}
/* line 385, sass/states/private/_contract.scss */
.contract .customer .btn-legend,
.contract .summary .btn-legend {
  position: absolute;
  top: -12px;
  right: 15px;
  height: auto;
  padding: 1px 8px;
}
/* line 393, sass/states/private/_contract.scss */
.contract .customer .btn-legend i,
.contract .summary .btn-legend i {
  /*float: right;*/
  margin-top: 3px;
}
/* line 404, sass/states/private/_contract.scss */
.contract .customer .form-control-static,
.contract .vehicle .form-control-static,
.contract .summary .form-control-static {
  /*.clip-check & {
      height: 68px !important;
  }*/
}
/* line 405, sass/states/private/_contract.scss */
.contract .customer .form-control-static .clip-radio-wrapper,
.contract .vehicle .form-control-static .clip-radio-wrapper,
.contract .summary .form-control-static .clip-radio-wrapper {
  height: 32px;
}
/* line 409, sass/states/private/_contract.scss */
.contract .customer .form-control-static .clip-radio,
.contract .vehicle .form-control-static .clip-radio,
.contract .summary .form-control-static .clip-radio {
  /*@include vertical-align();*/
  display: table;
  margin: auto;
}
/* line 415, sass/states/private/_contract.scss */
.contract .customer .form-control-static .clip-radio label,
.contract .vehicle .form-control-static .clip-radio label,
.contract .summary .form-control-static .clip-radio label {
  margin-left: 15px;
                    /*&:nth-child(2) {
                        margin-left: 0;
                    }

                    &:nth-child(4) {
                        margin-right: 0;
                    }*/
}
/* line 432, sass/states/private/_contract.scss */
.contract .customer .form-control-static .clip-check,
.contract .vehicle .form-control-static .clip-check,
.contract .summary .form-control-static .clip-check {
  margin: 0;
  /*padding: 4px 0;*/
}
/* line 436, sass/states/private/_contract.scss */
.contract .customer .form-control-static .clip-check label,
.contract .vehicle .form-control-static .clip-check label,
.contract .summary .form-control-static .clip-check label {
  display: block;
  /*vertical-align: middle;*/
  margin: 4px 0 4px 15px;
}
/* line 446, sass/states/private/_contract.scss */
.contract .customer .form-vin-desktop,
.contract .vehicle .form-vin-desktop,
.contract .summary .form-vin-desktop {
  display: none;
}
/* line 450, sass/states/private/_contract.scss */
.contract .customer .ymmt-container,
.contract .vehicle .ymmt-container,
.contract .summary .ymmt-container {
  position: relative;
}
/* line 453, sass/states/private/_contract.scss */
.contract .customer .ymmt-container .ymmt-busy,
.contract .vehicle .ymmt-container .ymmt-busy,
.contract .summary .ymmt-container .ymmt-busy {
  position: absolute;
}
@media only screen and (min-width: 375px) {
  /* line 460, sass/states/private/_contract.scss */
  .contract .customer .form-control-static .clip-check-wrapper,
  .contract .vehicle .form-control-static .clip-check-wrapper,
  .contract .summary .form-control-static .clip-check-wrapper {
    height: 32px;
  }
  /* line 464, sass/states/private/_contract.scss */
  .contract .customer .form-control-static .clip-check,
  .contract .vehicle .form-control-static .clip-check,
  .contract .summary .form-control-static .clip-check {
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    top: 50%;
    display: table;
    margin: auto;
  }
  /* line 470, sass/states/private/_contract.scss */
  .contract .customer .form-control-static .clip-check label,
  .contract .vehicle .form-control-static .clip-check label,
  .contract .summary .form-control-static .clip-check label {
    display: inline-block;
    margin: 0;
    /*padding: 0 0 0 15px;*/
  }
  /* line 475, sass/states/private/_contract.scss */
  .contract .customer .form-control-static .clip-check label:nth-child(4),
  .contract .vehicle .form-control-static .clip-check label:nth-child(4),
  .contract .summary .form-control-static .clip-check label:nth-child(4) {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  /* line 484, sass/states/private/_contract.scss */
  .contract .customer .form-vin-desktop,
  .contract .vehicle .form-vin-desktop,
  .contract .summary .form-vin-desktop {
    display: block;
  }
  /* line 488, sass/states/private/_contract.scss */
  .contract .customer .form-vin-mobile,
  .contract .vehicle .form-vin-mobile,
  .contract .summary .form-vin-mobile {
    display: none;
  }
}
/* line 499, sass/states/private/_contract.scss */
.contract .coverage .oem-warranty .input-group .form-control.kms-miles,
.contract .vehicle .oem-warranty .input-group .form-control.kms-miles,
.contract .summary .oem-warranty .input-group .form-control.kms-miles {
  min-width: 90px;
}
/* line 503, sass/states/private/_contract.scss */
.contract .coverage .oem-warranty .input-group .form-control-static,
.contract .vehicle .oem-warranty .input-group .form-control-static,
.contract .summary .oem-warranty .input-group .form-control-static {
  display: table-cell;
  width: 40%;
}
/* line 508, sass/states/private/_contract.scss */
.contract .coverage .oem-warranty .input-group .input-group-addon.years,
.contract .vehicle .oem-warranty .input-group .input-group-addon.years,
.contract .summary .oem-warranty .input-group .input-group-addon.years {
  border-left: 0;
  border-right: 0;
}
/* line 514, sass/states/private/_contract.scss */
.contract .coverage .oem-warranty .unlimited,
.contract .vehicle .oem-warranty .unlimited,
.contract .summary .oem-warranty .unlimited {
  color: #e6674a;
  font-style: italic;
}
/* line 522, sass/states/private/_contract.scss */
.contract .summary .deductible,
.contract .summary .packages,
.contract .summary .selected-options,
.contract .summary .total,
.contract .summary .warranty {
  width: 100%;
}
/* line 529, sass/states/private/_contract.scss */
.contract .summary .deductible tbody tr,
.contract .summary .packages tbody tr,
.contract .summary .selected-options tbody tr,
.contract .summary .total tbody tr,
.contract .summary .warranty tbody tr {
  /*&:last-child td {
      padding-top: 10px;
  }*/
}
/* line 530, sass/states/private/_contract.scss */
.contract .summary .deductible tbody tr td,
.contract .summary .packages tbody tr td,
.contract .summary .selected-options tbody tr td,
.contract .summary .total tbody tr td,
.contract .summary .warranty tbody tr td {
  line-height: 1.2;
}
/* line 533, sass/states/private/_contract.scss */
.contract .summary .deductible tbody tr td:last-child,
.contract .summary .packages tbody tr td:last-child,
.contract .summary .selected-options tbody tr td:last-child,
.contract .summary .total tbody tr td:last-child,
.contract .summary .warranty tbody tr td:last-child {
  padding-left: 12px !important;
  vertical-align: top;
}
/* line 540, sass/states/private/_contract.scss */
.contract .summary .deductible tbody tr:first-child td,
.contract .summary .packages tbody tr:first-child td,
.contract .summary .selected-options tbody tr:first-child td,
.contract .summary .total tbody tr:first-child td,
.contract .summary .warranty tbody tr:first-child td {
  padding: 0 !important;
}
/* line 551, sass/states/private/_contract.scss */
.contract .summary .total tbody tr td {
  font-weight: 700;
}
/* line 557, sass/states/private/_contract.scss */
.contract .summary .warranty tbody tr {
  /*&:first-child {
      border-bottom: 1px solid $gray-light;
  }*/
}
/* line 558, sass/states/private/_contract.scss */
.contract .summary .warranty tbody tr td {
  font-size: 13px;
  line-height: 2;
}
/* line 568, sass/states/private/_contract.scss */
.contract .summary .warranty tbody tr:last-child {
  border-top: 1px solid #cccccc;
}
/* line 571, sass/states/private/_contract.scss */
.contract .summary .warranty tbody tr:last-child td {
  font-weight: 700;
}
/* line 580, sass/states/private/_contract.scss */
.contract .summary .uploader-queue .uploader-remove button {
  height: auto;
  margin: -3px 0;
}
/* line 587, sass/states/private/_contract.scss */
.contract .summary .uploader-wrapper {
  float: right;
  position: relative;
  overflow: hidden;
}
/* line 593, sass/states/private/_contract.scss */
.contract .summary .uploader-wrapper input[type="file"] {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 34px;
  cursor: pointer;
}
/* line 611, sass/states/private/_contract.scss */
.contract .coverage,
.contract .packages {
  /*.active-part-group,*/
        /*.deductibles,
        .part-groups {
            width: 100%;

             tr td:last-child,
             tr td:last-child {
                padding-right: 15px;

                font-size: $font-size-small;
             }
        }*/
}
/* line 613, sass/states/private/_contract.scss */
.contract .coverage fieldset,
.contract .packages fieldset {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
/* line 618, sass/states/private/_contract.scss */
.contract .coverage .active-deductible,
.contract .coverage .active-part-group,
.contract .packages .active-deductible,
.contract .packages .active-part-group {
  background-color: #fafafa;
}
/* line 622, sass/states/private/_contract.scss */
.contract .coverage .active-deductible td,
.contract .coverage .active-part-group td,
.contract .packages .active-deductible td,
.contract .packages .active-part-group td {
  font-weight: 700;
}
/* line 628, sass/states/private/_contract.scss */
.contract .coverage .nested-pricing,
.contract .packages .nested-pricing {
  background-color: #fafafa;
}
/* line 631, sass/states/private/_contract.scss */
.contract .coverage .nested-pricing td:first-child,
.contract .packages .nested-pricing td:first-child {
  padding-right: 0 !important;
}
/* line 635, sass/states/private/_contract.scss */
.contract .coverage .nested-pricing .pricing,
.contract .packages .nested-pricing .pricing {
  /*border-bottom: 1px solid $gray-light;*/
}
/* line 639, sass/states/private/_contract.scss */
.contract .coverage .nested-pricing .pricing tbody tr td:first-child,
.contract .packages .nested-pricing .pricing tbody tr td:first-child {
  padding-left: 45px;
}
/* line 643, sass/states/private/_contract.scss */
.contract .coverage .nested-pricing .pricing tbody tr td:last-child,
.contract .packages .nested-pricing .pricing tbody tr td:last-child {
  /*padding-right: 0;*/
}
/* line 648, sass/states/private/_contract.scss */
.contract .coverage .nested-pricing .pricing tbody tr:last-child td,
.contract .packages .nested-pricing .pricing tbody tr:last-child td {
  border-top: none;
}
/* line 656, sass/states/private/_contract.scss */
.contract .coverage .clip-radio label,
.contract .packages .clip-radio label {
  margin: 5px 15px 4px 0;
}
/* line 674, sass/states/private/_contract.scss */
.contract .coverage .deductibles .clip-check label,
.contract .coverage .deductibles .clip-radio label,
.contract .coverage .part-groups .clip-check label,
.contract .coverage .part-groups .clip-radio label,
.contract .packages .deductibles .clip-check label,
.contract .packages .deductibles .clip-radio label,
.contract .packages .part-groups .clip-check label,
.contract .packages .part-groups .clip-radio label {
  margin: 0 !important;
  font-size: 14px;
}
/* line 683, sass/states/private/_contract.scss */
.contract .coverage .form-control-static .clip-radio-wrapper,
.contract .packages .form-control-static .clip-radio-wrapper {
  height: 32px;
}
/* line 687, sass/states/private/_contract.scss */
.contract .coverage .form-control-static .clip-radio,
.contract .packages .form-control-static .clip-radio {
  /*@include vertical-align();*/
  display: table;
  /*margin: auto;*/
}
/* line 693, sass/states/private/_contract.scss */
.contract .coverage .form-control-static .clip-radio label,
.contract .packages .form-control-static .clip-radio label {
  margin-left: 15px;
}
/* line 698, sass/states/private/_contract.scss */
.contract .coverage .form-control-static .clip-check,
.contract .packages .form-control-static .clip-check {
  display: table;
  margin: 0;
}
/* line 702, sass/states/private/_contract.scss */
.contract .coverage .form-control-static .clip-check label,
.contract .packages .form-control-static .clip-check label {
  display: block;
  margin: 5px 0 4px 15px;
}
/* line 710, sass/states/private/_contract.scss */
.contract .coverage .pricing,
.contract .packages .pricing {
  width: 100%;
  font-size: 13px;
            /*.form-control-static {
                margin-bottom: 20px;

                &:last-child {
                    margin-bottom: 0;
                }
            }*/
}
/* line 716, sass/states/private/_contract.scss */
.contract .coverage .pricing tbody tr td,
.contract .packages .pricing tbody tr td {
  line-height: 2;
}
/* line 720, sass/states/private/_contract.scss */
.contract .coverage .pricing tbody tr.markup td,
.contract .packages .pricing tbody tr.markup td {
  padding-bottom: 8px;
}
/* line 725, sass/states/private/_contract.scss */
.contract .coverage .pricing tbody tr:last-child td,
.contract .packages .pricing tbody tr:last-child td {
  border-top: 1px solid #cccccc;
  font-weight: 700;
}
/* line 741, sass/states/private/_contract.scss */
.contract .coverage .pricing .input-cell,
.contract .packages .pricing .input-cell {
  width: 1%;
}
/* line 744, sass/states/private/_contract.scss */
.contract .coverage .pricing .input-cell .form-control,
.contract .packages .pricing .input-cell .form-control {
  height: auto;
  padding: 1px 4px;
  width: 70px;
  font-size: 13px;
}
/* line 752, sass/states/private/_contract.scss */
.contract .coverage .pricing .input-cell .input-group-addon,
.contract .packages .pricing .input-cell .input-group-addon {
  padding: 2px 8px;
}
@media only screen and (min-width: 480px) {
  /* line 759, sass/states/private/_contract.scss */
  .contract .coverage fieldset,
  .contract .packages fieldset {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
/* line 766, sass/states/private/_contract.scss */
.contract .packages {
        /*.input-group {
            float: left;

            margin-left: 25px;
            margin-top: 4px;
            width: 135px;

            input,
            .input-group-addon {
                height: 23px;
            }

            .btn {
                height: auto;
            }

            .input-group-addon {
                padding: 3px 6px;
            }
        }*/
  /*@media only screen and (min-width: $breakpoint-6) {
      .input-group {
          float: right;
      }
  }*/
}
/* line 767, sass/states/private/_contract.scss */
.contract .packages .clip-radio {
  float: left;
}
/* line 792, sass/states/private/_contract.scss */
.contract .packages .notification {
  line-height: 1.2;
  margin-bottom: 20px;
  min-height: 46px;
  padding: 15px;
  background-color: #fafafa;
  color: #1e1f21;
  text-align: center;
}
/* line 803, sass/states/private/_contract.scss */
.contract .packages .table {
  width: 100%;
}
/* line 11, sass/components/_tabs.scss */
.contract .pending .tab-wrap {
  width: 100%;
  position: relative;
  display: table;
  table-layout: fixed;
}
/* line 17, sass/components/_tabs.scss */
.contract .pending .tab-wrap input[type="radio"][name="tabs"] {
  position: absolute;
  z-index: -1;
  /*@include tabs;*/
}
/* line 23, sass/components/_tabs.scss */
.contract .pending .tab-wrap input[type="radio"][name="tabs"]:checked + .tab-label-content label {
  /*color: $primary;*/
}
/* line 27, sass/components/_tabs.scss */
.contract .pending .tab-wrap input[type="radio"][name="tabs"]:checked + .tab-label-content .tab-content {
  display: block;
}
/* line 32, sass/components/_tabs.scss */
.contract .pending .tab-wrap input[type="radio"][name="tabs"]:checked + #tab1-content {
  background: #d1bc98;
  background: -moz-linear-gradient(left, #d1bc98 0%, #b99963 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #d1bc98), color-stop(100%, #b99963));
  background: -webkit-linear-gradient(left, #d1bc98 0%, #b99963 100%);
  background: -o-linear-gradient(left, #d1bc98 0%, #b99963 100%);
  background: -ms-linear-gradient(left, #d1bc98 0%, #b99963 100%);
  background: linear-gradient(to right, #d1bc98 0%, #b99963 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1bc98', endColorstr='#b99963', GradientType=1 );
}
/* line 43, sass/components/_tabs.scss */
.contract .pending .tab-wrap input[type="radio"][name="tabs"]:checked + #tab2-content {
  background: #b99963;
  background: -moz-linear-gradient(left, #b99963 0%, #d1bc98 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #b99963), color-stop(100%, #d1bc98));
  background: -webkit-linear-gradient(left, #b99963 0%, #d1bc98 100%);
  background: -o-linear-gradient(left, #b99963 0%, #d1bc98 100%);
  background: -ms-linear-gradient(left, #b99963 0%, #d1bc98 100%);
  background: linear-gradient(to right, #b99963 0%, #d1bc98 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b99963', endColorstr='#d1bc98', GradientType=1 );
}
/* line 58, sass/components/_tabs.scss */
.contract .pending .tab-wrap input[type="radio"][name="tabs"]:nth-of-type(1):checked ~ .slide {
  left: calc((100% / 3) * 0);
}
/* line 58, sass/components/_tabs.scss */
.contract .pending .tab-wrap input[type="radio"][name="tabs"]:nth-of-type(2):checked ~ .slide {
  left: calc((100% / 3) * 1);
}
/* line 58, sass/components/_tabs.scss */
.contract .pending .tab-wrap input[type="radio"][name="tabs"]:nth-of-type(3):checked ~ .slide {
  left: calc((100% / 3) * 2);
}
/* line 67, sass/components/_tabs.scss */
.contract .pending .tab-wrap input[type="radio"][name="tabs"]:first-of-type:checked ~ .slide {
  left: 0;
}
/* line 74, sass/components/_tabs.scss */
.contract .pending .tab-wrap label {
  cursor: pointer;
  /*color: rgba(88, 116, 139, 0.8);*/
  color: white;
  box-sizing: border-box;
  display: block;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 46px;
  line-height: 46px;
  transition: color 0.2s ease;
}
/* line 88, sass/components/_tabs.scss */
.contract .pending .tab-wrap .slide {
  background: black;
  width: calc(100% / 3);
  height: 4px;
  position: absolute;
  left: 0;
  top: calc(100% - 4px);
  transition: left 0.3s ease-out;
}
/* line 98, sass/components/_tabs.scss */
.contract .pending .tab-wrap .tab-label-content {
  display: table-cell;
  width: 100%;
  /*background-color: $cyan;*/
}
/* line 102, sass/components/_tabs.scss */
.contract .pending .tab-wrap .tab-label-content .tab-content {
  position: absolute;
  top: 100px;
  left: 16px;
  line-height: 130%;
  display: none;
}
/* line 111, sass/components/_tabs.scss */
.contract .pending .tab-wrap #tab1-content {
  background: rgba(74, 74, 74, 0.8);
  background: -moz-linear-gradient(left, rgba(74, 74, 74, 0.8) 0%, black 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(74, 74, 74, 0.8)), color-stop(100%, black));
  background: -webkit-linear-gradient(left, rgba(74, 74, 74, 0.8) 0%, black 100%);
  background: -o-linear-gradient(left, rgba(74, 74, 74, 0.8) 0%, black 100%);
  background: -ms-linear-gradient(left, rgba(74, 74, 74, 0.8) 0%, black 100%);
  background: linear-gradient(to right, rgba(74, 74, 74, 0.8) 0%, #000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4a4a', endColorstr='#000000', GradientType=1 );
}
/* line 122, sass/components/_tabs.scss */
.contract .pending .tab-wrap #tab2-content {
  background: black;
  background: -moz-linear-gradient(left, black 0%, rgba(74, 74, 74, 0.8) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, black), color-stop(100%, rgba(74, 74, 74, 0.8)));
  background: -webkit-linear-gradient(left, black 0%, rgba(74, 74, 74, 0.8) 100%);
  background: -o-linear-gradient(left, black 0%, rgba(74, 74, 74, 0.8) 100%);
  background: -ms-linear-gradient(left, black 0%, rgba(74, 74, 74, 0.8) 100%);
  background: linear-gradient(to right, #000000 0%, rgba(74, 74, 74, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#4a4a4a', GradientType=1 );
}
/* line 823, sass/states/private/_contract.scss */
.contract .pending .alberta-dealers .applications,
.contract .pending .duplicate-vins .applications {
  margin-bottom: 0;
}
/* line 826, sass/states/private/_contract.scss */
.contract .pending .alberta-dealers .applications tr:nth-child(odd) td,
.contract .pending .duplicate-vins .applications tr:nth-child(odd) td {
  border-bottom: 1px solid #ddd !important;
  border-top: 1px solid #ddd;
  background: #fafafa;
}
/* line 834, sass/states/private/_contract.scss */
.contract .pending .alberta-dealers .clip-check,
.contract .pending .duplicate-vins .clip-check {
  margin-bottom: 0;
  margin-top: 0;
}
/* line 839, sass/states/private/_contract.scss */
.contract .pending .alberta-dealers .datagrid-detail-row .table,
.contract .pending .duplicate-vins .datagrid-detail-row .table {
  background: transparent;
}
/* line 842, sass/states/private/_contract.scss */
.contract .pending .alberta-dealers .datagrid-detail-row .table td,
.contract .pending .duplicate-vins .datagrid-detail-row .table td {
  border-bottom: 0;
}
/* line 847, sass/states/private/_contract.scss */
.contract .pending .alberta-dealers .warranties,
.contract .pending .duplicate-vins .warranties {
  display: table;
  width: 100%;
}
/* line 851, sass/states/private/_contract.scss */
.contract .pending .alberta-dealers .warranties ul,
.contract .pending .duplicate-vins .warranties ul {
  display: table-cell;
  width: 50%;
  font-size: 12px;
}
/* line 861, sass/states/private/_contract.scss */
.contract .pending .missing-in-service-date .icon-updated {
  padding-top: 0;
  padding-bottom: 0;
}
/* line 865, sass/states/private/_contract.scss */
.contract .pending .missing-in-service-date .icon-updated span {
  display: inline-block;
  margin-top: 2px;
  font-size: 22px;
}
/* line 872, sass/states/private/_contract.scss */
.contract .pending .missing-in-service-date .icon-updated .pending {
  color: white;
}
/* line 877, sass/states/private/_contract.scss */
.contract .pending .missing-in-service-date .warranties {
  display: table;
  width: 100%;
}
/* line 881, sass/states/private/_contract.scss */
.contract .pending .missing-in-service-date .warranties ul {
  display: table-cell;
  width: 50%;
  font-size: 12px;
}
/* line 11, sass/components/_tabs.scss */
.contract .search .tab-wrap {
  width: 100%;
  position: relative;
  display: table;
  table-layout: fixed;
}
/* line 17, sass/components/_tabs.scss */
.contract .search .tab-wrap input[type="radio"][name="tabs"] {
  position: absolute;
  z-index: -1;
  /*@include tabs;*/
}
/* line 23, sass/components/_tabs.scss */
.contract .search .tab-wrap input[type="radio"][name="tabs"]:checked + .tab-label-content label {
  /*color: $primary;*/
}
/* line 27, sass/components/_tabs.scss */
.contract .search .tab-wrap input[type="radio"][name="tabs"]:checked + .tab-label-content .tab-content {
  display: block;
}
/* line 32, sass/components/_tabs.scss */
.contract .search .tab-wrap input[type="radio"][name="tabs"]:checked + #tab1-content {
  background: #d1bc98;
  background: -moz-linear-gradient(left, #d1bc98 0%, #b99963 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #d1bc98), color-stop(100%, #b99963));
  background: -webkit-linear-gradient(left, #d1bc98 0%, #b99963 100%);
  background: -o-linear-gradient(left, #d1bc98 0%, #b99963 100%);
  background: -ms-linear-gradient(left, #d1bc98 0%, #b99963 100%);
  background: linear-gradient(to right, #d1bc98 0%, #b99963 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1bc98', endColorstr='#b99963', GradientType=1 );
}
/* line 43, sass/components/_tabs.scss */
.contract .search .tab-wrap input[type="radio"][name="tabs"]:checked + #tab2-content {
  background: #b99963;
  background: -moz-linear-gradient(left, #b99963 0%, #d1bc98 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #b99963), color-stop(100%, #d1bc98));
  background: -webkit-linear-gradient(left, #b99963 0%, #d1bc98 100%);
  background: -o-linear-gradient(left, #b99963 0%, #d1bc98 100%);
  background: -ms-linear-gradient(left, #b99963 0%, #d1bc98 100%);
  background: linear-gradient(to right, #b99963 0%, #d1bc98 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b99963', endColorstr='#d1bc98', GradientType=1 );
}
/* line 58, sass/components/_tabs.scss */
.contract .search .tab-wrap input[type="radio"][name="tabs"]:nth-of-type(1):checked ~ .slide {
  left: calc((100% / 2) * 0);
}
/* line 58, sass/components/_tabs.scss */
.contract .search .tab-wrap input[type="radio"][name="tabs"]:nth-of-type(2):checked ~ .slide {
  left: calc((100% / 2) * 1);
}
/* line 67, sass/components/_tabs.scss */
.contract .search .tab-wrap input[type="radio"][name="tabs"]:first-of-type:checked ~ .slide {
  left: 0;
}
/* line 74, sass/components/_tabs.scss */
.contract .search .tab-wrap label {
  cursor: pointer;
  /*color: rgba(88, 116, 139, 0.8);*/
  color: white;
  box-sizing: border-box;
  display: block;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 46px;
  line-height: 46px;
  transition: color 0.2s ease;
}
/* line 88, sass/components/_tabs.scss */
.contract .search .tab-wrap .slide {
  background: black;
  width: calc(100% / 2);
  height: 4px;
  position: absolute;
  left: 0;
  top: calc(100% - 4px);
  transition: left 0.3s ease-out;
}
/* line 98, sass/components/_tabs.scss */
.contract .search .tab-wrap .tab-label-content {
  display: table-cell;
  width: 100%;
  /*background-color: $cyan;*/
}
/* line 102, sass/components/_tabs.scss */
.contract .search .tab-wrap .tab-label-content .tab-content {
  position: absolute;
  top: 100px;
  left: 16px;
  line-height: 130%;
  display: none;
}
/* line 111, sass/components/_tabs.scss */
.contract .search .tab-wrap #tab1-content {
  background: rgba(74, 74, 74, 0.8);
  background: -moz-linear-gradient(left, rgba(74, 74, 74, 0.8) 0%, black 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(74, 74, 74, 0.8)), color-stop(100%, black));
  background: -webkit-linear-gradient(left, rgba(74, 74, 74, 0.8) 0%, black 100%);
  background: -o-linear-gradient(left, rgba(74, 74, 74, 0.8) 0%, black 100%);
  background: -ms-linear-gradient(left, rgba(74, 74, 74, 0.8) 0%, black 100%);
  background: linear-gradient(to right, rgba(74, 74, 74, 0.8) 0%, #000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4a4a', endColorstr='#000000', GradientType=1 );
}
/* line 122, sass/components/_tabs.scss */
.contract .search .tab-wrap #tab2-content {
  background: black;
  background: -moz-linear-gradient(left, black 0%, rgba(74, 74, 74, 0.8) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, black), color-stop(100%, rgba(74, 74, 74, 0.8)));
  background: -webkit-linear-gradient(left, black 0%, rgba(74, 74, 74, 0.8) 100%);
  background: -o-linear-gradient(left, black 0%, rgba(74, 74, 74, 0.8) 100%);
  background: -ms-linear-gradient(left, black 0%, rgba(74, 74, 74, 0.8) 100%);
  background: linear-gradient(to right, #000000 0%, rgba(74, 74, 74, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#4a4a4a', GradientType=1 );
}
/* line 898, sass/states/private/_contract.scss */
.contract .search .datagrid-action-btn .label {
  display: none;
}
/* line 902, sass/states/private/_contract.scss */
.contract .search .search-bar {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: table;
  padding: 10px;
  width: 100%;
  background: #f7f7f8;
}
/* line 911, sass/states/private/_contract.scss */
.contract .search .search-bar li {
  float: left;
  display: inline;
  width: 50%;
}
/* line 917, sass/states/private/_contract.scss */
.contract .search .search-bar li.search-button {
  margin-bottom: 6px;
  width: 100%;
}
/* line 921, sass/states/private/_contract.scss */
.contract .search .search-bar li.search-button button {
  width: 100%;
}
/* line 924, sass/states/private/_contract.scss */
.contract .search .search-bar li.search-button button i {
  float: none;
}
/* line 930, sass/states/private/_contract.scss */
.contract .search .search-bar li.search-field {
  margin-top: 17px;
  width: 100%;
}
/* line 936, sass/states/private/_contract.scss */
.contract .search .search-bar .clip-radio label {
  margin: 6px 30px 6px 0;
}
/* line 940, sass/states/private/_contract.scss */
.contract .search .search-bar .firstname {
  margin-bottom: 5px;
}
/* line 946, sass/states/private/_contract.scss */
.contract .search .search-details li {
  float: left;
  display: inline;
  width: 100%;
}
/* line 953, sass/states/private/_contract.scss */
.contract .search .search-details .data-field {
  font-size: 12px;
}
@media only screen and (min-width: 480px) {
  /* line 960, sass/states/private/_contract.scss */
  .contract .search .search-bar li {
    width: 33%;
  }
  /* line 963, sass/states/private/_contract.scss */
  .contract .search .search-bar li.search-button {
    padding: 17px 0 0 15px;
    width: 30%;
  }
  /* line 968, sass/states/private/_contract.scss */
  .contract .search .search-bar li.search-field {
    width: 70%;
  }
  /* line 971, sass/states/private/_contract.scss */
  .contract .search .search-bar li.search-field .form-group {
    margin-bottom: 0;
  }
  /* line 977, sass/states/private/_contract.scss */
  .contract .search .search-bar .firstname {
    float: left;
    margin-bottom: 0;
    margin-right: 1%;
    width: 49%;
  }
  /* line 985, sass/states/private/_contract.scss */
  .contract .search .search-bar .lastname {
    float: left;
    margin-left: 1%;
    width: 49%;
  }
}
@media only screen and (min-width: 768px) {
  /* line 995, sass/states/private/_contract.scss */
  .contract .search .datagrid-action-btn .label {
    display: inline;
  }
  /* line 1000, sass/states/private/_contract.scss */
  .contract .search .search-bar li {
    width: 16.6666667%;
  }
}
@media only screen and (min-width: 1024px) {
  /* line 1007, sass/states/private/_contract.scss */
  .contract .search .search-detail {
    display: table;
    overflow: hidden;
    width: 100%;
  }
  /* line 1013, sass/states/private/_contract.scss */
  .contract .search .search-detail-group {
    display: table-cell;
    width: 33%;
    vertical-align: top;
  }
}
@media only screen and (min-width: 1600px) {
  /* line 895, sass/states/private/_contract.scss */
  .contract .search {
            /*.search-details {
                li {
                    float: left;

                    display: inline-block;
                    width: auto;

                    ul {
                        display: inline-block;
                    }
                }

                .title .data-field {
                    margin-right: 40px;
                }
            }*/
  }
  /* line 1023, sass/states/private/_contract.scss */
  .contract .search .search-bar li {
    width: auto;
  }
  /* line 1026, sass/states/private/_contract.scss */
  .contract .search .search-bar li.search-button {
    margin: 0;
    padding-top: 0;
    width: 100px;
  }
  /* line 1032, sass/states/private/_contract.scss */
  .contract .search .search-bar li.search-field {
    margin-top: 0;
    width: 400px;
  }
}

/* ==========================================================================
   Dealers
   ========================================================================== */
/* line 7, sass/states/private/_dealers.scss */
.dealers fieldset .message {
  margin: 10px;
  text-align: center;
}
/* line 13, sass/states/private/_dealers.scss */
.dealers .add-potential-dealer-cell {
  width: 162px;
}
/* line 18, sass/states/private/_dealers.scss */
.dealers .button-row button {
  margin-left: 10px;
}
/* line 24, sass/states/private/_dealers.scss */
.dealers .business h4 {
  padding: 7px 6px 5px;
  background-color: #5b5b60;
  color: #fff;
}
/* line 31, sass/states/private/_dealers.scss */
.dealers .business .deals-rebates .section-header {
  background-color: #cccccc;
  color: white;
  padding: 5px 8px 4px;
  font-size: 13px;
  text-transform: uppercase;
}
/* line 11, sass/components/_tabs.scss */
.dealers .business .statistics .tab-wrap {
  width: 100%;
  position: relative;
  display: table;
  table-layout: fixed;
}
/* line 17, sass/components/_tabs.scss */
.dealers .business .statistics .tab-wrap input[type="radio"][name="tabs"] {
  position: absolute;
  z-index: -1;
  /*@include tabs;*/
}
/* line 23, sass/components/_tabs.scss */
.dealers .business .statistics .tab-wrap input[type="radio"][name="tabs"]:checked + .tab-label-content label {
  /*color: $primary;*/
}
/* line 27, sass/components/_tabs.scss */
.dealers .business .statistics .tab-wrap input[type="radio"][name="tabs"]:checked + .tab-label-content .tab-content {
  display: block;
}
/* line 32, sass/components/_tabs.scss */
.dealers .business .statistics .tab-wrap input[type="radio"][name="tabs"]:checked + #tab1-content {
  background: #d1bc98;
  background: -moz-linear-gradient(left, #d1bc98 0%, #b99963 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #d1bc98), color-stop(100%, #b99963));
  background: -webkit-linear-gradient(left, #d1bc98 0%, #b99963 100%);
  background: -o-linear-gradient(left, #d1bc98 0%, #b99963 100%);
  background: -ms-linear-gradient(left, #d1bc98 0%, #b99963 100%);
  background: linear-gradient(to right, #d1bc98 0%, #b99963 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1bc98', endColorstr='#b99963', GradientType=1 );
}
/* line 43, sass/components/_tabs.scss */
.dealers .business .statistics .tab-wrap input[type="radio"][name="tabs"]:checked + #tab2-content {
  background: #b99963;
  background: -moz-linear-gradient(left, #b99963 0%, #d1bc98 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #b99963), color-stop(100%, #d1bc98));
  background: -webkit-linear-gradient(left, #b99963 0%, #d1bc98 100%);
  background: -o-linear-gradient(left, #b99963 0%, #d1bc98 100%);
  background: -ms-linear-gradient(left, #b99963 0%, #d1bc98 100%);
  background: linear-gradient(to right, #b99963 0%, #d1bc98 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b99963', endColorstr='#d1bc98', GradientType=1 );
}
/* line 58, sass/components/_tabs.scss */
.dealers .business .statistics .tab-wrap input[type="radio"][name="tabs"]:nth-of-type(1):checked ~ .slide {
  left: calc((100% / 2) * 0);
}
/* line 58, sass/components/_tabs.scss */
.dealers .business .statistics .tab-wrap input[type="radio"][name="tabs"]:nth-of-type(2):checked ~ .slide {
  left: calc((100% / 2) * 1);
}
/* line 67, sass/components/_tabs.scss */
.dealers .business .statistics .tab-wrap input[type="radio"][name="tabs"]:first-of-type:checked ~ .slide {
  left: 0;
}
/* line 74, sass/components/_tabs.scss */
.dealers .business .statistics .tab-wrap label {
  cursor: pointer;
  /*color: rgba(88, 116, 139, 0.8);*/
  color: white;
  box-sizing: border-box;
  display: block;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 46px;
  line-height: 46px;
  transition: color 0.2s ease;
}
/* line 88, sass/components/_tabs.scss */
.dealers .business .statistics .tab-wrap .slide {
  background: black;
  width: calc(100% / 2);
  height: 4px;
  position: absolute;
  left: 0;
  top: calc(100% - 4px);
  transition: left 0.3s ease-out;
}
/* line 98, sass/components/_tabs.scss */
.dealers .business .statistics .tab-wrap .tab-label-content {
  display: table-cell;
  width: 100%;
  /*background-color: $cyan;*/
}
/* line 102, sass/components/_tabs.scss */
.dealers .business .statistics .tab-wrap .tab-label-content .tab-content {
  position: absolute;
  top: 100px;
  left: 16px;
  line-height: 130%;
  display: none;
}
/* line 111, sass/components/_tabs.scss */
.dealers .business .statistics .tab-wrap #tab1-content {
  background: rgba(74, 74, 74, 0.8);
  background: -moz-linear-gradient(left, rgba(74, 74, 74, 0.8) 0%, black 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(74, 74, 74, 0.8)), color-stop(100%, black));
  background: -webkit-linear-gradient(left, rgba(74, 74, 74, 0.8) 0%, black 100%);
  background: -o-linear-gradient(left, rgba(74, 74, 74, 0.8) 0%, black 100%);
  background: -ms-linear-gradient(left, rgba(74, 74, 74, 0.8) 0%, black 100%);
  background: linear-gradient(to right, rgba(74, 74, 74, 0.8) 0%, #000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4a4a', endColorstr='#000000', GradientType=1 );
}
/* line 122, sass/components/_tabs.scss */
.dealers .business .statistics .tab-wrap #tab2-content {
  background: black;
  background: -moz-linear-gradient(left, black 0%, rgba(74, 74, 74, 0.8) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, black), color-stop(100%, rgba(74, 74, 74, 0.8)));
  background: -webkit-linear-gradient(left, black 0%, rgba(74, 74, 74, 0.8) 100%);
  background: -o-linear-gradient(left, black 0%, rgba(74, 74, 74, 0.8) 100%);
  background: -ms-linear-gradient(left, black 0%, rgba(74, 74, 74, 0.8) 100%);
  background: linear-gradient(to right, #000000 0%, rgba(74, 74, 74, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#4a4a4a', GradientType=1 );
}
/* line 45, sass/states/private/_dealers.scss */
.dealers .business,
.dealers .other {
  /* override fieldset.solid */
}
/* line 48, sass/states/private/_dealers.scss */
.dealers .business fieldset.solid,
.dealers .other fieldset.solid {
  margin: 0 0 10px !important;
  padding: 0 5px !important;
}
/* line 53, sass/states/private/_dealers.scss */
.dealers .business .date-range-filter,
.dealers .other .date-range-filter {
  margin: 10px 0 5px;
}
/* line 56, sass/states/private/_dealers.scss */
.dealers .business .date-range-filter li,
.dealers .other .date-range-filter li {
  margin-bottom: 5px;
}
@media only screen and (min-width: 480px) {
  /* line 62, sass/states/private/_dealers.scss */
  .dealers .business .date-range-filter,
  .dealers .other .date-range-filter {
    display: table;
    width: 100%;
  }
  /* line 66, sass/states/private/_dealers.scss */
  .dealers .business .date-range-filter li,
  .dealers .other .date-range-filter li {
    display: table-cell;
    margin-bottom: 0;
    padding-right: 5px;
    vertical-align: top;
  }
  /* line 72, sass/states/private/_dealers.scss */
  .dealers .business .date-range-filter li:last-child,
  .dealers .other .date-range-filter li:last-child {
    padding-right: 0;
  }
  /* line 76, sass/states/private/_dealers.scss */
  .dealers .business .date-range-filter li.datepicker,
  .dealers .other .date-range-filter li.datepicker {
    max-width: 49%;
  }
  /* line 80, sass/states/private/_dealers.scss */
  .dealers .business .date-range-filter li.refresh,
  .dealers .other .date-range-filter li.refresh {
    width: 34px;
  }
  /* line 83, sass/states/private/_dealers.scss */
  .dealers .business .date-range-filter li.refresh button,
  .dealers .other .date-range-filter li.refresh button {
    width: 34px;
  }
  /* line 86, sass/states/private/_dealers.scss */
  .dealers .business .date-range-filter li.refresh button span.icon-right,
  .dealers .other .date-range-filter li.refresh button span.icon-right {
    margin-left: -2px;
  }
  /* line 90, sass/states/private/_dealers.scss */
  .dealers .business .date-range-filter li.refresh button span.label,
  .dealers .other .date-range-filter li.refresh button span.label {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  /* line 102, sass/states/private/_dealers.scss */
  .dealers .business .date-range-filter li.refresh,
  .dealers .other .date-range-filter li.refresh {
    width: 93px;
  }
  /* line 105, sass/states/private/_dealers.scss */
  .dealers .business .date-range-filter li.refresh button,
  .dealers .other .date-range-filter li.refresh button {
    width: auto;
  }
  /* line 108, sass/states/private/_dealers.scss */
  .dealers .business .date-range-filter li.refresh button span.icon-right,
  .dealers .other .date-range-filter li.refresh button span.icon-right {
    margin-left: 5px;
  }
  /* line 112, sass/states/private/_dealers.scss */
  .dealers .business .date-range-filter li.refresh button span.label,
  .dealers .other .date-range-filter li.refresh button span.label {
    display: inline;
  }
}
@media only screen and (min-width: 1024px) {
  /* line 124, sass/states/private/_dealers.scss */
  .dealers .business .date-range-filter li.refresh,
  .dealers .other .date-range-filter li.refresh {
    width: 34px;
  }
  /* line 127, sass/states/private/_dealers.scss */
  .dealers .business .date-range-filter li.refresh button,
  .dealers .other .date-range-filter li.refresh button {
    width: 34px;
  }
  /* line 130, sass/states/private/_dealers.scss */
  .dealers .business .date-range-filter li.refresh button span.icon-right,
  .dealers .other .date-range-filter li.refresh button span.icon-right {
    margin-left: -2px;
  }
  /* line 134, sass/states/private/_dealers.scss */
  .dealers .business .date-range-filter li.refresh button span.label,
  .dealers .other .date-range-filter li.refresh button span.label {
    display: none;
  }
}
/* line 144, sass/states/private/_dealers.scss */
.dealers .eazeetrak-button,
.dealers .potential-dealer-button {
  /* override and customize button styles */
  height: auto;
  padding: 3px 6px;
  font-size: 11px;
  text-transform: uppercase;
        /*margin-top: -9px;

        span.icon-comments {
            margin: 3px 0 0 -2px;
        }*/
}
/* line 158, sass/states/private/_dealers.scss */
.dealers .eazeetrak-button-cell {
  width: 98px;
}
/* line 162, sass/states/private/_dealers.scss */
.dealers .header {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  width: 100%;
  background: #bcbdc0;
}
/* line 168, sass/states/private/_dealers.scss */
.dealers .header > li {
  vertical-align: middle;
}
/* line 171, sass/states/private/_dealers.scss */
.dealers .header > li > ul {
  display: table;
  width: 100%;
  table-layout: fixed;
                /*&.row-1 > li {
                    width: 33.33333%;
                }

                &.row-2 > li,
                &.row-3 > li {
                    width: 50%;
                }*/
}
/* line 176, sass/states/private/_dealers.scss */
.dealers .header > li > ul > li {
  display: table-cell;
  padding: 5px 0;
                    /*> ul {
                        display: table;
                        width: 100%;

                        > li {
                            display: table-cell;
                        }
                    }*/
}
/* line 180, sass/states/private/_dealers.scss */
.dealers .header > li > ul > li a {
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}
/* line 206, sass/states/private/_dealers.scss */
.dealers .header .vAccordion--default v-pane.is-expanded > v-pane-header {
  border-bottom-color: #a5a3ab;
}
/* line 210, sass/states/private/_dealers.scss */
.dealers .header v-accordion {
  margin-top: 10px;
}
/* line 213, sass/states/private/_dealers.scss */
.dealers .header v-accordion v-pane-header {
  margin-bottom: 0;
  padding: 10px 10px 8px;
  background-color: #5b5b60;
  color: white !important;
}
/* line 219, sass/states/private/_dealers.scss */
.dealers .header v-accordion v-pane-header::after, .dealers .header v-accordion v-pane-header::before {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 226, sass/states/private/_dealers.scss */
.dealers .header v-accordion v-pane-content table tr {
  /*&:last-child td a {
      background-color: $gw-midnight;
  }*/
}
/* line 227, sass/states/private/_dealers.scss */
.dealers .header v-accordion v-pane-content table tr td {
  padding: 0;
}
/* line 230, sass/states/private/_dealers.scss */
.dealers .header v-accordion v-pane-content table tr td a {
  display: block;
  padding: 8px;
  width: 100%;
  background-color: #5b5b60;
  color: white !important;
  text-decoration: none;
}
/* line 238, sass/states/private/_dealers.scss */
.dealers .header v-accordion v-pane-content table tr td a.action-item {
  background-color: #1e1f21;
}
/* line 253, sass/states/private/_dealers.scss */
.dealers .main .add-competitor-button {
  height: 19px !important;
  padding: 0 3px 0 4px !important;
}
/* line 259, sass/states/private/_dealers.scss */
.dealers .main .add-competitor-form .btn {
  padding: 0 3px;
  height: auto;
}
/* line 264, sass/states/private/_dealers.scss */
.dealers .main .add-competitor-form .form-control {
  height: auto;
  padding: 0 12px;
}
/* line 270, sass/states/private/_dealers.scss */
.dealers .main .add-competitor-label {
  margin-left: 6px;
  cursor: pointer;
}
/* line 276, sass/states/private/_dealers.scss */
.dealers .main .form-control-static .clip-radio-wrapper {
  height: 32px;
}
/* line 280, sass/states/private/_dealers.scss */
.dealers .main .form-control-static .clip-radio {
  display: table;
  margin: auto;
}
/* line 284, sass/states/private/_dealers.scss */
.dealers .main .form-control-static .clip-radio label {
  margin-left: 15px;
}
/* line 290, sass/states/private/_dealers.scss */
.dealers .main .region-submit {
  margin-top: 20px;
}
@media only screen and (min-width: 480px) {
  /* line 295, sass/states/private/_dealers.scss */
  .dealers .main .competitors {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
  /* line 298, sass/states/private/_dealers.scss */
  .dealers .main .competitors .clip-check {
    margin-top: 0;
  }
  /* line 307, sass/states/private/_dealers.scss */
  .dealers .main .header > li > ul > li a {
    font-size: 12px;
  }
}
@media only screen and (min-width: 768px) {
  /* line 317, sass/states/private/_dealers.scss */
  .dealers .main .competitors {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }
}
@media only screen and (min-width: 1024px) {
  /* line 323, sass/states/private/_dealers.scss */
  .dealers .main .competitors {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
  }
}
@media only screen and (min-width: 1440px) {
  /* line 329, sass/states/private/_dealers.scss */
  .dealers .main .competitors {
    -moz-column-count: 5;
    -webkit-column-count: 5;
    column-count: 5;
  }
}
/* line 338, sass/states/private/_dealers.scss */
.dealers .other .affiliates ul li {
  margin-bottom: 10px;
}
/* line 345, sass/states/private/_dealers.scss */
.dealers .other .contacts a {
  color: #5b5b60;
}
/* line 352, sass/states/private/_dealers.scss */
.dealers .other .contacts button.btn-circle,
.dealers .other .notes button.btn-circle {
  height: 45px;
  /*margin: 0 10px 15px 0;*/
}
/* line 355, sass/states/private/_dealers.scss */
.dealers .other .contacts button.btn-circle span.icon-plus,
.dealers .other .notes button.btn-circle span.icon-plus {
  margin: 0;
}
/* line 360, sass/states/private/_dealers.scss */
.dealers .other .contacts form,
.dealers .other .notes form {
  margin: 10px 0;
}
/* line 365, sass/states/private/_dealers.scss */
.dealers .other .eazeetrak-files tbody tr {
  cursor: pointer;
}
/* line 11, sass/components/_tabs.scss */
.dealers .other .notes .tab-wrap {
  width: 100%;
  position: relative;
  display: table;
  table-layout: fixed;
}
/* line 17, sass/components/_tabs.scss */
.dealers .other .notes .tab-wrap input[type="radio"][name="tabs"] {
  position: absolute;
  z-index: -1;
  /*@include tabs;*/
}
/* line 23, sass/components/_tabs.scss */
.dealers .other .notes .tab-wrap input[type="radio"][name="tabs"]:checked + .tab-label-content label {
  /*color: $primary;*/
}
/* line 27, sass/components/_tabs.scss */
.dealers .other .notes .tab-wrap input[type="radio"][name="tabs"]:checked + .tab-label-content .tab-content {
  display: block;
}
/* line 32, sass/components/_tabs.scss */
.dealers .other .notes .tab-wrap input[type="radio"][name="tabs"]:checked + #tab1-content {
  background: #d1bc98;
  background: -moz-linear-gradient(left, #d1bc98 0%, #b99963 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #d1bc98), color-stop(100%, #b99963));
  background: -webkit-linear-gradient(left, #d1bc98 0%, #b99963 100%);
  background: -o-linear-gradient(left, #d1bc98 0%, #b99963 100%);
  background: -ms-linear-gradient(left, #d1bc98 0%, #b99963 100%);
  background: linear-gradient(to right, #d1bc98 0%, #b99963 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1bc98', endColorstr='#b99963', GradientType=1 );
}
/* line 43, sass/components/_tabs.scss */
.dealers .other .notes .tab-wrap input[type="radio"][name="tabs"]:checked + #tab2-content {
  background: #b99963;
  background: -moz-linear-gradient(left, #b99963 0%, #d1bc98 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #b99963), color-stop(100%, #d1bc98));
  background: -webkit-linear-gradient(left, #b99963 0%, #d1bc98 100%);
  background: -o-linear-gradient(left, #b99963 0%, #d1bc98 100%);
  background: -ms-linear-gradient(left, #b99963 0%, #d1bc98 100%);
  background: linear-gradient(to right, #b99963 0%, #d1bc98 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b99963', endColorstr='#d1bc98', GradientType=1 );
}
/* line 58, sass/components/_tabs.scss */
.dealers .other .notes .tab-wrap input[type="radio"][name="tabs"]:nth-of-type(1):checked ~ .slide {
  left: calc((100% / 2) * 0);
}
/* line 58, sass/components/_tabs.scss */
.dealers .other .notes .tab-wrap input[type="radio"][name="tabs"]:nth-of-type(2):checked ~ .slide {
  left: calc((100% / 2) * 1);
}
/* line 67, sass/components/_tabs.scss */
.dealers .other .notes .tab-wrap input[type="radio"][name="tabs"]:first-of-type:checked ~ .slide {
  left: 0;
}
/* line 74, sass/components/_tabs.scss */
.dealers .other .notes .tab-wrap label {
  cursor: pointer;
  /*color: rgba(88, 116, 139, 0.8);*/
  color: white;
  box-sizing: border-box;
  display: block;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 46px;
  line-height: 46px;
  transition: color 0.2s ease;
}
/* line 88, sass/components/_tabs.scss */
.dealers .other .notes .tab-wrap .slide {
  background: black;
  width: calc(100% / 2);
  height: 4px;
  position: absolute;
  left: 0;
  top: calc(100% - 4px);
  transition: left 0.3s ease-out;
}
/* line 98, sass/components/_tabs.scss */
.dealers .other .notes .tab-wrap .tab-label-content {
  display: table-cell;
  width: 100%;
  /*background-color: $cyan;*/
}
/* line 102, sass/components/_tabs.scss */
.dealers .other .notes .tab-wrap .tab-label-content .tab-content {
  position: absolute;
  top: 100px;
  left: 16px;
  line-height: 130%;
  display: none;
}
/* line 111, sass/components/_tabs.scss */
.dealers .other .notes .tab-wrap #tab1-content {
  background: rgba(74, 74, 74, 0.8);
  background: -moz-linear-gradient(left, rgba(74, 74, 74, 0.8) 0%, black 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(74, 74, 74, 0.8)), color-stop(100%, black));
  background: -webkit-linear-gradient(left, rgba(74, 74, 74, 0.8) 0%, black 100%);
  background: -o-linear-gradient(left, rgba(74, 74, 74, 0.8) 0%, black 100%);
  background: -ms-linear-gradient(left, rgba(74, 74, 74, 0.8) 0%, black 100%);
  background: linear-gradient(to right, rgba(74, 74, 74, 0.8) 0%, #000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4a4a', endColorstr='#000000', GradientType=1 );
}
/* line 122, sass/components/_tabs.scss */
.dealers .other .notes .tab-wrap #tab2-content {
  background: black;
  background: -moz-linear-gradient(left, black 0%, rgba(74, 74, 74, 0.8) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, black), color-stop(100%, rgba(74, 74, 74, 0.8)));
  background: -webkit-linear-gradient(left, black 0%, rgba(74, 74, 74, 0.8) 100%);
  background: -o-linear-gradient(left, black 0%, rgba(74, 74, 74, 0.8) 100%);
  background: -ms-linear-gradient(left, black 0%, rgba(74, 74, 74, 0.8) 100%);
  background: linear-gradient(to right, #000000 0%, rgba(74, 74, 74, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#4a4a4a', GradientType=1 );
}
/* line 372, sass/states/private/_dealers.scss */
.dealers .other .notes textarea {
  min-height: 200px;
}
/* line 376, sass/states/private/_dealers.scss */
.dealers .other .notes .comment {
  padding: 5px 5px 20px;
}
/* line 380, sass/states/private/_dealers.scss */
.dealers .other .notes .pinned-note .clip-check {
  border: 1px solid #cccccc;
  margin: 0;
  padding: 5px 10px 4px;
}
/* line 386, sass/states/private/_dealers.scss */
.dealers .other .notes .timestamp {
  background-color: #aeacb4;
  color: white;
  padding: 5px 8px 4px;
  font-size: 13px;
  text-transform: uppercase;
}
@media only screen and (min-width: 480px) {
  /* line 399, sass/states/private/_dealers.scss */
  .dealers .other .affiliates ul {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
  /* line 402, sass/states/private/_dealers.scss */
  .dealers .other .affiliates ul li {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 1440px) {
  /* line 411, sass/states/private/_dealers.scss */
  .dealers .add-potential-dealer-cell {
    padding: 10px;
    width: 215px;
  }
  /* line 416, sass/states/private/_dealers.scss */
  .dealers .add-potential-dealer-cell-lg {
    padding-left: 10px;
  }
  /* line 420, sass/states/private/_dealers.scss */
  .dealers .eazeetrak-button,
  .dealers .potential-dealer-button {
    /* override and customize button styles */
    padding: 4px 8px;
    font-size: 14px;
  }
  /* line 427, sass/states/private/_dealers.scss */
  .dealers .eazeetrak-button-cell {
    width: 120px;
  }
  /* line 431, sass/states/private/_dealers.scss */
  .dealers .header {
    display: table;
  }
  /* line 434, sass/states/private/_dealers.scss */
  .dealers .header > li {
    display: table-cell;
  }
  /* line 439, sass/states/private/_dealers.scss */
  .dealers .header > li > ul > li a {
    font-size: 14px;
  }
  /* line 445, sass/states/private/_dealers.scss */
  .dealers .header > li:first-child {
    width: 40%;
  }
}

/* ==========================================================================
   EazeeTrak
   ========================================================================== */
/* line 5, sass/states/private/_eazeetrak.scss */
.eazeetrak {
  /* File Form
  ========================================================================= */
  /* File Grid
  ========================================================================= */
}
/* line 11, sass/components/_tabs.scss */
.eazeetrak .tab-wrap {
  width: 100%;
  position: relative;
  display: table;
  table-layout: fixed;
}
/* line 17, sass/components/_tabs.scss */
.eazeetrak .tab-wrap input[type="radio"][name="tabs"] {
  position: absolute;
  z-index: -1;
  /*@include tabs;*/
}
/* line 23, sass/components/_tabs.scss */
.eazeetrak .tab-wrap input[type="radio"][name="tabs"]:checked + .tab-label-content label {
  /*color: $primary;*/
}
/* line 27, sass/components/_tabs.scss */
.eazeetrak .tab-wrap input[type="radio"][name="tabs"]:checked + .tab-label-content .tab-content {
  display: block;
}
/* line 32, sass/components/_tabs.scss */
.eazeetrak .tab-wrap input[type="radio"][name="tabs"]:checked + #tab1-content {
  background: #d1bc98;
  background: -moz-linear-gradient(left, #d1bc98 0%, #b99963 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #d1bc98), color-stop(100%, #b99963));
  background: -webkit-linear-gradient(left, #d1bc98 0%, #b99963 100%);
  background: -o-linear-gradient(left, #d1bc98 0%, #b99963 100%);
  background: -ms-linear-gradient(left, #d1bc98 0%, #b99963 100%);
  background: linear-gradient(to right, #d1bc98 0%, #b99963 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1bc98', endColorstr='#b99963', GradientType=1 );
}
/* line 43, sass/components/_tabs.scss */
.eazeetrak .tab-wrap input[type="radio"][name="tabs"]:checked + #tab2-content {
  background: #b99963;
  background: -moz-linear-gradient(left, #b99963 0%, #d1bc98 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #b99963), color-stop(100%, #d1bc98));
  background: -webkit-linear-gradient(left, #b99963 0%, #d1bc98 100%);
  background: -o-linear-gradient(left, #b99963 0%, #d1bc98 100%);
  background: -ms-linear-gradient(left, #b99963 0%, #d1bc98 100%);
  background: linear-gradient(to right, #b99963 0%, #d1bc98 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b99963', endColorstr='#d1bc98', GradientType=1 );
}
/* line 58, sass/components/_tabs.scss */
.eazeetrak .tab-wrap input[type="radio"][name="tabs"]:nth-of-type(1):checked ~ .slide {
  left: calc((100% / 2) * 0);
}
/* line 58, sass/components/_tabs.scss */
.eazeetrak .tab-wrap input[type="radio"][name="tabs"]:nth-of-type(2):checked ~ .slide {
  left: calc((100% / 2) * 1);
}
/* line 67, sass/components/_tabs.scss */
.eazeetrak .tab-wrap input[type="radio"][name="tabs"]:first-of-type:checked ~ .slide {
  left: 0;
}
/* line 74, sass/components/_tabs.scss */
.eazeetrak .tab-wrap label {
  cursor: pointer;
  /*color: rgba(88, 116, 139, 0.8);*/
  color: white;
  box-sizing: border-box;
  display: block;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 46px;
  line-height: 46px;
  transition: color 0.2s ease;
}
/* line 88, sass/components/_tabs.scss */
.eazeetrak .tab-wrap .slide {
  background: black;
  width: calc(100% / 2);
  height: 4px;
  position: absolute;
  left: 0;
  top: calc(100% - 4px);
  transition: left 0.3s ease-out;
}
/* line 98, sass/components/_tabs.scss */
.eazeetrak .tab-wrap .tab-label-content {
  display: table-cell;
  width: 100%;
  /*background-color: $cyan;*/
}
/* line 102, sass/components/_tabs.scss */
.eazeetrak .tab-wrap .tab-label-content .tab-content {
  position: absolute;
  top: 100px;
  left: 16px;
  line-height: 130%;
  display: none;
}
/* line 111, sass/components/_tabs.scss */
.eazeetrak .tab-wrap #tab1-content {
  background: rgba(74, 74, 74, 0.8);
  background: -moz-linear-gradient(left, rgba(74, 74, 74, 0.8) 0%, black 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(74, 74, 74, 0.8)), color-stop(100%, black));
  background: -webkit-linear-gradient(left, rgba(74, 74, 74, 0.8) 0%, black 100%);
  background: -o-linear-gradient(left, rgba(74, 74, 74, 0.8) 0%, black 100%);
  background: -ms-linear-gradient(left, rgba(74, 74, 74, 0.8) 0%, black 100%);
  background: linear-gradient(to right, rgba(74, 74, 74, 0.8) 0%, #000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4a4a', endColorstr='#000000', GradientType=1 );
}
/* line 122, sass/components/_tabs.scss */
.eazeetrak .tab-wrap #tab2-content {
  background: black;
  background: -moz-linear-gradient(left, black 0%, rgba(74, 74, 74, 0.8) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, black), color-stop(100%, rgba(74, 74, 74, 0.8)));
  background: -webkit-linear-gradient(left, black 0%, rgba(74, 74, 74, 0.8) 100%);
  background: -o-linear-gradient(left, black 0%, rgba(74, 74, 74, 0.8) 100%);
  background: -ms-linear-gradient(left, black 0%, rgba(74, 74, 74, 0.8) 100%);
  background: linear-gradient(to right, #000000 0%, rgba(74, 74, 74, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#4a4a4a', GradientType=1 );
}
/* line 13, sass/states/private/_eazeetrak.scss */
.eazeetrak .file-form .clip-check {
  margin-bottom: 0;
  margin-top: 0;
}
/* line 18, sass/states/private/_eazeetrak.scss */
.eazeetrak .file-form .clip-check-wrapper {
  height: 34px;
}
/* line 28, sass/states/private/_eazeetrak.scss */
.eazeetrak .file-grid .clip-radio-wrapper {
  height: 33px;
}
/* line 33, sass/states/private/_eazeetrak.scss */
.eazeetrak .file-grid .datagrid-toolbar li {
  margin-bottom: 10px;
  padding: 0;
  width: 100%;
}
/* line 38, sass/states/private/_eazeetrak.scss */
.eazeetrak .file-grid .datagrid-toolbar li:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  /* line 46, sass/states/private/_eazeetrak.scss */
  .eazeetrak .file-grid .datagrid-toolbar li {
    margin-bottom: 0;
    width: auto;
  }
}

/* ==========================================================================
   EazeeTrak Management
   ========================================================================== */
/* line 5, sass/states/private/_eazeetrak-management.scss */
.eazeetrak-management {
  /* Response
  ========================================================================= */
  /* Reason, Result & Response Availability
  ========================================================================= */
  /* Response & Result Notification
  ========================================================================= */
}
/* line 11, sass/states/private/_eazeetrak-management.scss */
.eazeetrak-management .response-form .clip-check-wrapper {
  height: 32px;
}
/* line 15, sass/states/private/_eazeetrak-management.scss */
.eazeetrak-management .response-form .clip-check {
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
  margin: 0;
}
/* line 19, sass/states/private/_eazeetrak-management.scss */
.eazeetrak-management .response-form .clip-check label {
  display: block;
  /*margin: 6px 0 6px 15px;*/
  margin-left: 15px;
}
/* line 11, sass/components/_tabs.scss */
.eazeetrak-management .reason-availability .tab-wrap,
.eazeetrak-management .result-availability .tab-wrap,
.eazeetrak-management .response-availability .tab-wrap {
  width: 100%;
  position: relative;
  display: table;
  table-layout: fixed;
}
/* line 17, sass/components/_tabs.scss */
.eazeetrak-management .reason-availability .tab-wrap input[type="radio"][name="tabs"],
.eazeetrak-management .result-availability .tab-wrap input[type="radio"][name="tabs"],
.eazeetrak-management .response-availability .tab-wrap input[type="radio"][name="tabs"] {
  position: absolute;
  z-index: -1;
  /*@include tabs;*/
}
/* line 23, sass/components/_tabs.scss */
.eazeetrak-management .reason-availability .tab-wrap input[type="radio"][name="tabs"]:checked + .tab-label-content label,
.eazeetrak-management .result-availability .tab-wrap input[type="radio"][name="tabs"]:checked + .tab-label-content label,
.eazeetrak-management .response-availability .tab-wrap input[type="radio"][name="tabs"]:checked + .tab-label-content label {
  /*color: $primary;*/
}
/* line 27, sass/components/_tabs.scss */
.eazeetrak-management .reason-availability .tab-wrap input[type="radio"][name="tabs"]:checked + .tab-label-content .tab-content,
.eazeetrak-management .result-availability .tab-wrap input[type="radio"][name="tabs"]:checked + .tab-label-content .tab-content,
.eazeetrak-management .response-availability .tab-wrap input[type="radio"][name="tabs"]:checked + .tab-label-content .tab-content {
  display: block;
}
/* line 32, sass/components/_tabs.scss */
.eazeetrak-management .reason-availability .tab-wrap input[type="radio"][name="tabs"]:checked + #tab1-content,
.eazeetrak-management .result-availability .tab-wrap input[type="radio"][name="tabs"]:checked + #tab1-content,
.eazeetrak-management .response-availability .tab-wrap input[type="radio"][name="tabs"]:checked + #tab1-content {
  background: #d1bc98;
  background: -moz-linear-gradient(left, #d1bc98 0%, #b99963 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #d1bc98), color-stop(100%, #b99963));
  background: -webkit-linear-gradient(left, #d1bc98 0%, #b99963 100%);
  background: -o-linear-gradient(left, #d1bc98 0%, #b99963 100%);
  background: -ms-linear-gradient(left, #d1bc98 0%, #b99963 100%);
  background: linear-gradient(to right, #d1bc98 0%, #b99963 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1bc98', endColorstr='#b99963', GradientType=1 );
}
/* line 43, sass/components/_tabs.scss */
.eazeetrak-management .reason-availability .tab-wrap input[type="radio"][name="tabs"]:checked + #tab2-content,
.eazeetrak-management .result-availability .tab-wrap input[type="radio"][name="tabs"]:checked + #tab2-content,
.eazeetrak-management .response-availability .tab-wrap input[type="radio"][name="tabs"]:checked + #tab2-content {
  background: #b99963;
  background: -moz-linear-gradient(left, #b99963 0%, #d1bc98 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #b99963), color-stop(100%, #d1bc98));
  background: -webkit-linear-gradient(left, #b99963 0%, #d1bc98 100%);
  background: -o-linear-gradient(left, #b99963 0%, #d1bc98 100%);
  background: -ms-linear-gradient(left, #b99963 0%, #d1bc98 100%);
  background: linear-gradient(to right, #b99963 0%, #d1bc98 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b99963', endColorstr='#d1bc98', GradientType=1 );
}
/* line 58, sass/components/_tabs.scss */
.eazeetrak-management .reason-availability .tab-wrap input[type="radio"][name="tabs"]:nth-of-type(1):checked ~ .slide,
.eazeetrak-management .result-availability .tab-wrap input[type="radio"][name="tabs"]:nth-of-type(1):checked ~ .slide,
.eazeetrak-management .response-availability .tab-wrap input[type="radio"][name="tabs"]:nth-of-type(1):checked ~ .slide {
  left: calc((100% / 2) * 0);
}
/* line 58, sass/components/_tabs.scss */
.eazeetrak-management .reason-availability .tab-wrap input[type="radio"][name="tabs"]:nth-of-type(2):checked ~ .slide,
.eazeetrak-management .result-availability .tab-wrap input[type="radio"][name="tabs"]:nth-of-type(2):checked ~ .slide,
.eazeetrak-management .response-availability .tab-wrap input[type="radio"][name="tabs"]:nth-of-type(2):checked ~ .slide {
  left: calc((100% / 2) * 1);
}
/* line 67, sass/components/_tabs.scss */
.eazeetrak-management .reason-availability .tab-wrap input[type="radio"][name="tabs"]:first-of-type:checked ~ .slide,
.eazeetrak-management .result-availability .tab-wrap input[type="radio"][name="tabs"]:first-of-type:checked ~ .slide,
.eazeetrak-management .response-availability .tab-wrap input[type="radio"][name="tabs"]:first-of-type:checked ~ .slide {
  left: 0;
}
/* line 74, sass/components/_tabs.scss */
.eazeetrak-management .reason-availability .tab-wrap label,
.eazeetrak-management .result-availability .tab-wrap label,
.eazeetrak-management .response-availability .tab-wrap label {
  cursor: pointer;
  /*color: rgba(88, 116, 139, 0.8);*/
  color: white;
  box-sizing: border-box;
  display: block;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 46px;
  line-height: 46px;
  transition: color 0.2s ease;
}
/* line 88, sass/components/_tabs.scss */
.eazeetrak-management .reason-availability .tab-wrap .slide,
.eazeetrak-management .result-availability .tab-wrap .slide,
.eazeetrak-management .response-availability .tab-wrap .slide {
  background: black;
  width: calc(100% / 2);
  height: 4px;
  position: absolute;
  left: 0;
  top: calc(100% - 4px);
  transition: left 0.3s ease-out;
}
/* line 98, sass/components/_tabs.scss */
.eazeetrak-management .reason-availability .tab-wrap .tab-label-content,
.eazeetrak-management .result-availability .tab-wrap .tab-label-content,
.eazeetrak-management .response-availability .tab-wrap .tab-label-content {
  display: table-cell;
  width: 100%;
  /*background-color: $cyan;*/
}
/* line 102, sass/components/_tabs.scss */
.eazeetrak-management .reason-availability .tab-wrap .tab-label-content .tab-content,
.eazeetrak-management .result-availability .tab-wrap .tab-label-content .tab-content,
.eazeetrak-management .response-availability .tab-wrap .tab-label-content .tab-content {
  position: absolute;
  top: 100px;
  left: 16px;
  line-height: 130%;
  display: none;
}
/* line 111, sass/components/_tabs.scss */
.eazeetrak-management .reason-availability .tab-wrap #tab1-content,
.eazeetrak-management .result-availability .tab-wrap #tab1-content,
.eazeetrak-management .response-availability .tab-wrap #tab1-content {
  background: rgba(74, 74, 74, 0.8);
  background: -moz-linear-gradient(left, rgba(74, 74, 74, 0.8) 0%, black 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(74, 74, 74, 0.8)), color-stop(100%, black));
  background: -webkit-linear-gradient(left, rgba(74, 74, 74, 0.8) 0%, black 100%);
  background: -o-linear-gradient(left, rgba(74, 74, 74, 0.8) 0%, black 100%);
  background: -ms-linear-gradient(left, rgba(74, 74, 74, 0.8) 0%, black 100%);
  background: linear-gradient(to right, rgba(74, 74, 74, 0.8) 0%, #000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4a4a', endColorstr='#000000', GradientType=1 );
}
/* line 122, sass/components/_tabs.scss */
.eazeetrak-management .reason-availability .tab-wrap #tab2-content,
.eazeetrak-management .result-availability .tab-wrap #tab2-content,
.eazeetrak-management .response-availability .tab-wrap #tab2-content {
  background: black;
  background: -moz-linear-gradient(left, black 0%, rgba(74, 74, 74, 0.8) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, black), color-stop(100%, rgba(74, 74, 74, 0.8)));
  background: -webkit-linear-gradient(left, black 0%, rgba(74, 74, 74, 0.8) 100%);
  background: -o-linear-gradient(left, black 0%, rgba(74, 74, 74, 0.8) 100%);
  background: -ms-linear-gradient(left, black 0%, rgba(74, 74, 74, 0.8) 100%);
  background: linear-gradient(to right, #000000 0%, rgba(74, 74, 74, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#4a4a4a', GradientType=1 );
}
/* line 36, sass/states/private/_eazeetrak-management.scss */
.eazeetrak-management .reason-availability table tr td,
.eazeetrak-management .result-availability table tr td,
.eazeetrak-management .response-availability table tr td {
  height: 35px;
  padding-bottom: 0;
  padding-top: 0;
}
/* line 43, sass/states/private/_eazeetrak-management.scss */
.eazeetrak-management .reason-availability .datagrid-detail-row .input-group,
.eazeetrak-management .result-availability .datagrid-detail-row .input-group,
.eazeetrak-management .response-availability .datagrid-detail-row .input-group {
  margin: 5px 0;
  width: 100%;
}
/* line 49, sass/states/private/_eazeetrak-management.scss */
.eazeetrak-management .reason-availability .reason-groups,
.eazeetrak-management .result-availability .reason-groups,
.eazeetrak-management .response-availability .reason-groups {
  margin-bottom: 5px;
}
@media only screen and (min-width: 768px) {
  /* line 54, sass/states/private/_eazeetrak-management.scss */
  .eazeetrak-management .reason-availability .reason-groups,
  .eazeetrak-management .result-availability .reason-groups,
  .eazeetrak-management .response-availability .reason-groups {
    margin-bottom: 0;
  }
}
/* line 66, sass/states/private/_eazeetrak-management.scss */
.eazeetrak-management .response-notification-form table tr td,
.eazeetrak-management .result-notification-form table tr td {
  height: 35px;
  padding-bottom: 0;
  padding-top: 0;
}

/* ==========================================================================
   Employees
   ========================================================================== */
/* line 5, sass/states/private/_employees.scss */
.employees {
    /*.return-to-view {
        position: absolute;

        margin-top: -25px;

        text-decoration: none;

        i {
            margin-right: 5px;
        }
    }*/
  /* Users Form
  ========================================================================= */
  /* Users Grid
  ========================================================================= */
}
/* line 23, sass/states/private/_employees.scss */
.employees .users-form .form-control-static .clip-check-wrapper {
  height: 32px;
}
/* line 27, sass/states/private/_employees.scss */
.employees .users-form .form-control-static .clip-check {
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
  /*display: table;*/
  margin: auto 0 auto 9px;
}
/* line 33, sass/states/private/_employees.scss */
.employees .users-form .form-control-static .clip-check label {
  display: inline-block;
  margin: 0;
  /*padding: 0 0 0 15px;*/
}
/* line 38, sass/states/private/_employees.scss */
.employees .users-form .form-control-static .clip-check label:nth-child(4) {
  margin-left: 30px;
}
/* line 45, sass/states/private/_employees.scss */
.employees .users-form .permissions,
.employees .users-form .roles {
  padding: 20px 10px 0;
}
/* line 49, sass/states/private/_employees.scss */
.employees .users-form .permissions li,
.employees .users-form .roles li {
  display: block;
  margin: 0 0 10px 0;
}
/* line 53, sass/states/private/_employees.scss */
.employees .users-form .permissions li .clip-check,
.employees .users-form .permissions li .clip-radio,
.employees .users-form .roles li .clip-check,
.employees .users-form .roles li .clip-radio {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  /* line 61, sass/states/private/_employees.scss */
  .employees .users-form .permissions,
  .employees .users-form .roles {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
}
/* line 11, sass/components/_tabs.scss */
.employees .users-grid .tab-wrap {
  width: 100%;
  position: relative;
  display: table;
  table-layout: fixed;
}
/* line 17, sass/components/_tabs.scss */
.employees .users-grid .tab-wrap input[type="radio"][name="tabs"] {
  position: absolute;
  z-index: -1;
  /*@include tabs;*/
}
/* line 23, sass/components/_tabs.scss */
.employees .users-grid .tab-wrap input[type="radio"][name="tabs"]:checked + .tab-label-content label {
  /*color: $primary;*/
}
/* line 27, sass/components/_tabs.scss */
.employees .users-grid .tab-wrap input[type="radio"][name="tabs"]:checked + .tab-label-content .tab-content {
  display: block;
}
/* line 32, sass/components/_tabs.scss */
.employees .users-grid .tab-wrap input[type="radio"][name="tabs"]:checked + #tab1-content {
  background: #d1bc98;
  background: -moz-linear-gradient(left, #d1bc98 0%, #b99963 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #d1bc98), color-stop(100%, #b99963));
  background: -webkit-linear-gradient(left, #d1bc98 0%, #b99963 100%);
  background: -o-linear-gradient(left, #d1bc98 0%, #b99963 100%);
  background: -ms-linear-gradient(left, #d1bc98 0%, #b99963 100%);
  background: linear-gradient(to right, #d1bc98 0%, #b99963 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1bc98', endColorstr='#b99963', GradientType=1 );
}
/* line 43, sass/components/_tabs.scss */
.employees .users-grid .tab-wrap input[type="radio"][name="tabs"]:checked + #tab2-content {
  background: #b99963;
  background: -moz-linear-gradient(left, #b99963 0%, #d1bc98 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #b99963), color-stop(100%, #d1bc98));
  background: -webkit-linear-gradient(left, #b99963 0%, #d1bc98 100%);
  background: -o-linear-gradient(left, #b99963 0%, #d1bc98 100%);
  background: -ms-linear-gradient(left, #b99963 0%, #d1bc98 100%);
  background: linear-gradient(to right, #b99963 0%, #d1bc98 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b99963', endColorstr='#d1bc98', GradientType=1 );
}
/* line 58, sass/components/_tabs.scss */
.employees .users-grid .tab-wrap input[type="radio"][name="tabs"]:nth-of-type(1):checked ~ .slide {
  left: calc((100% / 3) * 0);
}
/* line 58, sass/components/_tabs.scss */
.employees .users-grid .tab-wrap input[type="radio"][name="tabs"]:nth-of-type(2):checked ~ .slide {
  left: calc((100% / 3) * 1);
}
/* line 58, sass/components/_tabs.scss */
.employees .users-grid .tab-wrap input[type="radio"][name="tabs"]:nth-of-type(3):checked ~ .slide {
  left: calc((100% / 3) * 2);
}
/* line 67, sass/components/_tabs.scss */
.employees .users-grid .tab-wrap input[type="radio"][name="tabs"]:first-of-type:checked ~ .slide {
  left: 0;
}
/* line 74, sass/components/_tabs.scss */
.employees .users-grid .tab-wrap label {
  cursor: pointer;
  /*color: rgba(88, 116, 139, 0.8);*/
  color: white;
  box-sizing: border-box;
  display: block;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 46px;
  line-height: 46px;
  transition: color 0.2s ease;
}
/* line 88, sass/components/_tabs.scss */
.employees .users-grid .tab-wrap .slide {
  background: black;
  width: calc(100% / 3);
  height: 4px;
  position: absolute;
  left: 0;
  top: calc(100% - 4px);
  transition: left 0.3s ease-out;
}
/* line 98, sass/components/_tabs.scss */
.employees .users-grid .tab-wrap .tab-label-content {
  display: table-cell;
  width: 100%;
  /*background-color: $cyan;*/
}
/* line 102, sass/components/_tabs.scss */
.employees .users-grid .tab-wrap .tab-label-content .tab-content {
  position: absolute;
  top: 100px;
  left: 16px;
  line-height: 130%;
  display: none;
}
/* line 111, sass/components/_tabs.scss */
.employees .users-grid .tab-wrap #tab1-content {
  background: rgba(74, 74, 74, 0.8);
  background: -moz-linear-gradient(left, rgba(74, 74, 74, 0.8) 0%, black 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(74, 74, 74, 0.8)), color-stop(100%, black));
  background: -webkit-linear-gradient(left, rgba(74, 74, 74, 0.8) 0%, black 100%);
  background: -o-linear-gradient(left, rgba(74, 74, 74, 0.8) 0%, black 100%);
  background: -ms-linear-gradient(left, rgba(74, 74, 74, 0.8) 0%, black 100%);
  background: linear-gradient(to right, rgba(74, 74, 74, 0.8) 0%, #000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4a4a', endColorstr='#000000', GradientType=1 );
}
/* line 122, sass/components/_tabs.scss */
.employees .users-grid .tab-wrap #tab2-content {
  background: black;
  background: -moz-linear-gradient(left, black 0%, rgba(74, 74, 74, 0.8) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, black), color-stop(100%, rgba(74, 74, 74, 0.8)));
  background: -webkit-linear-gradient(left, black 0%, rgba(74, 74, 74, 0.8) 100%);
  background: -o-linear-gradient(left, black 0%, rgba(74, 74, 74, 0.8) 100%);
  background: -ms-linear-gradient(left, black 0%, rgba(74, 74, 74, 0.8) 100%);
  background: linear-gradient(to right, #000000 0%, rgba(74, 74, 74, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#4a4a4a', GradientType=1 );
}

/* ==========================================================================
   Migration
   ========================================================================== */
/* line 11, sass/components/_tabs.scss */
.migration .tab-wrap {
  width: 100%;
  position: relative;
  display: table;
  table-layout: fixed;
}
/* line 17, sass/components/_tabs.scss */
.migration .tab-wrap input[type="radio"][name="tabs"] {
  position: absolute;
  z-index: -1;
  /*@include tabs;*/
}
/* line 23, sass/components/_tabs.scss */
.migration .tab-wrap input[type="radio"][name="tabs"]:checked + .tab-label-content label {
  /*color: $primary;*/
}
/* line 27, sass/components/_tabs.scss */
.migration .tab-wrap input[type="radio"][name="tabs"]:checked + .tab-label-content .tab-content {
  display: block;
}
/* line 32, sass/components/_tabs.scss */
.migration .tab-wrap input[type="radio"][name="tabs"]:checked + #tab1-content {
  background: #d1bc98;
  background: -moz-linear-gradient(left, #d1bc98 0%, #b99963 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #d1bc98), color-stop(100%, #b99963));
  background: -webkit-linear-gradient(left, #d1bc98 0%, #b99963 100%);
  background: -o-linear-gradient(left, #d1bc98 0%, #b99963 100%);
  background: -ms-linear-gradient(left, #d1bc98 0%, #b99963 100%);
  background: linear-gradient(to right, #d1bc98 0%, #b99963 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1bc98', endColorstr='#b99963', GradientType=1 );
}
/* line 43, sass/components/_tabs.scss */
.migration .tab-wrap input[type="radio"][name="tabs"]:checked + #tab2-content {
  background: #b99963;
  background: -moz-linear-gradient(left, #b99963 0%, #d1bc98 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #b99963), color-stop(100%, #d1bc98));
  background: -webkit-linear-gradient(left, #b99963 0%, #d1bc98 100%);
  background: -o-linear-gradient(left, #b99963 0%, #d1bc98 100%);
  background: -ms-linear-gradient(left, #b99963 0%, #d1bc98 100%);
  background: linear-gradient(to right, #b99963 0%, #d1bc98 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b99963', endColorstr='#d1bc98', GradientType=1 );
}
/* line 58, sass/components/_tabs.scss */
.migration .tab-wrap input[type="radio"][name="tabs"]:nth-of-type(1):checked ~ .slide {
  left: calc((100% / 2) * 0);
}
/* line 58, sass/components/_tabs.scss */
.migration .tab-wrap input[type="radio"][name="tabs"]:nth-of-type(2):checked ~ .slide {
  left: calc((100% / 2) * 1);
}
/* line 67, sass/components/_tabs.scss */
.migration .tab-wrap input[type="radio"][name="tabs"]:first-of-type:checked ~ .slide {
  left: 0;
}
/* line 74, sass/components/_tabs.scss */
.migration .tab-wrap label {
  cursor: pointer;
  /*color: rgba(88, 116, 139, 0.8);*/
  color: white;
  box-sizing: border-box;
  display: block;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 46px;
  line-height: 46px;
  transition: color 0.2s ease;
}
/* line 88, sass/components/_tabs.scss */
.migration .tab-wrap .slide {
  background: black;
  width: calc(100% / 2);
  height: 4px;
  position: absolute;
  left: 0;
  top: calc(100% - 4px);
  transition: left 0.3s ease-out;
}
/* line 98, sass/components/_tabs.scss */
.migration .tab-wrap .tab-label-content {
  display: table-cell;
  width: 100%;
  /*background-color: $cyan;*/
}
/* line 102, sass/components/_tabs.scss */
.migration .tab-wrap .tab-label-content .tab-content {
  position: absolute;
  top: 100px;
  left: 16px;
  line-height: 130%;
  display: none;
}
/* line 111, sass/components/_tabs.scss */
.migration .tab-wrap #tab1-content {
  background: rgba(74, 74, 74, 0.8);
  background: -moz-linear-gradient(left, rgba(74, 74, 74, 0.8) 0%, black 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(74, 74, 74, 0.8)), color-stop(100%, black));
  background: -webkit-linear-gradient(left, rgba(74, 74, 74, 0.8) 0%, black 100%);
  background: -o-linear-gradient(left, rgba(74, 74, 74, 0.8) 0%, black 100%);
  background: -ms-linear-gradient(left, rgba(74, 74, 74, 0.8) 0%, black 100%);
  background: linear-gradient(to right, rgba(74, 74, 74, 0.8) 0%, #000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4a4a', endColorstr='#000000', GradientType=1 );
}
/* line 122, sass/components/_tabs.scss */
.migration .tab-wrap #tab2-content {
  background: black;
  background: -moz-linear-gradient(left, black 0%, rgba(74, 74, 74, 0.8) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, black), color-stop(100%, rgba(74, 74, 74, 0.8)));
  background: -webkit-linear-gradient(left, black 0%, rgba(74, 74, 74, 0.8) 100%);
  background: -o-linear-gradient(left, black 0%, rgba(74, 74, 74, 0.8) 100%);
  background: -ms-linear-gradient(left, black 0%, rgba(74, 74, 74, 0.8) 100%);
  background: linear-gradient(to right, #000000 0%, rgba(74, 74, 74, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#4a4a4a', GradientType=1 );
}
/* line 8, sass/states/private/_migration.scss */
.migration .clip-radio-wrapper {
  height: 33px;
}
/* line 12, sass/states/private/_migration.scss */
.migration .form-control-static .clip-radio {
  display: table;
  margin: auto;
}
/* line 17, sass/states/private/_migration.scss */
.migration .radio-bar {
  margin-bottom: 20px;
}

/* ==========================================================================
   Reports
   ========================================================================== */
/* line 5, sass/states/private/_reports.scss */
.reports {
    /*.return-to-view {
        position: absolute;

        margin-top: -25px;

        text-decoration: none;

        i {
            margin-right: 5px;
        }
    }*/
  /* Reports Viewer
  ========================================================================= */
  /* Reports Viewer
  ========================================================================= */
}
/* line 11, sass/components/_tabs.scss */
.reports .report-availability .tab-wrap {
  width: 100%;
  position: relative;
  display: table;
  table-layout: fixed;
}
/* line 17, sass/components/_tabs.scss */
.reports .report-availability .tab-wrap input[type="radio"][name="tabs"] {
  position: absolute;
  z-index: -1;
  /*@include tabs;*/
}
/* line 23, sass/components/_tabs.scss */
.reports .report-availability .tab-wrap input[type="radio"][name="tabs"]:checked + .tab-label-content label {
  /*color: $primary;*/
}
/* line 27, sass/components/_tabs.scss */
.reports .report-availability .tab-wrap input[type="radio"][name="tabs"]:checked + .tab-label-content .tab-content {
  display: block;
}
/* line 32, sass/components/_tabs.scss */
.reports .report-availability .tab-wrap input[type="radio"][name="tabs"]:checked + #tab1-content {
  background: #d1bc98;
  background: -moz-linear-gradient(left, #d1bc98 0%, #b99963 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #d1bc98), color-stop(100%, #b99963));
  background: -webkit-linear-gradient(left, #d1bc98 0%, #b99963 100%);
  background: -o-linear-gradient(left, #d1bc98 0%, #b99963 100%);
  background: -ms-linear-gradient(left, #d1bc98 0%, #b99963 100%);
  background: linear-gradient(to right, #d1bc98 0%, #b99963 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1bc98', endColorstr='#b99963', GradientType=1 );
}
/* line 43, sass/components/_tabs.scss */
.reports .report-availability .tab-wrap input[type="radio"][name="tabs"]:checked + #tab2-content {
  background: #b99963;
  background: -moz-linear-gradient(left, #b99963 0%, #d1bc98 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #b99963), color-stop(100%, #d1bc98));
  background: -webkit-linear-gradient(left, #b99963 0%, #d1bc98 100%);
  background: -o-linear-gradient(left, #b99963 0%, #d1bc98 100%);
  background: -ms-linear-gradient(left, #b99963 0%, #d1bc98 100%);
  background: linear-gradient(to right, #b99963 0%, #d1bc98 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b99963', endColorstr='#d1bc98', GradientType=1 );
}
/* line 58, sass/components/_tabs.scss */
.reports .report-availability .tab-wrap input[type="radio"][name="tabs"]:nth-of-type(1):checked ~ .slide {
  left: calc((100% / 2) * 0);
}
/* line 58, sass/components/_tabs.scss */
.reports .report-availability .tab-wrap input[type="radio"][name="tabs"]:nth-of-type(2):checked ~ .slide {
  left: calc((100% / 2) * 1);
}
/* line 67, sass/components/_tabs.scss */
.reports .report-availability .tab-wrap input[type="radio"][name="tabs"]:first-of-type:checked ~ .slide {
  left: 0;
}
/* line 74, sass/components/_tabs.scss */
.reports .report-availability .tab-wrap label {
  cursor: pointer;
  /*color: rgba(88, 116, 139, 0.8);*/
  color: white;
  box-sizing: border-box;
  display: block;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 46px;
  line-height: 46px;
  transition: color 0.2s ease;
}
/* line 88, sass/components/_tabs.scss */
.reports .report-availability .tab-wrap .slide {
  background: black;
  width: calc(100% / 2);
  height: 4px;
  position: absolute;
  left: 0;
  top: calc(100% - 4px);
  transition: left 0.3s ease-out;
}
/* line 98, sass/components/_tabs.scss */
.reports .report-availability .tab-wrap .tab-label-content {
  display: table-cell;
  width: 100%;
  /*background-color: $cyan;*/
}
/* line 102, sass/components/_tabs.scss */
.reports .report-availability .tab-wrap .tab-label-content .tab-content {
  position: absolute;
  top: 100px;
  left: 16px;
  line-height: 130%;
  display: none;
}
/* line 111, sass/components/_tabs.scss */
.reports .report-availability .tab-wrap #tab1-content {
  background: rgba(74, 74, 74, 0.8);
  background: -moz-linear-gradient(left, rgba(74, 74, 74, 0.8) 0%, black 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(74, 74, 74, 0.8)), color-stop(100%, black));
  background: -webkit-linear-gradient(left, rgba(74, 74, 74, 0.8) 0%, black 100%);
  background: -o-linear-gradient(left, rgba(74, 74, 74, 0.8) 0%, black 100%);
  background: -ms-linear-gradient(left, rgba(74, 74, 74, 0.8) 0%, black 100%);
  background: linear-gradient(to right, rgba(74, 74, 74, 0.8) 0%, #000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4a4a', endColorstr='#000000', GradientType=1 );
}
/* line 122, sass/components/_tabs.scss */
.reports .report-availability .tab-wrap #tab2-content {
  background: black;
  background: -moz-linear-gradient(left, black 0%, rgba(74, 74, 74, 0.8) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, black), color-stop(100%, rgba(74, 74, 74, 0.8)));
  background: -webkit-linear-gradient(left, black 0%, rgba(74, 74, 74, 0.8) 100%);
  background: -o-linear-gradient(left, black 0%, rgba(74, 74, 74, 0.8) 100%);
  background: -ms-linear-gradient(left, black 0%, rgba(74, 74, 74, 0.8) 100%);
  background: linear-gradient(to right, #000000 0%, rgba(74, 74, 74, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#4a4a4a', GradientType=1 );
}
/* line 22, sass/states/private/_reports.scss */
.reports .report-availability .report-groups {
  margin-bottom: 5px;
}
@media only screen and (min-width: 768px) {
  /* line 22, sass/states/private/_reports.scss */
  .reports .report-availability .report-groups {
    margin-bottom: 0;
  }
}
/* line 30, sass/states/private/_reports.scss */
.reports .report-availability .report-availability-employees {
  margin: 0 10px;
}
/* line 33, sass/states/private/_reports.scss */
.reports .report-availability .report-availability-employees .clip-check {
  margin-top: 0;
  margin-bottom: 10px;
}
@media only screen and (min-width: 480px) {
  /* line 30, sass/states/private/_reports.scss */
  .reports .report-availability .report-availability-employees {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
}
@media only screen and (min-width: 768px) {
  /* line 30, sass/states/private/_reports.scss */
  .reports .report-availability .report-availability-employees {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }
}
/* line 51, sass/states/private/_reports.scss */
.reports .reports-viewer [ng-dropdown-multiselect] button {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  width: 100%;
}
/* line 57, sass/states/private/_reports.scss */
.reports .reports-viewer [ng-dropdown-multiselect] li {
  float: none;
  display: block;
}
/* line 62, sass/states/private/_reports.scss */
.reports .reports-viewer [ng-dropdown-multiselect] .btn-group {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  /* line 68, sass/states/private/_reports.scss */
  .reports .reports-viewer .multi-select-field {
    width: 220px;
  }
  /* line 72, sass/states/private/_reports.scss */
  .reports .reports-viewer .text-field {
    width: 400px;
  }
}
/* line 78, sass/states/private/_reports.scss */
.reports #viewer-frame {
  display: block;
  margin: 0 auto;
  /*height: 250px;*/
  height: 0;
  /*width: 1374px;*/
  background: white;
}
/* line 87, sass/states/private/_reports.scss */
.reports #viewer-frame-wrapper {
  overflow: scroll !important;
  -webkit-overflow-scrolling: touch !important;
}
@media only screen and (min-width: 1440px) {
  /* line 93, sass/states/private/_reports.scss */
  .reports #viewer-frame-wrapper {
    overflow: auto !important;
    -webkit-overflow-scrolling: auto !important;
  }
}

/* ==========================================================================
   Warranty
   ========================================================================== */
/* line 8, sass/states/private/_warranty.scss */
.warranty .coverage-premium tbody tr:first-child td {
  padding-bottom: 10px !important;
}
/* line 12, sass/states/private/_warranty.scss */
.warranty .coverage-premium tbody tr:nth-child(2) td {
  padding-bottom: 4px;
}
/* line 17, sass/states/private/_warranty.scss */
.warranty .coverage-premium .clip-radio label {
  margin-left: 0 !important;
}
/* line 25, sass/states/private/_warranty.scss */
.warranty .documents .uploader-queue .uploader-remove button {
  height: auto;
  margin: -3px 0;
}
/* line 32, sass/states/private/_warranty.scss */
.warranty .documents .uploader-wrapper {
  float: right;
  position: relative;
  overflow: hidden;
}
/* line 38, sass/states/private/_warranty.scss */
.warranty .documents .uploader-wrapper input[type="file"] {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 34px;
  cursor: pointer;
}
/* line 55, sass/states/private/_warranty.scss */
.warranty .form-control-static .clip-check label,
.warranty .form-control-static .clip-radio label {
  margin-left: 15px;
}
/* line 60, sass/states/private/_warranty.scss */
.warranty .form-control-static .clip-check-wrapper,
.warranty .form-control-static .clip-radio-wrapper {
  height: 32px;
}
/* line 66, sass/states/private/_warranty.scss */
.warranty .notification {
  line-height: 1.2;
  margin-bottom: 20px;
  min-height: 46px;
  padding: 15px;
  background-color: #fafafa;
  color: #1e1f21;
  text-align: center;
  /*&:after {
      content: 'The warranty you have selected has not been mapped. Please see your network administrator.';
  }*/
}
/* line 82, sass/states/private/_warranty.scss */
.warranty .recipient fieldset {
  margin: 0 !important;
  padding: 2px 0 1px !important;
}
/* line 89, sass/states/private/_warranty.scss */
.warranty .recipient ul .clip-radio label {
  margin: 4px 0 4px 15px;
}
/* line 96, sass/states/private/_warranty.scss */
.warranty .refund .claims,
.warranty .refund .coverage-premium,
.warranty .refund .fees,
.warranty .refund .rebates {
  width: 100%;
}
/* line 103, sass/states/private/_warranty.scss */
.warranty .refund .claims tbody tr td,
.warranty .refund .coverage-premium tbody tr td,
.warranty .refund .fees tbody tr td,
.warranty .refund .rebates tbody tr td {
  line-height: 1.2;
  /*&.amount {
      padding-right: 5px;
  }*/
                    /*&:last-child {
                        padding-left: 12px !important;

                    }*/
}
/* line 116, sass/states/private/_warranty.scss */
.warranty .refund .claims tbody tr:first-child td,
.warranty .refund .coverage-premium tbody tr:first-child td,
.warranty .refund .fees tbody tr:first-child td,
.warranty .refund .rebates tbody tr:first-child td {
  padding: 0;
}
/* line 120, sass/states/private/_warranty.scss */
.warranty .refund .claims tbody tr:last-child,
.warranty .refund .coverage-premium tbody tr:last-child,
.warranty .refund .fees tbody tr:last-child,
.warranty .refund .rebates tbody tr:last-child {
  border: 0;
}
/* line 123, sass/states/private/_warranty.scss */
.warranty .refund .claims tbody tr:last-child .actual,
.warranty .refund .coverage-premium tbody tr:last-child .actual,
.warranty .refund .fees tbody tr:last-child .actual,
.warranty .refund .rebates tbody tr:last-child .actual {
  margin-bottom: 0;
}
/* line 128, sass/states/private/_warranty.scss */
.warranty .refund .claims tbody tr:nth-child(3),
.warranty .refund .coverage-premium tbody tr:nth-child(3),
.warranty .refund .fees tbody tr:nth-child(3),
.warranty .refund .rebates tbody tr:nth-child(3) {
  border-top: 1px solid #c8c7cc;
}
/* line 131, sass/states/private/_warranty.scss */
.warranty .refund .claims tbody tr:nth-child(3) td,
.warranty .refund .coverage-premium tbody tr:nth-child(3) td,
.warranty .refund .fees tbody tr:nth-child(3) td,
.warranty .refund .rebates tbody tr:nth-child(3) td {
  padding-top: 5px;
}
/* line 137, sass/states/private/_warranty.scss */
.warranty .refund .claims .include-actual,
.warranty .refund .coverage-premium .include-actual,
.warranty .refund .fees .include-actual,
.warranty .refund .rebates .include-actual {
  float: right;
  /*li {
      ul {
          float: right;
      }
  }*/
}
/* line 147, sass/states/private/_warranty.scss */
.warranty .refund .claims .include,
.warranty .refund .coverage-premium .include,
.warranty .refund .fees .include,
.warranty .refund .rebates .include {
  margin-top: 10px;
}
/* line 151, sass/states/private/_warranty.scss */
.warranty .refund .claims .actual,
.warranty .refund .claims .include,
.warranty .refund .coverage-premium .actual,
.warranty .refund .coverage-premium .include,
.warranty .refund .fees .actual,
.warranty .refund .fees .include,
.warranty .refund .rebates .actual,
.warranty .refund .rebates .include {
  float: right;
  display: table;
  margin-bottom: 5px;
}
/* line 158, sass/states/private/_warranty.scss */
.warranty .refund .claims .actual li,
.warranty .refund .claims .include li,
.warranty .refund .coverage-premium .actual li,
.warranty .refund .coverage-premium .include li,
.warranty .refund .fees .actual li,
.warranty .refund .fees .include li,
.warranty .refund .rebates .actual li,
.warranty .refund .rebates .include li {
  display: table-cell;
  vertical-align: middle;
}
/* line 164, sass/states/private/_warranty.scss */
.warranty .refund .claims .actual li .clip-radio label,
.warranty .refund .claims .include li .clip-radio label,
.warranty .refund .coverage-premium .actual li .clip-radio label,
.warranty .refund .coverage-premium .include li .clip-radio label,
.warranty .refund .fees .actual li .clip-radio label,
.warranty .refund .fees .include li .clip-radio label,
.warranty .refund .rebates .actual li .clip-radio label,
.warranty .refund .rebates .include li .clip-radio label {
  margin-left: 0;
}
/* line 169, sass/states/private/_warranty.scss */
.warranty .refund .claims .actual li.label,
.warranty .refund .claims .include li.label,
.warranty .refund .coverage-premium .actual li.label,
.warranty .refund .coverage-premium .include li.label,
.warranty .refund .fees .actual li.label,
.warranty .refund .fees .include li.label,
.warranty .refund .rebates .actual li.label,
.warranty .refund .rebates .include li.label {
  padding-right: 5px;
}
/* line 174, sass/states/private/_warranty.scss */
.warranty .refund .claims .actual li.input-cell .form-control,
.warranty .refund .claims .include li.input-cell .form-control,
.warranty .refund .coverage-premium .actual li.input-cell .form-control,
.warranty .refund .coverage-premium .include li.input-cell .form-control,
.warranty .refund .fees .actual li.input-cell .form-control,
.warranty .refund .fees .include li.input-cell .form-control,
.warranty .refund .rebates .actual li.input-cell .form-control,
.warranty .refund .rebates .include li.input-cell .form-control {
  height: auto;
  padding: 2px 4px;
  width: 70px;
}
/* line 180, sass/states/private/_warranty.scss */
.warranty .refund .claims .actual li.input-cell .input-group-addon,
.warranty .refund .claims .include li.input-cell .input-group-addon,
.warranty .refund .coverage-premium .actual li.input-cell .input-group-addon,
.warranty .refund .coverage-premium .include li.input-cell .input-group-addon,
.warranty .refund .fees .actual li.input-cell .input-group-addon,
.warranty .refund .fees .include li.input-cell .input-group-addon,
.warranty .refund .rebates .actual li.input-cell .input-group-addon,
.warranty .refund .rebates .include li.input-cell .input-group-addon {
  padding: 4px 8px;
}
/* line 186, sass/states/private/_warranty.scss */
.warranty .refund .claims .actual li:last-child .clip-radio label,
.warranty .refund .claims .include li:last-child .clip-radio label,
.warranty .refund .coverage-premium .actual li:last-child .clip-radio label,
.warranty .refund .coverage-premium .include li:last-child .clip-radio label,
.warranty .refund .fees .actual li:last-child .clip-radio label,
.warranty .refund .fees .include li:last-child .clip-radio label,
.warranty .refund .rebates .actual li:last-child .clip-radio label,
.warranty .refund .rebates .include li:last-child .clip-radio label {
  margin-right: 0;
}
/* line 195, sass/states/private/_warranty.scss */
.warranty .return-to-search {
  position: absolute;
  margin-top: -6px;
  text-decoration: none;
}
/* line 202, sass/states/private/_warranty.scss */
.warranty .return-to-search i {
  margin-right: 5px;
}
/* line 207, sass/states/private/_warranty.scss */
.warranty .totals {
  padding: 0 12px;
}
/* line 210, sass/states/private/_warranty.scss */
.warranty .totals > ul {
  float: right;
  margin-bottom: 20px;
  font-size: 14px;
}
/* line 218, sass/states/private/_warranty.scss */
.warranty .totals > ul > li ul {
  float: right;
  display: table;
}
/* line 223, sass/states/private/_warranty.scss */
.warranty .totals > ul > li ul li {
  display: table-cell;
  padding: 5px 0;
  vertical-align: middle;
}
/* line 230, sass/states/private/_warranty.scss */
.warranty .totals > ul > li ul li.input-cell .form-control {
  height: auto;
  padding: 2px 4px;
  width: 70px;
}
/* line 236, sass/states/private/_warranty.scss */
.warranty .totals > ul > li ul li.input-cell .input-group-addon {
  padding: 4px 8px;
}
/* line 241, sass/states/private/_warranty.scss */
.warranty .totals > ul > li ul li.label {
  padding-right: 5px;
}
@media only screen and (min-width: 375px) {
  /* line 251, sass/states/private/_warranty.scss */
  .warranty .recipient {
    padding-left: 15px;
  }
  /* line 254, sass/states/private/_warranty.scss */
  .warranty .recipient li {
    display: inline-block;
  }
  /* line 257, sass/states/private/_warranty.scss */
  .warranty .recipient li.three-cols {
    width: 32%;
  }
  /* line 261, sass/states/private/_warranty.scss */
  .warranty .recipient li.two-cols {
    width: 50%;
  }
  /* line 267, sass/states/private/_warranty.scss */
  .warranty .recipient .clip-radio label {
    margin: 4px 0 4px 0;
  }
}
@media only screen and (min-width: 480px) {
  /* line 278, sass/states/private/_warranty.scss */
  .warranty .refund .claims .actual,
  .warranty .refund .fees .actual,
  .warranty .refund .rebates .actual {
    margin-top: 5px;
  }
  /* line 282, sass/states/private/_warranty.scss */
  .warranty .refund .claims .include,
  .warranty .refund .fees .include,
  .warranty .refund .rebates .include {
    float: left;
    margin-top: 5px;
                /*display: table;
                margin-bottom: 5px;

                li {
                    display: table-cell;

                    vertical-align: middle;

                    .clip-radio {
                        label {
                            margin-left: 0;
                        }
                    }

                    &.label {
                        padding: 0 5px 0 15px;
                    }

                    &.input-cell {
                        .form-control {
                            height: auto;
                            padding: 2px 4px;
                            width: 70px;
                        }

                        .input-group-addon {
                            padding: 4px 8px;
                        }
                    }


                    &:last-child {
                        .clip-radio label {
                            margin-right: 0;
                        }
                    }
                }*/
  }
  /* line 326, sass/states/private/_warranty.scss */
  .warranty .refund .claims .include-actual,
  .warranty .refund .fees .include-actual,
  .warranty .refund .rebates .include-actual {
    float: none;
  }
}
