@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i");

*:focus {
    outline: none;
}

:focus,
:active,
::-moz-focus-inner {
    outline: 0;
    border: 0;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

body {
    padding-bottom: 20px;
    background-color: #ededed;
}

body, .pure-g, .pure-g [class*=pure-u] {
    font-family: 'Open Sans', sans-serif;
    color: #686868;
}

a, a:link, a:hover, a:active, a:focus {
    color: #12a89d;
}

h3 {
    font-weight: 300;
    font-size: 25px;
}

hr {
    border: 0;
    border-top: 1px solid #ededed;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.cloveral-nav {
    padding: 0 15px;
    background-color: #58595b;
    color: #ffffff;
}

.navbar-cloveral-link {
    color: #ffffff!important;
    text-decoration: none;
    font-size: 13px;
    display: block;
    margin-top: 6px;
}

#cloveral-logo {
    width: 20px;
    margin-top: 5px;
}

#menu {
    background-color: #12a89d;
}

.custom-wrapper {
    background-color: #ffd390;
    margin-bottom: 1em;
    -webkit-font-smoothing: antialiased;
    height: 3.3em;
    overflow: hidden;
    -webkit-transition: height 0.5s;
    -moz-transition: height 0.5s;
    -ms-transition: height 0.5s;
    transition: height 0.5s;
}

    .custom-wrapper.open {
        height: 27rem;
    }

.custom-brand {
    width: 80px;
    margin-top: -9px;
}

.custom-menu-2 {
    text-align: center;
}

.custom-menu-3 {
    text-align: right;
}

.custom-toggle {
    margin-top: 40px;
    width: 34px;
    height: 34px;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
}

    .custom-toggle .bar {
        background-color: #ededed;
        display: block;
        width: 20px;
        height: 2px;
        border-radius: 100px;
        position: absolute;
        top: 18px;
        right: 7px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        transition: all 0.5s;
    }

        .custom-toggle .bar:first-child {
            -webkit-transform: translateY(-6px);
            -moz-transform: translateY(-6px);
            -ms-transform: translateY(-6px);
            transform: translateY(-6px);
        }

    .custom-toggle.x .bar {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

        .custom-toggle.x .bar:first-child {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

#vmold-logo {
    width: 75px;
    margin-top: 13px;
}

.pure-menu-link {
    color: #ededed !important;
    font-size: 18px;
    line-height: 35px;
    cursor: pointer;
}

    .pure-menu-active > .pure-menu-link, .pure-menu-link:focus, .pure-menu-link:hover {
        background-color: #ededed;
        color: #12a89d !important;
    }

.badge {
    background-color: #ededed;
    color: #12a89d;
    padding: 0 5px;
    border-radius: 15px;
    font-size: 12px;
    line-height: 12px;
}

.pure-form {
    width: 100%;
}

	.pure-form fieldset {
	    padding: 0 10px;
	}
    
	.label, 
	.pure-form .label {
	    color: #000000!important;
	    font-size: 14px!important;
	    width: 55%;
	    display: inline-block;
	}

        .pure-form .label.label-engine-left {
            width: auto;
            margin-left: 0.3em;
        }

        .label-engine-unit,
        .label.label-engine-unit, 
        .pure-form .label.label-engine-unit {
            width: 10%;
            font-size: 12px;
            display: inline-block;
            color: #12a89d;
        }

.apix {
    vertical-align: super;
    font-size: 10px;
}

input[type=text],
.pure-form input[type=password], .pure-form input[type=email], .pure-form input[type=url], .pure-form input[type=date], .pure-form input[type=month], .pure-form input[type=time], .pure-form input[type=datetime], .pure-form input[type=datetime-local], .pure-form input[type=week], .pure-form input[type=tel], .pure-form input[type=color], .pure-form input[type=number], .pure-form input[type=search], .pure-form input[type=text], .pure-form select, .pure-form textarea {
    outline: 0;
    border: 1px solid #ededed;
    text-align: right;
    padding: 0;
    height: 24px;
    line-height: 24px;
    padding-right: 3px;
    background-color: #ededed;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-top: 5px;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    border-radius: 4px;
    padding-left: 3px;
    padding-right: 3px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

    .pure-form input:focus:not([type]), .pure-form input[type="password"]:focus, .pure-form input[type="email"]:focus, .pure-form input[type="url"]:focus, .pure-form input[type="date"]:focus, .pure-form input[type="month"]:focus, .pure-form input[type="time"]:focus, .pure-form input[type="datetime"]:focus, .pure-form input[type="datetime-local"]:focus, .pure-form input[type="week"]:focus, .pure-form input[type="tel"]:focus, .pure-form input[type="color"]:focus, .pure-form input[type="number"]:focus, .pure-form input[type="search"]:focus, .pure-form input[type="text"]:focus, .pure-form select:focus, .pure-form textarea:focus {
        outline: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
        border: 1px solid #ededed;
    }


.pure-button {
    border-radius: 4px;
}

.pure-button-block{
    width: 100%;    
}

.vex.vex-theme-top .vex-dialog-button.vex-dialog-button-primary,
.pure-button-primary {
    background-color: #12a89d;
}

.vex.vex-theme-top .vex-dialog-button.vex-dialog-button-secondary,
.pure-button-secondary {
    background-color: #ededed;
    color: #12a89d;
}

.input-error {
    color: #e74d26;
    font-size: 12px;
}

.input-engine {
    margin-top: -2px!important;
    font-size: 14px!important;
    display: inline-block;
    width: 30%;
    max-width: 80px;
}

.input-block {
    width: 100%;
    max-width: 100%;
}

.input-left {
    text-align: left!important;
}

.filled {
    background-color: #ffffff!important;
}

.input-engine-left {
    margin-left: 0.3em;
}

.vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type=tel], .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type=text], .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type=time], .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type=url], .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type=week], .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type=date], .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type=datetime], .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type=datetime-local], .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type=email], .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type=month], .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type=number], .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type=password], .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type=search], .vex.vex-theme-top .vex-dialog-form .vex-dialog-input select, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input textarea {
    text-align: left!important;
}

