/************************************************/
/* Default Colors */
/************************************************/
p {
  color: #e1e4e7;
}

a {
  color: #fff;
}
a:hover, a:active, a:focus {
  color: #e1e4e7;
}

input, button, form, input, label, legend, optgroup, option, select, textarea {
  color: #e1e4e7;
}
textarea{
    resize:vertical;
}

h1, h2, h3, h4, h5, h6, strong {
  color: #ffffff;
}

.text-white {
  color: #fff;
}


.button > .btn {
  width: initial;
  margin: 7px 0;
}

/************************************************/
/* Breakpoints - Responsive */
/************************************************/
/************************************************/
/* Typography */
/************************************************/
h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}

.main-header h1 {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 60px;
}
.main-header h3 {
  font-size: 18px;
}

h1 {
  font-size: 32px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}
@media only screen and (min-width: 768px) {
  h1 {
    font-size: 60px;
  }
}
h1 sup {
  font-size: 0.5em;
}

h2 {
  font-size: 52px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}
@media only screen and (min-width: 768px) {
  h2 {
    font-size: 52px;
  }
}
h2 span, h2 strong {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}
h2 sup {
  font-size: 0.35em;
  top: -2em;
  left: -0.65em;
}

h3 {
  font-size: 24px;
}
@media only screen and (min-width: 768px) {
  h3 {
    font-size: 32px;
  }
}

h4 {
  font-size: 22px;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  h4 {
    font-size: 24px;
  }
}

h5 {
  font-size: 18px;
}
@media only screen and (min-width: 768px) {
  h5 {
    font-size: 22px;
  }
}

h6 {
  font-size: 16px;
}
@media only screen and (min-width: 768px) {
  h6 {
    font-size: 20px;
  }
}

/***************************************/
/*General Styles*/
/***************************************/
.wrapper, body {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.54em;  
}
/*
.wrapper {
  overflow-x: hidden;
}
*/


body,
html {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  -webkit-animation-duration: 0.1s;
  -webkit-animation-name: fontfix;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0.1s;
}

input, button, form, input, isindex, label, legend, optgroup, option, select, textarea, .k-editable-area body {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}

body, html, .bg-main, .wrapper {
  height: 100%;
}

main {
  display: table;
  width: 100%;
  min-width: 100%;
}

