.darker-border-checkbox.form-check-input {
    border-color: #929292;
}


.card {
    margin-bottom: 20px;
}

    .card .card-header {
        padding: 10px 15px 10px 15px;
        background-color: #f7f7f7;
    }

.card-title {
    margin-bottom: 0;
}

.card .card-body {
    padding: 10px 15px 20px 15px;
}

/*left menu user section on the top need less padding*/
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-user {
    padding: 10px 10px 5px 10px;
}

.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu {
    padding: 5px 20px 5px 10px
}

.page-wrapper .page-body-wrapper .page-header {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: wheat;
    margin-left: -30px;
    padding-left: 30px;
    margin-right: -14px;
    margin-bottom: 15px;
}

/*option dropdown for list items like edit / delete */
.list-option-ddl {
}

    .list-option-ddl ul {
        min-width: auto;
    }

    .list-option-ddl li,  .list-option-ddl li a {
        background-color: #e3e3e3;
        /*margin: 0;*/
        /*padding: 3px 0px;*/
        /*text-align: center;*/
        border-bottom: 1px solid lightgray;
        font-weight: 500;
    }

        .list-option-ddl li a:hover {
            background-color: #c6cbdd;
            border-color: #c6cbdd;
        }



/*0.5x*/
.fa-05x {
    font-size: 0.5em
}

/*0.75x*/
.fa-75x {
    font-size: 0.75em
}

/*1.25x*/
.fa-1025x {
    font-size: 1.25em
}

/*1.5x*/
.fa-105x {
    font-size: 1.5em
}

body {
    overflow: auto; /*because of bigger table listing*/
}

.page-wrapper {
    overflow: initial; /*because of bigger table listing*/
}

.table-lr-listing {
    min-width: max-content;
}

    .table-lr-listing thead {
        /*sticky header row*/
        /*position: -webkit-sticky;
        position: sticky;
        top: 49px;*/ /* The height of top nav menu. */
        /*z-index: 1;*/
    }

        .table-lr-listing thead th {
            padding: 2px 5px 2px 5px;
            text-align: center;
            vertical-align: middle;
            margin: 0;
            border-style: solid;
            border-color: lightgray;
            border-width: 2px;
        }

    .table-lr-listing tbody td {
        padding: 2px 5px 2px 5px;
        text-align: center;
        vertical-align: middle;
        margin: 0;
        border-style: none solid solid solid;
        border-color: lightgray;
        border-width: 1px;
    }

.table-responsive {
    min-height: 150px;
    max-height: 450px;
    /*height: 450px;*/
    overflow-y: scroll;
    border: solid 1px silver;
    -ms-border-radius: 5px;
    border-radius: 5px;
}


.btn-group {
    position: static !important;
}

/*For option dropdown on list page like button-group */
.btn-toggle {
    font-size: 20px;
    padding: 4px 7px;
    line-height: 1;
    background: #6c757d;
    border-color: #6c757d;
    color: #fff;
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
}

    .btn-toggle + .dropdown-menu {
        min-width: 7rem;
        padding: 0px 0;
        margin: 0;
        background-color: yellow;
        left: 30px !important;
    }

        .btn-toggle + .dropdown-menu > .dropdown-item {
            background-color: #e3e3e3;
            /*margin: 0;*/
            /*padding: 3px 0px;*/
            /*text-align: center;*/
            border-bottom: 1px solid lightgray;
        }

            .btn-toggle + .dropdown-menu > .dropdown-item:hover /*, .btn-light:focus, .btn-light:active, .btn-light.active */ {
                background-color: #c6cbdd;
                border-color: #c6cbdd;
                /*background-color: #d3d8eb !important;
                border-color: #d3d8eb !important;*/
            }


.Delete {
    background-color: #fba0a0 !important;
}

    .Delete:hover {
        background-color: #e68181 !important;
    }
.deleted-record {
    background-color: #FBD4DF !important;
    /*background-color: #FFD6D1 !important;*/
}

.show-progress-btn {
        cursor: pointer;
}