/* custom form design start here */

.custom--form input,
.custom--form .select2-selection,
.custom--form .toggle.btn {
    height: 30px !important;
}

.custom--form .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 30px;
}

.custom--form .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 30px;
}

.custom--form input.form-control,
.custom--form select.form-control {
    height: 30px !important;
    line-height: 25px;
    padding: 0px 8px;
}

.custom--form .caps.skipAutoId {
    height: initial !important;
}

.custom--form .toggle.btn {
    min-height: 30px !important;
    width: 60px !important;
    display: block;
}

.custom--form .list-group-item {
    padding: 3px 5px;
}

.custom--form .input-group-text {
    padding: 0 8px;
}

.custom--form .toggle-group .btn {
    line-height: 16px !important;
}

/* select-2 design */

.custom--form .select2-container .select2-selection--multiple {
    min-height: 30px !important;
    line-height: 30px !important;
    border-radius:8px; 
}

.custom--form .select2-selection__rendered {
    position: relative;
    top: -1px;
}

.custom--form .select2-selection__choice {
    margin-top: 0 !important;
    position: relative;
}

.custom--form .select2-container--default .select2-search--inline .select2-search__field {
    margin-top: 0;
}


/* table design */

@media (min-width:992px) {
    .custom--form .table td {
        padding: 3px 5px !important;
    }
}

.custom--form .table th {
    background-color: #e8eaee !important;
    padding: .5rem .5rem !important;
}

.custom--form .table th {
    background-color: #e8eaee !important;
    color: #000 !important;
    padding: .5rem .5rem !important;
}

/* table design end */

.custom--form .nav-link {
    padding: .2rem 1rem !important;
    margin-bottom: 5px !important;
}

.custom--form .btn i {
    margin-right: 0px;
}


.custom--form .btn.h-45 {
    height: initial !important;
}

.custom--form .icon-move.item {
    border: 1px solid #ddd;
    padding: 20px;
    margin-bottom: 20px;
    background: #e8eaee3d;
}

.custom--form .navs-btn {
    width: 100%;
}

.custom--form .navs-btn .nav {
    width: 120px;
}

.custom--form .navs-btn .tab-content {
    width: calc(100% -120px);
    max-width: 350px;
}

.custom--form .navs-btn .list-group-item {
    width: 100%;
}

.custom--form .navs-btn .list-group-item p {
    width: calc(100% -70px);
}

.custom--form .navs-btn .list-group-item span {
    width: 70px;
    display: flex;
    justify-content: end;
    height: 30px;
    gap: 2px;
}



.custom--form .nav-tabs {
    /*background: #f3f3f9;*/
    border: none;
}

.custom--form .nav-item .nav-link {
    margin-bottom: 0px !important;
}

.custom--form .nav-tabs .nav-link {
    margin-bottom: -1px !important;
}

.custom--form .nav-tabs .nav-link.active {
    background-color: #fff;
}

.custom--form .tab-content {
    border: 1px solid #dee2e6;
    padding: 10px;
    width: 600px;
}

.custom--form .targeting--tab .tab-content {
    border: none;
    padding: 0px;
}

.custom--details.custom--form .nav-tabs .nav-item.show .nav-link,
.custom--details.custom--form .nav-tabs .nav-link.active {
    border-color: #dee2e6 #dee2e6 #dee2e6 !important;
}

.custom--form table thead tr:first-child th {
    border-radius: 0px;
    border-left: 1px solid #e8e8e8;
}

.custom--form .image-upload .thumb .avatar-edit label {
    line-height: 30px;
}



.select2-container .select2-selection--single {
    height: unset !important;
}

.custom--form .select2-selection {
    height: unset !important;
}

.custom--form input,
.custom--form .select2-selection,
.custom--form .toggle.btn {
    height: auto !important;
}

.select2-selection.select2-selection--multiple {
    padding: 2px !important;
    padding-bottom: 0 !important;
}

/* custom table start */
.custom--table.has-dropdown.card {
    background-color: transparent;
    box-shadow: none;
}

/* .custom--table.has-dropdown .table-responsive {
    min-height: 250px;
} */

.custom--table.has-dropdown .table {
    background-color: #ffff;
    border-radius: 5px;
}

@media (min-width:992px) {
    .custom--table .table td {
        padding: 3px 5px !important;
    }
}

.custom--table .table th {
    background-color: #e8eaee !important;
    padding: .5rem .5rem !important;
}

.custom--table .table th {
    background-color: #e8eaee !important;
    color: #000 !important;
    padding: .5rem .5rem !important;
}


/* custom table end */

.accordion--header {
    padding: 4px 15px !important;
}