.kd_objectgroup {
    display: block;
    margin: .5em 0;
}

.kd_object {
    display: block;
}

.kd_dataliner {
    background: #F7F7FA;
    border-radius: 12px;
    padding: 10px 16px;    
    margin: 6px 0px 6px 0px;
    border: 2px solid #F7F7FA;
}
    .kd_dataliner:focus-within {
        border: 2px solid #7056D4;
        box-shadow: 0px 0px 10px rgba(112, 86, 212, 0.5);    
    }
    .kd_dataliner textarea {
        background-color: transparent;
        border: 0;
        padding: 0;
        min-height: 100px;
    }
    .kd_dataliner textarea:focus {
        background-color: transparent;
    }
.kd_datamessage {
    padding: 0px 16px 6px 16px;
    font-size: 8pt;
}

/*  Period selector markup */
.kd_date_period label,
.kd_date_year label {
    font-size: 75%;
}

.kd_date_period {
    width: 7.5em;
    margin-right: .25em;
}
    .kd_date_period select {
        padding-right: 1rem;
    }

.kd_date_year {
    width: 4.2em;
}
    .kd_date_year input {
        padding-right: 0;
    }

.kd_search .input-group {
    padding-right: 0.5em!important;
}
.kd_search input[type=search] {
    padding-left: .5em!important;
}

.kd_search .kd_dataliner {
    padding: 0;
    margin: 0;
}

.kd_dataerror .kd_dataliner {
    border: 2px solid #ba1d1d!important;
}
.kd_dataerror .kd_datamessage {
    color: #ba1d1d;
}
.kd_checkbox.kd_dataerror {
    color: #ba1d1d;
}

.kd_object label,
.kd_rbgroup > label {
    display: block;
    text-align: left;
    font-size: 8pt; 
    font-weight: bold;
    text-transform: uppercase;
}

.kd_object input[type="email"],
.kd_object input[type="tel"],
.kd_object input[type="text"],
.kd_object input[type="password"],
.kd_object input[type="search"]
{
    border: none;
    background-color: transparent;
    padding: 2px 0;
}

.bootgrid-title .kd_object {
    display: inline-block;
}
    .bootgrid-title .kd_object .kd_dataliner {
        margin: 0;
        background-color: transparent;
        border: 0;
    }
        .bootgrid-title .kd_object .kd_dataliner label {
            margin-left: 4px;
        }
    .bootgrid-title .kd_object select {
        background-color: #ffffff;
        padding: .25em 2em .25em .5em;
    }

.input-group-append button.btn {
    padding: 2px 5px;
    margin: .5em 0 0 .25em;
    font-size: 60%;
}
.input-group-append span.code-verified {
    padding: 0 5px;
    line-height: 0;
}
    .input-group-append span.code-verified {
        color: #198754;
    }

.verify_email,
.verify_phone {
    position: relative;
}
.verify_popup {
    position: absolute;
    right: 1em;
    top: 1em;
    padding: .25em 1em;
    background-color: #F7F7FA;
    border: 1px solid #5f5f66;
    border-radius: 12px;
    z-index: 1000;
}

.kd_search .input-group-text {
    border: none;
    padding: 2px 0 2px 4px;
}

.kd_object select {
    border: none;
    background-color: transparent;
    padding: 2px 1.15rem 2px 0;
}

textarea:focus, input:focus {
    outline: none;
}

