#code  {  
    font-family:Arial;  
    font-style:italic;  
    font-weight:bold;  
    border:0;  
    letter-spacing:2px;  
    color:blue;  
}
  
.dropdown-menu>li>a {
    white-space: normal;
}

.form-background {
    background: url("../Images/form_devider.jpg") no-repeat center center !important;
    padding-top: 3%;
    color: white;
}
#application-method-p {
        line-height: 1.5;
        font-weight: bold;
        margin-bottom: 2%;
        text-align: justify;
    }

.company-tr {
    display: none;
}

.company-div {
    display: none;
}

.company-first-div {
    display: inline-block;
}

.company-first-div input {
    width: 100%;
}

.bootstrap-select>.dropdown-toggle {
    border-radius: 0;
    border: none;
    background: #e5e5e5;
}

.company-choose {
    display: inline-block !important;
    padding-left: 6%;
    width: auto;
}

.hide-option-class {
    display: none;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    color: #717171;
    text-overflow: ellipsis;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: black;
  text-decoration: none;
  outline: 0;
  /*background-color: #337ab7;*/
}

.bootstrap-select.btn-group .dropdown-menu li a,
.open>.dropdown-menu {
    background: #e5e5e5;
    border: none;
    width: 100%;
    overflow-x: hidden;
}

fieldset {
    border: none;
    margin: 0px;
    padding: 0px;
}


.errspan {
    margin-left: 5px;
    /*margin-top: -20px;*/
    position: relative;
    z-index: 2;
}



.glyphicon-ok:before {
    content: "\f00c";
}

.glyphicon-minus-sign {
    cursor: pointer;
}

.glyphicon-minus-sign:before {
    content:"\f056";
    color: red;
    cursor: pointer;
}

.fa-check:before,.fa-times:before,.glyphicon-ok:before,.fa-exclamation-circle:before,.glyphicon-minus-sign:before {
    font-family:"FontAwesome";
}

.select-date-span,.first-select-bank-span, .expire_date_span,.company-type-span {
    color: red;
    display: none;
}

.select-date-span span, .first-select-bank-span span, .expire_date_span span, .company-type-span span {
    background:#F8F8F8;
    border: 5px solid #DFDFDF;
    color: #717171;
    font-size: 13px;
    height: auto;
    letter-spacing: 1px;
    line-height: 30px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: -31px;
    left:-8px;
    display:none;
    padding:0 10px;
}

.select-date-span span:after, .first-select-bank-span span:after, .expire_date_span span:after, .company-type-span span {
    content:'';
    position:absolute;
    bottom:-8px; 
    width:10px;
    height:10px;
    border-bottom:5px solid #dfdfdf;
    border-right:5px solid #dfdfdf;
    background:#f8f8f8;
    left:6%;
    margin-left:-10px;
    -moz-transform:rotate(63deg);
    -webkit-transform:rotate(63deg);
    transform:rotate(63deg);
}


/*.select-date-span:hover span, .first-select-bank-span:hover span {
    display: inline;
}*/

.checkbox {
    text-align: left;
}


/*#application-form-div {
	display: none;
}*/

select.form-control {
    -webkit-appearance: menulist;
}

.account-detail {
    text-align: left;
}

.account-detail td label,
.credit-card-detail td label {
    color: #909090;
    font-weight: normal;
    font-size: 14px;
}

label {
    line-height: 22.5px;
    font-size: 14px;
}

input:focus,
textarea:focus,
button:focus,
.bootstrap-select .btn:focus,
a:focus,
span:focus {
    border-color: #ccc !important;
    outline: 0 none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline-color: transparent !important;
}

.application-form-input {
    background: #e5e5e5;
    margin-bottom: 5px;
    margin-top: 0px;
    padding: 6px 15px;
    font-size: 14px;
    float: none;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #b1b1b1;
    opacity: 1;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #b1b1b1;
    opacity: 1;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #b1b1b1;
    opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #b1b1b1;
    opacity: 1;
}

#application-form-div {
    padding-bottom: 5%;
}

#addCar:hover,#addCar {
    text-decoration: none;
}

#addCar {
        padding:5px;
        background: #7d7d7d;
        color: white;
    }

.company-contact-detail {
    padding-top: 3%;
}


textarea {
    resize: none;
}

    .errorMsg,.imgerrorMsg { color:red; display:block;padding-top: 0px;padding-bottom: 3px;text-align: left;font-size: 12px; }

