/* Add here all your CSS customizations */
.grayBox{
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.7);
}

form > .form-group > .list-inline li .input-group {
        display: inline-table;
}


.dataTables_paginate.paging_bootstrap.pagination li { float: left; margin: 0 1px; border: 1px solid #ddd; list-style: none; }
.dataTables_paginate.paging_bootstrap.pagination li.disabled a { color: #c7c7c7; }
.dataTables_paginate.paging_bootstrap.pagination li a { color: #797979; padding: 5px 10px; display: inline-block; }
.dataTables_paginate.paging_bootstrap.pagination li:hover a, .dataTables_paginate.paging_bootstrap.pagination li.active a { color: #fff; background: #047ebd; text-decoration: none; }
.dataTables_paginate.paging_bootstrap.pagination li:hover, .dataTables_paginate.paging_bootstrap.pagination li.active { border-color: #032539; }
.dataTables_paginate.paging_bootstrap.pagination li.disabled:hover, .dataTables_paginate.paging_bootstrap.pagination li.disabled:hover a { color: #C7C7C7; background: #fff; border-color: #DDDDDD; cursor: no-drop; }
.dataTables_paginate.paging_bootstrap.pagination { float: right; margin-bottom: 15px; }

#no_information {
    padding: 8px;text-align: center;background: #e6f0f2;border-radius: 4px;margin: 10px 0px;
}

/* WebKit-based browsers */
::-webkit-scrollbar {
    width: 14px;
    height: 14px;
}

::-webkit-scrollbar-track {
    background: linear-gradient(45deg, #f5f7fa, #c3cfe2);
    border-radius: 7px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(45deg, #c3cfe2, #a1a3a5);
    border-radius: 7px;
    border: 3px solid transparent; /* Creates space around the thumb */
    background-clip: content-box; /* Ensures the border doesn't affect the thumb size */
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(45deg, #a1a3a5, #6d6e71);
}

::-webkit-scrollbar-button {
    background-color: #d1d5da;
    border-radius: 50%;
    height: 14px;
    width: 14px;
    display: block;
}

::-webkit-scrollbar-button:hover {
    background-color: #a1a3a5;
}

::-webkit-scrollbar-corner {
    background-color: #f5f7fa;
}

/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #c3cfe2 #f5f7fa; /* thumb color, track color */
}