.paper {
    background-color: #ffffff;
    padding-bottom: 20px;
}

label.dropdown select {
    background: #ededed;
    border: 1px solid #ededed;
    font-size: 14px;
    line-height: 15px !important;
    border-radius: 4px;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    outline: none;
    color: #686868;
    width: 100%;
}

    label.dropdown select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #ededed;
    }

    label.dropdown select::-ms-expand {
        display: none;
    }

label.dropdown:before {
    content: '';
    right: 5px!important;
    width: 30px;
    background: #ededed;
    position: absolute;
    pointer-events: none;
    display: block;
}

label.dropdown {
    position: relative;
}

    label.dropdown:after {
        content: '>';
        font-size: 10px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        right: 2px !important;
        top: 5px !important;
        border-bottom: 1px solid #686868;
        position: absolute;
        pointer-events: none;
        width: 24px !important;
        padding: 0 0 5px 0 !important;
        text-indent: 10px !important;
    }

@media screen\0 {
    label.dropdown:after {
        width: 38px;
        text-indent: 15px;
        right: 0;
    }
}

@media screen and (min--moz-device-pixel-ratio:0) {
    label.dropdown select {
        padding-right: 40px;
    }

    label.dropdown:before {
        right: 6px;
    }

    label.dropdown:after {
        text-indent: 14px;
        right: 6px;
        top: -5px;
        width: 36px;
    }
}

