body::-webkit-scrollbar-track{background-color: #transparent;border-radius: 0px;}
body::-webkit-scrollbar{width: 5px; height: 5px;	background-color: transparent;}
body::-webkit-scrollbar-thumb{	border-radius: 0px;	background-color: #666;}

/* Schermi grandi o ad alta risoluzione */
@media all and (max-width: 1690px) {   }

/* Schermi Desktop o Portatili */
@media all and (min-width: 1280px) and (max-width: 1689px) {  }

/* Tablet in modalità orizzontale */
@media all and (min-width: 737px) and (max-width: 1279px) {   }

/* Tablet in modalità verticale */
@media all and (min-width: 481px) and (max-width: 736px) { 	}

/* Smartphone o piccoli Tablet */
@media all and (max-width: 480px) { }


/* Smartphone landscape */
@media only screen and (min-width: 480px) and (max-width: 811px) and (orientation: landscape) { /*767*/
    .col-xsl-1 { width: 8.3% !important; float: left; flex: 0 0 8.3% !important; max-width: 8.3% !important; }
    .col-xsl-2 { width: 16.6% !important; float: left; flex: 0 0 16.6% !important; max-width: 16.6% !important; }
    .col-xsl-3 { width: 24.9% !important; float: left; flex: 0 0 24.9% !important; max-width: 24.9% !important; }
    .col-xsl-4 { width: 33% !important; float: left; flex: 0 0 33% !important; max-width: 33% !important; }
    .col-xsl-5 { width: 41.5% !important; float: left; flex: 0 0 41.5% !important; max-width: 41.5% !important; }
    .col-xsl-6 { width: 50% !important; float: left; flex: 0 0 50% !important; max-width: 50% !important; }
    .col-xsl-7 { width: 58.1% !important; float: left; flex: 0 0 58.1% !important; max-width: 58.1% !important; }
    .col-xsl-8 { width: 66.4% !important; float: left; flex: 0 0 66.4% !important; max-width: 66.4% !important; }
    .col-xsl-9 { width: 74.7% !important; float: left; flex: 0 0 74.7% !important; max-width: 74.7% !important; }
    .col-xsl-9 { width: 83% !important; float: left; flex: 0 0 83% !important; max-width: 83% !important; }
    .col-xsl-11 { width: 91.3% !important; float: left; flex: 0 0 91.3% !important; max-width: 91.3% !important; }
    .col-xsl-12 { width: 100% !important; float: none; flex: 0 0 100%; max-width: 100%; }
}

@media only screen and (max-width: 667px) {
    .order-xs-1 {order:1}
    .order-xs-2 {order: 2}
    .order-xs-3 {order: 3}
    .order-xs-4 {order: 4}
}

@media (max-width: 575.98px) {
    .border-xs-left-none { border-left: none !important; }
    .border-xs-right-none { border-right: none !important; }
    .border-xs-top-none { border-top: none !important; }
    .border-xs-bottom-none { border-bottom: none !important; }
}

@media (max-width: 767.98px) {
    .border-sm-left-none { border-left: none !important; }
    .border-sm-right-none { border-right: none !important; }
    .border-sm-top-none { border-top: none !important; }
    .border-sm-bottom-none { border-bottom: none !important; }
    .text-sm-center { text-align: center !important; }
}

@media (max-width: 991.98px) {
    .border-md-left-none { border-left: none !important; }
    .border-md-right-none { border-right: none !important; }
    .border-md-top-none { border-top: none !important; }
    .border-md-bottom-none { border-bottom: none !important; }
}

@media (max-width: 1199.98px) {
    .border-lg-left-none { border-left: none !important; }
    .border-lg-right-none { border-right: none !important; }
    .border-lg-top-none { border-top: none !important; }
    .border-lg-bottom-none { border-bottom: none !important; }
}
.border-xl-left-none { border-left: none !important; }
.border-xl-right-none { border-right: none !important; }
.border-xl-top-none { border-top: none !important; }
.border-xl-bottom-none { border-bottom: none !important; }

/* TYPOGRAPHY */

@media only screen and (min-width: 320px) and (max-width: 736px) {
    .text-xs-left { text-align: left !important; }
    .text-xs-right { text-align: right !important; }
    .text-xs-center { text-align: center !important; }
}


/*BTN BLOCK*/
@media (max-width: 767px) {
    .btn-xs-block { display: block; width: 100%; }
    input[type="submit"].btn-xs-block, input[type="reset"].btn-xs-block, input[type="button"].btn-xs-block { width: 100%; }
    .btn-block + .btn-xs-block, .btn-xs-block + .btn-block, .btn-xs-block + .btn-xs-block { margin-top: 0.5rem; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .btn-sm-block { display: block; width: 100%; }
    input[type="submit"].btn-sm-block, input[type="reset"].btn-sm-block, input[type="button"].btn-sm-block { width: 100%; }
    .btn-block + .btn-sm-block, .btn-sm-block + .btn-block, .btn-sm-block + .btn-sm-block { margin-top: 0.5rem; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .btn-md-block { display: block; width: 100%; }
    input[type="submit"].btn-md-block, input[type="reset"].btn-md-block, input[type="button"].btn-md-block { width: 100%; }
    .btn-block + .btn-md-block, .btn-md-block + .btn-block, .btn-md-block + .btn-md-block { margin-top: 0.5rem; }
}

@media (min-width: 1200px) {
    .btn-lg-block { display: block; width: 100%; }
    input[type="submit"].btn-lg-block, input[type="reset"].btn-lg-block, input[type="button"].btn-lg-block { width: 100%; }
    .btn-block + .btn-lg-block, .btn-lg-block + .btn-block, .btn-lg-block + .btn-lg-block { margin-top: 0.5rem; }
}

/* LINK */

a:focus {outline: none !important;box-shadow: none !important;}

[data-toggle="collapse"].collapsed .if-not-collapsed { display: none; }
[data-toggle="collapse"]:not(.collapsed) .if-collapsed { display: none; }

.tooltip-inner { background-color:rgba(83,71,65,1); border-radius: .15rem;font-size: 10px;}
.tooltip .arrow::before{  border-top-color:rgba(83,71,65,1);}

/*reset*/
a{color:#464A4C;}
a:hover{color:#999;}

/* BUTTONS */

button:focus {  outline: none !important; box-shadow: none !important;}
.btn { border-radius: 0 !important;}
.btn-primary { color: #fff; background-color: rgba(83,71,65,1); border-color: rgba(83,71,65,1);}
.btn-primary:hover,.btn-primary.focus, .btn-primary:focus { color: #fff; background-color: rgba(63,55,51,1); border-color: rgba(63,55,51,1);}
.btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #98918d; border-color: #98918d;}
.btn-light:hover,.btn-light.focus, .btn-light:focus ,.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle{color: #212529; background-color: #eee; border-color: #eee;}

.btn-link { color: rgba(83,71,65,1);}
.btn-link:hover{ color: rgba(63,55,51,1);}

.btn-outline-primary { border: 1px solid rgba(83,71,65,1); color: rgba(83,71,65,1); }
.btn-outline-primary:hover { background-color: rgba(83,71,65,1); border: 1px solid rgba(83,71,65,1); color: #fff; }
.btn-outline-primary.disabled, .btn-outline-primary:disabled { background-color: transparent; color: rgba(63,55,51,1);}
.btn-outline-secondary { color: #464A4C; background-color: transparent; background-image: none; border-color: #464A4C; }
.btn-outline-secondary:hover { color: #fff; background-color: #464A4C; border-color: #464A4C; }

.btn-app { border-radius: 0px; position: relative; padding: 15px 5px; margin: 0 0 10px 10px; min-width: 80px; height: 60px; text-align: center; border: 1px solid #ddd; background-color: #f4f4f4; font-size: 12px }
.btn-app.dropdown-toggle:before { position: absolute; top: 5px; right: 8px; font-size: 10px; font-family: 'themify'; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e648"; }
.btn-app:after { display: none; }
.btn-app>.fa, .btn-app>.fal, .btn-app>.far, .btn-app>.glyphicon, .btn-app>.ion { font-size: 20px; display: block }
.btn-app:hover { background: #f4f4f4; color: #444; border-color: #aaa }
.btn-app:active, .btn-app:focus { box-shadow: inset 0 3px 5px rgba(0,0,0,.125) }
.btn-app>.badge { position: absolute; top: -3px; right: -10px; font-size: 10px; font-weight: 400 }

.text-primary {color: rgba(83,71,65,1) !important;}
.text-primary:hover,a.text-primary:focus, a.text-primary:hover{color: rgba(63,55,51,1) !important;}

.bg-primary {background: rgba(83,71,65,1) !important;}

/* FORM */
.form-control:focus {color: #495057; background-color: #fff; border-color: #ccc; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0,0,0,.05);}

.custom-input-number {border-radius: 0;    vertical-align: middle;    line-height: normal;    height: auto; }


.card-tools { position: absolute; right: 6px; top: 6px;}

/* DROPDONW */

/*custom select*/
.bootstrap-select >.dropdown-toggle { background-color: #fff; border: 1px solid #ccc; border-radius: 0; font-size: 14px; font-weight: 300; color: #999999; margin-bottom: 10px; }
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {}
.bootstrap-select .dropdown-toggle:focus { outline: none !important }
.bootstrap-select .bs-ok-default:after { display: inline-block; vertical-align: top; border: none; content: '\f00c'; font-family: "Font Awesome 5 Free"; font-size: 13px; line-height: 1em; font-weight: 300; width: 1em; height: 1em; margin-top: 5px; margin-right: 0px; text-align: center; transform: none; -webkit-transform: none; -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.dropup .dropdown-toggle::after { border: none; font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; content: '\f106'; margin-top: -13px; }
.bootstrap-select.btn-group .dropdown-toggle .bs-caret .caret { position: absolute; top: 50%; right: 12px; margin-top: -2px; vertical-align: middle; display: none; }
.bootstrap-select.btn-group .dropdown-toggle .bs-caret:before { display: inline-block; font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; content: '\f106'; color: #666; /* border: 1px solid #ccc; */ top: 10px; right: 10px; position: absolute; }
.bootstrap-select.btn-group .dropdown-toggle.btn-primary .bs-caret:before, .bootstrap-select.btn-group .dropdown-toggle.btn-danger .bs-caret:before, .bootstrap-select.btn-group .dropdown-toggle.btn-warning .bs-caret:before, .bootstrap-select.btn-group .dropdown-toggle.btn-info .bs-caret:before, .bootstrap-select.btn-group .dropdown-toggle.btn-success .bs-caret:before { color: #fff; }
.bootstrap-select .dropdown-menu { border-radius: 0; top: -3px !important; padding: 0 }
.bootstrap-select .dropdown-menu li a { color: #5d5d5d; }
.bootstrap-select .dropdown-menu li a span.text { margin-right: 34px; font-size: 14px; }
.bootstrap-select .dropdown-menu .dropdown-item { padding: 5px 12px; }
.bootstrap-select .dropdown-menu .dropdown-item.active, .bootstrap-select .dropdown-menu .dropdown-item:active { background-color: #999 !important; color: #fff; }
.bootstrap-select.condensed .btn.dropdown-toggle { padding: 5px 22px 5px 10px; font-size: 14px; }
.bootstrap-select.condensed .dropdown-menu li { font-size: 13px; }
.bootstrap-select.condensed.btn-group .dropdown-toggle .bs-caret .caret { display: none; }
.bootstrap-select.condensed.btn-group .dropdown-toggle .bs-caret:before { top: 8px; right: 8px; }

.bootstrap-select .dropdown-menu { box-shadow: none; }
.bootstrap-select>.dropdown-toggle::after { display: inline-block; font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; content: '\f107'; font-size: 16px; font-weight: 300; position: absolute; height: auto; top: 50%; transform: translateY(-50%); right: 15px; border: none; margin: 0; padding: 0; }
.bootstrap-select .dropdown-item.active,.bootstrap-select  .dropdown-item:active { color: #fff; background-color: #464A4C; }

@media (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1440px !important;}
}

.custom-checkbox .custom-control-label::before { border-radius: 0; }
.custom-checkbox .custom-control-label::before,.custom-checkbox  .custom-control-label::after { width: 30px; height: 30px; margin-top: -5px; background-color: transparent; border: 1px solid #ccc; box-shadow: 0 0 0px #fff; transition: all .3s linear;}
.custom-checkbox .custom-control-input.invalid + .custom-control-label::after { border: 1px solid #333 !important; transition: all .3s linear; }
.custom-checkbox .custom-control-input:checked~.custom-control-label::before { }
.custom-checkbox .custom-control-input:focus:not(:checked)~.custom-control-label::before { border-color: #999 !important; transition: all .3s linear; }
.custom-checkbox .custom-control-input:focus~.custom-control-label::before { box-shadow: none;  transition: all .3s linear;}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after { background-image: none; border: none; transform: none; -webkit-transform: none; -ms-transform: rotate(45deg); -o-transform: rotate(45deg); content: '\f00c'; font-family: "Font Awesome 5 Free"; font-size: 17px; line-height: 30px; text-align: center; display: inline-block; font-weight: 300; color: #fff; transition: all .3s linear; }
.custom-checkbox .custom-control-input:checked~.custom-control-label::before { border-color: rgba(83,71,65,1) !important; background-color: rgba(83,71,65,1) !important; transition: all .3s linear; }
.custom-checkbox label small { display: inherit; margin-left: 20px; }


.custom-radiobox .custom-control-label::before { border-radius: 50%; }
.custom-radiobox .custom-control-label::before,.custom-radiobox  .custom-control-label::after { width: 30px; height: 30px; margin-top: -5px; background-color: transparent; border: 1px solid #ccc;border-radius: 50%; box-shadow: 0 0 0px #fff; transition: all .3s linear;}
.custom-radiobox .custom-control-input.invalid + .custom-control-label::after { border: 1px solid #333 !important; transition: all .3s linear;}
.custom-radiobox .custom-control-input:checked~.custom-control-label::before { }
.custom-radiobox .custom-control-input:focus:not(:checked)~.custom-control-label::before { border-color: #999 !important; transition: all .3s linear;}
.custom-radiobox .custom-control-input:focus~.custom-control-label::before { box-shadow: none; transition: all .3s linear;}
.custom-radiobox .custom-control-input:checked~.custom-control-label::after { background-image: none; border: none; transform: none; -webkit-transform: none; -ms-transform: rotate(45deg); -o-transform: rotate(45deg); content: '\f00c'; font-family: "Font Awesome 5 Free"; font-size: 17px; line-height: 30px; text-align: center; display: inline-block; font-weight: 300; color: #fff; transition: all .3s linear;}
.custom-radiobox .custom-control-input:checked~.custom-control-label::before { border-color: rgba(83,71,65,1) !important; background-color: rgba(83,71,65,1) !important;transition: all .3s linear; }
.custom-radiobox label small { display: inherit; margin-left: 20px; }


.custom-control-xl { min-height: 55px; }
.custom-control-xl .custom-control-label::before, .custom-control-xl .custom-control-label::after { width: 50px; height: 50px; margin-top: -5px; background-color: transparent; border: 1px solid #ccc; }
.custom-control-xl .custom-control-input:checked~.custom-control-label::after { font-size: 30px; line-height: 50px; }
.custom-control-xl label small { display: inherit; margin-left: 40px; }
.custom-control-lg { min-height: 45px; }
.custom-control-lg .custom-control-label::before, .custom-control-lg .custom-control-label::after { width: 40px; height: 40px; margin-top: -5px; background-color: transparent; border: 1px solid #ccc; }
.custom-control-lg .custom-control-input:checked~.custom-control-label::after { font-size: 25px; line-height: 40px; }
.custom-control-lg label small { display: inherit; margin-left: 30px; }
.custom-control-md { min-height: 35px; }
.custom-control-md .custom-control-label::before, .custom-control-md .custom-control-label::after { width: 30px; height: 30px; margin-top: -5px; background-color: transparent; border: 1px solid #ccc; }
.custom-control-md .custom-control-input:checked~.custom-control-label::after { font-size: 20px; line-height: 30px; }
.custom-control-md label small { display: inherit; margin-left: 20px; }
.custom-control-sm { min-height: 25px; }
.custom-control-sm .custom-control-label::before, .custom-control-sm .custom-control-label::after { width: 20px; height: 20px; margin-top: -5px; background-color: transparent; border: 1px solid #ccc; }
.custom-control-sm .custom-control-input:checked~.custom-control-label::after { font-size: 14px; line-height: 20px; }
.custom-control-sm label small { display: inherit; margin-left: 10px; }