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) { }

@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; }
}

/* 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; }
}

button:focus {  outline: none !important; box-shadow: none !important;}
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;}
.background-0 { background-color: transparent !important; background:none !important;}

.btn { border-radius: 0 !important; text-align: center;}
.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-secondary { color: #534741; background-color: rgba(226, 220, 217, 1); border-color: rgba(226, 220, 217, 1);}
.btn-secondary:hover,.btn-secondary.focus, .btn-secondary:focus { color: #534741; background-color: rgba(211, 202, 197, 1); border-color: rgba(211, 202, 197, 1);}
.btn-secondary.disabled, .btn-secondary:disabled { color: #534741; background-color:rgba(242, 239, 238, 1); border-color: rgba(242, 239, 238, 1);}

.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;}

/* CUSTOM alex*/

.form-control {box-shadow: none!important; border-radius: 0!important; border: 1px solid #e4dfdd;}
.form-control:focus {color: #534741; background-color: #fff; border-color: #ccc; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0,0,0,.05);}

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

/*custom select*/
.select2-container--default .select2-selection {border: 1px solid #e4dfdd; box-shadow: none!important; border-radius: 0!important;}
.select2-results__option { padding: 6px 12px;}

.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; }

/* DROPDOWN */
.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;}
}