/*Modifiche al template*/
:root {
	--main-color: #DA8F1A;
	--hover-color: #ff9b00;
}

.bg-gradient-primary {
	background-color: var(--main-color);
	background-image: linear-gradient(180deg, var(--main-color) 60%, #a07839 100%);
}

.btn-primary {
	background-color: var(--main-color);
	border-color: var(--main-color);
}

.btn-primary:hover {
	background-color: var(--hover-color);
	border-color: var(--hover-color);
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
	background-color: var(--hover-color);
	border-color: var(--hover-color);
}

form.user .form-control-user {
	font-size: 1rem;
}

.bg-primary {
	background-color: var(--main-color) !important;
}

.text-primary {
	color: var(--main-color) !important;
}

.page-item.active .page-link {
	background-color: var(--main-color);
	border-color: var(--main-color);
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
	background-color: var(--hover-color) !important;
}

/*Altre mod*/
html,
body {
	height: 100%;
}

.container {
	height: 100%;
}

.cursor-pointer {
	cursor: pointer;
}

.w-100 tbody {
	display: inline-table;
	width: 100%;
}

.tokens-container {
	margin-bottom: 0;
}

.light-green-bg {
	background-color: #efe;
}

.popover {
	border-color: #d00 !important;
}

.popover .popover-body {
	color: #d00 !important;
}

.tabella-argomenti input {
	border: 0;
	/* border-bottom: 1px solid grey; */
	width: 50px;
}

.tabella-argomenti td {
	border-bottom: 1px solid grey;
	padding-bottom: 0;
}

.tabella-argomenti .no-border {
	border: 0;
}

.tabella-argomenti .argomento-con-test {
	background-color: #efe;
	cursor: pointer;
}

.tabella-argomenti .pubblicato {
	background-color: #efe;
	padding-left: 10px;
}

.tabella-argomenti .revisione {
	background-color: #fffae6;
	padding-left: 10px;
}

.tabella-argomenti .incompleto {
	background-color: #fee;
	padding-left: 10px;
}

.argomenti td,
.argomenti tr {
	padding-top: 0;
	padding-bottom: 0;
	border: 0 !important;
}

.argomenti input {
	background-color: transparent !important;
}

.MathJax {
	display: inline !important;
}

.anteprima {
	max-width: 300px;
}

.loaderContainer {
	margin: 0 auto;
	width: fit-content;
}

.loader {
	border: 16px solid #f3f3f3;
	/* Light grey */
	border-top: 16px solid var(--main-color);
	/* Blue */
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin 2s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@media (min-width: 768px) {
	.sidebar.toggled {
		width: 130px !important;
	}

	.sidebar.toggled .nav-item .nav-link {
		padding: 8px !important;
		width: 100% !important;
	}
}

.sidebar-dark .nav-item .nav-link i {
    color: rgba(255,255,255,.5);
}

.btn-primary.disabled:hover, .btn-primary:disabled:hover{
	color: #fff;
    background-color: #4e73df;
    border-color: #4e73df;
}

/*For the tables*/
table.dataTable thead .sorting_asc {
	background: url("http://cdn.datatables.net/1.10.0/images/sort_asc.png") no-repeat center left;
}
table.dataTable thead .sorting_desc {
	background: url("http://cdn.datatables.net/1.10.0/images/sort_desc.png") no-repeat center left;
}
table.dataTable thead .sorting {
	background: url("http://cdn.datatables.net/1.10.0/images/sort_both.png") no-repeat center left;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
	opacity: 0 !important;
}
table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
	padding-left: 20px;
}
/*END for the tables*/