/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 16, 2018, 1:23:31 PM
    Author     : zarkov
*/
/*.ie8 #open-tip-form > div > div { margin-right:8px; top:16px !important; @include ms-rotate(90); }*/
/*.ie7 #open-tip-form > div > div { margin-right:0px; top:16px !important; @include ms-rotate(90); }*/
.iosBugFixCaret {
  position: fixed; }

#open-tip-form {
  position: fixed;
  right: 16px;
  bottom: 75px;
  z-index: 100;
  cursor: pointer;
  width: 194px;
  height: 56px;
  background-color: #52bad5;
  color: #ffffff;
  line-height: 56px;
  text-align: center;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border: solid 1px rgba(0, 0, 0, 0.1);
  /*    > div {
            position: relative;
            > div {
                position: absolute;
                top: 13px;
                right: 0;
                margin-right: 3px;
                line-height: 17px;
                width: 190px;
                height: 200px;
                color: $white;
                font: 17px 'DIN-Bold', arial;
                text-transform: uppercase;
                @include rotate(90);
                text-shadow: 1px 1px 0 $darkGray;
                background-color:  $colors-yellow;
                &:hover {
                    text-decoration: underline;
                }
            }
        }*/ }

#tip-form {
  z-index: 101;
  display: none;
  background-color: #FFF;
  width: 320px;
  bottom: 75px;
  right: 16px;
  top: auto;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px rgba(0, 0, 0, 0.1);
  position: fixed;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px; }
  #tip-form .heading {
    background: #52bad5;
    line-height: 55px;
    padding: 0 16px;
    color: #fff;
    border-radius: 3px 3px 0 0;
    margin: 0; }
    #tip-form .heading .close {
      background: url("../../images/symbols/icon-close-white.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100%;
      width: 14px;
      height: 14px;
      display: table;
      position: absolute;
      opacity: 1;
      margin-top: 18px;
      top: 0;
      right: 16px; }
  #tip-form p {
    font-size: 16px;
    line-height: 1.5;
    color: #55505a;
    margin: 16px;
    padding-bottom: 16px;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1); }
  #tip-form .form__field-input {
    padding: 0 16px 16px 16px; }
    #tip-form .form__field-input h5 {
      color: #55505a;
      margin: 0;
      line-height: 1.5; }
    #tip-form .form__field-input input[type="text"] {
      width: 100%;
      height: 38px;
      line-height: 38px;
      padding: 0 0 0 16px;
      border-radius: 3px;
      background-color: #fbfbfa;
      border: solid 1px #e1e1e0; }
    #tip-form .form__field-input .error-message {
      border: none;
      color: #ff6565;
      margin: 0;
      padding: 0; }
  #tip-form .button-area {
    padding: 0 16px 16px 16px;
    width: 100%; }
    #tip-form .button-area input[type="submit"] {
      background-color: #faeb13;
      background-image: linear-gradient(108deg, #faeb13, #fad705);
      border: solid 1px rgba(0, 0, 0, 0.1);
      width: 100%;
      height: 48px;
      color: #55505a;
      font-size: 16px;
      border-radius: 3px; }
  #tip-form .submitted .button-area {
    display: table; }
    #tip-form .submitted .button-area span {
      width: 100%;
      height: 48px;
      border-radius: 3px;
      background-color: #fbfbfa;
      border: solid 1px rgba(0, 0, 0, 0.1);
      display: block;
      line-height: 48px;
      font-size: 16px;
      text-align: center;
      font-weight: normal;
      color: #55505a;
      opacity: 1; }
  #tip-form .submitted i.icon-success {
    background-image: url("../../images/symbols/icon-success-green.svg");
    display: table;
    width: 63px;
    height: 63px;
    margin: 0 auto 16px auto;
    background-size: 100%;
    background-position: center; }

@media screen and (max-width: 767px) {
  #open-tip-form {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    line-height: 64px; }
  #tip-form {
    width: 100%;
    right: 0; } }