@font-face {
  font-family: "Roboto";
  src: local(Roboto Thin), url("/fonts/roboto/Roboto-Thin.eot");
  src: url("/fonts/roboto/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("/fonts/roboto/Roboto-Thin.woff2") format("woff2"), url("/fonts/roboto/Roboto-Thin.woff") format("woff"), url("/fonts/roboto/Roboto-Thin.ttf") format("truetype");
  font-weight: 200; }

@font-face {
  font-family: "Roboto";
  src: local(Roboto Light), url("/fonts/roboto/Roboto-Light.eot");
  src: url("/fonts/roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("/fonts/roboto/Roboto-Light.woff2") format("woff2"), url("/fonts/roboto/Roboto-Light.woff") format("woff"), url("/fonts/roboto/Roboto-Light.ttf") format("truetype");
  font-weight: 300; }

@font-face {
  font-family: "Roboto";
  src: local(Roboto Regular), url("/fonts/roboto/Roboto-Regular.eot");
  src: url("/fonts/roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/roboto/Roboto-Regular.woff2") format("woff2"), url("/fonts/roboto/Roboto-Regular.woff") format("woff"), url("/fonts/roboto/Roboto-Regular.ttf") format("truetype");
  font-weight: 400; }

@font-face {
  font-family: "Roboto";
  src: url("/fonts/roboto/Roboto-Medium.eot");
  src: url("/fonts/roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/roboto/Roboto-Medium.woff2") format("woff2"), url("/fonts/roboto/Roboto-Medium.woff") format("woff"), url("/fonts/roboto/Roboto-Medium.ttf") format("truetype");
  font-weight: 500; }

@font-face {
  font-family: "Roboto";
  src: url("/fonts/roboto/Roboto-Bold.eot");
  src: url("/fonts/roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/roboto/Roboto-Bold.woff2") format("woff2"), url("/fonts/roboto/Roboto-Bold.woff") format("woff"), url("/fonts/roboto/Roboto-Bold.ttf") format("truetype");
  font-weight: 700; }

body {
  font-family: "Roboto",Verdana, sans-serif; }


@media only screen and (min-width: 0) {
  html {
    font-size: 15px; } }

@media only screen and (min-width: 992px) {
  html {
    font-size: 15.5px; } }

@media only screen and (min-width: 1200px) {
  html {
    font-size: 16px; } }

.text-fluid {
  font-weight: 300; }
  @media only screen and (min-width: 360px) {
    .text-fluid {
      font-size: 1.2rem; } }
  @media only screen and (min-width: 390px) {
    .text-fluid {
      font-size: 1.224rem; } }
  @media only screen and (min-width: 420px) {
    .text-fluid {
      font-size: 1.248rem; } }
  @media only screen and (min-width: 450px) {
    .text-fluid {
      font-size: 1.272rem; } }
  @media only screen and (min-width: 480px) {
    .text-fluid {
      font-size: 1.296rem; } }
  @media only screen and (min-width: 510px) {
    .text-fluid {
      font-size: 1.32rem; } }
  @media only screen and (min-width: 540px) {
    .text-fluid {
      font-size: 1.344rem; } }
  @media only screen and (min-width: 570px) {
    .text-fluid {
      font-size: 1.368rem; } }
  @media only screen and (min-width: 600px) {
    .text-fluid {
      font-size: 1.392rem; } }
  @media only screen and (min-width: 630px) {
    .text-fluid {
      font-size: 1.416rem; } }
  @media only screen and (min-width: 660px) {
    .text-fluid {
      font-size: 1.44rem; } }
  @media only screen and (min-width: 690px) {
    .text-fluid {
      font-size: 1.464rem; } }
  @media only screen and (min-width: 720px) {
    .text-fluid {
      font-size: 1.488rem; } }
  @media only screen and (min-width: 750px) {
    .text-fluid {
      font-size: 1.512rem; } }
  @media only screen and (min-width: 780px) {
    .text-fluid {
      font-size: 1.536rem; } }
  @media only screen and (min-width: 810px) {
    .text-fluid {
      font-size: 1.56rem; } }
  @media only screen and (min-width: 840px) {
    .text-fluid {
      font-size: 1.584rem; } }
  @media only screen and (min-width: 870px) {
    .text-fluid {
      font-size: 1.608rem; } }
  @media only screen and (min-width: 900px) {
    .text-fluid {
      font-size: 1.632rem; } }
  @media only screen and (min-width: 930px) {
    .text-fluid {
      font-size: 1.656rem; } }
  @media only screen and (min-width: 960px) {
    .text-fluid {
      font-size: 1.68rem; } }
  @media only screen and (max-width: 360px) {
    .text-fluid {
      font-size: 1.2rem; } }

  .z-depth-0, .section .map-container img, .modal-dialog.cascading-modal.modal-avatar .modal-header {
  box-shadow: none !important; }

.z-depth-1, .jumbotron,
.card,
.list-group,
.popover,
.navbar,
.dropdown-menu,
.badge,
.chip, .pagination .active .page-link, .btn, .pager li a, .modal-dialog.cascading-modal .modal-c-tabs .nav-tabs, .modal-dialog.modal-notify .modal-header {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

.z-depth-1-half, .media .media-left img, .tooltip .tooltip-inner, .section img,
.section .view, .btn:hover, .btn:active, .btn:focus, .btn.active, .btn-secondary.active, .btn-secondary.dropdown-toggle, .btn-primary.active, .btn-default.active, .btn-success.active, .btn-info.active, .btn-warning.active, .btn-danger.active, .pager li a:hover, .btn-elegant.active, .btn-unique.active, .btn-pink.active, .btn-purple.active, .btn-deep-purple.active, .btn-indigo.active, .btn-cyan.active, .btn-light-green.active, .btn-dark-green.active, .btn-lime.active, .btn-yellow.active, .btn-amber.active, .btn-orange.active, .btn-deep-orange.active, .btn-brown.active, .btn-blue-grey.active, .btn-mdb.active, .card .form-header, ul.instagram-photos li img, .modal-dialog .modal-content, .modal-dialog.cascading-modal .modal-header, .modal-dialog.modal-notify.modal-info .btn-primary-modal.active, .modal-dialog.modal-notify.modal-warning .btn-primary-modal.active, .modal-dialog.modal-notify.modal-success .btn-primary-modal.active, .modal-dialog.modal-notify.modal-danger .btn-primary-modal.active {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.z-depth-2, .section .jumbotron, .modal-dialog.cascading-modal.modal-avatar .modal-header img {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

.z-depth-3 {
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); }

.z-depth-4 {
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21); }

.z-depth-5 {
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); }

.hoverable {
  transition: box-shadow .55s;
  box-shadow: 0; }

.hoverable:hover {
  transition: box-shadow .45s;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

a {
  color: #0275d8; /*#ec202a; Lam change for Viltech*/
  text-decoration: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent; }
  a:hover, a:focus {
    text-decoration: underline !important;/*none*/ 
    color: #ec202a;
  }
  a:focus {
    text-decoration: none !important;/*none*/ 
    color: #ec202a;
  }
.jumbotron,
.card,
.badge,
.alert,
.nav .nav-link,
.navbar-toggler,
.navbar,
.breadcrumb,
.page-item:last-child .page-link,
.page-item:first-child .page-link,
.pagination-lg .page-item:last-child .page-link,
.pagination-lg .page-item:first-child .page-link,
.pagination-sm .page-item:first-child .page-link,
.pagination-sm .page-item:last-child .page-link,
.list-group .list-group-item,
.tooltip-inner,
.popover,
.dropdown-menu,
.input-group-addon,
.file-custom,
.card .card-header,
.nav-tabs,
img {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px; }


.waves-effect {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  z-index: 1; }
  .waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;
    opacity: 0;
    background: rgba(0, 0, 0, 0.2);
    background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transform: scale(0) translate(0, 0);
    -moz-transform: scale(0) translate(0, 0);
    -ms-transform: scale(0) translate(0, 0);
    -o-transform: scale(0) translate(0, 0);
    transform: scale(0) translate(0, 0);
    pointer-events: none; }
  .waves-effect.waves-light .waves-ripple {
    background: rgba(255, 255, 255, 0.4);
    background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); }
  .waves-effect.waves-classic .waves-ripple {
    background: rgba(0, 0, 0, 0.2); }
  .waves-effect.waves-classic.waves-light .waves-ripple {
    background: rgba(255, 255, 255, 0.4); }

.waves-notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important; }

