/*--------------------------------
    ASTERISK
--------------------------------*/

.bfbs3-glyphicon-asterisk:before {
    content: "\002a"!important;
    color:red!important;
    font-family: 'poppins'!important;
    font-style: normal!important;
    padding-left: 5px!important;
  font-size: 16px;
}

/*focus color clicked*/
.contact-form input:focus, .contact-form textarea:focus {
    box-shadow: 0 0 0 0.2rem #e1e1e1;
    border-color: #e1e1e1;
}

/*autofill*/
.contact-form input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #e6f0f9 inset!Important}

/*choose-file-button*/
.ff_elem::-webkit-file-upload-button {
  background:#2d2d2d;
  border: 0px;
  padding: 5px 20px;
  color: white;
  border-radius: 0px;
  margin-left: 0px;
}

.ff_elem::-webkit-file-upload-button:hover {
  background:#e1e1e1;
  border:0px;
  transition: .5s ease;
  cursor:pointer; 
}

@media only screen and (min-width: 641px){
.remodal {
    max-width: 500px;
}}




/*--------------------------------
    REGISTER FORM
--------------------------------*/
.com-hikashop.view-user section#sp-main-body {
    PADDING: 30px 5px;
}

.com-hikashop.view-user .hkform-horizontal.hikashop_contentpane {
  background: #f7f9fb;
  position: relative;
  padding: 45px 30px 80px 30px;
    
}

.com-hikashop.view-user .hkform-horizontal .hkcontrol-label{
  font-weight: 600;
  color: #000;
  margin-top: 0;
  margin-bottom: 10px;
}
.com-hikashop.view-user input {
  border: 1px solid #e4edf5;
  border-radius: 3px;
  box-shadow: none;
  height: 55px;
  padding: 0 0 0 20px;
}

.com-hikashop.view-user .hkform-group.control-group.hikashop_registration_required_info_line {float: left;}

.com-hikashop.view-user button#hikashop_register_form_button {
    float: right;
    top: 10px;
}

.com-hikashop.view-user .alert.alert- {
    background: #f6b7b7ad;
}

/*****************************************************************************************************************/
div#bfPage2 p {
    text-align: left!important;
    color: #013a51;
}

div#bfPage2 {
    background: #3ec2c724;
    padding: 20px 20px 10px 20px;
    box-shadow: rgb(15 130 135 / 18%) 0px 7px 29px 0px!important;
    border: 1px solid #35afbd6b;
    border-radius: 20px;
    }


/*--------------------------------
     CONTACT FORM
--------------------------------*/
.contact-form textarea {
    border-radius: 0px!important;
}

.contact-form .form-inline label {
    justify-content: left;
    width: 145px!important;
}

.contact-form input {
    border-radius: 0px!important;
}

@media screen and (min-width: 992px){
.form-group.form-group-actions {
    width: 100%;
}}

@media screen and (min-width:768px) and (max-width:991px){
.form-group.form-group-actions {
    width: 100%;
}}

/*--------------------------------
        CAREER FORM
--------------------------------*/
.career-page .bfQuickMode .form-inline .form-control {
    width: 100%;
}

@media screen and (min-width:992px){
.career-page .form-group.form-group-actions {
    width: 100%;
}}

/*--------------------------------
    ASTERISK
--------------------------------*/

i.glyphicon.glyphicon-asterisk:before {
    content: "\002a"!important;
    color:red!important;
    font-family: 'poppins'!important;
    font-style: normal!important;
    padding-left: 5px!important;
}

/*focus color clicked*/
.contact-form input:focus, .contact-form textarea:focus {
    box-shadow: 0 0 0 0.2rem #1268b3;
    border-color: #1268b3;
}

/*autofill*/
.contact-form input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #e6f0f9 inset!Important}

/*choose-file-button*/
.ff_elem::-webkit-file-upload-button {
    padding: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-transform: inherit!important;
    background: linear-gradient(18deg, #0a5d92 14%, #3cbfc5 87%);
    margin: 0;
    padding: 5px 25px;
    border: 2px solid #ffffffc4;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    border-radius: 50px;
	margin-top:20px;
    color: #fff!important;
    font-family: 'Roboto'!important;
    letter-spacing: 1px!important;
}

.ff_elem::-webkit-file-upload-button:hover {
  background-position: right center; /* change the direction of the change here */
  color: #fff;
  border: 2px solid #ffffffc4!important;
  cursor:pointer;
  border-radius: 50px!important;
  outline:none!important;
}




/*new*/
.bfQuickMode .bfbs3-form-group .bfbs3-control-label, .bfQuickMode .form-group .control-label {
    width: 100%!important;    margin-bottom: 25px!important;
}

.bfQuickMode .bfbs3-form-inline .bfbs3-form-control, .bfQuickMode .form-inline .form-control{
    background: none;
    border: 0px;
    border-bottom: 1px solid #ccc;
    border-radius: 0px;
    box-shadow: none;
    width:100%!important;
    margin-bottom: 0px;
    min-height: 40px;
}

.bfQuickMode textarea.bfbs3-form-control, .bfQuickMode textarea.form-control {
    height: 130px!important;
}

button#ff_elem237_calendarButton {outline:none;height: 40px;background-image: none!important;background-color: #6ec6ec !important;border-color: #6ec6ec;border-radius: 0 20px 20px 0!important;border: 0px;}
button#ff_elem237_calendarButton:hover {outline:none; background-image: none!important;background-color: #6ec6ec!important;border-color: #6ec6ec;border-radius: 0 20px 20px 0!important;}
button.js-btn.btn.btn-clear {padding: 8px 15px;background:#2a75bb;}
button.js-btn.btn.btn-today {padding: 8px 15px;background:#429942;}
button.js-btn.btn.btn-exit {padding: 8px 15px;background:#c65e30;}

.js-calendar th,.js-calendar td{padding:8px!important;}

.field-calendar.input-append {
    display: contents;
}

.js-calendar .input-append {
    width: 45%;
}

.glyphicon-calendar:before, .glyphicon-upload:before {
font-family: 'Font Awesome 5 Free';
font-weight: 900; 
}
.glyphicon-calendar:before {
    content: "\f133";line-height:0;
}


.glyphicon-upload:before{
    content: "\f093";line-height:0;
}



div#bfPickFiles216{background-color: #6ec6ec !important;border-radius:20px;}
div#bfPickFiles216:hover{background-color: #6ec6ec !important;border-radius:20px;}

div#bfPickFiles271{background-color: #f00 !important;border-radius:20px;}
div#bfPickFiles271:hover{background-color: #d40000 !important;border-radius:20px;}





.contact-form .bfbs3-control-label {
    color: #fff !important;
}

.contact-form .bfQuickMode .bfbs3-form-inline .bfbs3-form-control {
    color: #fff;
}















/*end*/