/*CSS GENERALI*/

.container {
    margin-top: 3%;
    margin-bottom: 3%;
}

/*CSS PAGINA SINGOLO ARTICOLO - PULSANTI E SELECT */
select.custom-select.custom-select-lg {
    width: 100%;
    padding: 2%;
    border: solid 3px #e9ecef;
    border-radius: 3px;
}

.btn-primary {
    color: #fff;
    background-color: #3a526b;
    border-color: #343a40;
}

.btn-primary:hover {
    color: #fff;
    background-color: #3a526b;
    border-color: #343a40;
}

.btn-info {
	color: #fff;
    background-color: #3a526b;
    border: solid 2px #3a526b;
}

.btn-success {
    color: #fff !important;
    background-color: #000000 !important;
    border-color: #5ac146 !important;
}
.btn-info.graph2 {
    color: #ffffff;
    background-color: #3a526b;
    border-radius: 4px;
    margin-left: 2%;
}

/*CSS GENERALI PAGINA CATEGORIE*/
div#datatable_categorie_length {
    margin: 2%;
}
div#datatable_categorie_filter {
    margin: 2%;
    float: right;
}
div#datatable_categorie_info {
    margin: 2%;
}
div#datatable_categorie_paginate {
    margin: 2%;
    float: right;
}


/*CSS GENERALI PAGINA ARTICOLI*/
.page-item.active .page-link {
    color: #fff;
    background-color: #3a526b;
    border-color: #3a526b;
}
.table-responsive {
    overflow-x: hidden !important;
}
div#datatable_articoli_length {
    margin: 2%;
}
div#datatable_articoli_filter {
    margin: 2%;
    float: right;
}
div#datatable_articoli_info {
    margin: 2%;
}
div#datatable_articoli_paginate {
    margin: 2%;
    float: right;
}



/* CSS DEL FORM DI LOGIN*/

h2.titolo2 {
    color: #ffffff8a;
    font-size: 30px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.darkbg{
  background-color: #212529;
  height: 100%;
  width: 100%;
  padding: 2%;
}

.contenitore-form{
  text-align: center;
  margin: auto;
  margin-top: 20%;
  width: 30%;
  border: 3px solid #ffbc34;
  padding: 3%;
  top: 50%;
  transform: translate(0, -50%);
  border: solid 4px #ffffff29;
  border-radius: 10px;
  background-color: #dddddd1f;
}

.bottoneinvio{
  width: 100%;
  color: #ffffff;
  background-color: #ffbc34;
  border-color: #fb8c00;
  font-size: 20px;
}
.bottoneinvio:hover{
  width: 100%;
  color: #000000;
  background-color: #ffffff;
  border-color: #ffffff;
}
.form-control, .form-select {
    color: #4f5467;
    font-size: 20px;
}
.form-login{
    color: #4f5467;
    text-align: center;
    font-size: 20px;
}


/*MOBILE CSS*/

@media screen and (max-width: 480px) {
  .contenitore-form {
    width: 90% !important;
    margin-top: 200px;
    top: 50%
  }
}


/* FINE CSS DEL FORM DI LOGIN*/