@media (min-width: 768px) {
    .application-form-choose-second {
        text-align: left;
    }
    .application-form-choose {
        padding-top: 1%;
            display: inline;
    }
    .col-lg-2 {
        width: 23.666666667%;
    }

    .col-xs-2 {
    	width: 18.6666667%;
    }
    .form-control {
        width: 16.3%;
        margin-bottom: 5px !important;
    }
    .first-select-application-form {
        width: 24%;
    }
    .inline-td {
        width: 44%;
        display: inline-block;
    }

    .selected_company_type {
        width: 83.3333333%;
    }

    .first-select-bank {
        width: 83.3333%;
    }
    #application-form-download-div,
    #application-form-div {
        text-align: center;
        width: 35%;
        margin: 0px auto;
        /*font-weight: bold;*/
        color: black;
    }
    .col-lg-6 {
        width: 35%;
    }
    /*	#application-form-div {
		width: 33%;
	}*/
    .account-detail {
        padding-top: 3%;
    }
    .car-detail {
        text-align: left;
    }
    .credit-card-detail {
        padding-top: 3%;
        text-align: left;
    }

    #send-button {
        padding: 6px 15px;
        background: #7d7d7d;
        color: white;
    }

    .send-detail {
        text-align: left;
        margin-left: 3%;
    }

    #application-form-hr {
        width: 60%;
        margin: 0px auto;
    }
    #application-form-download-div {
        padding-top: 1%;
    }
    #downloadarrow {
        width: 20%;
        margin: 0px auto;
    }
    #download-link {
        margin-bottom: 2%;
        line-height: 1.2;
    }
    #download-link a:hover {
        color: black !important;
    }
    #application-download-form-div h4 {
        margin: 0px;
        padding-top: 3%;
        font-weight: bold;
    }
    #application-method {
        color: #112b5d;
        margin-bottom: 2%;
        font-weight: bold;
    }
    #application-method-p {
        line-height: 1.5;
        font-weight: bold;
        margin-bottom: 2%;
        text-align: justify;
    }
    #application-contact-detail {
        text-align: left;
    }
    #application-form-first-td,
    #application-form-second-td {
        padding-top: 3%;
    }

    td {
        width: 100%;
    }
}

@media (max-width: 767px) {

    .col-xs-7 {
        /*width: 63%;*/
    }

    #application-form-download-div,
    #application-form-div {
        text-align: center;
        padding-top: 1%;
        width: 95%;
        margin: 0px auto;
    }

    fieldset {
        padding-left: 2%;
        text-align: left;
    }

    .errspan {
        margin-top:0px;
        padding-top: 7px;
        margin-right: 5px;
    }

    #application-form-first-td,#application-form-second-td {
        padding-top: 3%;
    }

    .application-form-choose  {
        display: inline;
        margin-right: 2%;
    }
    
    #downloadarrow {
        margin: 0px auto;
    }
    #application-contact-detail {
        text-align: left;
    }

    .account-detail {
        padding-top: 3%;
    }

    .form-control {
        width: 24%;
    }

    .first-select-application-form {
        width: 36%;
    }

    .col-lg-2 {
        width: 27.666666667%;
    }

    #addCar {
        float: left;
    }

    #addCar:hover {
        color: white;
    }

    .first-select-bank {
        width: 44%;
    }

    .inline-td {
        width: 46%;
        display: inline-block;
    }

    .col-lg-10 {
        width: 95%;
    }

    .checkbox {
        padding-left: 6%;
    }

    .col-xs-2 {
        width: 20.7%;
    }

    .second-select-application-form {
        width: 25.5%;
    }

    .third-select-application-form {
        width: 27.5%;
    }

    .credit-card-terms-div {
        width: 95%;
    }



    #send-button {
        background: #7d7d7d;
        color: white;
    }

    .company-choose {
        padding-left: 8%;
    }

     /*.errorMsg { padding-top: 10px;}*/

}

@media (min-width: 1366px) {
    #application-contact-detail {
        text-align: left;
    }
    .application-form-choose-second {
        /*padding-left: 6%;*/
    }

    .application-form-choose {
        margin-right: 2%;
    }

    table {
        margin-left: 6%;
    }

    fieldset {
        padding-left: 8%;
        text-align: justify;
    }
    #addCar {
       margin-left: 6%;
        padding:11px;
        background: #7d7d7d;
        color: white;
    }
    .checkbox {
        padding-left: 51px;
        padding-right: 0px;
    }

    .credit-card-terms-div {
        width: 87%;
    }
}


@media (min-width: 768px) and (max-width: 1280px) {
    #application-contact-detail {
        text-align: left;
    }
    .application-form-choose-second {
        /*padding-left: 3%;*/
    }

    .application-form-choose {
        margin-right: 2%;
    }


    #addCar {
        margin-left: 5%;
        padding:11px;
        background: #7d7d7d;
        color: white;
    }

    fieldset {
        padding-left: 7%;
        text-align: left;
    }

    table {
        margin-left: 5%;
    }

    .checkbox {
        padding-left: 36px;
        padding-right: 0px;
    }

    .credit-card-terms-div {
        width: 90%;
    }
}
