/* Include other CSS files */
@import url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.4/font/bootstrap-icons.css');
@import url(style-responsive.css);

body {
   background: #dcdddf url(http://cssdeck.com/uploads/media/items/7/7AF2Qzt.png);
   color: #000;
   font: 14px Arial;
   margin: 0 auto;
   padding: 0;
   position: relative;
}
h1 {
   font-size: 28px;
}
h2 {
   font-size: 26px;
}
h3 {
   font-size: 18px;
}
h4 {
   font-size: 16px;
}
h5 {
   font-size: 14px;
}
h6 {
   font-size: 12px;
}
small {
   font-size: 10px;
}
b,
strong {
   font-weight: bold;
}
a {
   text-decoration: none;
}
a:hover {
   text-decoration: underline;
}
.left {
   float: left;
}
.right {
   float: right;
}
.alignleft {
   float: left;
   margin-right: 15px;
}
.alignright {
   float: right;
   margin-left: 15px;
}
.clearfix:after,
form:after {
   content: '.';
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
.payments {
   position: relative;
}
.container {
   margin: 25px auto;
   position: relative;
   width: 900px;
}
#content {
   background: #f9f9f9;
   background: -moz-linear-gradient(top, rgba(248, 248, 248, 1) 0%, rgba(249, 249, 249, 1) 100%);
   background: -webkit-linear-gradient(top, rgba(248, 248, 248, 1) 0%, rgba(249, 249, 249, 1) 100%);
   background: -o-linear-gradient(top, rgba(248, 248, 248, 1) 0%, rgba(249, 249, 249, 1) 100%);
   background: -ms-linear-gradient(top, rgba(248, 248, 248, 1) 0%, rgba(249, 249, 249, 1) 100%);
   background: linear-gradient(top, rgba(248, 248, 248, 1) 0%, rgba(249, 249, 249, 1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f9f9f9',GradientType=0 );
   -webkit-box-shadow: 0 1px 0 #fff inset;
   -moz-box-shadow: 0 1px 0 #fff inset;
   -ms-box-shadow: 0 1px 0 #fff inset;
   -o-box-shadow: 0 1px 0 #fff inset;
   box-shadow: 0 1px 0 #fff inset;
   border: 1px solid #c4c6ca;
   margin: 0 auto;
   padding: 10px;
   position: relative;
   text-align: center;
   text-shadow: 0 1px 0 #fff;
   width: 400px;
}
#content h1 {
   color: #7e7e7e;
   font: bold 25px Helvetica, Arial, sans-serif;
   letter-spacing: -0.05em;
   line-height: 20px;
   margin: 10px 0 30px;
}
#content h1:before,
#content h1:after {
   content: '';
   height: 1px;
   position: absolute;
   top: 10px;
   width: 27%;
}
#content h1:after {
   background: rgb(126, 126, 126);
   background: -moz-linear-gradient(left, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
   background: -webkit-linear-gradient(left, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
   background: -o-linear-gradient(left, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
   background: -ms-linear-gradient(left, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
   background: linear-gradient(left, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
   right: 0;
}
#content h1:before {
   background: rgb(126, 126, 126);
   background: -moz-linear-gradient(right, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
   background: -webkit-linear-gradient(right, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
   background: -o-linear-gradient(right, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
   background: -ms-linear-gradient(right, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
   background: linear-gradient(right, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
   left: 0;
}
#content:after,
#content:before {
   background: #f9f9f9;
   background: -moz-linear-gradient(top, rgba(248, 248, 248, 1) 0%, rgba(249, 249, 249, 1) 100%);
   background: -webkit-linear-gradient(top, rgba(248, 248, 248, 1) 0%, rgba(249, 249, 249, 1) 100%);
   background: -o-linear-gradient(top, rgba(248, 248, 248, 1) 0%, rgba(249, 249, 249, 1) 100%);
   background: -ms-linear-gradient(top, rgba(248, 248, 248, 1) 0%, rgba(249, 249, 249, 1) 100%);
   background: linear-gradient(top, rgba(248, 248, 248, 1) 0%, rgba(249, 249, 249, 1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f9f9f9',GradientType=0 );
   border: 1px solid #c4c6ca;
   content: '';
   display: block;
   height: 100%;
   left: -1px;
   position: absolute;
   width: 100%;
}
#content:after {
   -webkit-transform: rotate(2deg);
   -moz-transform: rotate(2deg);
   -ms-transform: rotate(2deg);
   -o-transform: rotate(2deg);
   transform: rotate(2deg);
   top: 0;
   z-index: -1;
}
#content:before {
   -webkit-transform: rotate(-3deg);
   -moz-transform: rotate(-3deg);
   -ms-transform: rotate(-3deg);
   -o-transform: rotate(-3deg);
   transform: rotate(-3deg);
   top: 0;
   z-index: -2;
}
#content form {
   margin: 0 20px;
   position: relative;
}
#content form input[type='text'],
#content form input[type='email'],
#content form input[type='password'] {
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px;
   -webkit-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
   -moz-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
   -ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
   -o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
   box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
   border: 1px solid #c8c8c8;
   color: #777;
   font: 13px Helvetica, Arial, sans-serif;
   margin: 0 0 10px;
   padding: 15px 10px 15px 10px;
   width: 80%;
}

#content form input[type='text']:focus,
#content form input[type='email']:focus,
#content form input[type='password']:focus {
   -webkit-box-shadow: 0 0 2px #ed1c24 inset;
   -moz-box-shadow: 0 0 2px #ed1c24 inset;
   -ms-box-shadow: 0 0 2px #ed1c24 inset;
   -o-box-shadow: 0 0 2px #ed1c24 inset;
   box-shadow: 0 0 2px #ed1c24 inset;
   background-color: #fff;
   border: 1px solid #ed1c24;
   outline: none;
}

#content form i {
   font-size: 1.7rem;
   position: absolute;
   left: 0;
   margin-top: 10px;
}

#username {
   background-position: 10px 10px !important;
}
#password {
   background-position: 10px -53px !important;
}
#content form input[type='submit'] {
   background: rgb(254, 231, 154);
   background: -moz-linear-gradient(top, rgba(254, 231, 154, 1) 0%, rgba(254, 193, 81, 1) 100%);
   background: -webkit-linear-gradient(top, rgba(254, 231, 154, 1) 0%, rgba(254, 193, 81, 1) 100%);
   background: -o-linear-gradient(top, rgba(254, 231, 154, 1) 0%, rgba(254, 193, 81, 1) 100%);
   background: -ms-linear-gradient(top, rgba(254, 231, 154, 1) 0%, rgba(254, 193, 81, 1) 100%);
   background: linear-gradient(top, rgba(254, 231, 154, 1) 0%, rgba(254, 193, 81, 1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee79a', endColorstr='#fec151',GradientType=0 );
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   -ms-border-radius: 30px;
   -o-border-radius: 30px;
   border-radius: 30px;
   -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
   -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
   -ms-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
   -o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
   border: 1px solid #d69e31;
   color: #85592e;
   cursor: pointer;
   float: left;
   font: bold 15px Helvetica, Arial, sans-serif;
   height: 35px;
   margin: 20px 0 35px 15px;
   position: relative;
   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
   width: 120px;
}
#content form input[type='submit']:hover {
   background: rgb(254, 193, 81);
   background: -moz-linear-gradient(top, rgba(254, 193, 81, 1) 0%, rgba(254, 231, 154, 1) 100%);
   background: -webkit-linear-gradient(top, rgba(254, 193, 81, 1) 0%, rgba(254, 231, 154, 1) 100%);
   background: -o-linear-gradient(top, rgba(254, 193, 81, 1) 0%, rgba(254, 231, 154, 1) 100%);
   background: -ms-linear-gradient(top, rgba(254, 193, 81, 1) 0%, rgba(254, 231, 154, 1) 100%);
   background: linear-gradient(top, rgba(254, 193, 81, 1) 0%, rgba(254, 231, 154, 1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec151', endColorstr='#fee79a',GradientType=0 );
}
#content form div a {
   color: #004a80;
   float: right;
   font-size: 12px;
   margin: 30px 15px 0 0;
   text-decoration: underline;
}
.button {
   background: rgb(247, 249, 250);
   background: -moz-linear-gradient(top, rgba(247, 249, 250, 1) 0%, rgba(240, 240, 240, 1) 100%);
   background: -webkit-linear-gradient(top, rgba(247, 249, 250, 1) 0%, rgba(240, 240, 240, 1) 100%);
   background: -o-linear-gradient(top, rgba(247, 249, 250, 1) 0%, rgba(240, 240, 240, 1) 100%);
   background: -ms-linear-gradient(top, rgba(247, 249, 250, 1) 0%, rgba(240, 240, 240, 1) 100%);
   background: linear-gradient(top, rgba(247, 249, 250, 1) 0%, rgba(240, 240, 240, 1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f9fa', endColorstr='#f0f0f0',GradientType=0 );
   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
   -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
   -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
   -webkit-border-radius: 0 0 5px 5px;
   -moz-border-radius: 0 0 5px 5px;
   -o-border-radius: 0 0 5px 5px;
   -ms-border-radius: 0 0 5px 5px;
   border-radius: 0 0 5px 5px;
   border-top: 1px solid #cfd5d9;
   padding: 15px 0;
}
.button a {
   background: url(http://cssdeck.com/uploads/media/items/8/8bcLQqF.png) 0 -112px no-repeat;
   color: #7e7e7e;
   font-size: 17px;
   padding: 2px 0 2px 40px;
   text-decoration: none;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
}
.button a:hover {
   background-position: 0 -135px;
   color: #00aeef;
}

#success_message {
   display: none;
}

.wrapper {
   margin: 0 auto;
   padding: 20px 20px 10px 20px;
   max-width: 800px;
}

.table {
   margin: 0 0 10px 0;
   width: 100%;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
   display: table;
}

.row {
   display: table-row;
   background: #f6f6f6;
}
.row:nth-of-type(odd) {
   background: #e9e9e9;
}
.row.header {
   /* font-weight: 400; */
   color: #ffffff;
   background: #ea6153;
}
.row.green {
   background: #27ae60;
}
.row.blue {
   background: #2980b9;
}

.cell {
   padding: 6px 12px;
   display: table-cell;
}

div#container_immagini {
   margin: 20px 0;
}

div.foto {
   width: 90px;
   height: 100px;
}

.thumbnail {
   float: left;
   width: 100px;
   border: 1px solid #999;
   margin: 0 15px 20px 0;
   text-align: center;
   height: 130px;
}

.thumbnail_files {
   float: left;
   min-width: 22%;
   margin: 5px 10px;
   padding: 5px;
   border: 1px solid #999;
   text-align: center;
   color: #333333;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: xx-small;
   font-style: normal;
   font-variant: normal;
   vertical-align: text-top;
}

#paginator {
   margin-top: 20px;
}

.nascosto_a {
   display: none;
}

.bianco {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #ffffff;
   font-weight: bold;
}

.disabled {
   pointer-events: none !important;
   font-weight: normal !important;
   text-decoration: none !important;
   color: grey !important;
   background-color: transparent !important;
   border-color: gray !important;
}

.hidden {
   display: none;
}