.nested {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    border-bottom: 1px solid #cdcdcd;
    margin: 0 0 20px 30px;
    word-break: break-all;
}

#notificationViewContent label, #avsecPermissionList label, .treestructure label {
    margin: 0 0 5px 5px;
    font-size: 14px;
}

.caret::before {
    content: "\002B";
    color: black;
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 7px;
    font-size: 18px;
    font-weight: bold;
}

.caret-down::before {
    content: "\002D";
}

.welcome-content {
    display: none !important
}

#notificationViewContent input, #avsecPermissionList input, .treestructure input {
    margin-bottom: 5px;
}

table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.display tbody tr.odd > .sorting_1:hover, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: #fff !important;
}

table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.display tbody tr.even > .sorting_1:hover, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: #fff !important;
}

table.treetable thead tr th:first-child {
    padding-left: 55px !important;
}

.ms-webpart-zone, .tableCol-75, .ms-table {
    display: block !important;
}

.edit-mem .redstar:after {
    margin-left: 2px
}

.avsec-card {
    padding: 25px;
    border: 1px solid #cdcdcd;
    border-radius: 10px;
    margin-top: 20px;
    margin-bottom: 50px;
}

.control-Content input {
    margin-top: 4px !important;
}

img.avsec-banner, table {
    width: 100% !important;
}

.full-width-image {
    width: 100vw;
    position: absolute;
    left: 50%;
    margin-left: -50vw;
}

ul.avsec-list li a:hover {
    text-decoration: none;
    font-weight: 500;
    color: #828282;
}

.h-top {
    padding-top: 180px;
}

.avsec-list {
    list-style-type: none;
}

.edit-mem .form-label {
    text-align: left;
    margin-top: 5px;
    font-weight: bold;
    font-size: 14px
}

.edit-mem span, .dataTables_wrapper .dataTables_paginate .paginate_button {
    font-size: 14px
}

.form-control {
    padding: 5px 15px;
    font-size: 12px;
    border-radius: 5px;
}

input[type=file].form-control {
    padding: 3px 15px !important;
}

.form-check-input {
    margin-left: 0px;
    position: relative;
}

.table tr input[type="checkbox"] {
    height: 19px;
    margin-right: 5px;
    margin-top: -3px;
}

.permission-dir {
    margin-bottom: 20px;
}

.permission-dir {
    border: 1px solid #e4e3e3;
}

    .permission-dir div.col-md-5 {
        background-color: #e4e3e3;
        color: #000;
    }

.avsecforms h4 {
    color: #828282;
    margin: 10px 0 30px !important;
}

.avsecforms {
    /*    background-color: #f9f9f9;*/
    margin-top: 10px;
    border-radius: 10px;
}

.sp-peoplepicker-topLevel {
    border: none !important;
    width: 100% !important;
    line-height: 16px;
}

.avsecforms .form-control {
    border: 1px solid #cdcdcd !important;
    padding: 5px 15px !important;
    font-size: 14px;
}
/* Asterisk sign */
.edit-mem .form-group.required .redstar:after {
    color: #d00;
    content: "*";
    position: absolute
}

/*Table Pagination */
table.table-ib th, table.table-ib td {
    font-size: 14px !important;
    text-align: left;
    padding: 10px 15px !important;
    border: none
}
/*.table-ib{margin-top:30px} */

/*table.table-ib  tr:nth-child(even){
    background-color: #e4e3e3!important
}
table.table-ib  tr:nth-child(odd){
    background-color: #f9f9f9!important
}*/
.dataTables_wrapper .dataTables_filter input, .dataTables_length select {
    margin-left: 0.5em;
    border-radius: 5px;
    border: 1px solid #cdcdcd;
}

.avsec-list li {
    height: auto;
    margin: 10px 0;
}

.table-ib th {
    background: #333;
    color: #fff;
}

.avsecforms .form-group {
    margin-bottom: 1rem !important;
}

.gj-datepicker-md [role=right-icon] {
    position: absolute !important;
    top: 5px !important;
    right: 5px !important;
}

.pagination {
    margin: 0 !important;
}

    .pagination li:hover {
        cursor: pointer;
    }

.header_wrap {
    padding: 0;
}

.table-ib .num_rows {
    width: 20%;
    float: left;
}