.tgl {
    display: none;
}

    .tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
        box-sizing: border-box;
    }

        .tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl + .tgl-btn::-moz-selection {
            background: none;
        }

        .tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
            background: none;
        }

        .tgl + .tgl-btn {
            font-size: 12px;
            outline: 0;
            display: block;
            width: 80px;
            height: 20px;
            position: relative;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

            .tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
                position: relative;
                display: block;
                content: "";
                width: 50%;
                height: 100%;
            }

            .tgl + .tgl-btn:after {
                left: 0;
            }

            .tgl + .tgl-btn:before {
                display: none;
            }

        .tgl:checked + .tgl-btn:after {
            left: 50%;
        }

.tgl-skewed + .tgl-btn {
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    border-radius: 4px;
    background: #ededed;
}

    .tgl-skewed + .tgl-btn:after, .tgl-skewed + .tgl-btn:before {
        display: inline-block;
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
        width: 100%;
        text-align: center;
        position: absolute;
        line-height: 20px;
        font-weight: bold;
        color: #686868;
    }

    .tgl-skewed + .tgl-btn:after {
        left: 100%;
        content: "\f00c";
        font-family: FontAwesome;
    }

    .tgl-skewed + .tgl-btn:before {
        left: 0;
        content: "\f00d";
        font-family: FontAwesome;
    }

    .tgl-skewed + .tgl-btn:active {
        background: #888;
    }

        .tgl-skewed + .tgl-btn:active:before {
            left: -10%;
        }

.tgl-skewed + .tgl-btn-inverse {
    background-color: #686868;
}

    .tgl-skewed + .tgl-btn-inverse:after, .tgl-skewed + .tgl-btn-inverse:before {
        color: #ededed;
    }

.tgl-skewed:checked + .tgl-btn {
    background: #12a89d !important;
    color: #ededed !important;
}

    .tgl-skewed:checked + .tgl-btn:before {
        left: -100%;
        color: #ededed;
    }

    .tgl-skewed:checked + .tgl-btn:after {
        left: 0;
        color: #ededed;
    }

    .tgl-skewed:checked + .tgl-btn:active:after {
        left: 10%;
        color: #ededed;
    }

#compute-area {
    visibility: hidden;
}

#disposition-data {
    margin-top: 43px;
}

#compute-results {
    margin-top: 10px;
    background-color: #686868;
    color: #ededed;
    border-radius: 4px;
    padding: 0 25px;
    display: none;
    padding-bottom: 15px;
    padding-top: 10px;
}

.result-label {
    font-weight: 400;
    color: #ededed;
    margin-top: 10px;
    margin-bottom: 10px;
}

.result-value {
    font-weight: 700;
    color: #ededed;
    margin-top: 10px;
    margin-bottom: 10px;
}

.dxf-preview {
    height: 350px;
    background-color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

    .dxf-preview > img {
        object-fit: contain;
		width: 99%;
		max-height: 340px;
        padding: 5px 0;
    }

.result-button {
    margin-bottom: 10px;
}

.compare-alert {
    width: 85%!important;
}

.table-block {
    width: 100%;    
}

.pure-table thead {
    background-color: #12a89d;
    color: #ededed;
}

.pure-table-horizontal td, .pure-table-horizontal th {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 15px;
}

.compare-preview-btn,
.compare-remove-btn,
.template-remove-btn,
.show-org,
a.archive-item-remove-btn,
a.remove-org-btn {
    cursor: pointer!important;
}

.preference-label {
    display: block!important;
    margin-bottom: 28px !important;
    font-size: 15px;
    margin-top: 5px !important;
}

#multinozzles-input {
    display: none;
}

#upload-messages {
    margin-top: 25px;
}

.c100.green .bar,
.c100.green .fill {
    border-color: #12a89d !important;
}

.c100.green:hover > span {
    color: #12a89d;
}

.c100.green.dark .bar,
.c100.green.dark .fill {
    border-color: #12a89d !important;
}

.c100.green.dark:hover > span {
    color: #12a89d;
}

#template-form-data {
    display: none;
}

.white {
    background-color: #ffffff;
}

.expired {
    background-color: #ff00005e;
}

.expiresoon {
    background-color: #ffa200a9;
}

