/*FLYSTORK ORIGINAL DESIGN*/
@font-face {
    font-family: "Bebas Neue";
    src: url("../fonts/BebasNeue-Regular.woff");
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/roboto-regular.woff");
}

.a{
    margin:0 auto;
    display:inline-block;
    vertical-align:top;
}
.a100, .a-100{
    width:100%;
}
.a-50, .a50{
    width:50%;
}

.right{
    text-align:right;
}

.center{
    text-align:center!important;
}

.row{
    display:block;
    margin:5px 0;
}

.borderless{
    border:none!important;
}

h2, p{
    margin:0;
}

.aci-complaint-form{
    position:relative;
    box-sizing:border-box;
    width:100%;
    margin:0 auto;
    padding:56px 10px 40px 10px;
    text-align:left;
    font-family:"Roboto", sans-serif;
    max-width:900px;
    background-color:#ffffff;
}

.aci-logo{
    position:absolute;
    top:0;
    width:100%;
    text-align:center;
}

.aci-logo-inner{
    margin:0 auto;
    width:210px;
    background-color:#ffffff;
    padding:0 20px 0 30px;
}

.aci-complaint-form .form-body{
    border:2px solid #a2a2a1;
    padding:40px;
}

.aci-complaint-desc, .aci-complaint-type, .aci-complaint-buyer, .aci-complaint-item, .aci-complaint-reason{
    margin-top:30px;
}

.aci-complaint-form h2{
    display:inline-block;
    color:#a6c832;
    text-transform:uppercase;
    font-size:14px;
    font-family:"Bebas Neue", sans-serif;
    font-weight:100;
    font-size:18px;
    margin-right:5px;
}

.aci-complaint-form input{
    border:1px solid #929292!important;
    border-radius:0!important;
    height:30px!important;
    min-height:30px!important;
}

.aci-complaint-form textarea{
    border:1px solid #929292!important;
}

/*custom checkbox*/
/* The container */
.aci-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 3px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio and checkbox */
.aci-container input[type=radio],
.aci-container input[type=checkbox] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border:1px solid #929292;
}

/* On mouse-over, add a grey background color */
.aci-container:hover input[type=radio] ~ .checkmark,
.aci-container:hover input[type=checkbox] ~ .checkmark {
  background-color: #ccc;
}

/* When the radio/checkbox is checked, add a green background */
.aci-container input[type=radio]:checked ~ .checkmark,
.aci-container input[type=checkbox]:checked ~ .checkmark {
  background-color: #a6c832;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.aci-container input[type=radio]:checked ~ .checkmark:after,
.aci-container input[type=checkbox]:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.aci-container .checkmark:after {
  left: 8px;
  top: 5px;
  width: 7px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*custom checkbox*/

.aci-complaint-form ul{
    list-style-type:none;
    margin:0;
}

.aci-label{
    width:12%;
    padding:2px 0;
}

.aci-label-zip{
    width:10%;
    padding:2px 10px;
    text-align:right;
}

.aci-label-email{
    width:12%;
    padding:2px 10px;
    text-align:right;
}

.aci-input{
    width:82%;
}

.aci-input-title, .aci-input-phone{
    width:25%;
}

.aci-input-city{
    width:40%;
}

.aci-input-zip{
    width:32%;
}

.aci-input-email{
    width:45%;
}

.aci-label-item{
    width:23%;
    padding:7px 0;
}

.aci-label-item-bank{
    width:50%;
    padding:7px 0;
}

.aci-label-item-ex{
    margin-left:14px;
}

.aci-input-item, .aci-input-item-bank{
    width:30%;
}

.aci-complaint-form .send{
    text-align:center;
}

.aci-complaint-form input[type=submit]{
    margin:20px auto;
    padding:20px 40px;
    text-align:center;
    background-color:#a6c832;
    border:0px!important;
    display:inline-block;
    height:auto!important;
}

@media (max-width: 1000px){
    .aci-complaint-form{width:100%;}
}

@media (max-width: 800px){
    .a800px{width:100%;}
}

@media (max-width: 768px){
    [class*="a-"], .a {
        width: 100%;
    }
    .aci-label-zip{
        text-align:left;
    }

    .aci-label-email{
        text-align:left;
    }

    .aci-label-item-ex{
        margin-left:0;
    }

    .aci-complaint-header{
        margin-top:60px;
    }
}

/*INPUT FILE BUTTON*/
.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.inputfile + label {
    font-size: 1.25em;
    font-weight: 700;
    color: white;
    background-color: black;
    display: inline-block;
}

.inputfile:focus + label,
.inputfile + label:hover, .aci-complaint-form input[type=submit]:hover{
    transform: scale(1.04);
}
.inputfile + label {
  cursor: pointer; /* "hand" cursor */
}

.attachments {
    text-align: center;
}
.attachments label {
    margin: 20px auto;
    padding: 20px 40px;
    text-align: center;
    background-color: #a6c832;
    border: 0px!important;
    display: inline-block;
    height: auto!important;
    font-size: 12px;
    font-family: 'Roboto';
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
.inputfile:focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}
.inputfile + label * {
  pointer-events: none;
}
p.ErrorMassage {
    text-align: center;
    color: red;
    font-weight: 700;
}