/* Custom page CSS
-------------------------------------------------- */

.cursor {
	cursor: pointer;
}



code {
	font-size: 80%;
}

.grecaptcha-badge {
	margin-bottom: 60px;
}

.hide {
	display: none !important;
}

.alert.under {
	margin-top: 1rem;
}

.admin_button {
	position: absolute;
	top: 60px;
	right: 20px;
}


.header_avatar{
	width: 40px;
	margin-top: -8px;
	margin-bottom: -8px;
}

.commodity_route.done {opacity: 0.3;}
.commodity_route .card-header, .commodity_route .card-footer {font-size: 1.4em; padding: 3px;}
.commodity_route table.table {font-size: 0.9em;}
.commodity_route table.table thead tr th {font-size: 1.2em;}
.commodity_route table.table thead tr th.cargo_name {font-size: 1.5em;}
.commodity_route table.table tbody tr td {width:50%}
/*.commodity_route table.table tbody tr td.title_commodity_value small {text-transform: uppercase;}*/
/*.commodity_route table.table tbody tr td.title_commodity_value.total {background-color: #393939}*/
.commodity_route table.table tbody tr td i {font-size: 2em;}
.commodity_route table.table tbody tr.arrow {background-color: #404040}
.commodity_route table.table tbody tr.benefit {}

.commodity_route .card-footer {padding: 5px;}
.commodity_route .card-footer .route_done {position: absolute; top: 5px; right: 16px; padding: 1px;}

#resultsContent div.routes {max-height: 554px; overflow-x: hidden;}
#resultsContent .list-group-item {padding: 5px}
#resultsContent button.expand_info {position: absolute; right: 15px;}

.qq-uploader {
    background-color: #444;
    border: 1px dashed #999;
	min-height: auto;
    max-height: none;
    overflow: hidden;
    border-radius: 3px;
    padding: 0;
}

.qq-upload-drop-area, .qq-upload-extra-drop-area {
    border: 1px dashed #AAA;
}
.qq-upload-drop-area-active {
    background: #444;
    border: 1px dashed #999;
}
.qq-upload-list li{
	background-color: #F39C12 !important;
}
.qq-upload-list li.qq-upload-success {
	background-color: #20A986;
    color: #555;
    border-bottom: none;
    border-top: none;
    margin-bottom: 5px;
}
.qq-upload-list li.qq-upload-fail {
    background-color: #F75C4C;
    color: #444;
    border-bottom: none;
    border-top: none;
	margin-bottom: 5px;
}
.qq-progress-bar {
    background: #00abc7;
}

.qq-upload-file {
	overflow: hidden;
    width: auto;
    height: 20px;
}
.qq-upload-list {
	box-shadow: none;
    max-height: none;
    overflow: hidden;
}
.qq-upload-button
{
	width : auto;
	float : none;
	box-shadow : none;
	margin: 0;
}
.qq-file-info {
	overflow: hidden;
}
.qq-hide {display : none !important}

.one_line {overflow: hidden; height: 20px;}

.line-through {text-decoration: line-through;}

.flex_aligned_center {display: flex; justify-content: center;}



/* dataTable */
table.dataTable tbody tr {background-color: inherit;}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {color: inherit !important;}
table.table-sm.dataTable tbody th, table.table-sm.dataTable tbody td {padding: 0.3rem;}
.dataTables_wrapper .dataTables_paginate .paginate_button {color: inherit !important;}

@media (max-width: 575px) {
	div.btn-group-toggle > label.btn {
		padding: 0.375rem 0.2rem
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.container {
		max-width: 100%;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.container {
		max-width: 100%;
	}
}