@-webkit-keyframes fontfix {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
a, a > span {
  -webkit-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}

a:hover {
  text-decoration: none;
}

section {
  padding: 100px 0;
}

img {
  max-width: 100%;
}

.clear-pad {
  padding: 0;
}

.clear-pad-right {
  padding-right: 0;
}

.clear-pad-left {
  padding-left: 0;
}

.container-fluid {
  padding: 0;
}

p {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.54em;
  margin: 10px 0;
  line-height: 30px;
}

ul li {
  padding: 8px 0;
}

ul li a {
  position: relative;
}

.fa-li {
  color: #5bd4ff;
}

@media only screen and (min-width: 768px) {
  .umobit {
    text-align: right;
  }
}

footer .container {
  border-top: 1px solid #71a0cd;
  padding: 10px 0;
}

/************************************************/
/* Forms */
/************************************************/
form {
  padding: 10px 0;
}

label {
  font-size: 18px;
  margin: 10px 0;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}

input {
  background: transparent;
  outline: none;
  border: none;
  display: block;
  width: 100%;
  margin: 10px 0;
  border-bottom: 1px solid #5bd4ff;
}

.rememberMe {
  display: block;
  position: relative;
  top: -5px;
  left: 0px;
}
@media only screen and (min-width: 480px) {
  .rememberMe {
    display: inline-block;
    left: 40px;
  }
}

.rememberMe label {
  font-size: 14px;
}

.rememberMe .prettycheckbox > a {
  margin: 7px 6px 0 0;
}

.checkbox input[type="checkbox"]:focus + label::before, .radio input[type="radio"]:focus + label::before {
  outline: 0 !important;
  -webkit-appearance: none !important;
  box-shadow: none !important;
}

.checkbox.checkbox-primary label::before {
  border: 2px solid #5bd4ff;
  background: transparent;
}

/************************************************/
/* Tooltips */
/************************************************/
.btn.btn-tooltip {
  background: transparent;
  padding: 0;
  margin: 0 12px;
  border: none;
}

.btn-tooltip {
  display: inline-block;
  padding: 10px;
  text-align: center;
}
.btn-tooltip i {
  width: 18px;
  line-height: 18px;
  height: 18px;
  font-size: 14px;
  border-radius: 50%;
  color: #2a6588;
  background: #5bd4ff;
}
.btn-tooltip.btn-tooltip:hover i {
  background: #fff;
}

.tooltip.right .tooltip-arrow {
  border-right-color: rgba(22, 78, 98, 0.52);
}

.tooltip-inner {
  background-color: rgba(22, 78, 98, 0.52);
  padding: 8px;
}

/************************************************/
/* Buttons */
/************************************************/
.btn {
  border-radius: 2px;
  outline: none;
  color: #ccc;
  background: #343434;
  padding: 12px 20px;
  margin: 10px 0;
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  border: 1px solid #2f2f2f;
  -webkit-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.btn:hover, .btn:active, .btn:focus {
  color: #ffffff;
}
.btn:active, .btn:focus {
  outline: 5px auto #151515 !important;
}

.btn-light-blue {
  background: #5bd4ff;
  border: 1px solid #51d1ff;
  color: #1a7ca8;
}
.btn-light-blue:hover, .btn-light-blue:active, .btn-light-blue:focus {
  color: #104b66;
  background: #28c7ff;
  border: 1px solid #19c3ff;
}
.btn-light-blue:active, .btn-light-blue:focus {
  outline: 5px auto #00a1db !important;
}

.btn-purple {
  background: #382d6c;
  border: 1px solid #342a65;
  color: #c5c2d5;
}
.btn-purple:hover, .btn-purple:active, .btn-purple:focus {
  color: #fff;
  background: #251e48;
  border: 1px solid #201a3d;
}
.btn-purple:active, .btn-purple:focus {
  outline: 5px auto #090812 !important;
}

.btn-save,
.btn-submit,
.btn-create,
.btn-copy,
.btn-issue,
.btn-order,
.btn-print,
.btn-prev,
.btn-next,
.btn-expand,
.btn-collapse,
.btn-search,
.btn-insert,
.btn-email {
  background-color: #27cb7c;
  border: 1px solid #25c277;
  color: #fff;
}
.btn-save:hover, .btn-save:active, .btn-save:focus,
.btn-submit:hover,
.btn-submit:active,
.btn-submit:focus,
.btn-create:hover,
.btn-create:active,
.btn-create:focus,
.btn-copy:hover,
.btn-copy:active,
.btn-copy:focus,
.btn-issue:hover,
.btn-issue:active,
.btn-issue:focus,
.btn-order:hover,
.btn-order:active,
.btn-order:focus,
.btn-print:hover,
.btn-print:active,
.btn-print:focus,
.btn-prev:hover,
.btn-prev:active,
.btn-prev:focus,
.btn-next:hover,
.btn-next:active,
.btn-next:focus,
.btn-expand:hover,
.btn-expand:active,
.btn-expand:focus,
.btn-collapse:hover,
.btn-collapse:active,
.btn-collapse:focus,
.btn-search:hover,
.btn-search:active,
.btn-search:focus,
.btn-insert:hover,
.btn-insert:active,
.btn-insert:focus,
.btn-email:hover,
.btn-email:active,
.btn-email:focus {
  color: #fff;
  background-color: #1fa062;
  border: 1px solid #1c935a;
}
.btn-save:active, .btn-save:focus,
.btn-submit:active,
.btn-submit:focus,
.btn-create:active,
.btn-create:focus,
.btn-copy:active,
.btn-copy:focus,
.btn-issue:active,
.btn-issue:focus,
.btn-order:active,
.btn-order:focus,
.btn-print:active,
.btn-print:focus,
.btn-prev:active,
.btn-prev:focus,
.btn-next:active,
.btn-next:focus,
.btn-expand:active,
.btn-expand:focus,
.btn-collapse:active,
.btn-collapse:focus,
.btn-search:active,
.btn-search:focus,
.btn-insert:active,
.btn-insert:focus,
.btn-email:active,
.btn-email:focus {
  outline: 5px auto #1b8b55 !important;
}

.btn-delete,
.btn-reset,
.btn-cancel,
.btn-disable,
.btn-close {
  background-color: #f5536a;
  border: 1px solid #f44962;
  color: #fff;
}
.btn-delete:hover, .btn-delete:active, .btn-delete:focus,
.btn-reset:hover,
.btn-reset:active,
.btn-reset:focus,
.btn-cancel:hover,
.btn-cancel:active,
.btn-cancel:focus,
.btn-disable:hover,
.btn-disable:active,
.btn-disable:focus,
.btn-close:hover,
.btn-close:active,
.btn-close:focus {
  color: #fff;
  background-color: #f22340;
  border: 1px solid #f11434;
}
.btn-delete:active, .btn-delete:focus,
.btn-reset:active,
.btn-reset:focus,
.btn-cancel:active,
.btn-cancel:focus,
.btn-disable:active,
.btn-disable:focus,
.btn-close:active,
.btn-close:focus {
  outline: 5px auto #ee0e2e !important;
}

.btn-save,
.btn-submit,
.btn-create,
.btn-copy,
.btn-issue,
.btn-order,
.btn-print,
.btn-prev,
.btn-next,
.btn-expand,
.btn-collapse,
.btn-delete,
.btn-reset,
.btn-cancel,
.btn-disable,
.btn-search,
.btn-insert,
.btn-close,
.btn-email {
  padding-left: 40px;
  text-align: center;
  background-position: 10px 50%;
  background-repeat: no-repeat;
}
.btn-save:hover, .btn-save:focus, .btn-save:active,
.btn-submit:hover,
.btn-submit:focus,
.btn-submit:active,
.btn-create:hover,
.btn-create:focus,
.btn-create:active,
.btn-copy:hover,
.btn-copy:focus,
.btn-copy:active,
.btn-issue:hover,
.btn-issue:focus,
.btn-issue:active,
.btn-order:hover,
.btn-order:focus,
.btn-order:active,
.btn-print:hover,
.btn-print:focus,
.btn-print:active,
.btn-prev:hover,
.btn-prev:focus,
.btn-prev:active,
.btn-next:hover,
.btn-next:focus,
.btn-next:active,
.btn-expand:hover,
.btn-expand:focus,
.btn-expand:active,
.btn-collapse:hover,
.btn-collapse:focus,
.btn-collapse:active,
.btn-delete:hover,
.btn-delete:focus,
.btn-delete:active,
.btn-reset:hover,
.btn-reset:focus,
.btn-reset:active,
.btn-cancel:hover,
.btn-cancel:focus,
.btn-cancel:active,
.btn-disable:hover,
.btn-disable:focus,
.btn-disable:active,
.btn-search:hover,
.btn-search:focus,
.btn-search:active,
.btn-insert:hover,
.btn-insert:focus,
.btn-insert:active,
.btn-close:hover,
.btn-close:focus,
.btn-close:active,
.btn-email:hover,
.btn-email:focus,
.btn-email:active {
  background-position: 10px 50%;
  background-repeat: no-repeat;
}

.btn-email {
  background-image: url(../img/btn-email.png);
}
.btn-email:hover, .btn-email:focus, .btn-email:active {
  background-image: url(../img/btn-email.png);
}

.btn-submit,
.btn-save {
  background-image: url(../img/btn-save.png);
}
.btn-submit:hover, .btn-submit:focus, .btn-submit:active,
.btn-save:hover,
.btn-save:focus,
.btn-save:active {
  background-image: url(../img/btn-save.png);
}

.btn-create,
.btn-insert {
  background-image: url(../img/btn-create.png);
}
.btn-create:hover, .btn-create:focus, .btn-create:active,
.btn-insert:hover,
.btn-insert:focus,
.btn-insert:active {
  background-image: url(../img/btn-create.png);
}

.btn-copy {
  background-image: url(../img/btn-copy.png);
}
.btn-copy:hover, .btn-copy:focus, .btn-copy:active {
  background-image: url(../img/btn-copy.png);
}

.btn-issue {
  background-image: url(../img/btn-issue.png);
}
.btn-issue:hover, .btn-issue:focus, .btn-issue:active {
  background-image: url(../img/btn-issue.png);
}

.btn-order {
  background-image: url(../img/btn-order.png);
}
.btn-order:hover, .btn-order:focus, .btn-order:active {
  background-image: url(../img/btn-order.png);
}

.btn-print {
  background-image: url(../img/btn-print.png);
}
.btn-print:hover, .btn-print:focus, .btn-print:active {
  background-image: url(../img/btn-print.png);
}

.btn-prev {
  background-image: url(../img/btn-prev.png);
}
.btn-prev:hover, .btn-prev:focus, .btn-prev:active {
  background-image: url(../img/btn-prev.png);
}

.btn-next {
  background-image: url(../img/btn-next.png);
}
.btn-next:hover, .btn-next:focus, .btn-next:active {
  background-image: url(../img/btn-next.png);
}

.btn-expand {
  background-image: url(../img/btn-expand.png);
}
.btn-expand:hover, .btn-expand:focus, .btn-expand:active {
  background-image: url(../img/btn-expand.png);
}

.btn-collapse {
  background-image: url(../img/btn-collapse.png);
}
.btn-collapse:hover, .btn-collapse:focus, .btn-collapse:active {
  background-image: url(../img/btn-collapse.png);
}

.btn-reset {
  background-image: url(../img/btn-reset.png);
}
.btn-reset:hover, .btn-reset:focus, .btn-reset:active {
  background-image: url(../img/btn-reset.png);
}

.btn-delete,
.btn-cancel,
.btn-close {
  background-image: url(../img/btn-cancel.png);
}
.btn-delete:hover, .btn-delete:focus, .btn-delete:active,
.btn-cancel:hover,
.btn-cancel:focus,
.btn-cancel:active,
.btn-close:hover,
.btn-close:focus,
.btn-close:active {
  background-image: url(../img/btn-cancel.png);
}

.btn-disable {
  background-image: url(../img/btn-disable.png);
}
.btn-disable:hover, .btn-disable:focus, .btn-disable:active {
  background-image: url(../img/btn-disable.png);
}

.btn-search {
  background-image: url(../img/btn-search.png);
}
.btn-search:hover, .btn-search:focus, .btn-search:active {
  background-image: url(../img/btn-search.png);
}

.btn-reset {
  background-image: url(../img/btn-reset.png);
}
.btn-reset:hover, .btn-reset:focus, .btn-reset:active {
  background-image: url(../img/btn-reset.png);
}

.btn-back {
  background: #2a7ab7;
  border: 1px solid #2874af;
  color: #fff;
}
.btn-back:hover, .btn-back:active, .btn-back:focus {
  color: #fff;
  background: #205e8e;
  border: 1px solid #1e5681;
}
.btn-back:active, .btn-back:focus {
  outline: 5px auto #1c5179 !important;
}

/* Menu */
.bg-main {
  background-image: url(../img/bg-main_1024.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-color: #2e86aa;
}
@media only screen and (min-width: 1280px) {
  .bg-main {
    background-image: url(../img/bg-main.jpg);
  }
}

.navbar-header {
  z-index: 1;
}

.navbar-nav {
  padding-top: 20px;
}

.nav > li {
  padding: 15px 30px;
}
@media only screen and (min-width: 1280px) {
  .nav > li {
    padding: 15px 10px;
  }
}

.nav > li > a {
  padding: 10px 30px 10px 0;
  width: 210px;
}

.nav > li:hover, .nav > li:active, .nav > li:focus {
  background: transparent;
}

.navbar-collapse {
  right: 0;
  z-index: 2;
}

.navbar-nav > li {
  float: left;
}

.navbar-default .navbar-nav > li > a p,
.navbar-default .navbar-nav > li > a strong {
  margin: 0;
  line-height: 16px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background: rgba(0, 0, 0, 0.1);
}

.navbar-default .navbar-nav > li > a strong {
  color: #ffffff;
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}

.navbar-default .navbar-nav > li > a p {
  color: #5bd4ff;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 12px;
  margin: 0;
}

.navbar-default .navbar-nav > li > a div {
  display: inline-block;
}

.navbar-default .navbar-brand {
  color: #ffffff;
  padding: 15px 0 5px 0;
  line-height: 16px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
}
.navbar-default .navbar-brand span {
  color: #65c2e8;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand:focus {
  color: #65c2e8;
}
.navbar-default .navbar-brand:hover span,
.navbar-default .navbar-brand:active span,
.navbar-default .navbar-brand:focus span {
  color: #ffffff;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
}

.menu-icon {
  position: relative;
  width: 43px;
  height: 43px;
  top: 8px;
  left: -8px;
  overflow: hidden;
}
.menu-icon:before, .menu-icon:after {
  position: absolute;
  content: '';
  width: 43px;
  height: 43px;
  background-size: contain;
}
.menu-icon:before {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 0.4s 0.1s;
  transition: all 0.4s 0.1s;
}
.menu-icon:after {
  -webkit-transform: translateX(-43px) rotateZ(-165deg);
          transform: translateX(-43px) rotateZ(-165deg);
  opacity: 0;
  -webkit-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.menu-icon.menu-help:before {
  background-image: url(../img/menu-help.png);
}
.menu-icon.menu-help:after {
  background-image: url(../img/menu-help-hover.png);
}
.menu-icon.menu-dealer:before {
  background-image: url(../img/menu-dealers.png);
}
.menu-icon.menu-dealer:after {
  background-image: url(../img/menu-dealers-hover.png);
}
.menu-icon.menu-user:before {
  background-image: url(../img/menu-user.png);
}
.menu-icon.menu-user:after {
  background-image: url(../img/menu-user-hover.png);
}
.menu-icon.menu-logout:before {
  background-image: url(../img/menu-logout.png);
}
.menu-icon.menu-logout:after {
  background-image: url(../img/menu-logout-hover.png);
}
    .menu-icon.menu-notifications:before {
        background-image: url(../img/menu-notifications.png);
    }

    .menu-icon.menu-notifications:after {
        background-image: url(../img/menu-notifications-hover.png);
    }

.menu-text {
  position: absolute;
  left: 50px;
  top: 55%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.navbar-default .navbar-nav > li > a:hover .menu-icon:after,
.navbar-default .navbar-nav > li > a:active .menu-icon:after,
.navbar-default .navbar-nav > li > a:focus .menu-icon:after {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
  -webkit-transition: all 0.4s 0.1s;
  transition: all 0.4s 0.1s;
}

.navbar-default .navbar-nav > li > a:hover .menu-icon:before,
.navbar-default .navbar-nav > li > a:active .menu-icon:before,
.navbar-default .navbar-nav > li > a:focus .menu-icon:before {
  opacity: 0;
  -webkit-transform: translateY(-43px) rotateZ(35deg);
          transform: translateY(-43px) rotateZ(35deg);
  -webkit-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}

.navbar-default {
  background-color: rgba(22, 78, 98, 0.12);
}

.navbar-default .container .navbar-header {
  padding: 40px 20px;
  margin: 0;
  width: 100%;
}
@media only screen and (min-width: 1025px) {
  .navbar-default .container .navbar-header {
    width: 30%;
    background-color: transparent;
  }
}

.navbar-default .container {
  position: relative;
  padding: 0;
  margin: 0 auto;
}
@media only screen and (min-width: 1600px) {
  .navbar-default .container {
    width: 1450px;
  }
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  z-index: 6;
  border-color: transparent;
  width: 100%;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 1025px) {
  .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    width: 70%;
    position: relative;
  }
}

.navbar-brand {
  font-size: 40px;
  line-height: 24px;
  font-weight: 300;
}
.navbar-brand span {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  font-size: 18px;
}

.navbar-toggle {
  position: absolute;
  z-index: 2;
  margin: 0;
  top: 40px;
  right: 20px;
  height: 80px;
  width: 80px;
  cursor: pointer;
  border: none;
  outline: none;
  /* replace text with image */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent;
}

.navbar .navbar-toggle {
  background: transparent;
  z-index: 3;
}

.navbar .navbar-toggle .icon-bar {
  background-color: #fff;
}

.navbar-default .nav-open .navbar-toggle:hover .icon-bar,
.navbar-default .nav-open .navbar-toggle:focus .icon-bar {
  background-color: transparent !important;
}

.navbar-toggle .icon-bar,
.navbar-toggle .icon-bar::after,
.navbar-toggle .icon-bar::before {
  /* used to create the menu icon */
  position: absolute;
  height: 4px;
  width: 38px;
  background-color: #ffffff;
}

.navbar-toggle .icon-bar {
  /* menu icon middle line */
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.navbar-toggle .icon-bar::after,
.navbar-toggle .icon-bar::before {
  content: '';
  left: 0;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}

.navbar-toggle .icon-bar::before {
  /* menu icon middle top line */
  -webkit-transform: translateY(-9px);
  -ms-transform: translateY(-9px);
  transform: translateY(-9px);
}

.navbar-toggle .icon-bar::after {
  /* menu icon middle bottom line */
  -webkit-transform: translateY(9px);
  -ms-transform: translateY(9px);
  transform: translateY(9px);
}

.nav-open .navbar-toggle .icon-bar {
  background-color: transparent;
}

.nav-open .navbar-toggle .icon-bar::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.nav-open .navbar-toggle .icon-bar::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/********CHANGE NAVBAR COLLAPSE TO SM!!*********/
@media (max-width: 1360px) {
  .navbar-header {
    float: none;
  }

  .navbar-toggle {
    display: block;
  }

  .navbar-collapse {
    border-top: 1px solid transparent;
    float: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }

  .navbar-collapse.collapse {
    display: none !important;
  }

  .navbar-nav {
    float: none !important;
    margin: 0;
    border: none;
  }

  .navbar-nav > li {
    float: none;
  }

  .navbar-text {
    float: none;
    margin: 15px 0;
  }

  /* since 3.1.0 */
  .navbar-collapse.collapse.in {
    display: block !important;
  }

  .collapsing {
    overflow: hidden !important;
  }
}
/*************************************************/
/* Isotope - Masonry */
/*************************************************/
.box-article {
  padding: 35px;
  background: #2494bc;
  border: 1px solid #2492ba;
}
.box-article p, .box-article ul, .box-article li, .box-article a, .box-article strong, .box-article dl, .box-article dt, .box-article dd, .box-article .content, .box-article .date {
  color: #fff;
}
.box-article dd, .box-article dt, .box-article ul li, .box-article ol li {
  padding: 8px 0;
}
.box-article .date {
  margin: 10px 0 25px;
  font-size: 24px;
  color: #fff;
  font-weight: bold;
}

.grid-item {
  padding: 7px;
}
.grid-item .box-deep-blue {
  background: #298cd1;
  border: 1px solid #298cd1;
}
.grid-item .box-light-blue {
  background: #3aafd9;
  border: 1px solid #3aafd9;
}
.grid-item .box-light-blue:hover, .grid-item .box-light-blue:active, .grid-item .box-light-blue:focus {
  background: #2494bc;
  border: 1px solid #2390b8;
}
.grid-item .box-petrol {
  background: #2fb2c2;
  border: 1px solid #2fb2c2;
}
.grid-item .box-petrol:hover, .grid-item .box-petrol:active, .grid-item .box-petrol:focus {
  background: #258c99;
  border: 1px solid #248995;
}
.grid-item .box-purple {
  background: #4f409b;
  border: 1px solid #4f409b;
}
.grid-item .box-purple:hover, .grid-item .box-purple:active, .grid-item .box-purple:focus {
  background: #3d3177;
  border: 1px solid #3b3073;
}
.grid-item .box-purple ul li {
  color: #8f7fe5;
  margin-bottom: 5px;
}
.grid-item .box-orange {
  background: #fd9149;
  border: 1px solid #fd9149;
}
.grid-item .box-orange:hover, .grid-item .box-orange:active, .grid-item .box-orange:focus {
  background: #fc7317;
  border: 1px solid #fc6f12;
}
.grid-item .box-news {
  background: #3aafd9;
  border: 1px solid #3aafd9;
}
.grid-item .box-news:hover, .grid-item .box-news:active, .grid-item .box-news:focus {
  background: #3aafd9;
  border: 1px solid #3aafd9;
}

.grid-item-content {
  height: 250px;
  -webkit-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
  position: relative;
  border-radius: 1px;
  border: 1px solid #fff;
}
.grid-item-content:hover, .grid-item-content:active, .grid-item-content:focus {
  background: rgba(22, 78, 98, 0.32);
}

.grid-item-content--height2 {
  height: 250px;
}

.box-news.grid-item-content--height2 {
  height: 514px;
}

@media screen and (min-width: 768px) {
	.grid-item-content--height2 {
	  height: 514px;
	}
}

.grid-item-description {
  position: absolute;
  bottom: 20px;
  width: 100%;
}
.grid-item-description.reverse {
  top: 40px;
}
.grid-item-description p {
  font-size: 15px;
  line-height: 20px;
}
.grid-item-description ul, .grid-item-description ol {
  padding: 0 0 0 20px;
}
.grid-item-description ul li, .grid-item-description ol li {
  padding: 2px 0;
  color: #fff;
  font-size: 13px;
}
.grid-item-description ul li a, .grid-item-description ol li a {
	color: #fff;
	padding: 5px 0;
	font-size: 15px;
	display: block;
}

.grid-item-cta {
  position: absolute;
  width: 90px;
  height: 90px;
  right: 0;
  bottom: 0;
}

.grid-item-cta > a {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  float: right;
  color: #fff;
  text-align: center;
  font-size: 16px;
}
.grid-item-cta > a:hover > i.fa-plus, .grid-item-cta > a:focus > i.fa-plus, .grid-item-cta > a:active > i.fa-plus {
  opacity: 1;
}
.grid-item-cta > a:hover > i.fa-chevron-right, .grid-item-cta > a:focus > i.fa-chevron-right, .grid-item-cta > a:active > i.fa-chevron-right {
  opacity: 0;
}
.grid-item-cta > a > i {
  -webkit-font-smoothing: antialiased;
  width: 50px;
  height: 50px;
  line-height: 48px;
  border-radius: 50%;
  border: 2px solid #fff;
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.grid-item-cta > a i.fa-chevron-right {
  opacity: 1;
}
.grid-item-cta > a i.fa-plus {
  opacity: 0;
}

.announce {
  background: #46bfea;
  color: #fff;
  -webkit-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
  border-top: 1px solid #3aafd9;
  padding: 20px 30px 20px 60px;
}
.announce:hover, .announce:active, .announce:focus {
  background: #2aa2cd;
}
.announce span {
  display: block;
  font-size: 12px;
}
.announce p {
  font-weight: 800;
  font-size: 18px;
  margin: 4px 0;
}

/*************************************************/
/* Additional CSS  - TELERIK */
/*************************************************/
.page-body {
  font-size: 14px;
}

.page-title {
  margin-bottom: 25px;
  margin-top: 35px;
}

.page-title > h3 {
  font-weight: 300;
}

.page .k-button:hover, .page .k-button.k-state-hover {
  border-color: #065b9c;
  background-color: #065b9c;
}

.k-button {
  padding: 8px 13px 8px;
}

.k-button-icontext:focus, .k-button-icontext:hover, .k-button-icontext:active {
  box-shadow: none !important;
}

.k-grid .k-button {
  margin: 4px 0;
}

.k-grid-toolbar .k-button {
  float: right;
  outline: none;
  border: none;
  width: initial;
  box-shadow: none;
  margin: 10px 8px;
  display: inline-block;
}
.k-grid-toolbar .k-button:focus, .k-grid-toolbar .k-button:hover, .k-grid-toolbar .k-button:active {
  box-shadow: none !important;
}

.k-grid-toolbar form {
  display: block;
  float: right;
  padding: 0;
}

html body .k-grid tbody .k-button-icon {
  font-size: 13px;
  width: 100%;
}

html body .k-grid tbody .k-button-icon span {
  position: relative;
  left: -5px;
  top: -1px;
}

.k-grid tbody td > .k-grid-print,
.k-grid tbody td > .k-grid-edit,
.k-grid tbody td > .k-grid-delete,
.k-grid tbody td > .k-grid-plus,
.k-grid tbody td > .k-grid-cancel,
.k-grid tbody td > .k-grid-update {
  position: relative;
  min-width: 32px;
  height: 32px;
  border-radius: 2px;
  font-size: 0px;
  margin-right: 7px;
}


.k-grid-toolbar:first-child, .k-grouping-header + .k-grid-toolbar, .k-widget {
  border: 0;
}

.k-grid tbody td .k-print {
  background-image: url(../img/k-print.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 32px;
  height: 32px;
  background-position: 0 0;
}

.k-grid tbody td .k-print:hover {
  background-position: -32px 0;
}

.k-grid tbody td > .k-grid-print > span,
.k-grid tbody td > .k-grid-edit > span,
.k-grid tbody td > .k-grid-delete > span,
.k-grid tbody td > .k-grid-plus > span,
.k-grid tbody td > .k-grid-cancel > span,
.k-grid tbody td > .k-grid-update > span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  vertical-align: baseline;
  margin: 0;
}

.k-overflow-container .k-grid-update, .k-grid-update,
.k-overflow-container .k-grid-cancel, .k-grid-cancel {
  border: none;
  box-shadow: none;
}

.k-grid .k-primary:hover {
  border: none;
  box-shadow: none;
}

.k-filter-row th, .k-grid-header th.k-header {
  padding: 1em .6em 1em .6em;
}

/**********************/
/*k Colors*/
/**********************/
/*-- Upload Photo*/
/*.page-edit-photo .k-button:focus:active:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: inset 0 0 3px 1px $purple;
    box-shadow: inset 0 0 3px 1px $purple;
}*/
.k-editor-dialog .k-edit-label label {
  color: #333;
}

.announcement-item .btn {
  padding: 4px;
  position: relative;
  width: 40px;
  height: 30px;
}
.announcement-item .btn .glyphicon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.k-editor-dialog .k-button {
  padding: 6px 12px;
}
.k-editor-dialog label {
  margin: 0;
}
.k-editor-dialog .k-upload-button .k-icon {
  position: relative;
  top: -3px;
}

.k-window-titlebar {
  height: 2em !important;
}

.k-window-title {
  top: 4px !important;
}

.page > .container {
  padding: 0;
  margin: 0;
  width: 100%;
}
.page input.k-textbox {
  background: #307c9b;
  border-color: #6ed2f5;
  color: #fff;
}
.page span.k-picker-wrap input {
  background: #307c9b;
  border-color: #6ed2f5;
  color: #fff;
}
.page .k-multiselect-wrap {
  background: #307c9b;
  border-color: #6ed2f5;
  border-width: 1px;
  min-height: 3.75em;
}
.page .k-autocomplete.k-state-default, .page .k-picker-wrap.k-state-default, .page .k-numeric-wrap.k-state-default, .page .k-dropdown-wrap.k-state-default {
  background: #307c9b;
  border-color: #6ed2f5;
  color: #fff;
}
.page table.k-editor {
  border-color: #6ed2f5;
  border-radius: 3px;
}

.announcement-page .input-group .input-group-addon {
  color: #fff;
  background: #1b5d78;
  border-top: 1px solid #6ed2f5;
  border-left: 1px solid #6ed2f5;
  border-bottom: 1px solid #6ed2f5;
  border-right: none;
  border-radius: 3px 0 0 3px;
}
.announcement-page .input-group .k-textbox {
  border-top: 1px solid #6ed2f5;
  border-left: none;
  border-bottom: 1px solid #6ed2f5;
  border-right: 1px solid #6ed2f5;
  border-radius: 0 3px 3px 0;
}
@media screen and (max-width: 580px) {
	.announcement-page .input-group .input-group-addon {
	  display: inline-block;
	  width: 100%;
	  line-height: 24px;
	  word-wrap: break-word;
	  white-space: initial;
	  border: none;
	  border-radius: 3px 3px 0 0; 
	  border-top: 1px solid #6ed2f5;
	  border-left: 1px solid #6ed2f5;
	  border-right: 1px solid #6ed2f5;
	}

	.order-code {
		top: 2px;
	}
	
	.announcement-page .input-group .k-textbox {
		border: none;
		border-bottom: 1px solid #6ed2f5;
		border-left: 1px solid #6ed2f5;
	    border-right: 1px solid #6ed2f5;
		border-radius: 0 0 3px 3px; 
	}
	
	.input-group {
		display: block;
		width: initial;
		position: initial;
	}
}
.input-group-addon {
  font-size: 18px;
}

 
  body {
    scrollbar-face-color: #888;
    scrollbar-track-color: #ccc;
  }

.quote-page .k-footer-template td:last-child {
  padding: 0;
}

.quote-page .k-footer-template .k-textbox.sum {
  border: 0;
  border-radius: 0;
  color: #fff;
  background: #27cb7c;
}

.quote-page input.k-textbox {
  width: 100%;
}

.quote-page .container {
  max-width: 1150px;
  margin-left: 0;
}

.note-container {
  margin: 30px -20px 10px;
}

.note-container:last-child {
  margin-top: 5px;
}

.page .k-editor .k-editor-toolbar-wrap {
  padding: 7px 8px;
}
.page label {
  width: 100%;
  font-size: 14px;
  margin: 14px 0 3px;
}
.page table.k-editor {
  border-spacing: 0;
}
.page .k-editor .k-editable-area {
  padding: 20px 10px;
}
.page .k-editor .k-dropdown-wrap .k-input {
  padding: 2px 2px;
  margin: 1px 0 0;
}
.page .k-editor .k-dropdown-wrap .k-select {
  padding: 0px 3px;
  margin: 0;
}
.page .k-editor .k-dropdown-wrap .k-icon {
  margin-top: 1px;
}
.page .k-datepicker .k-picker-wrap input,
.page .k-datetimepicker .k-picker-wrap input,
.page .k-dropdown-wrap .k-input,
.page .k-numeric-wrap .k-input {
  padding: 5px 10px;
}
.page .k-state-disabled > .k-select,
.page .k-state-default > .k-select,
.page .k-datepicker .k-picker-wrap > .k-select,
.page .k-dropdown-wrap .k-select {
  border-color: #1a5b76;
  background: #1c5e79;
  display: inline-block;
  margin: 0;
  padding: 0 5px;
  border-radius: 1px;
}
.page .k-state-default > .k-select {
  border-color: #1a5b76;
  background: #1c5e79;
  display: inline-block;
  margin: 0;
  border-radius: 1px;
}
.page .k-state-disabled > .k-select {
  border-color: #113b4c;
  background: #123e50;
}
.page .k-checkbox-label {
  margin-top: 35px;
}
.page .k-numerictextbox {
  width: 100%;
}
.page .k-numeric-wrap.k-state-disabled .k-input {
  background: #245d74;
}
.page .k-input {
  background: #307c9b;
  color: #fff;
}
.page .k-input-green {
  background: #00b050 !important;
  color: #fff !important;
}
.page .k-input-green .k-state-disabled {
  opacity: 1;
  border-color: #00b050;
  background: #00b050;
}
.page .k-input-green .k-state-disabled > .k-select {
  border-color: #007d39;
  background: #007d39;
}
.page .k-numerictextbox .k-link {
  padding: 0;
  height: 50%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.page .k-numerictextbox .k-link + .k-link {
  bottom: 0;
  top: 50%;
}
.page .k-numerictextbox .k-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.page .k-dropdown-wrap.k-state-disabled {
  background: #2c738f;
  border-color: #2c738f;
}
.page .k-datepicker .k-picker-wrap .k-icon,
.page .k-dropdown-wrap .k-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  padding: 0;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page .k-datetimepicker .k-picker-wrap .k-icon
{
  
  margin: 0;
  padding:0;
  margin-top:20px;  
  margin:20px 8px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.page input.k-textbox {
  height: 38px;
  margin: 0;
  width: 100%;
}
.page .k-datepicker, .page .k-dropdown {
  width: 100%;
}
.page .k-multiselect-wrap li {
  font-size: 12px;
  padding: 2px 20px 2px 8px;
}
.page .filters .k-dropdown-wrap .k-select {
  margin-top: 0;
}

.page .k-datepicker .k-picker-wrap input,
.page .k-datetimepicker .k-picker-wrap input,
.page .k-numeric-wrap .k-input,
.page input.k-textbox,
.page .k-dropdown-wrap .k-input,
.k-popup .k-list .k-item {
  font-size: 17px;
}

.k-popup .k-list[role="listbox"] .k-item,
.page .k-editor-toolbar-wrap .k-dropdown-wrap .k-input,
.page .k-pager-wrap .k-dropdown-wrap .k-input {
  font-size: 14px;
}

/*dropdowns*/
.k-animation-container .k-state-selected, .k-animation-container .k-state-selected:link, .k-animation-container .k-state-selected:visited, .k-animation-container .k-list > .k-state-selected, .k-animation-container .k-list > .k-state-highlight, .k-animation-container .k-panel > .k-state-selected, .k-animation-container .k-ghost-splitbar-vertical, .k-animation-container .k-ghost-splitbar-horizontal, .k-animation-container .k-draghandle.k-state-selected:hover, .k-animation-container .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-animation-container .k-scheduler .k-today.k-state-selected, .k-animation-container .k-marquee-color {
  background: #246681;
}
.k-animation-container .k-popup.k-group {
  border-color: #2c7c9d;
}
.k-animation-container .k-list-container {
  background: #2c7c9d;
}
.k-animation-container .k-state-hover, .k-animation-container .k-state-hover:hover, .k-animation-container .k-splitbar-horizontal-hover:hover, .k-animation-container .k-splitbar-vertical-hover:hover, .k-animation-container .k-list > .k-state-hover, .k-animation-container .k-scheduler .k-scheduler-toolbar ul li.k-state-hover, .k-animation-container .k-pager-wrap .k-link:hover, .k-animation-container .k-dropdown .k-state-focused, .k-animation-container .k-filebrowser-dropzone, .k-animation-container .k-mobile-list .k-item > .k-link:active, .k-animation-container .k-mobile-list .k-item > .k-label:active, .k-animation-container .k-mobile-list .k-edit-label.k-check:active, .k-animation-container .k-mobile-list .k-recur-view .k-check:active {
  border-color: #1c5065;
  background: #1c5065;
}

.k-numerictextbox .k-numeric-wrap .k-link.k-state-selected {
  background: #1c5065;
}

.filters .buttons .btn {
  margin-top: 40px;
}

.search-results .k-grid-top {
  background: #4f409b;
}
.search-results .k-grid-top .k-button {
  background: #3d3177;
}
.search-results .k-grid-top .k-grid-toolbar .k-button:hover, .search-results .k-grid-top .k-grid-toolbar .k-button.k-state-hovered {
  background: #332a65;
}

.k-header.k-editor-widget {
  background: #238fbb;
}

.k-state-hover, .k-state-hover:hover,
.k-state-selected, .k-state-selected:link {
  background: #307c9b;
}

.k-button-group .k-tool {
  border-color: Transparent;
  border-radius: 0 !important;
}

table.k-editor {
  border: none !important;
  border-radius: 0 !important;
}

.accordion-section {
  border-bottom: 2px solid #256078;
}

.accordion-section.accordion-section-active {
  border: none;
}

.accordion-section h4 {
  padding-bottom: 16px;
  margin-bottom: 0;
}

.accordion-section .accordion-content {
  display: none;
}

.accordion-section.accordion-section-active .accordion-content {
  display: block;
}

.sub-section h4,
.accordion-content .sub-section h4 {
  display: block;
  margin: 25px 0 0;
  padding: 8px 14px;
  background: #024578;
  font-size: 17px;
}

.accordion-content .sub-section:first-child h4 {
  margin: 0;
}

.sub-section .section-title-orange {
  background: #ed7d31;
}

.accordion-title h4 a {
  margin: 40px 0 0 0;
  font-weight: 300;
  font-size: 28px;
  width: 100%;
  text-decoration: none;
  display: block;
  position: relative;
}

.accordion-title a:before,
.accordion-title a:after {
  content: '';
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: .3s all;
          transition: .3s all;
}

.accordion-title a:before {
  left: -50px;
}

.page-body .accordion-section-active .accordion-title a:after {
  -webkit-transform: translateY(-50%) rotate(90deg);
      -ms-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
}

.accordion-section .accordion-title a:after {
  -webkit-transform: translateY(-50%) rotate(0);
      -ms-transform: translateY(-50%) rotate(0);
          transform: translateY(-50%) rotate(0);
  right: 15px;
  background-image: url(../img/icon-right.png);
  width: 20px;
  height: 20px;
}
.edit-lead-page .lead-info .accordion-title a:before,
.quote-page .lead-info .accordion-title a:before {
  background-image: url(../img/icon-leads.png);
  width: 35px;
  height: 38px;
}

.edit-lead-page .lead-followup .accordion-title a:before
{
  background-image: url(../img/icon-phone.png);
  width: 35px;
  height: 38px;
}
.edit-lead-page .lead-request .accordion-title a:before{
    background-image: url(../img/icon-pen.png);
    width: 35px;
  height: 38px;
}

.quote-page .car-info .accordion-title a:before {
  background-image: url(../img/icon-offer-notes.png);
  width: 44px;
  height: 44px;
}

.quote-page .exchange-info .accordion-title a:before {
  background-image: url(../img/icon-trade.png);
  width: 44px;
  height: 44px;
}

.quote-page .order-info .accordion-title a:before {
  background-image: url(../img/icon-order.png);
  width: 44px;
  height: 44px;
}
.note-container label,
.quote-page label[for="Notes"],
.quote-page label[for="CustomerNotes"] {
  font-size: 17px;
  font-weight: bold;
  color: #fff;
  padding: 8px 12px;
  margin: 0;
}
.note-container label{
    background: #2f9de2;
}
.quote-page .note-container label[for="Notes"] {
  background: #2f9de2;
}

.quote-page .note-container label[for="CustomerNotes"] {
  background: #748ea5;
}

.quote-page .k-widget.k-grid {
  border-top: 1px solid #0479D2;
}

.quote-page .k-widget.k-grid .k-grid-header th.k-header {
  padding: 8px 10px;
}

.k-grid-norecords {
  margin-top: 10px;
}
.note-container textarea,
.quote-page textarea {
  width: 100%;
  height: 70px;
  color: #333;
  padding: 10px 12px;
}

/*
Individual Pages 
.leads-page,
.ranges-page,
.brands-page,
.accessories-page,
.promotions-page,
.models-page,
.financial-programs,
.sellers-page
*/
.quote-page .glyphicon-info-sign {
  font-size: 22px;
  position: relative;
  top: 23px;
  left: -10px;
}

.quote-page .glyphicon-search {
  top: 8px;
  left: -23px;
}

.page.help-page .page-title,
.page.terms-page .page-title {
  margin-left: 0;
}

.page .page-title {
  position: relative;
  margin-left: 64px;
}
.page.edit-lead-page .page-title,
.page.quote-page .page-title {
  position: relative;
  margin-left: 15px;
}

.page .page-title:before {
  content: '';
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  left: -64px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media only screen and (min-width: 768px) {
  .page .page-title h1 {
    font-size: 55px;
  }
 
}
@media only screen and (max-width: 768px) {
     .page label{
      font-size:12px;
  }
}
.brands-page .page-title:before {
  background-image: url(../img/icon-brands.png);
  width: 29px;
  height: 37px;
}

.seller-page .page-title:before,
.leads-page .page-title:before,
.leads-search-page .page-title:before,
.edit-lead-page .page-title:before,
.registration-page .page-title:before,
.user-info-page .page-title:before {
  background-image: url(../img/icon-leads.png);
  width: 35px;
  height: 38px;
}

.password-recovery-page .page-title:before {
  background-image: url(../img/icon-password.png);
  width: 44px;
  height: 44px;
}

.ranges-page .page-title:before {
  background-image: url(../img/icon-ranges.png);
  width: 42px;
  height: 32px;
}

.accessories-page .page-title:before {
  background-image: url(../img/icon-accessories.png);
  width: 44px;
  height: 41px;
}

.models-page .page-title:before {
  background-image: url(../img/icon-models.png);
  width: 55px;
  height: 18px;
}

.dealers-page .page-title:before {
  background-image: url(../img/icon-merchants.png);
  width: 42px;
  height: 42px;
}

.seller-emails-page .page-title:before,
.sellers-page .page-title:before {
  background-image: url(../img/icon-sellers.png);
  width: 52px;
  height: 32px;
}

.manhours-page .page-title:before,
.financial-programs .page-title:before {
  background-image: url(../img/icon-finance.png);
  width: 54px;
  height: 42px;
}

.rates-import-page .page-title:before {
  background-image: url(../img/icon-pricelists.png);
  width: 41px;
  height: 49px;
}

.payment-methods-page .page-title:before {
  background-image: url(../img/icon-payment-methods.png);
  width: 39px;
  height: 32px;
}

.quote-page .page-title:before,
.quotes-search-page .page-title:before {
  background-image: url(../img/icon-deal.png);
  width: 45px;
  height: 57px;
}

.announcements-page .page-title:before,
.announcement-page .page-title:before {
  background-image: url(../img/icon-horn.png);
  width: 48px;
  height: 42px;
}

.order-code {
    position: relative;
    top: 7px;
    opacity: 1;
    font-size: 16px;
    color: #fff;
}

.page input[id="DealerQuoteOrOrderNo"] {
  text-align: center;
  text-indent: 0;
  opacity: 1;
  background: #3D3177;
  color: #fff;
  border-color: transparent;
}

.page .k-grid-top, .popup-page .k-grid-top{
  background: #4f409b;
}
.page .k-grid-top .k-button,
.popup-page .k-grid-top .k-button {
  background: #3d3177;
}
.page .k-grid-top .k-grid-toolbar .k-button:hover, .page .k-grid-top .k-grid-toolbar .k-button.k-state-hovered,
.popup-page .k-grid-top .k-grid-toolbar .k-button:hover, .popup-page .k-grid-top .k-grid-toolbar .k-button.k-state-hovered {
  background: #332a65;
}

.k-widget .k-header {
  padding: 0;
  z-index: 2;
}

/*
.page-body .k-button:focus:active:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: inset 0 0 3px 1px $purple;
    box-shadow: inset 0 0 3px 1px $purple;
}
*/
/*Upload Photo --*/
/*

.k-grid-header .k-icon,  
.k-grid-top .k-icon, 
.k-select .k-icon,
.k-grid tbody td > .k-grid-edit > span,
.k-grid tbody td > .k-grid-delete > span,
.k-update, .k-cancel,
.k-pager-wrap .k-icon {
    background-image: url(../Kendo/styles/Default/sprite-white.png);
}
*/
.k-grid tbody td > .k-grid-edit:focus, .k-grid tbody td > .k-grid-edit:hover, .k-grid tbody td > .k-grid-edit:active {
  border-radius: 0;
}

.page .k-combobox .k-dropdown-wrap:before, .page .k-numeric-wrap:before, .k-picker-wrap:before {
  content: none;
}

/********************************/
/*Pager Styles*/
/********************************/
.page .k-pager-sizes .k-dropdown-wrap.k-state-default {
  background: transparent;
  border-color: #003156;
}

.page .k-pager-sizes .k-state-default > .k-select {
  background: #003156;
  border-color: #003156;
}

.k-pager-sizes.k-label,
.k-pager-info.k-label {
  margin-top: 7px;
}

.k-pager-wrap > .k-link {
  position: relative;
  width: 30px;
  height: 30px;
  margin: 7px 3px;
  opacity: 1;
  border-radius: 50%;
}

.k-pager-wrap .k-dropdown-wrap .k-input {
  padding: 4px 12px;
}

.k-pager-wrap .k-dropdown {
  width: 6.5em;
}

.k-pager-wrap > .k-link > span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.k-list > .k-state-selected {
  outline: none;
}

.k-list-container {
  box-shadow: none;
}

.k-popup .k-list .k-item.k-state-selected,
.k-popup .k-list .k-item.k-state-focused,
.k-popup .k-list .k-item.k-state-hover {
  border-radius: 0;
}

.popup-page .filters-content label {
  font-size: 14px;
  margin: 14px 0 3px;
}
.popup-page .filters-content .k-dropdown-wrap .k-input {
  padding: 6px 11px;
}
.popup-page .filters-content .k-dropdown-wrap.k-state-default {
  background: #307c9b;
  border-color: #6ed2f5;
}
.popup-page .filters-content .k-state-default > .k-select {
  border-color: #1a5b76;
  background: #1c5e79;
  padding: 0 4px;
  display: inline-block;
}
.popup-page .filters-content .k-dropdown-wrap .k-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  padding: 0;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.popup-page .filters-content input.k-textbox {
  height: 38px;
  color: #fff;
  margin: 0;
  background: #307c9b;
  border-color: #6ed2f5;
}
.popup-page .filters-content input.k-textbox:hover {
  background: #2a6c88;
  border-color: #56cbf3;
}

.k-popup.k-list-container {
  padding: 0;
}

/********************************/
/*Filters*/
/********************************/
.filters {
  /*.k-autocomplete, .k-block, .k-button, .k-calendar .k-link, .k-calendar td, .k-calendar-container, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker, .k-drag-clue, .k-dropdown, .k-dropdown-wrap, .k-editor-inline, .k-gantt-views>.k-current-view, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-inline-block, .k-list-container, .k-multiselect, .k-notification, .k-numeric-wrap, .k-numerictextbox, .k-picker-wrap, .k-slider-selection, .k-slider-track, .k-split-button .k-gantt-views, .k-textbox, .k-tile, .k-timepicker, .k-tooltip, .k-touch-scrollbar, .k-treeview .k-in, .k-upload, .k-window, .k-window-action, .k-window-titleless .k-window-content {
      border-radius: 0;
  }
  .k-dropdown-wrap.k-state-disabled {
      background: #d6e6ed;
      opacity: 1;
      .k-input {
          color: #333;
      }
      .k-icon {
          background-image: url(../Kendo/styles/Default/sprite.png);
      }
  }*/
}
.filters .k-dropdown-wrap .k-select {
  margin-top: 3px;
}

.k-list-optionlabel {
  border-radius: 0;
}

.k-numeric-wrap:before, .k-picker-wrap:before {
  content: none;
}

/*****************************************************/
/* GRIDS GRID */
/*****************************************************/
.checkbox-center {
  text-align: center;
}

.model-image {
  margin-top: 40px;
}

.page .k-grid {
  /*grid edit button*/
  /*grid delete button*/
}
.page .k-grid .k-checkbox-label {
  margin: 0;
  padding: 0;
}
.page .k-grid .k-grid-content textarea {
  border-color: #6ed2f5;
  width: 80%;
}
.page .k-grid .k-checkbox:checked + .k-checkbox-label:before,
.page .k-grid .k-checkbox-label:before {
  left: 50%;
  top: -10px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.page .k-grid input.k-textbox {
  height: 38px;
  background: transparent;
  color: #333;
  font-size: 14px;
}
.page .k-grid .k-state-default > .k-select {
  padding: 0 4px;
  background: #0561a8;
}
.page .k-grid .k-input {
  background: #fff;
  color: #333;
}
.page .k-grid .k-datepicker .k-picker-wrap input, .page .k-grid .k-input {
  font-size: 14px;
}
.page .k-grid .k-dropdown-wrap .k-input {
  padding: 3px 10px;
}
.page .k-grid .glyphicon-new-window {
  color: #0561a8;
  top: -17px;
  left: 10px;
}
.page .k-grid .glyphicon-globe {
  color: #27cb7c;
}
.page .k-grid tr:hover .glyphicon-new-window {
  color: #fff;
}
.page .k-grid .k-grid-content textarea {
  color: #333;
}
.page .k-grid tbody td > .k-grid-edit,
.page .k-grid tbody td > .k-grid-update {
  background: #27cb7c;
  border-color: #27cb7c;
}
.page .k-grid tbody td a[id*="editphoto"],
.page .k-grid tbody td a[id*="addphoto"],
.page .k-grid tbody td a[id*="edittech"],
.page .k-grid tbody td a[id*="addtech"],
.page .k-grid tbody td > .k-grid-plus {
  background: #6655b9;
  border-color: #6655b9;
}
.page .k-grid tbody td > .k-grid-edit:hover,
.page .k-grid tbody td > .k-grid-update:hover {
  background: #1fa062;
  border-color: #1fa062;
}
.page .k-grid tbody td a[id*="editphoto"]:hover,
.page .k-grid tbody td a[id*="addphoto"]:hover,
.page .k-grid tbody td a[id*="edittech"]:hover,
.page .k-grid tbody td a[id*="addtech"]:hover,
.page .k-grid tbody td > .k-grid-plus:hover {
  background: #4f409b;
  border-color: #4f409b;
}
.page .k-grid tbody td > .k-grid-delete,
.page .k-grid tbody td > .k-grid-cancel {
  background: #f5536a;
  border-color: #f5536a;
}
.page .k-grid tbody td > .k-grid-delete:hover,
.page .k-grid tbody td > .k-grid-cancel:hover {
  background: #f22340;
  border-color: #f22340;
}
.page .k-grid .grid-ul {
  padding: 0 0 0 20px;
  margin: 0;
}

.page .k-grid tr:hover input.k-textbox {
  color: #fff;
}
.page .k-grid tr:hover .glyphicon-globe {
  color: #fff;
}

/*****************************************************/
/*Man Hours Page*/
/*****************************************************/
.manhours-page .page-body {
  width: 100%;
  padding: 20px 40px;
}
@media only screen and (min-width: 768px) {
  .manhours-page .page-body {
    width: 50%;
  }
}

.buttons-section {
  margin: 10px 0;
}

.buttons-section .button {
  float: left;
  margin-right: 15px;
}

.buttons-section:before,
.buttons-section:after {
  content: " ";
  display: table;
}

.buttons-section:after {
  clear: both;
}

.btn-danger {
  background-color: #f8877c;
  border-color: #f8877c;
  color: #f5536a;
}

.btn-danger:hover {
  background-color: #f86657;
}

.alert-info {
  color: #031f31;
}

input:-webkit-autofill {
  background-color: white !important;
  -webkit-box-shadow: 0 0 0px 1000px #2f9fca inset !important;
  -webkit-text-fill-color: white !important;
  padding: 12px 3px 3px 3px;
  margin-top: 3px;
}

.message-error {
  color: #031f31;
  padding: 15px 0 7px;
  margin: 0 20px;
  padding-left: 70px;
  border-radius: 3px;
  padding-bottom:15px;
  background: #f3f3f3 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAC+UlEQVRYR82XPUxTURTH/+f0iQUsJH5EBxwk0L62CEZMNIwMmhgnFsGlRo2r0RiDiwlxwRASZ5UYBnTTSRNNGDVBHWy0faUUJJFBog5igVr6zjW3oaRAgdePWDu95p7zv7/zvx/vPILD31RLS0PGMM6RUt1C1EEizQA8q+kLivkLKxVWRONGJvOiNZFYcCJNOwXFfD6fTdQPoJcB907xelyAZSJ6CmAwYFlT2+VsCfChs7OufnHxrgDXGHA5mXhTjEgGzPf3JJN3Ds/NLRfSKAhgmaYXwHMAgZIm3pAkwCfF3NMWjSY26m0CiPr9x5VSrxjYX4nJcxoCfIfLdToYiXzM110HoCsX4E2lJ8+HUMxd+U6sAYTb2+tr0ul3Tm3fHQrBHQpltVOjo/gzOurIML0cDcnkydyeWAOwTHMYwA1HKgBKBdD6imgoYFm39HMWYPWoRYrZ7eUAQCRjG4ZfL0UWIGKajxm46LR6HVcWgK5cqRFzcvIKTTc3N6Zqar45vWRykOUCQKklAg6RZZoXAIwVU30lHFjdC70U8/keKaLL1QAQkQcUNc33BJyoBgCACbK83p9g3lsNAH07aoA0mHdVAwAi6f8C4AeY91XDgewSVH0TlnoMi3WsUHz2GFqm2QfgSSUEi9Ugpc6TbjbThqGv4tpiBcqKV2pJDONg9mUU9ftHSKlLxQiW/S4AHvpjsas5gFay7SiYDacQZQGIrBgi/tZEYjq/IRkCcPOfAACD/ljs9lpDoh+ybfjCwgRcrjanECXGhd2p1Kkjs7OpdQD6z+dAoIVE3jJwoETx7dNE5l1Alzcen8kFbmrLI8HgMdj264pDiMwzcMYXj4fzKQt+mKw68YyBoxVyIuwS6cmvfEsHcgNfm5pqf3s8A2Tb14s5HeuARVbAPOxOpQZya76xoB0/TrUbhm33K6APRHWOHFFqCURjRiZzTx+17XJ2BMglx3w+jzCfVbbdzcwdAjSzSKMeF+ZfDMyISNhFNG4bxstgJJJ0AvsXdWd1PUuVLE8AAAAASUVORK5CYII=") no-repeat 10px 10px;
}

article {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 14px;
  margin: 10px 0;
  line-height: 30px;
  color: #e1e4e7;
}

.input-validation-error,
.input-validation-error .k-state-default > .k-input {
	background: #ff9369 !important;
	border-color: #ef845b !important;
}

.input-validation-error .k-state-default > .k-select {
	background: #d46f48 !important;	
}

.page .input-validation-error .k-dropdown-wrap.k-state-default {
	border-color: #ef845b !important;
}
.field-validation-error{
    color:orange;
    text-shadow:none;
    font-weight:bold;
}
.quote-page .field-validation-error {
	display: none;
}

.input-validation-error .tooltip-inner {
    padding: 8px;
}

.input-validation-error + .tooltip.in {
	opacity: 1;
}

.input-validation-error + .tooltip .tooltip-inner {
	background-color: #e5c825;
	color: #333;
}
.input-validation-error + .tooltip.top .tooltip-arrow {
	border-top-color: #e5c825
}

/*BACK TO TOP*/


.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  z-index: 7;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(47, 159, 202, 0.8) url(../img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-bottom {
  display: inline-block;
  height: 40px;
  width: 40px;
  z-index: 7;
  position: fixed;
  top: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(47, 159, 202, 0.8) url(../img/cd-bottom-arrow.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover,
.cd-bottom.cd-is-visible, .cd-bottom.cd-fade-out, .no-touch .cd-bottom:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible,.cd-bottom.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out,.cd-bottom.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover,.no-touch .cd-bottom:hover {
  background-color: #2f9fca;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 120px;
  }
  .cd-bottom {
    right: 20px;
    top: 120px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 50px;
    bottom: 160px;
  }
  .cd-bottom {
    height: 60px;
    width: 60px;
    right: 50px;
    top: 160px;
  }
}

/*
.field-validation-error {
  color: #ff9369;
  font-size: 17px;
  display: inline-block;
  position: relative;
  font-weight: bold;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  margin: 10px 5px;
}

.field-validation-error:after {
  position: absolute;
  content: '';
  top: -1px;
  right: -32px;
  height: 23px;
  width: 23px;
  background: url(../img/error.png) 50%/cover no-repeat;
}
*/

.announcements-filters .top-label {
  font-size: 14px;
  display: block;
}

.announcements-filters {
  background-color: #2e86aa;
  padding: 20px;
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-radius: 5px;
  margin-bottom: 10px;
}

.announcement-item {
  background-color: #2a799a;
  border-radius: 5px;
  color: #fff;
  margin-bottom: 20px;
  padding: 0;
  width: 49%;
  float: left;
}

.announcement-item:nth-child(2n) {
  float: right;
}

.announcement-item .date {
  color: #fff;
  font-weight: bold;
  padding-top: 20px;
  font-size: 14px;
  padding-bottom: 20px;
  background: #24708f;
  margin-bottom: 16px;
}

.announcement-item h3 {
  background: #24708f;
  padding-top: 23px;
  padding-bottom: 20px;
  margin: 0;
  font-size: 26px;
  font-weight: 400;
  position: relative;
}

.announcement-item h3:before,
.announcement-item h3:after {
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
  height: 1px;
}

.announcement-item h3:before {
  bottom: -2px;
  background: #287d9f;
}

.announcement-item h3:after {
  bottom: -1px;
  background: #20637f;
}

.announcement-item .btn {
  padding: 4px;
}

.announcement-item h3,
.announcement-item .date,
.announcement-item .summary {
  padding-left: 24px;
  padding-right: 24px;
}

.announcement-item .btn-edit {
  margin-left: 23px;
}

.glyphicon-trash {
  color: #fff;
}

.announcement-item .more {
  text-decoration: underline;
  text-align: right;
  background: #215c75;
  padding: 10px 24px 10px 20px;
  text-decoration: none;
  display: inline-block;
  margin: 15px 24px 25px;
}

.announcement-item .more i {
  top: 4px;
  right: -7px;
}

.announcement-item .more:hover {
  background: #163d4d;
}

.announcement-list {
  position: relative;
  display: block;
  width: 100%;
}

.pager li {
  margin: 2px;
  display: inline-block;
  padding: 0;
}

.pager li > a,
.pager li > span {
  color: #fff;
  background-color: #2A799A;
  border-radius: 3px;
  border-color: #297696;
}

.pager li > span {
  color: #11303d;
  line-height: 22px;
}

.pager li > a:hover,
.pager li > span:hover {
  background-color: #1a495c;
}

.pager .current-page span {
  color: #fff;
}

.pager .current-page span {
  background-color: #1d536a;
}

.announcement {
  color: #fff;
}

.announcement .date {
  background-color: #3182a4;
  color: #fff;
  font-weight: bold;
  padding: 4px;
  text-align: right;
}

.grid-button-edit {
  color: #000;
}

.glyphicon {
  font-size: 18px;
}

.breadcrumb {
  background-color: rgba(42, 126, 159, 0.4);
  padding: 35px 34px;
  font-size: 15px;
  border-radius: 0;
}

.breadcrumb .active {
  color: #fff;
}

.breadcrumb a {
  color: #87b8cb;
  -webkit-transition: 0.3s;
          transition: 0.3s;
  padding: 5px 0;
  display: inline-block;
  text-decoration: none;
}

.breadcrumb a > span {
  -webkit-transition: none;
          transition: none;
}

.breadcrumb a:hover,
.breadcrumb a:active,
.breadcrumb a:focus {
  color: #fff;
}

.filters {
  margin-bottom: 20px;
}

.popup-page {
  height: auto;
}
.popup-page #DeletePhoto {
  color: #fff;
  padding: 9px 17px;
  background: #f5536a;
  border-color: #f5536a;
}
.popup-page #DeletePhoto:hover {
  background: #f22340;
  border-color: #f22340;
}

.popup-page .wrapper {
  padding: 15px 30px;
}

.popup-page h2 {
  color: #333;
  font-size: 22px;
  margin: 15px;
}

.popup-page h1, .popup-page h2, .popup-page h3, .popup-page h4, .popup-page h5, .popup-page h6, .popup-page p, .popup-page a, .popup-page label {
  color: #333;
}
.popup-page .section-title {
  color: #fff;
}
.popup-page input.k-textbox:hover {
  background: #2A799A;
  color: #fff;
}
.popup-page textarea {
  width: 100%;
  min-height: 230px;
  background: #2A799A;
  border-color: #6ed2f5;
  color: #fff;
}
.popup-page label {
  font-size: 14px;
  color: #333;
}
.popup-page .k-textbox {
  width: 100%;
}
.popup-page .k-picker-wrap.k-state-default {
  border: none;
}

.popup-page a,
.popup-page button {
  color: black;
}

.popup-page .content {
  padding: 20px 0;
}

.popup-page .k-header a {
  color: #fff !important;
}

.k-grid-content textarea {
  width: 100%;
}

/*==================================================================
Pop up window telerik
===================================================================*/
div.k-window,
.k-filebrowser-dialog {
  width: 300px !important;
  min-width: 300px !important;
  max-width: 300px !important;
}
@media only screen and (min-width: 768px) {
  div.k-window,
  .k-filebrowser-dialog {
    width: 90%!important;
    min-width: 90%!important;
    max-width: 90%!important;
  }
}
@media only screen and (min-width: 1025px) {
  div.k-window,
  .k-filebrowser-dialog {
    width: 90%!important;
    min-width: 90%!important;
    max-width: 90%!important;
  }
}
@media only screen and (min-width: 1280px) {
  div.k-window,
  .k-filebrowser-dialog {
    width: 840px !important;
    min-width: 840px !important;
    max-width: 840px !important;
  }
}

body div.k-window-maximized {
  width: 100% !important;
  min-width: 100% !important;
}

/*.smaller-grid {
  max-width: 250px !important;
}*/
@media only screen and (min-width: 768px) {
  /*.smaller-grid {
    max-width: 430px !important;
  }*/
}
@media only screen and (min-width: 1025px) {
  /*.smaller-grid {
    max-width: 600px !important;
  }*/
}
@media only screen and (min-width: 1280px) {
  /*.smaller-grid {
    max-width: 790px !important;
  }*/
}

.fake-popup .container {
  width: 90%;
  font-size: 90%;
}

.fake-popup div[class*="col"] {
  padding: 0;
}

.popup-page p {
  color: #333;
}

.sum {
  text-align: right;
  font-size: 110%;
}

@media screen and (max-width: 1024px) {
  .accordion-section h4 {
    margin-left: 40px;
  }

  .page.quote-page .page-title {
    margin-left: 55px;
    font-size: 46px;
  } 
}
@media screen and (max-width: 768px) {    
     .announcement-item{
         width:100%;
     }
}

@media (max-width:1024px) and (min-width:768px) {
    .grid-item-cta, .grid-item-cta > a > i{
        width:30px!important;
        height:30px!important;
        line-height:30px;
        font-size:14px;
    }
    .grid-item-cta > a > i{
        bottom:10px;
        right:10px;
    }
    .announcement-item{
         width:49%;
     }
}
@media screen and (max-width: 1100px) {
    .container{
        width:1000px;
    }
}
@media screen and (max-width: 1000px) {
    .container{
        width:900px;
    }
}
@media screen and (max-width: 900px) {
    .container{
        width:800px;
    }
}
@media screen and (max-width: 800px) {
    .container{
        width:768px;
    }
}
@media screen and (max-width: 768px) {
    .container{
        width:720px;
    }
}
@media screen and (max-width: 720px) {
    .container{
        width:680px;
    }
}
@media screen and (max-width: 680px) {
    .container{
        width:640px;
    }
}
@media screen and (max-width: 640px) {
    .container{
        width:540px;
    }
}
@media screen and (max-width: 540px) {
    .container{
        width:480px;
    }
}
@media screen and (max-width: 480px) {
    .container{
        width:420px;
    }
}
@media screen and (max-width: 420px) {
    .container{
        width:320px;
    }
}


@media screen and (max-width: 320px) {
    .container{
        width:320px;
    }
}

@media only screen and (max-width: 1024px) {
	.k-ff .k-grid .k-pager-numbers, .k-ff .k-pager-numbers, .k-ie11 .k-grid .k-pager-numbers, .k-ie11 .k-pager-numbers, .k-safari .k-grid .k-pager-numbers, .k-safari .k-pager-numbers, .k-webkit .k-grid .k-pager-numbers, .k-webkit .k-pager-numbers {
	  left: 5.6em;
	}
}



.k-grid td a{
    color:black;
    text-decoration:underline;
}
.filter-search-button{
    height:38px;
    width:38px;    
    z-index:100;
    position:absolute;
    bottom:0;
    right:20px;
    border-color:#6ed2f5;
    border-width:1px;
    border-left-width:0;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    background-color:#1c5e79;
    
}
.filter-search-button:focus{
    border-color:#6ed2f5;
}
.sellers-filter #Keyword{
    
    
}

.page .k-grid tbody td > .button-orange{
    background-color:orange;
    border:1px solid orange;
}
.page .k-grid tbody td > .k-grid-notes
{
    background-color:#ccc;
    border-color:#ccc;
}
.page .k-grid tbody td > .k-grid-notes:hover{
    background-color:#ddd;
    border-color:#ddd;
}
.k-grid .k-grid-notes span{
    
        color:#666;
}