html, body {
    height: 100%;
    margin:0;
}

body {
    font-family: 'Poppins', sans-serif !important;
    font-size: 100%;
    color: #04264c;
}

/*Inizio stile classi comuni*/
.ColorOrange {
    color: #ef5400;
}

.ButtonActive, .ButtonActive:hover {
    background-color: #03577A;
    color: #fff
}

.Title {
    color: #ef5400;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
    padding: 0 15px;
    font-size:16px;
}

.TitleBlu {
    color: #03577A;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
    padding: 0 15px;
}

.Subtitle {
    color: #03577A;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
    text-align: left;
}

.LinkSubtitle {
    color: #03577A;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
    font-size: 13px;
    text-align: left;
    text-decoration: none;
}

.LinkSubtitle:hover {
    text-decoration: underline;
    color: #03577A;
}

.BoxWithPadding {
    background-color: #fff;
    border-color: #cecece;
    box-shadow: 2px 2px 2px 0px #cecece;
    border-radius: .25rem;
    height: 100%;
    padding:10px 20px;
}

.Padding0 {
    padding: 0 !important;
}

.PaddingLeftRight10 {
    padding: 0 5px;
}

.PaddingTop5 {
    padding-top: 5px;
}

.PaddingBottom5 {
    padding-bottom: 5px;
}

.PaddingBottom10 {
    padding-bottom: 10px;
}

.Margin0 {
    margin: 0;
}

.MarginLeft5 {
    margin-left: 5px;
}

.MarginBottom7 {
    margin-bottom: 7px;
}

.TextJustify {
    text-align: justify;
}

.PanelIndicazioni
{
    padding:0 15px 100px 15px;
    font-size:14px;
    font-style:italic;
}

.FontItalic
{
    font-style:italic;
}

/*Inizio stile link e ul per gli elenchi delle funzionalità all'interno dell'applicazione*/
.ElencoFunzionalita {
    line-height: 25px;
}

.ElencoFunzionalita ul
{
    line-height:30px;
}

.ElencoFunzionalita a {
	font-weight: bold !important;
	text-decoration: none !important;
	color: #337ab7;
}

.ElencoFunzionalita a:hover {
    text-decoration: underline !important;
}

.ElencoFunzionalita .BadgePoli
{
	margin:0 5px;
}

/*Inizio stile GridView Devexpress*/
.GridPoli .card-header, .GridPoli .card-header .dxeBase {
    color: #337ab7 !important;
    font-weight: bold !important;
    font-size: 15px !important;
}

.GridPoli .card-header .dxpnlControl
{
	font:inherit !important;
}

.GridPoli .dxbs-table th, .GridPoli .dxbs-table th a { /*Colore dei nomi di colonna nelle grid*/
    color: #337ab7;
	text-decoration:none;
}

.GridPoli .dxbs-table th a:hover
{
	text-decoration:underline;
}

.GridPoli .dx-dropdown-menu /*Dropdown dei filtri nelle grid*/ {
    font-size: 14px;
}

.GridPoli .btn-link, .btn-link:hover {
    color: #337ab7;
	opacity:1 !important;
}

.GridPoli .page-item.active .page-link {
    background-color: #337ab7;
}

.GridPoli .dropdown-item.active, .dropdown-item:active {
    background-color: #337ab7;
}

.GridPoli button.active {
    background-color: #e0a800 !important;
}

/*Inizio stile FormLayout Devexpress*/
.FormPoli .card-header{
	color: #337ab7 !important;
    font-weight: bold;
    font-size: 15px;
}

.FormPoli .dxbs-fl-gd
{
	padding:0;
}

.FormPoliDettaglioSmall .dxbs-fl-gd {
    margin-bottom: 0;
}

.FormPoliDettaglioSmall .card {
    margin-bottom: 0;
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.FormPoliDettaglioSmall .dxbs-form-group, .FormPoliDettaglioEsteso .dxbs-form-group
{
	margin-bottom:0;
}

.FormPoliDettaglioEsteso .accordion-item {
    border-radius: 0 !important;
    border-top: none;
}


.FormPoliDettaglioEsteso .accordion-button {
    background: none;
    font-weight: normal;
    box-shadow: none;
    color: #337ab7;
    padding: 0.75rem 1rem;
}

.FormPoliDettaglioEsteso .accordion-button:hover span {
    text-decoration:underline;
}

/*Inizio stile Tab Devexpress*/
.TabsPoli {
}

.TabsPoli a {
	text-decoration: none !important;
	color: steelblue !important;
}

.TabsPoliActive {
    font-weight: bold !important;
    color: steelblue !important;
}

.TabsPoliActive a, .TabsPoliActive a:hover {
	font-weight: bold;
	text-decoration: none;
}

/*Inizio stile Accordion Devexpress */

.AccordionPoli .accordion-item {
    margin-bottom:15px;
	border:1px solid rgba(0, 0, 0, 0.125) !important;
}

.AccordionPoli .accordion-header .accordion-button {
    background-color: #f8f8f8;
    color: #337ab7 !important;
}

.AccordionPoli .accordion-header .accordion-button:not(.collapsed)
{
	font-weight:bold;
}

.AccordionPoli .accordion-body {
    padding:10px 15px !important;
}

/*Inizio stile Popup Devexpress...lo applico solo ai popup dentro content*/
#Content .modal-header {
    color: #337ab7;
    font-weight: bold;
    padding: 10px !important;
    font-size: 15px;
}

#Content .modal-header .close-btn {
    margin: 0 !important;
	color:#337ab7 !important;
	text-decoration:none !important;
}

#Content .modal-body {
    padding: 15px 10px !important;
}

