body::-webkit-scrollbar, div.dropdown-menu.show::-webkit-scrollbar {
display:none;
}
/*@media (min-width: 767px) {

body::-webkit-scrollbar, div.dropdown-menu.show::-webkit-scrollbar {
 width: 7px;
}


body::-webkit-scrollbar-track, div.dropdown-menu.show::-webkit-scrollbar-track {
 background: #f1f1f1;
}


body::-webkit-scrollbar-thumb, div.dropdown-menu.show::-webkit-scrollbar-thumb {
 background: #d4d4d4;
overflow-x: hidden;
}


body::-webkit-scrollbar-thumb:hover, div.dropdown-menu.show::-webkit-scrollbar-thumb:hover {
 background: #999;
}
}*/
/* ANIMATE EFX */ 
.efx-hidden { opacity: 0; }
.efx-visible { opacity: 1; }
.mask { position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background-color: #fff; }
.mask.left { top: 0; left: -100%; }
.mask.right { left: inherit; right: -100%; }
.mask.up { top: -100%; bottom: inherit; left: 0; }
.mask.down { top: inherit; bottom: -100%; left: 0; }
/* BOOTSTRAP OVERRIDES */ 
/* CONTAINER */
.container { position: relative;/* max-width: 1170px !important;*/ /* or 970px */ }
.container-fullwidth { position: relative; width: 100% !important; padding: 0; margin: 0; }
.container-fullwidth .row { margin-left: 0 !important; margin-right: 0 !important; }
.container-fullwidth > .content >.row >.col-md-12 { padding-left: 0 !important; padding-right: 0 !important; }
[data-toggle="collapse"].collapsed .if-not-collapsed { display: none; }
[data-toggle="collapse"]:not(.collapsed) .if-collapsed { display: none; }
.m-xs-0 { margin: 0; }
.p-xs-0 { padding: 0; }

@media(min-width: 768px){
  /*5 colonne*/
  .col-md-5single{ width: 20%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
}

 

@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 (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; }
}
/* BUTTON */
button:focus { outline: none !important; box-shadow: none !important; }
.btn { font-weight: 300; -webkit-transition: background-color .6s ease; -moz-transition: background-color .6s ease; -ms-transition: background-color .6s ease; -o-transition: background-color .6s ease; transition: background-color .6s ease; }
.btn.uppercase { text-transform: uppercase; }
.btn.btn-flat { border-radius: 0 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; border-width: 1px !important; }
.btn:active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.btn:focus { outline: none !important; box-shadow: none !important; }
.btn.btn-file { position: relative; overflow: hidden; }
.btn.btn-file > input[type='file'] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; opacity: 0; filter: alpha(opacity=0); outline: none; background: white; cursor: inherit; display: block; }
.btn-default { background-color: #ffffff; color: #444; border: 1px #ddd solid; border-color: #ddd; }
.btn-default:hover, .btn-default:active, .btn-default.hover { background-color: #e7e7e7; }
.btn-primary { background-color: #3c8dbc; border-color: #3c8dbc; }
.btn-primary:hover, .btn-primary:active, .btn-primary.hover { background-color: #367fa9; border-color: #3c8dbc; }
.btn-success { background-color: #00a65a; border-color: #00a65a; }
.btn-success:hover, .btn-success:active, .btn-success.hover { background-color: #008d4c; border-color: #00a65a; }
.btn-info { background-color: #00c0ef; border-color: #00c0ef; }
.btn-info:hover, .btn-info:active, .btn-info.hover, .btn-info.focus { background-color: #31b0d5; border-color: #00c0ef; }
.btn-danger { background-color: #dd4b39; border-color: #dd4b39; }
.btn-danger:hover, .btn-danger:active, .btn-danger.hover { background-color: #d73925; border-color: #dd4b39; }
.btn-warning { background-color: #f39c12; border-color: #f39c12; }
.btn-warning:hover, .btn-warning:active, .btn-warning.hover { background-color: #e08e0b; border-color: #f39c12; }
.btn-link { -webkit-box-shadow: none; box-shadow: none; }
.btn[class*='bg-']:hover { -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2); }
.btn-app { border-radius: 0px !important; position: relative; padding: 15px 5px; margin: 0 0 10px 0px; min-width: 80px; height: 60px; text-align: center; border: 0px solid #ddd; background-color: #f4f4f4; font-size: 12px; }
.btn-app > .fa, .btn-app > .glyphicon, .btn-app > .ion { font-size: 18px; display: block; }
.btn-app:hover { opacity: .7; }
.btn-app:active, .btn-app:focus { }
.btn-app > .badge { position: absolute; top: -3px; right: -10px; font-size: 10px; font-weight: 400; z-index: 1; }
/*BUTTON OUTLINE*/

.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-nostyle { background: none; border: none; }

/*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; }
}
.bg-red, .bg-yellow, .bg-aqua, .bg-blue, .bg-light-blue, .bg-green, .bg-navy, .bg-teal, .bg-olive, .bg-lime, .bg-orange, .bg-fuchsia, .bg-purple, .bg-maroon, .bg-black, .bg-red-active, .bg-yellow-active, .bg-aqua-active, .bg-blue-active, .bg-light-blue-active, .bg-green-active, .bg-navy-active, .bg-teal-active, .bg-olive-active, .bg-lime-active, .bg-orange-active, .bg-fuchsia-active, .bg-purple-active, .bg-maroon-active, .bg-black-active, .callout.callout-danger, .callout.callout-warning, .callout.callout-info, .callout.callout-success, .alert-success, .alert-danger, .alert-error, .alert-warning, .alert-info, .label-danger, .label-info, .label-warning, .label-primary, .label-success, .modal-primary .modal-body, .modal-primary .modal-header, .modal-primary .modal-footer, .modal-warning .modal-body, .modal-warning .modal-header, .modal-warning .modal-footer, .modal-info .modal-body, .modal-info .modal-header, .modal-info .modal-footer, .modal-success .modal-body, .modal-success .modal-header, .modal-success .modal-footer, .modal-danger .modal-body, .modal-danger .modal-header, .modal-danger .modal-footer { color: #fff !important; }
.bg-white { color: #333; background-color: #fff !important; }
.bg-gray { color: #333; background-color: #e1e1e1 !important; }
.bg-gray-light { background-color: #f7f7f7; }
.bg-black { background-color: #111111 !important; }
.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body { background-color: #dd4b39 !important; /* background-color: #ed9990 !important; color:#892b21 !important*/ }
.alert-error.bg-light { background-color: #ed9990 !important; color: #892b21 !important; }
.bg-yellow, .callout.callout-warning, .alert-warning, .label-warning, .modal-warning .modal-body { background-color: #f39c12 !important; }
.bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body { background-color: #00c0ef !important; /*background-color: #a1dfed !important; color:#0097bc !important;*/ }
.bg-blue { background-color: #0073b7 !important; }
.bg-light-blue, .label-primary, .modal-primary .modal-body { background-color: #3c8dbc !important; }
.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body { background-color: #00a65a !important; /*background-color: #ddf0de !important; color:#48824d !important */ }
.alert-success.bg-light { background-color: #ddf0de; color: #008d4c !important; font-size: 20px; }
.bg-navy { background-color: #001f3f !important; }
.bg-teal { background-color: #39cccc !important; }
.bg-olive { background-color: #3d9970 !important; }
.bg-lime { background-color: #01ff70 !important; }
.bg-orange { background-color: #ff851b !important; }
.bg-fuchsia { background-color: #f012be !important; }
.bg-purple { background-color: #605ca8 !important; }
.bg-maroon { background-color: #d81b60 !important; }
.bg-gray-active { color: #000; background-color: #b5bbc8 !important; }
.bg-black-active { background-color: #000000 !important; }
.bg-red-active, .modal-danger .modal-header, .modal-danger .modal-footer { background-color: #d33724 !important; }
.bg-yellow-active, .modal-warning .modal-header, .modal-warning .modal-footer { background-color: #db8b0b !important; }
.bg-aqua-active, .modal-info .modal-header, .modal-info .modal-footer { background-color: #00a7d0 !important; }
.bg-blue-active { background-color: #005384 !important; }
.bg-light-blue-active, .modal-primary .modal-header, .modal-primary .modal-footer { background-color: #357ca5 !important; }
.bg-green-active, .modal-success .modal-header, .modal-success .modal-footer { background-color: #008d4c !important; }
.bg-navy-active { background-color: #001a35 !important; }
.bg-teal-active { background-color: #30bbbb !important; }
.bg-olive-active { background-color: #368763 !important; }
.bg-lime-active { background-color: #00e765 !important; }
.bg-orange-active { background-color: #ff7701 !important; }
.bg-fuchsia-active { background-color: #db0ead !important; }
.bg-purple-active { background-color: #555299 !important; }
.bg-maroon-active { background-color: #ca195a !important; }
/* DROPDOWN */
.dropdown-menu { box-shadow: none; }
.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: 25px; border: none; margin: 0; padding: 0; }
.dropdown-item.active, .dropdown-item:active { color: #fff; background-color: #464A4C; }
/*custom down icon*/
.bootstrap-select>.dropdown-toggle { background-color: #fff; border: 1px solid #ccc; border-radius: 0; padding: 15px 12px; font-size: 14px; font-weight: 300; color: #999999; margin-bottom: 10px; }
.bootstrap-select .dropdown-toggle .filter-option-inner-inner { color: #5d5d5d; }
.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; }
.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; }
/* LIST */
.ul-list-outside { list-style: disc outside; }
.ul-list-outside li { margin-left: 20px; }
/* HOVER LINK */
a { text-decoration: none; outline: none; border: none; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; }
a:hover { color: #999; text-decoration: none; }
/*BREADCRUMB*/
.breadcrumb.condensed { padding: 0; }
.breadcrumb.nobg { background-color: transparent; }
/*COLLAPSED CONTENT */
.collapsed-content { clear: both; padding: 0; }
.collapsed-content-btn { position: relative; clear: both; width: 100%; margin: 0 0 5px; padding: 10px 0px; }
.collapsed-content-btn:focus { outline: none; }
.collapsed-content-btn > .title { float: left; }
.collapsed-content-btn > .icon { float: right; font-size: 16px; margin-right: 5px; }
/* SELECT */
.selectpicker { font-size: 14px; font-weight: 300; color: #3C3830; }
/* FORM */

form input, form textarea { border-color: #dfdfdf; box-shadow: none; border-radius: 0px !important; }
form input[type=text], form input[type=password] { min-height: 50px; line-height: 40px; margin-bottom: 8px; }
form textarea { min-height: 30px; background-color: #ffffff; color: #464A4C; border-color: #dfdfdf; box-shadow: none }
form input.invalid, form textarea.invalid, form input.invalid:focus, form textarea.invalid:focus, button.btn.dropdown-toggle.btn-light.border.border-danger { border-color: #333 !important; }
form .form-label { min-height: 50px; font-size: 16px; font-weight: 300; line-height: 50px; }
form .form-control { box-shadow: none !important; transition: all 0.6s ease; }
form .form-control:focus { border-color: #666; outline: none !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; transition: all 0.6s ease; }
form .form-control::-webkit-input-placeholder {
color: #999999;
font-size:14px;
font-weight:400;
}
form .form-control:-moz-placeholder {
color: #999999;
font-size:14px;
font-weight:400;
}
form .form-control::-moz-placeholder {
color: #999999;
font-size:14px;
font-weight:400;
}
form .form-control:-ms-input-placeholder {
color: #999999;
font-size:14px;
font-weight:400;
}
.custom-checkbox .custom-control-label::before { border-radius: 0; }
.custom-control-label::before, .custom-control-label::after { width: 30px; height: 30px; margin-top: -5px; background-color: transparent; border: 1px solid #ccc; }
.custom-checkbox .custom-control-input.invalid + .custom-control-label::after { border: 1px solid #333 !important; }
.custom-control-input:checked~.custom-control-label::before { }
.custom-control-input:focus:not(:checked)~.custom-control-label::before { border-color: #999 !important; }
.custom-control-input:focus~.custom-control-label::before { box-shadow: none; }
.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; }
.custom-control-input:checked~.custom-control-label::before { border-color: #999 !important; background-color: #999 !important; }
.custom-checkbox 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; }
/* Tooltip */
.tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 300; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .875rem; word-wrap: break-word; opacity: 0 }
.tooltip.show { opacity: .9 }
.tooltip-inner { font-size: 12px; max-width: 200px; padding: .25rem .5rem; color: #fff; text-align: center; background-color: #666; border-radius: 0rem }
.tooltip .arrow { position: absolute; display: block; width: .8rem; height: .4rem }
.tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid }
.tooltip.top .tooltip-arrow { border-top-color: #666; }
.tooltip.right .tooltip-arrow { border-right-color: #666; }
.tooltip.bottom .tooltip-arrow { border-bottom-color: #666; }
.tooltip.left { }
.tooltip.left .tooltip-arrow { border-left-color: #666; }
.bs-tooltip-auto[x-placement^=top], .bs-tooltip-top { padding: .4rem 0 }
.bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow { bottom: 0 }
.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before { top: 0; border-width: .4rem .4rem 0; border-top-color: #666 }
.bs-tooltip-auto[x-placement^=right], .bs-tooltip-right { padding: 0 .4rem }
.bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow { left: 0; width: .4rem; height: .8rem }
.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before { right: 0; border-width: .4rem .4rem .4rem 0; border-right-color: #666 }
.bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom { padding: .4rem 0 }
.bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow { top: 0 }
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before { bottom: 0; border-width: 0 .4rem .4rem; border-bottom-color: #666 }
.bs-tooltip-auto[x-placement^=left], .bs-tooltip-left { padding: 0 .4rem; left: 10px !important; }
.bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow { right: 0; width: .4rem; height: .8rem }
.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before { left: 0; border-width: .4rem 0 .4rem .4rem; border-left-color: #666 }
.tooltip { background: none; color: black; width: 150px; box-shadow: none !important; border-radius: 0 !important; }
.popover { box-shadow: none !important; border-radius: 0 !important; }
/*cusstom*/
.btn { border-radius: 0px !important; }
.btn-primary, .btn-primary.disabled { background-color: rgba(58,58,58,.9); border-color: rgba(58,58,58,.9); }
.btn-primary:hover, .btn-primary:active, .btn-primary.disabled:hover, .btn-primary.hover { background-color: rgba(58,58,58,.7) !important; border-color: rgba(58,58,58,.7) !important; }
.btn-primary.btn-outline { color: rgba(58,58,58,.9); background-color: transparent; }
.btn-primary.btn-outline:hover, .btn-success.btn-outline:hover, .btn-info.btn-outline:hover, .btn-warning.btn-outline:hover, .btn-danger.btn-outline:hover { color: #fff; }
.btn-primary.btn-outline:hover { background-color: rgba(58,58,58,.9); }
.btn-outline-primary { border: 1px solid rgba(58,58,58,.9); color: rgba(58,58,58,.9); }
.btn-outline-primary:hover { background-color: rgba(58,58,58,.9); border: 1px solid rgba(58,58,58,.9); color: #fff; }

@media screen and (max-width: 767px) {
.btn-icon { max-width: 100%; width: 100%; }
}