

.col-arrival { width: 8%; white-space: nowrap; }
#your-visitors .col-arrival { width: 17%; white-space: nowrap; padding-right: 2% !important; }
.col-note { width: 2.5%; text-align: center; }
.col-parking { width: 2.5%; text-align: center; }
.col-name { width: 16.2% }
.col-company { width: 16.2% }
.col-tenant { width: 16.2% }
.col-tenant-name { width: 16.2% }
.col-phone { width: 8.7%; margin-right: 0.5rem; }
.col-days { width: 3.5%; text-align: center; }
.col-building { width: 2.5%; white-space: nowrap; /*text-align: right;*/ }
.col-dashpass { width: 2.5% }
.col-edit { width: 40px; }
.col-confirmed { }

i.fas.fa-car.text-blue {
    padding-right: 7px;
}

.fox-data-table table thead th{ color : #666666; text-transform: uppercase; font-size : 0.7em; letter-spacing: 2px; padding: .5rem 0rem .5rem 0rem; }
.fox-data-table table thead th:first-child{ padding-left:0; }

.fox-data-table table thead th.lg{ width : 40%; }
.fox-data-table table thead th.sort { color : #003567; }
.fox-data-table table thead th.sortable:not(.before):after {  font-family: FontAwesome;  content: '\f106';  color : #CCCCCC; padding-left: 5px; }
.fox-data-table table thead th.sortable.desc:not(.before):after {  font-family: FontAwesome;  content: '\f107';  color : #CCCCCC; }
.fox-data-table table thead th.sort.sortable:not(.before):after {  font-family: FontAwesome;  content: '\f106';  color : #f5a000; }
.fox-data-table table thead th.sort.sortable:not(.before).desc:after {  font-family: FontAwesome;  content: '\f107';  color : #f5a000; }
.fox-data-table table thead th.sortable.before:after {  font-family: FontAwesome;  content: '\f106';  color : #CCCCCC; float: right; padding-right: 5px; }
.fox-data-table table thead th.sortable.before.desc:before {  font-family: FontAwesome;  content: '\f107'; }
.fox-data-table table thead th.sort.sortable.before:before {  font-family: FontAwesome;  content: '\f106';  color : #f5a000; }
.fox-data-table table thead th.sort.sortable.before.desc:before {  font-family: FontAwesome;  content: '\f107';  color : #f5a000; }
.fox-data-table table thead th { border : none; }
.fox-data-table table td { border-top : none; border-bottom : 2px solid #CCCCCC; padding: .5rem 0rem .5rem 0rem; }
.fox-data-table table td.text-col-sm { font-size: 0.7em; color: #999; font-weight: 600; text-transform: uppercase; letter-spacing: 0.025rem; vertical-align: middle; padding-left: 0; vertical-align: top;  padding-left: 0; padding: 0.75rem 0 0; }
.fox-data-table table td.confirmed i { color: #CCCCCC; }
/* .fox-data-table table td.confirmed i.confirmed { color: #003567; border-radius: 20px; border : 10px solid #39b549; background : #39b549; margin-left : -10px; } */
.fox-data-table table td.confirmed i.confirmed { color: #39b549; }
.fox-data-table table td.confirmed i.confirmed:hover { color: #fff; }
.fox-data-table table tbody tr { border-radius : 4px; }
.fox-data-table table td i { color: #666666; }
.fox-data-table table td.parking i{ color : #003567; }

/* .fox-data-table table tbody tr:hover i, .fox-data-table table tbody tr:hover, .fox-data-table table tbody tr:hover .text-col-sm { color : #003567; }
.fox-data-table table tbody tr:hover { background : #f5a000; }
.fox-data-table table tbody tr.confirmed:hover { /*background : #39b549;*/ /*Green background : #f5a000; } */



.fox-data-table td.confirmed i:not(.confirmed) { /* margin-top : 10px; */ /* margin-bottom : 10px; */ }


.fox-search { margin-left : 0; margin-right : 0; font-family: 'Roboto', sans; }
.fox-search .sortable, .fox-search .sortable-label, .sortable { cursor: pointer; }
.fox-search #form-search-simple:focus{ background-color : #e4e5e8!important; }
.fox-search .text-sm { }

.fox-search #form-search-access { max-height : 35px; }

.fox-search input, .fox-search select { border : none; border-radius : 0; }
.fox-search #main-input input { font-size : 1.2rem; width: calc(100% - 20px); float: left; line-height: 30px; }
.fox-search .fa-search { font-size: 1.6rem; color: #ccc; }
.fox-search #main-input input::-webkit-input-placeholder,
.fox-search #main-input input::placeholder,
.fox-search #main-input input::-ms-input-placeholder { color : #A7A6A6 !important; }

.fox-search .visitor-simple { margin-top : -80px; margin-left : 150px; }

#your-visitors.fox-data-table table tbody { font-size : 1.5rem; }

#manage-buildings .fa-building { float: left; }
#manage-buildings .col-building:after { /*float: left;*/ }

.fox-data-table *:after, .fox-data-table *:before { font-size: 1rem; line-height: 80%; margin-bottom: 3px; display: inline-block; vertical-align: middle; }
.fox-data-table .table-body *:after { margin-left: 5px !important; }
.fox-data-table .table-body *:before { margin-right: 0px !important; margin-left: 5px !important;  }
.fox-data-table *:after, .fox-data-table .sortable:before { font-size: 1.2rem !important; }

.fa-calendar { float: none !important; }


@media (max-width: 734px) { .fox-search .visitor-simple { margin-top: 0.5vh; margin-left: 60vw; } }