#Content .modal-body .row {
    padding-top: 5px !important;
}

/*Media query per la risoluzione dello schermo dal viewport medium in avanti*/
@media (min-width: 768px) {

    .modal-dialog { /*Larghezza massima dei popup*/
        max-width: 650px;
    }
}

/*Ridefinisco i colori dei bottoni bootstrap...così non cambiano anche se aggiorniamo Boostrap*/
.btn-primary, .btn-primary:hover, .btn-primary:focus 
{
	background:none;
	background-color:#007bff;
	color: #fff;
    border-color: #007bff;
}

.btn-primary:focus
{
	box-shadow: #007bff 0px 0px 0px 0.1rem;
}

.btn-secondary, .btn-secondary:hover, .btn-secondary:focus {
	background:none;
	background-color: #5a6268;
    color: #fff;
    border-color: #5a6268;
}

.btn-secondary:focus {
    box-shadow: #5a6268 0px 0px 0px 0.1rem;
}

.btn-success, .btn-success:hover, .btn-success:focus {
	background:none;
    background-color: #28a745;
    color: #fff;
    border-color: #28a745;
}

.btn-success:focus {
    box-shadow: #28a745 0px 0px 0px 0.1rem;
}

.btn-danger, .btn-danger:hover, .btn-danger:focus {
	background:none;
	background-color: #dc3545;
    color: #fff;
    border-color: #dc3545;
}

.btn-danger:focus {
    box-shadow: #dc3545 0px 0px 0px 0.1rem;
}

.btn-warning, .btn-warning:hover, .btn-warning:focus {
	background:none;
	background-color: #e0a800;
    color: #fff;
    border-color: #e0a800;
}

.btn-warning:focus {
    box-shadow: #e0a800 0px 0px 0px 0.1rem;
}

.btn-info, .btn-info:hover, .btn-info:focus {
	background:none;
    background-color: #5bc0de;
    color: #fff;
    border-color: #5bc0de;
}

.btn-info:focus
{
	box-shadow: #5bc0de 0px 0px 0px 0.1rem;
}

.btn-light, .btn-light:hover, .btn-light:focus {
	background:none;
	background-color: #e2e6ea;
    color: #212529;
    border-color: #e2e6ea;
}

.btn-light:focus {
    box-shadow: #e2e6ea 0px 0px 0px 0.1rem;
}

.btn-dark, .btn-dark:hover, .btn-dark:focus {
	background:none;
	background-color: #23272b;
    color: #fff;
    border-color: #23272b;
}

.btn-dark:focus {
    box-shadow: #23272b 0px 0px 0px 0.1rem;
}

.btn-link, .btn-link:hover, .btn-link:focus {
	background:none;
	background-color: transparent;
    color: #0056b3;
    border-color: transparent;
}

.btn-link:focus {
    box-shadow: transparent 0px 0px 0px 0.1rem;
}

/*Ridefinisco il font-size dei bottoni e dei controlli form (textbox etc.)*/
.btn-primary,.btn-secondary,.btn-success,.btn-danger,.btn-warning,.btn-info,.btn-light,.btn-dark,.btn-link {
    font-size: 14px;
}

.form-control
{
	font-size:14px;
}

/*Inizio stile icone */
.IconQuestion
{
	color:#5bc0de;
	font-size:3em;
	margin-right:10px;
	display:block;
}

.IconDanger {
	color: #dc3545;
	font-size: 3rem;
	margin-right:10px;
	display:block;
}

.IconSuccess {
	color: #218838;
	font-size: 3rem;
	margin-right:10px;
	display:block;
}

.IconWarning {
	color: #ffc107;
	font-size: 3rem;
	margin-right:10px;
	display:block;
}

.IconInfo {
	color: #5bc0de;
	font-size: 3rem;
	margin-right:10px;
	display:block;
}

.IconLight {
	color: #e2e6ea;
	font-size: 3rem;
	margin-right:10px;
	display:block;
}

.IconQuestionSmall
{
	color:#5bc0de;
	font-size: 1.5 rem;
	margin:0 5px;
}

.IconDangerSmall {
	color: #dc3545;
	font-size: 1.5rem;
	margin:0 5px;
}

.IconSuccessSmall {
	color: #218838;
	font-size: 1.5rem;
	margin:0 5px;
}

.IconWarningSmall {
	color: #ffc107;
	font-size: 1.5rem;
	margin:0 5px;
}

.IconInfoSmall {
	color: #5bc0de;
	font-size: 1.5rem;
	margin:0 5px;
}

.IconLightSmall {
	color: #e2e6ea;
	font-size: 1.5rem;
	margin:0 5px;
}

/*Inizio stile badge*/ 
.BadgePoli
{
	border-radius: 10px;
	padding: 3px 5px;
	background-color: #ef5400;
	color:#fff;
	font-weight:700;
	font-size:1em;
}

/*Inizio stile per i wizard (in qualsiasi formato grafico)*/
.WizardStepActive {
    background-color: #007bff !important;
    color: #fff !important;
}

.WizardStepDone {
    background-color: #28a745 !important;
    color: #fff !important;
}

.WizardStepToDo {
    background-color: #e2e6ea !important;
    color: #000 !important;
}

/*Classi per lo usercontrol di Rating*/
.ContainerRatingStelle {
	display: grid;
	width: 100%;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
	unicode-bidi: bidi-override;
	direction: rtl;
}

.ContainerRatingStelle .Stella {
	cursor: pointer;
}

.ContainerRatingStelle .Stella:hover span,.ContainerRatingStelle .Stella:hover ~ .Stella span {
	color: orange;
	opacity:0.3;
}

.StellaChecked {
	color: orange;
}