.table-ib .tb_search {
    width: 20%;
    float: right;
}

.search-input .fa-search {
    position: absolute;
    bottom: 10px;
    right: 28px;
}
/* .table-ib tr th:first-child, .table-ib tr td:first-child,
.table-ib tr th:nth-child(2), .table-ib tr td:nth-child(2) {
    width: 5%;
} */
/*.table-ib tr th:nth-child(2), .table-ib tr td:nth-child(2) {
    width: 35%;
} 
.table-ib tr th:last-child, .table-ib tr td:last-child {
    width: 20%;
}*/
/* .num_rows{visibility: hidden;} */
.pagination > li:first-child > a, .pagination > li:first-child > span,
.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-left-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}

.pagination > li > a, .pagination > li > span {
    background-color: inherit !important;
    border: none !important;
    margin-left: 15px !important;
    border-radius: 20px;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #fff !important;
    border: 1px solid #ddd !important;
    color: #000 !important;
}

.pagination > li > a, .pagination > li > span {
    padding: 0px 5px !important;
    font-size: 10px;
}

.navigation-row .form-control {
    height: 20px;
    width: 50px;
    padding: 0 5px;
    font-size: 12px;
    margin-left: 10px
}

.rows_count {
    float: left;
}

.num_rows {
    overflow: hidden;
}
/* Tree View */

.cbxTree > .cbxTree-node {
    padding-left: 0;
}

.cbxTree-node {
    padding-left: 15px;
}

.cbxTree-swicth {
    width: 10px;
    height: 18px;
    font-size: 16px;
    color: #000;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin-right: -13px;
}

    .cbxTree-swicth:before {
        content: "+";
    }

    .cbxTree-swicth.open:before {
        content: "-";
    }

.cbxTree-label {
    margin-left: 15px;
}

.cbxTree-swicth ~ .cbxTree-node {
    display: none;
}

.cbxTree-swicth.open ~ .cbxTree-node {
    display: block;
}

.selectlist select {
    width: 100%;
    height: 300px;
    border: 1px solid #cdcdcd;
    overflow-x: auto
}

    .selectlist select option {
        padding: 2px 5px
    }

.smartpart {
    background-color: #333;
    padding: 10px 20px;
    color: #fff
}

    .smartpart h5 {
        margin: 0;
        font-size: 16px !important
    }

.secondary-btn, .primary-btn {
    font-size: 14px !important
}

.primary-btn {
    background: #464646 !important;
    color: #fff !important;
    border-color: #464646 !important;
}

.smstextbox textarea {
    width: 100%;
    height: 120px;
    margin-top: 5px;
    border: 1px solid #cdcdcd;
}

.redtext {
    color: #d00
}

.uploadfile.form-control {
    padding: 3px 15px;
}

/*Update Sec Dir*/

.updatesec tr td input {
    width: 100%;
}

.updatesec tr > :nth-child(n+3), .updatesec tr > td:nth-child(odd) input {
    text-align: right;
}

table.table-ib, table.treetable {
    border-bottom: 1px solid #cdcdcd !important;
}

table.dataTable.dtr-inline.collapsed tbody td:first-child,
table.dataTable.dtr-inline.collapsed tbody th:first-child {
    padding-left: 30px !important;
    text-align: left !important;
}

    table.dataTable.dtr-inline.collapsed tbody td:first-child:before,
    table.dataTable.dtr-inline.collapsed tbody th:first-child:before {
        top: unset !important
    }

span.dtr-data {
    white-space: break-spaces;
    word-break: break-all;
}

@media only screen and (max-width:1023px) {
    .h-top {
        padding-top: 120px;
    }
}

@media (max-width:991px) {
    #notificationViewContent label, #avsecPermissionList label, .treestructure label {
        word-break: break-all;
    }

    .edit-mem .form-label {
        text-align: left;
    }

    .edit-mem .required .col-lg-3 {
        margin-top: 15px;
    }

    .selectlist select {
        height: 200px;
        margin-bottom: 20px;
    }

    .avsec-card {
        width: 90%;
        padding: 0 16px
    }
}

@media only screen and (max-width:767px) {
    .smstextbox textarea {
        height: 75px;
    }

    .avsec-list {
        padding: 0px;
    }

    .h-top {
        padding-top: 70px;
    }
}
