#reminder-form-wrapper {
	display:none; }
.response {
	color:#c54736; }
.raw {
	display:block;
	color:#999;
	font-size:12px;
	font-style:italic;
	font-weight:300; }
.bg-alerts {
	position:fixed;
	z-index:10000;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.2);
	display:table;
	vertical-align:top;
	text-align:center;
	padding: 20px 0; }
.bg-alerts .adv-wrapper {
	display:table-cell;
	vertical-align:top;
	width:60%;
	margin:0 auto;
	position:relative; }
.bg-alerts .adv-wrapper .conferma {
	padding:20px 20px 20px 40px;
	background: #d9fdc7;
    color: #61a041;
	text-align:left;
	width:60%;
	margin:0 auto;
	position:relative;
    /*border-radius: 0 30px 30px;*/ }
.bg-alerts .adv-wrapper .errore {
	background: #fdc7c7;
    color: #a04141; }

.bg-alerts .adv-wrapper .conferma i {
	position: absolute;
    left: 15px;
    top: 22px; }

.tmb_ordine {
	width:150px !important;}
.tmb_ordine img {
	width:100%;}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

.js-icon-list code {
	cursor: pointer;
}


/*
* SENDING ANIMATION
*********************************************************/
.sending_wrapper {
	position:fixed;
	z-index: 10000000;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #fff;
	display: none;
}
.sending_mailing {
    height:50px;
    width:40px;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
}
.sending_mailing::after {
    content: 'invio in corso';
    color: #007298;
    font-weight: 300;
    position: absolute;
    bottom: -23px;
    left: -35px;
    width: 111px !important;
    text-align: center;
}
.box {
    position:relative;
    height:50px;
    width:40px;
    animation: box 5s infinite linear;
}

.border {
    background:#007298;
    position:absolute;
}

.border.one {
    height:4px;
    top:0;
    left:0;
    animation: border-one 5s infinite linear;
}

.border.two {
    top:0;
    right:0;
    height:100%;
    width:4px;
    animation: border-two 5s infinite linear;
}

.border.three {
    bottom:0;
    right:0;
    height:4px;
    width:100%;
    animation: border-three 5s infinite linear;
}

.border.four {
    bottom:0;
    left:0;
    height:100%;
    width:4px;
    animation: border-four 5s infinite linear;
}

.line {
    height:4px;
    background:#007298;
    position:absolute;
    width:0%;
    left:32%;
}

.line.one {
    top:25%;
    width:0%;
    animation: line-one 5s infinite linear;
}

.line.two {
    top:45%;
    animation: line-two 5s infinite linear;
}

.line.three {
    top:65%;
    animation: line-three 5s infinite linear;
}

#data-trans {
	display: none;
}

.frm-grp-filtro {
    width: calc(95% / 6);
}
.frm-grp-filtro select {
    width: 100% !important;
}

.swal2-html-container,
.swal2-actions button {
    font-size: initial !important;
}

div:where(.swal2-container) h2:where(.swal2-title) {
    font-size: 1.875em !important;
}

.jimmySwal {
    width:95%;
    max-width: 500px;
}

.jimmySwalConf {
    width: inner-content;
    min-width: 350px;
    max-width: 95%;
}

.jimmySwal .swal2-html-container,
.jimmySwalConf .swal2-html-container {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 300;
}

.jimmySwal .swal2-title,
.jimmySwalConf .swal2-title {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 2em !important;
}

@keyframes border-one {
    0%   {width:0;}
    10%  {width:100%;}
    100% {width:100%;}
}

@keyframes border-two {
    0%   {height:0;}
    10%  {height:0%;}
    20%  {height:100%;}
    100% {height:100%;}
}

@keyframes border-three {
    0%   {width:0;}
    20%  {width:0%;}
    30%  {width:100%;}
    100% {width:100%;}
}

@keyframes border-four {
    0%   {height:0;}
    30%  {height:0%;}
    40%  {height:100%;}
    100% {height:100%;}
}

@keyframes line-one {
    0%   {left:25%;width:0;}
    40%  {left:25%;width:0%;}
    43%  {left:25%;width:50%;}
    52%  {left:25%;width:50%;}
    54%  {left:25%;width:0% }
    55%  {right:25%;left:auto;}
    63%  {width:10%;right:25%;left:auto;}
    100% {width:10%;right:25%;left:auto;}
}

@keyframes line-two {
    0%   {width:0;}
    42%  {width:0%;}
    45%  {width:50%;}
    53%  {width:50%;}
    54%  {width:0% }
    60%  {width:50%}
    100% {width:50%;}
}

@keyframes line-three {
    0%   {width:0;}
    45%  {width:0%;}
    48%  {width:50%;}
    51%  {width:50%;}
    52%  {width:0% }
    100% {width:0%;}
}

@keyframes box {
    0%   {opacity:1;margin-left:0px;height:50px;width:40px;}
    55%  {margin-left:0px;height:50px;width:40px;}
    60%  {margin-left:0px;height:35px;width:50px;}
    74%  {msthin-left:0;}
    80%  {margin-left:-50px;opacity:1;}
    90% {height:35px;width:50px;margin-left:50px;opacity:0;}
    100% {opacity:0;}
}

/*
* MEDIA
*********************************************************/

@media (max-width: 768px) {
	.col-xs-5ths {
      	width: 100%;
        float: left;
    }
    .frm-grp-filtro {
      	width: 100%;
    }
}
@media (max-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}
@media (max-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

/*
* FRAMEWORK EDIT
*********************************************************/
::-moz-selection {
	background:#ff6a6a;
	color:#fff;
	text-shadow:none; }
::selection {
	background:#ff6a6a;
	color:#fff;
	text-shadow:none; }
	
.side-header img {
    margin-left: -5px; }
.table-hover > tbody > tr:hover {
	background-color: #fdffed; }
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    color: #689B31;
    background-color: #f9f9f9;
    -webkit-box-shadow: 0 2px #689B31;
    box-shadow: 0 2px #689B31; }
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	color: #000;
	background-color:transparent;
	-webkit-box-shadow: 0 2px #ccc;
	box-shadow: 0 2px #ccc; }
.table-hover tbody tr {
	cursor:pointer !important; }

optgroup {
	font-weight: 400;
	padding-left:10px !important;
	color:#5c90d2;
	/*background:#f5f5f5;*/ }
optgroup.label_mod{
	font-weight:300;
	font-style:italic;
	background:#fff; }
option.grp_val {
	font-style:normal !important;
	color:#333; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #646464;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #fafafa;
}

#page-loader {
    background: rgba(255, 255, 255, 0.7);
}