.form-login{
    background: #fff;
    padding: 50px;
    margin: 0 auto;
    width: 100%;
    max-width: 450px;
}
.form-login .logo{
    width: 220px;
    margin: 0 auto;
    margin-bottom: 30px;
}
.form-login .title{
    font-size: 30px;
    line-height: 1em;
    font-weight: 400;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    text-align: center;
    text-transform: uppercase;
}
.form-login p{
    font-size: 14px;
    text-align: center;
}
.form-login .username{
    margin: 0 auto;
}
.col-full-login{
    width: 80%;
    margin: 0 auto;
    padding: 5% 0;
}
.col-full-admin-page{
    width: 80%;
    margin: 0 auto;
    padding: 2% 0;
}
.button-action-admin{
    border-radius: 50px;
    background: #50aaaa;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    padding: 10px 30px;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
    width: 100%;
    display: block;
}
.button-action-admin:hover{
    border-radius: 50px;
    background: #1e7876;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    padding: 10px 30px;
    color: #fff;
    margin: 0 auto;
}
.box-dashboard{
    background: #fff;
    padding: 50px;
    margin: 0 auto;
}
.box-dashboard .title{
    font-size: 20px;
    color: #333;
    font-weight: 800;
    text-align: center;
    width: 100%;
}
.icon-graphic{
    font-size: 50px;
    margin-bottom: 20px;
    text-align: center;
    padding-right: 0px;
}
.txt-center{
    text-align: center;
}
.box-title-section{
    font-size: 18px;
    color: #fff;
    padding: 30px 20px;
    background: #50aaaa;
    text-align: center;
    width: 100%;
}
.box-title-total{
    font-size: 16px;
    color: #fff;
    padding: 30px 20px;
    background: #487775;
    text-align: center;
    width: 100%;
}
.box-title-section-insert{
    font-size: 18px;
    color: #fff;
    padding: 30px 20px;
    background: #487775;
    text-align: center;
    width: 100%;
}
.box-dashboard ul{
    list-style: none;
    margin: 0;
}
.box-dashboard ul li span{
    color: #333;
    font-weight: 800;
    text-transform: uppercase;
}
.button-modifica{
    border-radius: 50px;
    background: #1e7876;
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
    padding: 10px 20px;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
    width: 100%;
    display: block;
}
.button-modifica:hover{
    background: #487775;
    color: #fff;
}
.button-elimina{
    border-radius: 50px;
    background: #db1515;
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
    padding: 10px 20px;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
    width: 100%;
    display: block;
}
.button-elimina:hover{
    background: #bf0a0a;
    color: #fff;
}
.button-save {
    border-radius: 50px;
    background: #1e7876;
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
    padding: 10px 20px;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
    width: auto;
}
.button-save:hover{
    background: #487775;
    color: #fff;
}
.align-right {
    text-align: right;
}
.linea{
    width: 100%;
    height: 1px;
    background: #b3dddc;
    margin: 10px 0px;
}
select {
	display: inline-block;
	max-width: 100%;
	color: #8c8c8c;
    font-size: 0.875em;
    border: 1px solid #cccccc;
	vertical-align: middle;
	background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right 1em center;
	background-image: none \9;
	background-size: 8px 10px;
	-moz-appearance: none;
	-webkit-appearance: none;
	border-radius: 2em;
	padding: 0.286em 1.2em;
	height: 42px;
    color: #2b2929;
    width: 100%;
    outline: none;
}
.stato-ordine{
    padding: 10px;
    text-align: center;
    font-size: 10px;
    height: 100%;
    font-weight: 800;
}
.bg-red,
.bg-red td {
    background: rgba(191,10,10,0.1) !important;
    color: rgba(191,10,10,1) !important;
}
.bg-red .price-txt{
    color: rgba(191,10,10,1) !important;
}
.bg-green,
.bg-green td {
    background: rgba(50,130,11,0.1) !important;
    color: rgba(50,130,11,1) !important;
}
.bg-green .price-txt {
	font-size: 14px;
	font-weight: 800;
    color: rgba(50,130,11,1) !important;
	text-align: center;
}
.bg-white, 
.bg-white td{
    background: #fff;
    color: #333;
}
.bg-white .price-txt {
	font-size: 14px;
	font-weight: 800;
    color: #333;
	text-align: center;
}
.bg-yellow,
.bg-yellow td {
    background: rgba(180, 191, 10, 0.1) !important;
    color: rgb(191, 185, 10) !important;
}
.bg-yellow .price-txt{
    color: rgb(191, 185, 10) !important;
}

