.layui-table > .abduweliui-pic {
    overflow: hidden;
    max-width: inherit;
    width: 154px;
    height: 276px;
    margin-right: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.layui-table > .abduweliui-pic:nth-child(10n) {
    margin-right: 0;
}

/*布局*/
.layui-layout-admin .layui-header {
    height: 50px;
}

.layui-layout-admin .layui-header .layui-logo {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
    color: #fff;
    font-size: 18px;
    line-height: 50px;
}

.layui-layout-admin .layui-header .layui-nav .layui-nav-item {
    line-height: 50px;
}

.layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child {
    top: 55px;
}

.layui-layout-admin .layui-header .layui-nav .layui-nav-item > a {
    color: #fff;
}

.layui-layout-admin .layui-header .layui-nav .layui-nav-bar {
    display: none;
}

.layui-layout-admin .layui-header .layui-nav .layui-this:after {
    display: none;
}

.layui-layout-admin .layui-header .layui-layout-left {
    padding: 0;
}

.layui-layout-admin .layui-header .layui-layout-left .layui-nav-item a:hover,
.layui-layout-admin .layui-header .layui-layout-left .layui-nav-item.layui-this a {
    background: rgba(0, 0, 0, .1);
}

.layui-layout-admin .layui-breadcrumb {
    position: absolute;
    top: 50px;
    right: 200px;
    text-align: right;
    z-index: 999;
    box-sizing: border-box;
    padding: 0 15px;
    width: 100%;
    height: 45px;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    line-height: 45px;
}

.layui-layout-admin .layui-side {
    top: 50px;
}

.layui-layout-admin .layui-side .layui-nav-child a {
    padding-left: 42px;
}

.layui-layout-admin .layui-body {
    top: 95px;
    bottom: 0;
    z-index: auto;
    padding: 15px;
    background-color: #f2f2f2;
}

.layui-layout-iframe .layui-form {
    margin: 15px;
}

/*内容区*/
.layui-btn-normal {
    background-color: #5867dd;
}

.layui-btn-danger {
    background-color: #dc515f;
}

.layui-form .layui-form-item .layui-btn-position {
    position: absolute;
    top: 0;
    right: 0;
}

.layui-form .layui-form-item .layui-form-selected dl {
    z-index: 9999;
}

.layui-card .layui-card-header {
    height: auto;
}

.layui-card .layui-card-header .layui-form {
    margin-top: 0;
    padding-top: 10px;
    line-height: normal;
}

.layui-card .layui-card-header .layui-form .layui-form-item {
    margin-bottom: 0;
}

.layui-card .layui-card-header .layui-form .layui-form-item .layui-input-inline {
    margin: 0 10px 10px 0;
}

.layui-card .layui-card-body .layui-table {
    margin: 0;
}

.layui-card .layui-card-body .layui-table th {
    font-weight: 700;
}

.layui-card .layui-card-body .layui-table td {
    max-width: 400px;
    word-wrap: break-word;
    word-break: break-all;
}

.layui-card .layui-card-body .layui-btn + .layui-table {
    margin-top: 10px;
}

.layui-card .layui-card-body .layui-form {
    padding-top: 5px;
}

.layui-card .layui-card-body .layui-tab .layui-tab-content {
    padding: 10px 0;
}

.layui-card .layui-card-body .layui-btn-group {
    margin-bottom: 10px;
}

/*首页*/
.index-nav a {
    float: left;
    display: block;
    margin-right: 15px;
    width: 120px;
    height: 80px;
    border: 1px solid #efefef;
    color: #5867dd;
    text-align: center;
}

.index-nav a:hover {
    background-color: #5867dd;
    color: #fff;
}

.index-nav a i {
    display: block;
    padding: 10px 0 5px;
    font-size: 30px;
}

/*图标库*/
.icon-library {
    margin: 4px;
}

.icon-library .fa {
    display: block;
    border: 1px solid #efefef;
    text-align: center;
    line-height: 53px;
    cursor: pointer;
}

.icon-library .fa:hover {
    border: 1px solid #5867dd;
}

/*分页*/
.page ul {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 0;
}

.page ul li {
    display: inline-block;
    margin: 0 -1px 0 0;
    height: 28px;
    border: 1px solid #e2e2e2;
    background-color: #fff;
    color: #333;
    font-size: 14px;
    line-height: 28px;
}

.page ul li a, .page ul li span {
    display: block;
    padding: 0 15px;
}

.page ul li.disabled {
    color: #d2d2d2;
}

.page ul li.active {
    border: 1px solid #5867dd;
    background-color: #5867dd;
    color: #fff;
}



.custom-radio-group {
    display: inline-flex;
    flex-wrap: wrap;
}

.custom-radio {
    display: inline-block;
    position: relative;
}

.custom-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.custom-radio .radio-label {
    display: inline-block;
    padding: 8px 16px;
    font-size: 14px;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #333;
    cursor: pointer;
    transition: all 0.3s ease;
}

.checked{
    background-color: #5867dd !important;
    border-color: #5867dd !important;
    color: white !important;
}

.custom-radio input:checked + .radio-label {
    background-color: #5867dd;
    border-color: #5867dd;
    color: white;
}

.custom-radio:hover .radio-label {
    background-color: #f0f0f0;
    border-color: #ccc;
}

.custom-radio input:checked:hover + .radio-label {
    background-color: #4150b8 !important;
    border-color: #4150b8;
}

/* Layui نىڭ ئەسلىدىكى radio كونتروللىرىنى يوشۇرۇش */
.layui-form-radio {
    display: none !important;
}

.form-group {
    margin-bottom: 1rem;
}

.form-group label {
    display: block;
    margin-bottom: 0.5rem;
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
}


.img_input{
    padding-left: 10px;
    text-align: left !important;
}


.iz_flex {
    direction: rtl;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px; /* Negative margin to counteract padding */
}

.iz_flex > * {
    padding: 0 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
}

/* 2 columns */
.iz_flex.cols-2 > * {
    width: 50%;
}

/* 3 columns */
.iz_flex.cols-3 > * {
    width: 33.333%;
}

/* 4 columns */
.iz_flex.cols-4 > * {
    width: 25%;
}

/* Ensure the input takes full width of its container */
.iz_flex .layui-form-item .layui-input-block {
    margin-left: 0;
    width: 100%;
}

.iz_flex .layui-form-item .layui-form-label {
    width: 100%;
    text-align: right;
    padding: 9px 0;
}

/* Responsive design */
@media screen and (max-width: 768px) {
    .iz_flex.cols-2 > *,
    .iz_flex.cols-3 > *,
    .iz_flex.cols-4 > * {
        width: 50%;
    }
}

@media screen and (max-width: 480px) {
    .iz_flex.cols-2 > *,
    .iz_flex.cols-3 > *,
    .iz_flex.cols-4 > * {
        width: 100%;
    }
}