.vex-dialog-input {
    font-size: 15px;
    outline: none;
}

.vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type=tel]:focus, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type=text]:focus, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type=time]:focus, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type=url]:focus, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type=week]:focus, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type=date]:focus, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type=datetime]:focus, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type=datetime-local]:focus, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type=email]:focus, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type=month]:focus, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type=number]:focus, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type=password]:focus, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type=search]:focus, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input select:focus, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input textarea:focus {
    outline: 0 !important;
    border: 0 !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.account-content {
    width: 75%;
    max-width: 475px;
    height: 400px;
    background-color: #ffffff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 15px;
}


.label-account {
    display: block;
    font-size: 16px;
    font-weight: 300;
}

.input-account {
    width: 100%;
    max-width: 100%;
    font-size: 16px !important;
    text-align: left!important;
}

.admin-alert {
    width: 40%!important;
}

.label-admin {
    display: block;
    font-size: 16px;
    font-weight: 300;
}

.input-admin {
    width: 100%;
    max-width: 100%;
    font-size: 16px !important;
    text-align: left!important; 
    border: 1px solid #a6a6a6!important;
}

#signin-form {
    text-align: left;
}

.meter {
    height: 20px;
    position: relative;
    background: #686868;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 4px;
}

    .meter > span {
        display: block;
        height: 12px;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        background-color: #12a89d;
        position: relative;
        overflow: hidden;
    }

@media (max-width: 47.999em) {
    .custom-menu-2 {
        text-align: left;
    }

    .custom-menu-3 {
        text-align: left;
    }

    .custom-toggle {
        display: block;
    }

    table {
        border: 0;
    }

        table thead {
            display: none;
        }

        table tr {
            margin-bottom: 10px;
            display: block;
            border-bottom: 2px solid #ddd;
        }

        table td {
            display: block;
            text-align: right;
            font-size: 13px;
            border-bottom: 1px dotted #ccc;
        }

            table td:last-child {
                border-bottom: 0;
            }

            table td:before {
                content: attr(data-label);
                float: left;
                text-transform: uppercase;
                font-weight: bold;
            }

    #template-item {
        margin-left: 15px;
    }
}

#compute-volume {
    cursor: pointer;
}

div.dataTables_scrollBody {
    background: #ffffff;
}


/**** FG ***********************************************************************************************************************************************************/

.box-maintenance {
    position: absolute;
    top: 100px;
    right: 25px;
    padding: 20px;
    color: #ca0d0d;
    text-align: center;
    border: solid 3px #ca0d0d;
    border-radius: 10px;
    background-color: #ffffff;
    /*visibility: hidden;*/
}
.box-Administration1, .box-Administration2, .box-Administration3 {
    padding: 50px;
    margin: 20px;
    border-radius: 0px;
    background-color: #9FC640; /*#B4E049;*/
    text-align: center;
    text-decoration: none;
}
    .box-Administration1 span, .box-Administration2 span, .box-Administration3 span {
        color: #ffffff;
        font-weight: bold;
        font-size: 20px;
    }
.box-Administration2 {
    background-color: #B4E048;
}
.box-Administration3 {
    background-color: #BEED4C;
}


.btn-green, .btn-blu, .btn-red, .btn-annulla {
    padding: 3px 8px 3px 8px;
    border-radius: 0px;
    background-color: #9FC640;
    text-align: center;
    text-decoration: none;
    border: none;
    color: #ffffff;
    font-size: 16px;
}

.btn-red {
    background-color: #FA5838;
}

.btn-blu {
    background-color: #1062BA;
}

.btn-annulla {
    background-color: #c0c0c0;/* #1062BA;*/
}

#txtDescrizione{
    height:100px;
    resize: none;
}

#frmRoleInsert, #frmReservationInsert {
    background-color: #fbfbfb;
    border: solid 1px #12A89D;
    padding: 7px;
    margin-bottom: 25px;
}