input[type="text"],
input[type="password"],
input.text,
select,
textarea {
  font: 400 13px "Arial";
  color: #222;
  background: white;
  border-radius: 0; }
  input[type="text"].stroke,
  input[type="password"].stroke,
  input.text.stroke,
  select.stroke,
  textarea.stroke {
    -webkit-text-stroke-color: rgba(20, 20, 20, 0.5);
    -webkit-text-stroke-width: .2px; }
  input[type="text"].font-2,
  input[type="password"].font-2,
  input.text.font-2,
  select.font-2,
  textarea.font-2 {
    font-weight: 600;
    text-shadow: 0 0 1px rgba(51, 51, 51, 0.4); }

.windows.chrome input[type="text"].stroke,
.windows.chrome input[type="password"].stroke,
.windows.chrome input.text.stroke,
.windows.chrome select.stroke,
.windows.chrome textarea.stroke {
  -webkit-text-stroke-color: rgba(20, 20, 20, 0.5);
  -webkit-text-stroke-width: .2px; }

button, input, textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none; }

.form input .uppercase {
  text-transform: uppercase; }
.form input .lowercase {
  text-transform: lowercase; }
.form input .capitalize {
  text-transform: capitalize; }
.form input[type="text"],
.form input[type="password"],
.form input.text,
.form select,
.form textarea {
  background: #fff;
  border-radius: 4px;
  border: 1px solid #2abb9d;
  z-index: 1;
  width: 100%; }
.form textarea {
  padding: 4px;
  display: block; }
  .form textarea:not(.rows) {
    height: 80px; }
  .form textarea.locked {
    width: 100%;
    max-width: 100%;
    min-width: 100%; }
    .form textarea.locked:not(.rows) {
      min-height: 80px; }
  .form textarea.focus-open {
    height: 50px;
    min-height: 50px; }
    .form textarea.focus-open.on {
      height: 80px;
      min-height: 80px; }
.form input[type="text"],
.form input[type="password"],
.form input.text, .form select {
  height: 36px; }
  .form input[type="text"].xs,
  .form input[type="password"].xs,
  .form input.text.xs, .form select.xs {
    height: 28px; }
  .form input[type="text"].h-30,
  .form input[type="password"].h-30,
  .form input.text.h-30, .form select.h-30 {
    height: 30px; }
  .form input[type="text"].sm,
  .form input[type="password"].sm,
  .form input.text.sm, .form select.sm {
    height: 36px; }
  .form input[type="text"].md,
  .form input[type="password"].md,
  .form input.text.md, .form select.md {
    height: 42px; }
  .form input[type="text"].xl,
  .form input[type="password"].xl,
  .form input.text.xl, .form select.xl {
    height: 48px; }
.form.md input[type="text"],
.form.md input[type="password"],
.form.md input.text, .form.md select {
  height: 44px;
  text-indent: 13px;
  font-size: 16px; }
.form.md textarea {
  font-size: 16px;
  text-indent: 9px; }
.form.xl input[type="text"],
.form.xl input[type="password"],
.form.xl input.text, .form.xl select {
  height: 46px;
  text-indent: 13px;
  font-size: 15px; }
.form.xl textarea {
  font-size: 15px;
  text-indent: 10px; }
.form input[type="password"],
.form input[type="text"],
.form input.text {
  text-indent: 10px; }
.form select {
  text-indent: 8px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none; }
.form fieldset {
  border: 0;
  padding: 0;
  margin: 0; }
