/* ------------------------------------ */
table{width:100% !important;}
table a {margin: 0px;transition: all 0.4s;-webkit-transition: all 0.4s; -o-transition: all 0.4s;-moz-transition: all 0.4s;}
table a:focus {outline: none !important;}
table a:hover {text-decoration: none;color:#000;}
/* ------------------------------------ */
table h1, table h2,table h3, table h4, table h5, table h6 {margin: 0px;}
table p {margin: 0px;}
table ul, table li {margin: 0px;list-style-type: none;}
table{border-collapse:separate;}
.table-wrp {}
.table-36 table{max-height:calc(100% - 36px) !important;}
.table-60 table{max-height:calc(100% - 60px) !important;}

.limiter, .container-table100,.wrap-table100, .table100{max-height:100% !important;}
.dataTables_paginate{color:#333 !important;margin:0.25em 0 0.5em;padding: 0 !important}
.dataTables_wrapper{min-height:50vh;position:relative;}

table tbody {overflow-y: auto;}/* body takes all the remaining available space */ 
table tbody tr {width: 100%;padding:12px inherit;max-height:50px;}
.dataTables_wrapper{height:calc(100% - 75px);padding-top:10px;} 
.dataTables_info{padding-left:12px;}
 /*//////////////////////////////////////////////////////////////////
[ Table ]*/
.container-table100 {width: 100%;overflow:visible;}
.wrap-table100 {width:100%;}
/*//////////////////////////////////////////////////////////////////
[ Table ]*/
table tr:nth-child(even){background-color:#f6f6f6 !important;}
th{color:#000;font-weight:bold;}
th, td {font-weight: unset;text-align:center;overflow:hidden;white-space: nowrap}
tr{max-height:46px !important;}
.column100 {width: 130px; padding-left: 25px;}
.column100 td { width: 130px; padding-left: 25px;}
.column100.column1 { width: 265px;padding-left: 42px;}
.row100.head th { padding-top: 6px; padding-bottom: 6px;text-align:center;}
.row100 td {padding:8px;}
table.dataTable.no-footer{border-bottom:1px solid #e6e6e6 !important;}
/*==================================================================
[ Ver1 ]*/

.table100.ver1 td {font-size: 14px;}
.row100 th:nth-child(1) { width: 265px;}
.table100.ver1 th { border-bottom: 1px solid #ccc ;font-size: 12px;line-height: 1.4;text-transform: uppercase;}
.table100.ver1 td{height:46px;padding:0 8px;}
thead tr:hover{background-color:none !important;}
tbody tr:hover {background-color: #f2f2f2 !important;cursor:pointer}
.table100.ver1 .hov-column-ver1 {background-color: #f2f2f2;}
.table100.ver1 .hov-column-head-ver1 {background-color: #484848 !important;}
td:hover {color:#000;}
.dataTables_filter{padding-right:25px;}
.dataTables_filter label{position:relative;}
.dataTables_filter input{border-radius:24px;border: 1px solid #dfe1e5;box-shadow:none;padding-left:32px;height:30px;width:250px;}
.dataTables_filter input:hover, .dataTables_length select:hover{border-color: rgba(223,225,229,0);box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28)}
.dataTables_filter input:focus { outline: none;border-color: rgba(223,225,229,0);box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28) }
.dataTables_filter i{position:absolute;left:20px;bottom:8px;}
.dataTables_length{padding-left:25px;}
.dataTables_length select{border-radius:24px;border: 1px solid #dfe1e5;height:30px;width:65px;padding-left:8px;}
.dataTables_length select:focus{outline: none;border-color: rgba(223,225,229,0);box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28) }
.sorting_desc{color:#0059b5 !important}
.sorting_asc{color:#0059b5 !important}
@keyframes spinner {to { transform: rotate(360deg);}}
.dataTables_processing{margin-top:0 !important;position:relative;padding-top:0 !important;background:none !important;}
.dataTables_processing .loader{margin:0;}
.dataTables_processing .dot{width: 1.8em;height: 1.8em}
table.dataTable tfoot th, table.dataTable tfoot td{border-top:1px solid #e6e6e6 !important;}
table {border-color:#fff !important; }
tfoot th{min-height:70px;}
.dataTables_scrollBody {min-height: 100px;flex-grow: 1;height: calc(100vh - 210px);}
.dataTables_wrapper.no-footer .dataTables_scrollBody {border-color: #e6e6e6 !important;}
#hometable_wrapper{padding-top:20px;}
thead{line-height:2;}
thead tr{height:35px;margin:25px 0;}
.quote__wrap #items{background-color:#fff;}

@media (max-width: 1000px) {
.dataTables_length{float:left !important;width:20%;}
.dataTables_filter{float:right !important;width:80%;margin-top:0 !important;text-align:right !important;}
.quote__wrap{background-color:#fff;}
.quote__wrap #newQuoteTable_wrapper{margin-top:10px;}
#userTable_wrapper{padding-top:12px !important;}
.user_wrap .dataTables_scrollBody{height:calc(100vh - 255px) !important;overflow-y:auto;}
}

@media screen and (min-width:1000px) and (max-width:1200px) {

.quote__wrap .dataTables_scrollBody{height:calc(100vh - 300px) !important;overflow-y:auto;}
.user_wrap .dataTables_scrollBody{height:calc(100vh - 255px) !important;overflow-y:auto;}
}


@media screen and (min-width:1000px) and (max-width:1200px) {
.quote__wrap .dataTables_scrollBody{height:calc(100vh - 315px) !important;overflow-y:auto;}
.quote__wrap #items{height: calc(100vh - 215px) !important;}
.user_wrap .dataTables_scrollBody{height:calc(100vh - 255px) !important;overflow-y:auto;}
}
@media screen and (min-width:1201px) and (max-width:1399px) {
.quote__wrap #items{height: calc(100vh - 385px) !important;}
.quote__wrap .dataTables_scrollBody {height: calc(100vh - 480px) !important;}
.user_wrap .dataTables_scrollBody{height:calc(100vh - 255px) !important;overflow-y:auto;}
}

@media screen and (min-width:1400px) {
    .quote__wrap .dataTables_scrollBody{height:calc(100vh - 480px) !important;overflow-y:auto;}
    .user_wrap .dataTables_scrollBody{height:calc(100vh - 255px) !important;overflow-y:auto;}
}