.form-control:focus {
    border-color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.form-control::placeholder {
    color: #9FA3B8;
    opacity: 1; /* Firefox */
}

.kd_checkbox {
    display: block;
    margin-right: .5em;
    margin-left: .35em;
}

.btn,
.halert .ui-dialog-buttonpane button {
    /* display: block; */
    padding: 10px 20px;
    border-radius: 25px;
    text-transform: uppercase;
    font-weight: bold;
}
    .halert .ui-dialog-buttonpane button {
        padding: 10px 20px;    
    }
.btn-sm {
    padding: 0.25rem 0.5rem;
}
.btn.show-password {
    padding: 0;
}

.form-check.form-switch label {
    /*
    font-size: 12pt;
    */
    display: inline-block;
    font-weight: bold;
}

.form-check.form-switch input {
    width: 2.5em;
    height: 1.375em;
}

.form-check.kd_radio {
    background-color: #F7F7FA;
    background: #F7F7FA;
    border-radius: 8px;
    padding: 16px;
}
.form-check.kd_radio label {
    font-weight: bold;
}
.form-check.kd_radio label .sublabel {
    font-weight: normal;
    font-size: 90%;
    color: #5f5f66;
}

.form-check.kd_radio .form-check-input {
    margin-left: 0;
    margin-right: .5rem;
    margin-top: 0;
    border-color: #7056D4;
}

.kd_cbgroup_wrapper {
    border: 2px solid #aaa;
    border-radius: 30px;
    padding: 1em 1.5em;
    margin-bottom: 1em;
}

.kd_cbgroup > .form-check,
.kd_rbgroup > .form-check {
    background-color: #F7F7FA;
    background: #F7F7FA;
    border-radius: 8px;    
    padding: 16px;
    margin-bottom: 0.25rem;
}

.kd_rbgroup > .form-check {
    padding: 0px;
}

.kd_cbgroup > .form-check > label,
.kd_rbgroup > .form-check > label {
    font-weight: bold;
}

.kd_cbgroup > .form-check > .form-check-input,
.kd_rbgroup > .form-check > .form-check-input {
    margin-left: 0;
    margin-right: .5em;
    border-color: #7056D4;
    height: 1.125em;
    width: 1.125em;
}

/* Location Radius/Measure control */
.measure-toggle {
    display: inline-block;
    width: auto;
}
/* hide the checkbox */
.measure-toggle input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden;
    position: absolute;
}
/* label establishes the visible attributes for the control */
.measure-toggle label {
    cursor: pointer;
    text-indent: -9999px;
    width: 52px;
    max-width: 52px;
    height: 24px;
    background: #ffffff;
    border: solid 2px #c2bfe7;
    display: block;
    border-radius: 100px;
    position: relative;
}
/* switch button */
.measure-toggle label:after {
    content: '';
    position: absolute; top: 2px; left: 2px;
    width: 16px;
    height: 16px;
    background: #3328ae;
    border-radius: 90px;
    transition: 0.3s;
}
/* mi background */
.measure-toggle input:checked + label,
.measure-toggle input:checked + input + label  {
    background: #f9f9f9;
}

/* markup for the text label */
.measure-toggle input + label:before,
.measure-toggle input + input + label:before,
.measure-toggle input:checked + label:before,
.measure-toggle input:checked + input + label:before {
    position: absolute;
    top: -2px;
    height: 100%;
    width: 24px;
    border-radius: 90px;
    text-indent: 0;
    color: #000;
    transition: 0.3s;
}

/* Markup for "km" text */
.measure-toggle input + label:before,
.measure-toggle input + input + label:before {
    content: 'km';
    left: 21px;
}
/* Markup for "mi" text */
.measure-toggle input:checked + label:before,
.measure-toggle input:checked + input + label:before {
    content: 'mi';
    left: 8px;
}
/* Moves slider button to right side of control  */
.measure-toggle input:checked + label:after,
.measure-toggle input:checked + input + label:after {
    left: calc(100% - 2px);
    transform: translateX(-100%);
}

/* Popup dialog markup */
div.section1-content {
    text-align: center;
}
div.section1-content .image {
    margin-bottom: 1em;
}
    div.section1-content .image img {
        width: 50%;
        /* max-width: 100%;
        min-width: 75%; */
    }
div.section1-content div.header {
    font-weight: bold;
    line-height: 1.15em;
    margin-bottom: .5em;
}
div.section1-content div.body {
    color: #666666;
    padding: 0 2em;
}    

div.section2-content div.header div.text1 {
    font-weight: bold;
    font-size: 130%;
    line-height: 1.25em;
    margin-bottom: .5em;
}
div.section2-content div.header div.text2 {
    margin-bottom: 1.5em;
}
div.section2-connector {
    text-align: center;
}


div.section1 {
    text-align: center;
    margin: 10px 0 10px 0;
}

div.section2 {
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    text-align: center;
    margin: 10px 20px;
}

div.section3 {
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    color: #5f5f66;
    margin: 10px 10px;
}

div.section4 {
    color: #1f1f1f;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    margin: 20px 0;
}

div.section5 {
    margin-bottom: 1rem;
}


#alertmessage {
    border-radius: 22.21px;
    padding: 1.5em 2em 1.5em 2.5em;
    color: #1F1F1F;
    line-height: 1.2em;
    position: relative;
}

#alertmessage img {
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translate(0, -50%);    
}