table .head{
    background: #f4f4f4;
    padding: 10px;
    font-weight: 800;
    color: #333;
    margin-bottom: 0px;
    vertical-align: middle;
    border-bottom: 1px solid #b3dddc;
    text-align: center;
}
table .row{
    background: #fff;
    padding: 10px;
    color: #333;
    border-bottom: 1px solid #b3dddc;
    margin-bottom: 0px;
    vertical-align: middle;
}
table .b-r{
    border-right: 1px solid #b3dddc;
}
table .anagrafica span{
    font-weight: 800;
}

/* GUIDA MODAL */
#modal-guida .modal-dialog {
    width: 500px;
    height: 600px;
    margin-bottom: 0px;
    margin-top: 0px;
    top: 60px;
    display: flex;
    align-items: stretch;
}
#modal-guida .modal-dialog .modal-content {
    border: 0px;
    border-radius: 0px;
    box-shadow: none;
    width: 100%;
    display: flex;
    flex-direction: column;
}
#modal-guida .modal-dialog .modal-content .modal-header {
    display: flex;
    justify-content: space-between;
}
#modal-guida .modal-dialog .modal-content .modal-header:before,
#modal-guida .modal-dialog .modal-content .modal-header:after {
    display: none;
}
#modal-guida .modal-dialog .modal-content .modal-body {
    flex: 1 0 auto;
}
#modal-guida .modal-dialog .modal-content .button-close {
    border-radius: 50px;
    background: #db1515;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    padding: 10px 30px;
    color: #fff;
    margin: 0 auto;
    transition: all 0.5s ease;
}
#modal-guida .modal-dialog .modal-content .button-close:hover {
    background: #bf0a0a;
}
#modal-guida.modal-dialog .modal-content .button-confirm {
    border-radius: 50px;
    background-color: #50aaaa;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    padding: 10px 30px;
    color: #fff;
    margin: 0 auto;
    transition: all 0.5s ease;
    text-align: center;
}
#modal-guida .modal-dialog .modal-content .button-confirm:hover {
    background-color: #1e7876;
}
#modal-guida .step-body{
    text-align: center;
}
#modal-guida .title-registrazione{
    font-family: 'Yanone Kaffeesatz', sans-serif;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    color: #333;
    font-size: 35px;
    margin-bottom: 10px;
}
#modal-guida .description-registrazione{
    text-align: center;
    width: 100%;
    color: #333;
    font-size: 20px;
    font-weight: 300;
}
#modal-guida .txt-required{
    text-align: center;
    width: 100%;
    color: #333;
    font-size: 12px;
    font-weight: 300;
}
#modal-guida ul{
    text-align: left;
    color: #333;
}
#modal-guida .title{
    color: #1e7876;
}

.data-ordine{
    font-size: 10px;
}
.box-title-section-anagrafica{
    font-size: 18px;
    color: #fff;
    padding: 20px;
    background: #487775;
    text-align: center;
    width: 100%;
}
.box-title-section-dati{
    font-size: 18px;
    color: #333;
    padding: 20px;
    background: #f4f4f4;
    text-align: center;
    width: 100%;
}
.text-right{
    text-align: right;
}

span.separator {
    display: block;
    background: rgba(0,0,0,0.2);
    height: 1px;
    margin: 20px 0;
}

.fasce-orarie > div {
    border-bottom: 1px solid #b3dddc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.fasce-orarie > div:last-child {
    border-bottom: 0px;
    padding-bottom: 0;
    margin-bottom: 0;
}

.editing-area {
    background-color: #f4f4f4;
    padding: 15px;
    display: none;
}
.editing-area.show {
    display: block;
}

[v-cloak] {
    display: none;
}
.red-message-error {
    color: #db1515;
    font-weight: normal;
}

.site-header.admin-header button.menu-toggle {
    background: #1e7876;
    display: flex;
    padding: 10px;
    align-items: center;
    text-transform: uppercase;
    line-height: 19px;
    font-size: 15px;
}
.admin-header .nav-menu-description {
    font-size: 14px;
    padding-left: 15px;
}
.site-header.admin-header .main-navigation {
    width: 100%;
}
#masthead.admin-header {
    margin-bottom: 0px;
    padding-top: 26px;
    padding-bottom: 26px;
}
#masthead {
    margin-bottom: 0px;
}
.admin-header .primary-navigation {
    display: none;
    position: fixed;
    width: 100%;
    top: 93px;
    left: 0px;
    background: #f4f4f4;
    height: calc(100vh - 93px);
    overflow: auto;
    align-items: center;
    justify-content: center;
}
.admin-header .main-navigation.toggled .primary-navigation {
    display: flex;
}
.admin-header .primary-navigation ul {
    width: 100%;
}
.admin-header .primary-navigation .menu-item {
    width: 100%;
    text-align: center;
}