.kerasno_proform_master_wrapper {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-direction: column;
}

.datepicker-plot-area {
    font-family: inherit !important;
    font-size: 15px !important;
}
.pwt-btn-today {
    float: none !important;
    font-size: 13px !important;
    margin:  0 0 5px 0 !important;
    display: inline-block !important;
    background-color: #0d6efd !important;
    color: white !important;
    border-radius: 5px !important;
    padding: 5px !important;
    line-height: 15px !important;
  }
  
  .datepicker-plot-area {
    border-radius: 5px !important;
    border: 1px solid #d63384 !important;
    padding: 5px !important;
    min-width: 300px !important;
    width: auto !important;
  }
  
  .datepicker-plot-area .datepicker-day-view .table-days td.selected span, .datepicker-plot-area .datepicker-year-view .year-item.selected, .datepicker-plot-area .datepicker-month-view .month-item.selected {
    border-radius: 5px !important;
    background-color: #198754!important;
  }
  
  .datepicker-plot-area .datepicker-day-view .table-days td.today span {
    border-radius: 5px !important;
    background-color: #0d6efd!important;
  }
  
  .datepicker-plot-area .datepicker-day-view .table-days td.selected span .datepicker-plot-area .datepicker-day-view .table-days td:hover, .datepicker-plot-area .datepicker-day-view .table-days td span:hover, .datepicker-plot-area .datepicker-year-view .year-item:hover, .datepicker-plot-area .datepicker-month-view .month-item:hover {
    background-color: #ffc107 !important;
    border-radius: 5px !important;
  }
  
  .text-danger {
    color: #dc3545 !important;
  }

.kerasno_form_step:not(:first-child) {
    display: none;
}
.kerasno_form_step {
    margin: 15px;
    .kss_wrapper.kinlineverifycodeemail_wrapper,
    .kss_wrapper.kinlineverifycode_wrapper {
        display: none;  
    }
    .kss_wrapper.kinlineverifiedemail_wrapper,
    .kss_wrapper.kinlineverified_wrapper {
        display: none;

        .kemail_inner,
        .kmobile_inner {
            display: flex;
            align-items: center;
            align-content: center;
            justify-content: center;
            border-radius: 5px;
            margin: 10px 0;
            padding: 10px 0;
            p {
                text-align: center;
                color: #fff;
                margin: 0;
                padding: 0;
            }
        }        
    }
    .kemail_inner,
    .kmobile_inner {
        display: flex;
        flex-wrap: nowrap;

        input {
            width: 65% !important;
        }
        a {
            width: 35% !important;
        }
        .kemail_verify_code,
        .kmobile_verify_code,
        .kemail_sendcode,
        .kmobile_sendcode {
            display: flex;
            align-items: center;
            align-content: center;
            justify-content: center;
            background: #fff;
            margin: 0 3px;
            border-radius: 5px;
            text-decoration: none;
            border: 1px solid #ababab;
        }
    }
    .kerasno_proform_back {
        max-height: 25px;
        width: auto;
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
    }
    .kerasno_form_title {
        display: block;
        margin: 10px;
        text-align: center;
        font-size: 17px;
    }
}
.kerasno_pcf {
    
    .kpf_footer_wrapper {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        align-content: center;
        justify-content: space-between;
        margin: 15px 0;
        
        a {
            text-decoration: none;
            text-align: center;
            min-width: 33%;
        }
    }

    .kerasno_form_step {
        position: relative;

        .success_pass_changed {
            text-align: center;
            margin: 30px 0;
            background: #669f0d;
            padding: 20px 20px;
            color: #fff;
            border-radius: 5px;
        }
        .mreeir-loading {
            margin: 0;
            padding: 0;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            display: flex;
            align-items: center;
            align-content: center;
            justify-content: center;
            background: #ffffff82;
            opacity: .6;
            z-index: 999999;
    
            .mreeir-loading-icon {
                    animation: mreeir-spinner .3s linear infinite;
                    border: 2px solid #1d262d;
                    border-right-color: transparent;
                    border-radius: 100%;
                    display: inline-block;
                    position: relative;
                    overflow: hidden;
                    text-indent: -9999px;
                    width: 30px;
                    height: 30px;
                    vertical-align: middle;
                    margin: 20px 10px 40px;
            }
        }
    }
    .kss_wrapper {
        display: grid;
        grid-template-columns: 1fr;
        margin-bottom: 15px;

        &.passlogintype,
        &.otplogintype,
        &.inputtypeholder,
        &.userinputholder,
        &.userisnotuser,
        &.userisnotuserholder {
            display: none;
        }
        &.formidholder {
            display: none;
        }
        &.kuserrole_single_role {
            margin: 0;
        }
        &.kradio_wrapper,
        &.kcheckbox_wrapper {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            align-content: flex-start;
            justify-content: flex-start;
        }
        .inner_kcaptcha_wrapper {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: space-between;
            align-content: center;
            flex-wrap: nowrap;
            margin: 5px 0;
            
            .kcaptcha_refresh {
                background: #608328;
                border-radius: 5px;
                color: #fff;
                font-size: 15px;
                padding: 5px 15px;
                cursor: pointer;
            }
            .kcaptchaimage {
                border-radius: 8px;
            }
        }
        select,
        input[type=tel],
        input[type=text],
        input[type=email],
        input[type=password],
        textarea {
            width: auto;
            height: 50px;
            font-size: 20px;
            padding: 0 20px;
            border-radius: 5px;
            border: 0;
            border: 1px solid green;
        }
        textarea {
            padding: 20px;
        }
        .kerasno_submit {
            cursor: pointer;
        }
        button {
            width: auto;
        }
        textarea {
            width: auto;
        }
        .resetpass_momail,
        .kcaptcha,
        .unmomail,
        .unmomailpass,
        .loginmomail,
        .verifyloginmomail,
        .kmobile_field,
        .kpassword_field,
        .knationalcode_field,
        .knationalid_field,
        .kbanknumber_field,
        .kbanksheba_field,
        .kpostalcode_field,
        .kfarsidatepicker_field,
        .kenglishdatepicker_field {
            text-align: center;
        }
        input {
             /* webkit solution */
             &::-webkit-input-placeholder {
                text-align:right !important;
            }
            /* mozilla solution */
            &:-moz-placeholder {
                text-align:right !important;
            }
        }
        // .kcaptcha_field,
        .kusername_field,
        .kemail_field
         {
            text-align: left;
            /* webkit solution */
            &::-webkit-input-placeholder {
                text-align:right;
            }
            /* mozilla solution */
            &:-moz-placeholder {
                text-align:right;
            }
        }
        .kradio_wrapper {
            display: flex;
            align-items: center;
            align-content: center;
            justify-content: center;
            flex-wrap: nowrap;
            margin: 0;
            & input {
                -ms-transform: scale(1.8); /* IE 9 */
                -webkit-transform: scale(1.8); /* Chrome, Safari, Opera */
                transform: scale(1.8);
                margin-left: 12px;
            }
            & > * {
                cursor: pointer;
            }
        }
        .kcheckbox_wrapper {
            display: flex;
            align-items: center;
            align-content: center;
            justify-content: center;
            flex-wrap: nowrap;
            margin: 0;

            & input {
                width: 23px;
                height: 23px;
                margin-left: 12px;
            }
            & > * {
                cursor: pointer;
            }
        }
    }
    .kff_title,
    .kff_description {
        margin: 5px 0;
        padding: 0;
    }
    .kff_title {
        span {
            display: inline-block;
            margin: 0 3px;
        }
    }
}
