@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/Montserrat/Montserrat-VariableFont_wght.ttf");
}

html, body, h1, h2, h3, h4, h5, h6, p, div, span {
    font-family: "Montserrat", sans-serif;
}

html, body {
    color: #333;
    background-color: #E5E5E5;
}

h1 {
    font-size: 50px;
    font-weight: lighter;
    text-transform: uppercase;
}

h1, h2, h3 {
    text-transform: uppercase;
}

h1, h2, h3, h4, h5, h6 {
    color: #454545 !important;
}

.sidebar .menu .list li a:hover {
    color: #1A375A;
}

.card {
    border-radius: 0 !important;
}

.brand-icon {
    color: #454545 !important;
}

.brand-secondary-background {
    background-color: #FF5000;
}

.theme-black .sidebar .menu .list li a:hover i, .theme-black .sidebar .menu .list li a:hover span {
    color: #454545;
}

.light .nav > li > a {
    color: #454545 !important;
}

input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #3A5B77;
    -webkit-box-shadow: 0 1px 0 0 #3A5B77;
    box-shadow: 0 1px 0 0 #3A5B77;
}

.sidebar .menu .list a {
    border-radius: 0 !important;
}

.page-background {
    background-color: #000 !important;
}

.brand-button:focus {
    background-color: transparent !important;
}

.alert-danger {
    background-color: #F6C76C !important;
    color: #000 !important;
}

.container-login100::before {
    background-color: transparent !important;
}

.label {
    color: #454545 !important;
    border-radius: 2px;
}

.render-log nav {
    background-color: transparent;
    -webkit-box-shadow: 0 0 0 0;
}

.render-log nav .pagination li span {
    margin-top: 14px;
    margin-left: 2px;
    border: 0;
}

.carraro-navbar {
    background: #fff !important;
    box-shadow: 0 4px 4px -2px #dcdcdc;
}

.carraro-main-icon {
    color: #59646B;
}

.brand-button {
    background-color: transparent;
    color: #454545;
    border: 1px solid #454545;
    border-radius: 15px !important;
    min-width: 150px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    margin: 15px;
    height: 38px;
    padding: 10px 20px !important;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
}

.brand-button:hover {
    background-color: transparent !important;
    color: #0C9EB9 !important;
    border: 1px solid #0C9EB9 !important;
}

button.brand-button:hover {
    background-color: transparent !important;
    color: #0C9EB9 !important;
    border: 1px solid #0C9EB9 !important;
}

.width-100 {
    width: 100%;
}

.wrap-login100 {
    border-radius: unset;
}

.theme-black .breadcrumb li a {
    color: #454545 !important;
}

.theme-black .breadcrumb li.active {
    color: #0C9EB9;
}

.brand-button-outline {
    box-shadow: none !important;
    border-radius: 2px !important;
    background-color: transparent !important;
    text-transform: uppercase;
}

.brand-button-grey-outline {
    background-color: transparent !important;
    color: #454545 !important;
    border: 1px solid #454545 !important;
    font-weight: 500;
    cursor: pointer;
    height: 38px;
    margin: 0 10px;
    padding: 10px 10px;
    text-align: center;
    line-height: 20px;
    display: block;
    border-radius: 2px;
    text-transform: uppercase;
}

.brand-button-grey-outline .material-icons {
    font-size: 18px !important;
    line-height: .2px;
}

.brand-button-grey {
    background-color: transparent;
    color: #454545;
    border: 1px solid #454545;
    border-radius: 15px !important;
    font-weight: 500;
    cursor: pointer;
    height: 38px;
    margin: 0 10px;
    padding: 10px 10px !important;
    text-align: center;
    display: block;
    text-transform: uppercase;
}

.brand-button-red {
    background-color: #3A5B77 !important;
    color: #fff;
    font-weight: 500;
    cursor: pointer;
    height: 38px;
    margin: 0 10px;
    padding: 10px 10px;
    text-align: center;
    border: none;
    display: block;
    border-radius: 2px;
    text-transform: uppercase;
}

.brand-button-red:hover {
    background-color: #3A5B77;
}

.brand-button-grey:hover {
    color: #0C9EB9;
    border: 1px solid #0C9EB9;
    background-color: transparent;
}

.brand-force-grey {
    background-color: transparent !important;
    color: #454545 !important;
    border: 1px solid #454545 !important;
    border-radius: 15px !important;
    text-transform: uppercase;
}

.carraro-force-grey-invert {
    color: #454545 !important;
    background-color: transparent !important;
    border: 1px solid #454545 !important;
}

li.active > a {
    background-color: #E2E6E9 !important;
    color: #59646B !important;
    border-radius: 0px !important;
    box-shadow: none !important;
}

.brand-button-transparent {
    background-color: transparent !important;
    color: #59646B;
    border: none !important;
}

.brand-button-transparent:hover {
    color: #0C9EB9 !important;
}

.carraro-box-part {
    background: #fff;
    padding: 30px 15px;
    margin: 5px 0 23px;
    border-radius: 2px;
}

.carraro-lowercase {
    text-transform: lowercase;
}

.carraro-grey {
    color: #59646B !important;
}

.dtp-header, .dtp-date {
    background: #59646B !important;
}

.dtp .p10 > a, .dtp div.dtp-actual-year {
    color: #fff !important;
}