.waves-button,
.waves-circle {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); }

.waves-button,
.waves-button:hover,
.waves-button:visited,
.waves-button-input {
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  outline: none;
  color: inherit;
  background-color: transparent;
  font-size: 1em;
  line-height: 1em;
  text-align: center;
  text-decoration: none;
  z-index: 1; }

.waves-button {
  padding: 0.85em 1.1em;
  border-radius: 0.2em; }

.waves-button-input {
  margin: 0;
  padding: 0.85em 1.1em; }

.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom; }
  .waves-input-wrapper.waves-button {
    padding: 0; }
  .waves-input-wrapper .waves-button-input {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1; }

.waves-circle {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%; }

.waves-float {
  -webkit-mask-image: none;
  -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms; }
  .waves-float:active {
    -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3); }

.waves-block {
  display: block; }

button:focus {
  outline: none !important; }

.btn-li{background-color:#0082CA}.btn-li:focus,.btn-li:hover{background-color:#0092e4}
.btn-dtc{background:#086fb9}.btn-dtc:focus,.btn-dtc:hover{background-color:#1e71ae!important}.btn-dtc.active{background-color:#0b2a41!important}
.btn-xs {    
    padding: 1px 5px !important;
    font-size: 12px !important;
    line-height: 1.5;
    color: #333 !important;
    background-color: transparent !important;
    box-shadow: none !important;
}
.btn-xs:hover {
    color: #333; 
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}
  .btn-xs:active, .btn-xs:focus {
    outline: 0;
    color: #333; }
.btn {
  font-size: 0.8rem;
  padding: 0.6rem 1.3rem; }
  .btn.btn-lg {
    font-size: 0.9rem;
    padding: 1rem 2.4rem; }
  .btn.btn-md {
    font-size: 0.7rem;
    padding: 0.7rem 1.6rem; }
  .btn.btn-sm {
    font-size: 0.6rem;
    padding: 0.5rem 0.9rem; }
    .btn.btn-sm.btn-table {
      padding: 0.5rem 0.9rem; }
    .btn.btn-sm .fa {
      font-size: 0.8rem; }

.btn {
  border-radius: 2px;
  border: 0;
  transition: .2s ease-out;
  color: #fff ;/*!important;*/
  /*margin: 6px; Lam rem
  /*white-space: normal !important;*/
  word-wrap: break-word;
  text-transform: uppercase; }
  .btn:hover {
    color: #fff; }
  .btn:active, .btn:focus, .btn.active {
    outline: 0;
    color: #fff; }
  .btn .fa {
    font-size: 1.1rem;
    position: relative;
    vertical-align: middle;
    margin-top: -2px; }
    .btn .fa.right {
      margin-left: 3px; }
    .btn .fa.left {
      margin-right: 3px; }

.btn-group .btn {
  margin: 0; }

.btn-block {
  margin: inherit; }

.btn-secondary {
  background-color: #aa66cc; }
  .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
    background-color: #b579d2 !important;
    color: #fff; }
  .btn-secondary.active {
    background-color: #773399 !important; }
    .btn-secondary.active:hover {
      color: #fff; }
    .btn-secondary.active:focus {
      color: #fff; }
  .btn-secondary.dropdown-toggle {
    color: #fff !important;
    background-color: #aa66cc !important; }
    .btn-secondary.dropdown-toggle:hover {
      color: #fff;
      background-color: #b579d2 !important; }
    .btn-secondary.dropdown-toggle:focus {
      color: #fff;
      background-color: #aa66cc; }

.btn-secondary:active:hover {
  background-color: #b579d2 !important; }
/*
.btn-primary {
  background: #CC0000; }
  .btn-primary:hover, .btn-primary:focus {
    background-color: #db0000 !important; }
  .btn-primary.active {
    background-color: maroon !important; }*/
/* Lam rem 27/02/2019 for Viltech*/
.btn-primary {
  background: #0082CA; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #0092e4 !important; }

/*
.btn-primary {
  background: #4285F4; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #5a95f5 !important; }
  .btn-primary.active {
    background-color: #0b51c5 !important; }*/

.btn-default {
  background: #2BBBAD; }
  .btn-default:hover, .btn-default:focus, .btn-default:active {
    background-color: #30cfc0 !important; }
  .btn-default.active {
    background-color: #186860 !important; }

.btn-success {
  background: #00C851; }
  .btn-success:hover, .btn-success:focus, .btn-success:active {
    background-color: #00d255 !important; }
  .btn-success.active {
    background-color: #006228 !important; }

.btn-info {
  background: #33b5e5; }
  .btn-info:hover, .btn-info:focus {
    background-color: #4abde8 !important; }
  .btn-info.active {
    background-color: #14799e !important; }

.btn-warning {
  background: #FF8800; }
  .btn-warning:hover, .btn-warning:focus {
    background-color: #ff961f !important; }
  .btn-warning.active {
    background-color: #cc8800 !important; }

.btn-danger {
  background: #CC0000; }
  .btn-danger:hover, .btn-danger:focus {
    background-color: #db0000 !important; }
  .btn-danger.active {
    background-color: maroon !important; }

.btn-link {
  background-color: transparent;
  color: #000 !important; }
  .btn-link:hover, .btn-link:focus {
    background-color: transparent;
    color: #000; }

.btn-outline-primary {
  border: 2px solid #0082CA ;/*#4285F4;*/
  color: #0d47a1 !important;
  background-color: transparent; }
  .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary:active:focus {
    color: #0082CA;/*#4285F4;*/
    border-color: #0082CA;/*#4285F4;*/
    background-color: transparent; }

.btn-outline-secondary {
  border: 2px solid #aa66cc;
  color: #9933CC !important;
  background-color: transparent; }
  .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary:active:focus {
    color: #aa66cc;
    border: 2px solid #aa66cc;
    background-color: transparent; }

.btn-outline-default {
  background-color: transparent;
  border: 2px solid #2BBBAD;
  color: #00695c !important;
  background-color: transparent; }
  .btn-outline-default:hover, .btn-outline-default:focus, .btn-outline-default:active, .btn-outline-default:active:focus {
    color: #2BBBAD;
    border-color: #2BBBAD;
    background-color: transparent; }

.btn-outline-success {
  border: 2px solid #00C851;
  color: #007E33 !important;
  background-color: transparent; }
  .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success:active:focus {
    color: #00C851;
    border-color: #00C851;
    background-color: transparent; }

.btn-outline-info {
  border: 2px solid #33b5e5;
  color: #0099CC !important;
  background-color: transparent; }
  .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info:active:focus {
    color: #33b5e5;
    border-color: #33b5e5;
    background-color: transparent; }

.btn-outline-warning {
  border: 2px solid #ffbb33;
  color: #FF8800 !important;
  background-color: transparent; }
  .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning:active:focus {
    border-color: #ffbb33;
    color: #ffbb33;
    background-color: transparent; }

.btn-outline-danger {
  border: 2px solid #ff4444;
  color: #CC0000 !important;
  background-color: transparent; }
  .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger:active:focus {
    color: #ff4444;
    border-color: #ff4444;
    background-color: transparent; }

.btn-outline-white {
  border: 2px solid #fff;
  color: #fff !important;
  background-color: transparent; }
  .btn-outline-white:hover, .btn-outline-white:focus, .btn-outline-white:active, .btn-outline-white:active:focus {
    color: #e6e6e6;
    border-color: #fff;
    background-color: transparent; }

.btn-outline-black {
  border: 2px solid #000;
  color: #000 !important;
  background-color: transparent; }
  .btn-outline-black:hover, .btn-outline-black:focus, .btn-outline-black:active, .btn-outline-black:active:focus {
    color: #000;
    border-color: #000;
    background-color: transparent; }

.pager li a {
  border: 0;
  transition: .2s ease-out; }

.btn-elegant {
  background: #2E2E2E; }
  .btn-elegant:hover, .btn-elegant:focus {
    background-color: #3b3b3b !important; }
  .btn-elegant.active {
    background-color: black !important; }

.btn-unique {
  background: #1C2331; }
  .btn-unique:hover, .btn-unique:focus {
    background-color: #252f41 !important; }
  .btn-unique.active {
    background-color: black !important; }

.btn-pink {
  background: #e91e63; }
  .btn-pink:hover, .btn-pink:focus {
    background-color: #eb3573 !important; }
  .btn-pink.active {
    background-color: #930e3b !important; }

.btn-purple {
  background: #4a148c; }
  .btn-purple:hover, .btn-purple:focus {
    background-color: #5617a2 !important; }
  .btn-purple.active {
    background-color: #1b0733 !important; }

.btn-deep-purple {
  background: #311b92; }
  .btn-deep-purple:hover, .btn-deep-purple:focus {
    background-color: #381fa8 !important; }
  .btn-deep-purple.active {
    background-color: #140b3c !important; }

.btn-indigo {
  background: #1a237e; }
  .btn-indigo:hover, .btn-indigo:focus {
    background-color: #1e2993 !important; }
  .btn-indigo.active {
    background-color: #090c29 !important; }

.btn-cyan {
  background: #00acc1; }
  .btn-cyan:hover, .btn-cyan:focus {
    background-color: #00c3db !important; }
  .btn-cyan.active {
    background-color: #00515b !important; }

.btn-light-green {
  background: #7cb342; }
  .btn-light-green:hover, .btn-light-green:focus {
    background-color: #89be50 !important; }
  .btn-light-green.active {
    background-color: #486827 !important; }

.btn-dark-green {
  background: #007E33; }
  .btn-dark-green:hover, .btn-dark-green:focus {
    background-color: #00983d !important; }
  .btn-dark-green.active {
    background-color: #00180a !important; }

.btn-lime {
  background: #afb42b; }
  .btn-lime:hover, .btn-lime:focus {
    background-color: #c3c930 !important; }
  .btn-lime.active {
    background-color: #5f6217 !important; }

.btn-yellow {
  background: #fbc02d; }
  .btn-yellow:hover, .btn-yellow:focus {
    background-color: #fbc846 !important; }
  .btn-yellow.active {
    background-color: #be8904 !important; }

.btn-amber {
  background: #ff6f00; }
  .btn-amber:hover, .btn-amber:focus {
    background-color: #ff7d1a !important; }
  .btn-amber.active {
    background-color: #994300 !important; }

.btn-orange {
  background: #e65100; }
  .btn-orange:hover, .btn-orange:focus {
    background-color: #ff5a01 !important; }
  .btn-orange.active {
    background-color: #802d00 !important; }

.btn-deep-orange {
  background: #bf360c; }
  .btn-deep-orange:hover, .btn-deep-orange:focus {
    background-color: #d73d0e !important; }
  .btn-deep-orange.active {
    background-color: #5f1b06 !important; }

.btn-brown {
  background: #6d4c41; }
  .btn-brown:hover, .btn-brown:focus {
    background-color: #7d574b !important; }
  .btn-brown.active {
    background-color: #2d1f1b !important; }

.btn-blue-grey {
  background: #607d8b; }
  .btn-blue-grey:hover, .btn-blue-grey:focus {
    background-color: #6b8a99 !important; }
  .btn-blue-grey.active {
    background-color: #36474f !important; }

.btn-mdb {
  background: #45526E; }
  .btn-mdb:hover, .btn-mdb:focus {
    background-color: #4f5e7e !important; }
  .btn-mdb.active {
    background-color: #1e232f !important; }

.btn-secondary.disabled, .btn-secondary:disabled {
  background-color: #aa66cc;
  cursor: not-allowed;
  pointer-events: auto !important; }

.btn-split {
  padding-left: 0.85rem;
  padding-right: 1.25rem; }


.form-inline .form-group {
  margin-right: 2rem; }

i.btn-primary {
  background: #0082CA /*#4285F4*/ !important; }

i.btn-default {
  background: #2BBBAD !important; }

i.btn-success {
  background: #00C851 !important; }

i.btn-info {
  background: #33b5e5 !important; }

i.btn-warning {
  background: #FF8800 !important; }

i.btn-danger {
  background: #CC0000 !important; }