.form .hata input[type="text"],
.form .hata input[type="password"],
.form .hata input.text,
.form .hata select,
.form .hata textarea {
  border-color: #ffcbd4; }
.form nav.send input {
  font-weight: 700; }
.form .mask-check {
  border: 1px solid #2abb9d;
  background: #fcfaf8;
  width: 16px;
  min-width: 16px;
  max-width: 16px;
  height: 16px;
  display: block;
  box-sizing: border-box;
  border-radius: 3px; }
  .form .mask-check i {
    visibility: hidden;
    transition: .1s;
    opacity: 0;
    color: #2abb9d;
    position: absolute;
    font-size: 13px;
    left: 2.2px;
    top: 2px; }
  .form .mask-check.on i {
    visibility: visible;
    opacity: 1; }
  .form .mask-check input {
    margin: 0;
    padding: 0;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
  .form .mask-check.oval.min {
    width: 18px;
    height: 18px;
    border-radius: 18px; }
    .form .mask-check.oval.min i {
      top: 3px;
      left: 3.6px; }
  .form .mask-check.type-2 {
    border-width: 1px;
    width: 20px;
    height: 20px;
    background: white; }
    .form .mask-check.type-2 i {
      font-size: 16px;
      left: 3.5px;
      top: 3px; }
.form .mask-radio {
  box-sizing: border-box;
  border: 1px solid #2abb9d;
  background: #fff;
  padding: 2px;
  border-radius: 18px;
  min-width: 18px;
  width: 18px;
  height: 18px;
  display: inline-block; }
  .form .mask-radio i {
    visibility: hidden;
    position: absolute;
    top: 4px;
    left: 4px;
    transition: .2s;
    opacity: 0;
    background: #2abb9d;
    width: 8px;
    height: 8px;
    border-radius: 8px; }
  .form .mask-radio.on i {
    visibility: visible;
    opacity: 1; }
  .form .mask-radio input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    left: 0;
    top: 0; }
  .form .mask-radio.type-2 {
    border-width: 1px;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background: white; }
    .form .mask-radio.type-2 i {
      font-size: 16px;
      left: 3.5px;
      top: 3px;
      z-index: 0;
      background: none;
      width: auto;
      height: auto; }
    .form .mask-radio.type-2 input {
      width: 100%;
      border-radius: 50%;
      margin: 0;
      height: 100%;
      z-index: 1;
      position: absolute;
      left: 0;
      top: 0; }
    .form .mask-radio.type-2.on {
      background: #222;
      border-color: #222; }
      .form .mask-radio.type-2.on i {
        color: #fff; }
.form .mask-attach {
  display: block;
  height: 36px; }
  .form .mask-attach input::-webkit-file-upload-button {
    visibility: hidden;
    padding-top: 10px;
    text-indent: 38px; }
  .form .mask-attach input {
    z-index: 1; }
  .form .mask-attach span {
    pointer-events: none;
    position: absolute;
    border: 1px solid #2abb9d;
    padding: 8px 0 9px 0;
    text-align: center;
    font-size: 13px;
    width: 115px;
    background: #f7f7f7;
    border-radius: 3px;
    /*  @include flex_mc(); */ }
    .form .mask-attach span i {
      line-height: 17px;
      font-size: 16px;
      height: 12px;
      margin-right: 6px;
      left: -5px; }
.form.border-2 .mask-radio, .form.border-2 .mask-check,
.form.border-2 input[type="text"],
.form.border-2 input[type="password"],
.form.border-2 input.text,
.form.border-2 select,
.form.border-2 textarea {
  border-width: 2px; }
.form.border-1 .mask-radio, .form.border-1 .mask-check,
.form.border-1 input[type="text"],
.form.border-1 input[type="password"],
.form.border-1 input.text,
.form.border-1 select,
.form.border-1 textarea {
  border-width: 1px; }
.form.border-0 .mask-radio,
.form.border-0 .mask-check,
.form.border-0 input[type="text"],
.form.border-0 input[type="password"],
.form.border-0 input.text,
.form.border-0 select,
.form.border-0 textarea {
  border-width: 0; }
.form.radius-0 .mask-radio,
.form.radius-0 .mask-check,
.form.radius-0 input.text,
.form.radius-0 select,
.form.radius-0 textarea,
.form.radius-0 input[type="text"],
.form.radius-0 input[type="password"] {
  border-radius: 0; }
.form.radius-2 .mask-radio, .form.radius-2 .mask-check, .form.radius-2 input.text, .form.radius-2 select, .form.radius-2 textarea,
.form.radius-2 input[type="text"], .form.radius-2 input[type="password"] {
  border-radius: 2px; }
.form.radius-3 .mask-radio, .form.radius-3 .mask-check, .form.radius-3 input.text, .form.radius-3 select, .form.radius-3 textarea,
.form.radius-3 input[type="text"], .form.radius-3 input[type="password"] {
  border-radius: 3px; }
.form.radius-4 .mask-radio, .form.radius-4 .mask-check, .form.radius-4 input.text, .form.radius-4 select, .form.radius-4 textarea,
.form.radius-4 input[type="text"], .form.radius-4 input[type="password"] {
  border-radius: 4px; }
.form.radius-5 .mask-radio, .form.radius-5 .mask-check, .form.radius-5 input.text, .form.radius-5 select, .form.radius-5 textarea,
.form.radius-5 input[type="text"], .form.radius-5 input[type="password"] {
  border-radius: 5px; }
.form.radius-6 .mask-radio, .form.radius-6 .mask-check, .form.radius-6 input.text, .form.radius-6 select, .form.radius-6 textarea,
.form.radius-6 input[type="text"], .form.radius-6 input[type="password"] {
  border-radius: 6px; }
.form.radius-7 .mask-radio, .form.radius-7 .mask-check, .form.radius-7 input.text, .form.radius-7 select, .form.radius-7 textarea,
.form.radius-7 input[type="text"], .form.radius-7 input[type="password"] {
  border-radius: 7px; }
.form.radius-8 .mask-radio, .form.radius-8 .mask-check, .form.radius-8 input.text, .form.radius-8 select, .form.radius-8 textarea,
.form.radius-8 input[type="text"], .form.radius-8 input[type="password"] {
  border-radius: 8px; }
.form .mask-radio.border-0, .form .mask-check.border-0, .form input.text.border-0, .form select.border-0, .form textarea.border-0 {
  border: 0; }
.form .f4 .dropdown {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }
.form .f4 .dropdown {
  z-index: 2;
  position: absolute;
  right: 2px;
  top: 2px;
  background: #fff;
  width: 22px;
  height: calc( 100% - 4px );
  pointer-events: none; }
  .form .f4 .dropdown i {
    color: #777;
    top: 0px; }
  .form .f4 .dropdown i.ss-standard {
    line-height: 20px;
    font-size: 15px;
    height: 15px; }
  .form .f4 .dropdown i.ss-gizmo {
    line-height: 16px;
    font-size: 15px;
    height: 11px; }
.form .f2 {
  margin-bottom: 30px; }
.form.ls-1 .f2 {
  margin-bottom: 14px; }
.form.ls-2 .f2 {
  margin-bottom: 10px; }
.form .f1 > li.f2:last-child {
  margin-bottom: 0; }
.form .f4 .icon {
  position: absolute;
  z-index: 2;
  height: calc( 100% - 2px );
  z-index: 2;
  color: #555;
  font-size: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  top: 1px; }
  .form .f4 .icon.start {
    left: 8px; }
  .form .f4 .icon.end {
    right: 8px; }
    .form .f4 .icon.end i {
      top: 1px; }
  .form .f4 .icon.send {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    width: 40px;
    height: calc( 100% - 4px );
    top: 2px;
    right: 0; }
    .form .f4 .icon.send i.ss-pika.ss-search {
      line-height: 21px;
      font-size: 15px;
      height: 15px; }
    .form .f4 .icon.send i.ss-gizmo.ss-search {
      line-height: 19px;
      font-size: 18px;
      height: 14px; }
    .form .f4 .icon.send input {
      width: 100%;
      height: 100%;
      position: absolute;
      opacity: 0;
      left: 0;
      top: 0;
      z-index: 1; }
    .form .f4 .icon.send i {
      z-index: 0; }
.form .f4.field-check {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .form .f4.field-check label {
    padding-left: 4px;
    font-size: 14px;
    line-height: 14px; }
.form .f4.field-radio {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .form .f4.field-radio label {
    padding-left: 4px;
    font-size: 14px;
    line-height: 14px; }
.form .f7 {
  color: #2abb9d;
  font-weight: 700;
  font-size: 15px;
  margin: 30px 0 15px 0; }
  .form .f7.first {
    margin-top: 0; }
.form .notification {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }
  .form .notification .ic {
    background: white;
    padding: 18px;
    color: white;
    padding-top: 25px;
    border-radius: 4px;
    width: 90%;
    max-width: 400px;
    max-height: 400px;
    height: 90%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    .form .notification .ic .us {
      height: 100%; }
    .form .notification .ic .as {
      height: 38px;
      min-height: 38px; }
    .form .notification .ic button {
      color: white;
      height: 100%;
      padding: 0 20px; }
    .form .notification .ic h5 {
      font-size: 19px;
      margin-bottom: 10px;
      font-weight: 700; }
    .form .notification .ic p {
      text-align: justify; }
  .form .notification .in {
    display: none; }
.form .f3 {
  color: #2abb9d;
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 18px; }
.form.type-1 .f3 {
  color: #90898A;
  font-weight: 300;
  text-align: left;
  margin-bottom: 8px;
  display: block;
  padding-top: 8px; }
.form.type-2 .f3 {
  font-weight: 600;
  font-size: 17px; }
.form .f8 {
  background: #f7f7f7;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  padding: 7px 11px;
  margin-top: 15px;
  font-size: 11px;
  letter-spacing: 0.8px; }
.form.send-on .notification {
  visibility: visible; }
  .form.send-on .notification .ic {
    animation: fadeInUp .5s; }
.form.off .notification .ic {
  animation: fadeOutDown .5s; }
.form.nosent .notification .ic {
  background: #c95849; }
  .form.nosent .notification .ic button {
    background: #c44d3d;
    border: 1px solid #d87b6f; }
  .form.nosent .notification .ic ul {
    padding: 16px 0 0 16px; }
    .form.nosent .notification .ic ul li {
      margin-bottom: 3px;
      text-indent: -5px;
      list-style-type: disc; }
  .form.nosent .notification .ic .ss-alert {
    color: #ffdd65;
    font-size: 14px;
    top: 5px;
    right: 0; }
.form.nosent .notification .nosent {
  display: block; }
.form.posted .notification .ic {
  background: #7a9258;
  max-height: 238px; }
  .form.posted .notification .ic button {
    background: #738954;
    border: 1px solid #9bb279; }
  .form.posted .notification .ic .ss-send {
    color: #ffdd65;
    font-size: 14px;
    top: 5px;
    right: 0; }
.form.posted .notification .posted {
  display: block; }
.form hr.space {
  margin: 20px 0; }
  .form hr.space.t1 {
    background: url("../../img/hesap/hr_t1.png") repeat-x 0 0; }