.btn-flat, .dtp-btn-cancel, .dtp-btn-clear, .dtp-btn-ok {
    border: none !important;
    box-shadow: none !important;
    text-transform: none !important;
}

.btn-flat:hover, .dtp-btn-cancel:hover, .dtp-btn-clear:hover, .dtp-btn-ok:hover {
    background: transparent !important;
}

#button-to-top {
    display: inline-block;
    background-color: #59646B;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    margin: 30px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 1000;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    color: #FFFFFF;
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    line-height: 50px;
}

#button-to-top:hover {
    cursor: pointer;
    background-color: #333;
}

#button-to-top:active {
    background-color: #555;
}

#button-to-top.show {
    opacity: 1;
    visibility: visible;
}

.buttons-copy, .buttons-csv, .buttons-excel, .buttons-pdf, .buttons-print {
    background-color: transparent !important;
    border: 1px solid #454545 !important;
    color: #454545 !important;
    box-shadow: none !important;
    border-radius: 23px !important;
    text-transform: uppercase;
}

#logoImage img {
    max-width: 100% !important;
    height: 3rem !important;
}

.navbar-brand {
    margin-left: initial !important;
}

.logo-header {
    width: 100%;
    text-align: center;
}

.logo-header img {
    max-width: 100%;
    height: 3.8rem;
}

.navbar-absolute-right {
    position: absolute;
    top: 0;
    right: 20px;
}

.btn_acquista {
    display: block;
    margin-bottom: 1rem;
}

.btn_acquista .material-icons {
    font-size: 16px !important;
    line-height: 0.5rem;
}

div.dt-buttons {
    margin-top: 2rem;
    margin-bottom: .5rem;
    display: contents;
}

.partial-path:hover {
    text-decoration: underline;
}

/* giorg */
#updateButtonTable {
    background-color: #DB2B1F;
    color: #fff;
    border: 0 none !important;
}

.white-text, #lblCartCount {
    color: #fff !important;
}

[type="radio"]:checked + span::after, [type="radio"].with-gap:checked + span::after {
    background-color: #414244 !important;
}

[type="radio"]:checked + span::after, [type="radio"].with-gap:checked + span::before, [type="radio"].with-gap:checked + span::after {
    border: 2px solid #414244 !important;
}

[type="checkbox"].filled-in:checked + span:not(.lever)::after {
    background-color: #414244 !important;
    border: 2px solid #414244 !important;

}

.btn.excel {
    background-color: #59646B !important;
    color: #fff;
}

.saved-not-sent {
    background-color: #b0b5bb !important;
}

.saved {
    background-color: #00b0e4 !important;
}

.working-in-progress {
    background-color: #aab991 !important;
}

.not-available {
    background-color: #DA2B1F !important;
}

.completed {
    background-color: #78875d !important;
}

.tw-grey-simple {
    color: #454545 !important;
    border: 1px solid #454545 !important;
    border-radius: 15px!important;
    background-color: transparent !important;
}

.tw-grey-simple:hover {
    border: 1px solid #0C9EB9 !important;
    color: #0C9EB9 !important;
}

.no-bg {
    background-color: transparent !important;
}

/* fine giorg */

/*css nicholas*/

.btn.edit-user-style {
    background-color: #59646B !important;
    color: #fff;
    font-size: 13px;
    text-transform: capitalize;
}

.red-line-form .form-group .form-line::after {
    border-bottom: 2px solid #DA2B1F !important;
}

.btn.gray-carraro {
    background-color: #59646B !important;
    color: #fff;
    font-size: 13px;
    text-transform: capitalize;
}

.btn.red-carraro {
    background-color: #DA2B1F !important;
    color: #fff;
    font-size: 13px;
    text-transform: capitalize;
    border: 0 !important;
}

.btn.red-carraro:hover, .btn.save-user:hover, #updateButtonTable:hover {
    background-color: #a01519 !important;
}

.btn.gray-carraro:hover, .btn.edit-user-style:hover {
    background-color: #353c48 !important;
}

.brand-button-grey-outline-document {
    background-color: transparent !important;
    color: #454545 !important;
    border: 1px solid #454545 !important;
    font-weight: 500;
    cursor: pointer;
    height: 38px;
    margin: 0 10px;
    text-align: center;
    line-height: 20px;
    display: block;
    border-radius: 2px;
    font-size: 10px;
    padding: 9px 0;
}

#tabOrderList {
    width: 100% !important;
}

.bg-notification-cart {
    color: white;
    background-color: #454545;
}

/*fine css nicholas*/

#codeList input {
    height: 1rem;
    font-size: 12px;
    margin: 0 0 0 0;
}

#catalogList input {
    height: 1rem;
    font-size: 12px;
    margin: 0 0 0 0;
}

#replacement-table .btn-add-single {
    font-size: 10px;
    position: absolute;
    top: 8px;
}

#replacement-table .btn-add-single i {
    font-size: 10px;
}

#replacement-table .substitution-check {
    margin-top: 14px;
}

#replacement-table td {
    position: relative;
}

button.btn-outline-warning:hover, button.btn-outline-success:hover {
    color: #0C9EB9!important;
    border: 1px solid #0C9EB9!important;
    background-color: transparent!important;
}