label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

 .asx-input-error {
 	font-size: 1em;
    font-weight: normal;
    display: block;
    line-height: 1.42857;
    color: #fff !important;
    background-color: #b10018;
    border-color: #b10018;
    margin: 20px 0;
    padding: 5px 10px;
 }

 .asx-input-error a, .asx-input-error h3 {
 	color: #fff !important;
 }

 .asx-input-inline-error {
    font-size: 1em;
  font-weight: normal;
  display: block;
  line-height: 1.42857;
  color: #fff !important;
  background-color: #b10018;
  border-color: #b10018;
  margin-top: 9px;
  padding: 5px 10px;
 }
 .asx-list-errors { list-style: none; padding-left: 0; }
 .asx-list-errors a { text-decoration: none  !important; }
.asx-forms-mail-error{
	 border: 2px solid #ff0000;
}
.asx-success-box {
	 border: 2px solid #DCDCDC;
	 display: block;
	 line-height: 1.42857;
	 color: inherit;
	 margin: 20px 0;
	 padding: 5px 10px;
}
.asx-form-group {
    margin-bottom: 1rem;
}
.asx-form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 14px;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.asx-text-muted {
    color: #6c757d!important;
}
.asx-form-text {
    display: block;
    margin-top: .25rem;
}
.small, small {
    font-size: 80%;
    font-weight: 400;
}

.asx-form-group label span { color:red; }
.asx-form-check {
    position: relative;
    display: block;
    height:45px;
    
}
.asx-form-check-input {
    position: absolute;
    margin-top: .3rem;
}
.asx-form-check-label {
    margin-bottom: 0; margin-left: 15px;
}

.asx-form-check-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem;
}

.asx-form-check-inline .asx-form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0;
}

.asx-form-check-inline .asx-form-check-label {
    margin-left: 0px; margin-right: 10px;
}

.kc-toggle {
    padding-left: 0 !important;
}

.kc-toggle input {
    height: 0;
    overflow: hidden;
    width: 0;
    opacity: 0;
    pointer-events: none;
    margin: 0;
}

.asx-captcha-field { width:110px !important; float:left; margin-right:10px; }
.clearfix { clear: both; }
/**************************** Button Style ****************************************/

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    cursor: pointer;
}

/********************** Success Button ********************************************/
.btn-success {
    color: #fff !important;
    background-color: #28a745 !important;
    border-color: #28a745 !important;
}
.btn-success:hover {
    color: #fff !important;
    background-color: #218838 !important;
    border-color: #1e7e34 !important;
}
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {
    color: #fff !important ;
    background-color: #1e7e34 !important ;
    border-color: #1c7430 !important;
}

/****************************** Danger Button ***************************************/
.btn-danger {
    color: #fff !important;
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}

.btn-danger:hover {
    color: #fff !important;
    background-color: #c82333 !important;
    border-color: #bd2130 !important;
}

.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle {
    color: #fff !important;
    background-color: #bd2130 !important;
    border-color: #b21f2d !important;
}

/******************************* Info Button ***************************************/

.btn-info {
    color: #fff !important;
    background-color: #17a2b8 !important;
    border-color: #17a2b8 !important;
}

.btn-info:hover {
    color: #fff !important;
    background-color: #138496 !important;
    border-color: #117a8b !important;
}

.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle {
    color: #fff !important;
    background-color: #117a8b !important;
    border-color: #10707f !important;
}

/****************************** Primary Button ***************************************/

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf;
}

/******************************* Warning Button **************************************/

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
}

.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500;
}

/*********************************** Bootstrap form styling *****************************/
.asx-form-group {
    margin-bottom: 1rem;
}
.asx-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.asx-col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}

.asx-col-sm-2, .asx-col-sm-10, .asx-col-sm-4, .asx-col-sm-8, .asx-col-md-6, .asx-col-md-4, .asx-col-md-3, .asx-col-md-12 {
        position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 576px) {  
.asx-col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
}



@media (min-width: 576px) { 
.asx-col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
}

.asx-form-control-file, .asx-form-control-range {
    display: block;
    width: 100%;
}

.asx-form-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 576px) {  
.asx-form-inline .asx-form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
}

.asx-form-inline label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
}

.asx-form-inline .asx-form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}
.asx-ml-sm-3, .asx-mx-sm-3 {
    margin-left: 1rem!important; margin-right: 1rem!important;
}
}

.asx-inline-field { position: relative; }
.asx-inline-field img { margin-right:  1rem!important;  }

.asx-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    clip: rect(0px, 0px, 0px, 0px);
    white-space: nowrap;
    clip-path: inset(50%);
    padding: 0px;
    overflow: hidden;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
}

.asx-text-center { text-align: center; }
.asx-text-right { text-align: right;  }
.asx-inline-hint { position: absolute; bottom: -20px; margin-left:15px; }

.asx-form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
    width: 100%;
}

.asx-form-row > .col, .asx-form-row > [class*="asx-col-"] {
    padding-right: 5px;
    padding-left: 5px;
}

@media (min-width: 768px) {
    .asx-col-md-12 {
        -webkit-box-flex: 0;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .asx-col-md-6 {
        -webkit-box-flex: 0;
        max-width: 50%;
        flex: 0 0 50%;
    }

    .asx-col-md-4 {
        -webkit-box-flex: 0;
        max-width: 33.3333%;
        flex: 0 0 33.3333%;
    }

    .asx-col-md-3 {
        -webkit-box-flex: 0;
        max-width: 25%;
        flex: 0 0 25%;
    }
}