html{height: 100%; width: 100%;}
body{height:100%;background-color: #f2f4f7;color: #737373; font-size: .9rem}
{% block bg_sadmin_body %}.bg-sadmin{background-color: #ffecf6 !important}{% endblock %}
.container-loader{z-index:9999;position:fixed; width:100%; height:100%; top:0; left:0; }
.bg-loader{width:100%; height:100%; text-align:center; opacity: .80}
.bg-navbar{background-color: #fff !important; border-color:#ededed !important;}
#main-content {width: 100%;}
.center-account{-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;min-height: 100vh;}
button, select, input, label, .btn, .input-group-text{font-size: .9rem !important}
.form-check{margin-bottom: 0}
.dropdown-toggle#dropdown-header-menu::after{content:none !important;}
.navbar{font-size: .9rem;border: 1px solid #ededed;}
.navbar-brand{height: 54px}
.navbar .btn-action:hover{color:#00c594;}
.dropdown-menu{border-color: #ededed;}
.navbar, .card, .dropdown-menu{-webkit-box-shadow: 0px 0px 8px 0px rgba(20,20,20,0.1); box-shadow: 0px 0px 8px 0px rgba(20,20,20,0.1);}
.btn-shadow{-webkit-box-shadow: 0px 0px 8px 0px rgba(20,20,20,0.1); box-shadow: 0px 0px 8px 0px rgba(20,20,20,0.1);}
.shadow-none{-webkit-box-shadow:none;box-shadow:none}
.dropdown-item{padding: .5rem 1.5rem;color:#737373;}
.bg-grey{background-color:#fafafa !important}
.bg-aluminium{background-color:#f2f4f7 !important}
.bg-dark-grey{background-color:#cecece !important}
.bg-orange{background-color:#ff7800}
.bg-rose{background-color:#db86b3}
.btn-xs{font-size: .6rem !important;}
.text-grey{color:#fafafa}
.text-dark-grey{color:#cecece}
.border-grey{border-color: #ededed}
.border-black{border-color: #000 !important}
.bg-theme{background-color:#00c594; color:#fff;}
.text-theme, .nav-link{color:#00c594;}
.border-theme{border-color: #00c594}
.koki-theme{color:#f26421;}
.text-wlight{font-weight: 400}
.fsmall{font-size:.7rem;}
.fz8{font-size: .8rem !important}
.fz9{font-size: .9rem !important}
.fz10{font-size: 1rem !important}
.fz11{font-size: 1.1rem !important}
.d-pointer{cursor: pointer;}
.rounded-4{border-radius: 1rem}
.btn-stat{width: 50px; font-size: .7rem !important}
.group-nickname{background-color: #fafafa;display: flex;align-items: center;border-left: 1px solid #ededed;border-right: 1px solid #ededed;}
.group-nickname span{display: block;}
.account-user-avatar img {height: 36px;width: 36px;}
.nickname{font-size: .9rem; font-weight: 600;color: #00c594}
.role{font-size: .7rem;color: #737373}
.dropdown-menu{font-size: .9rem;}
.title-drop{font-size:.8rem;font-weight: 650; padding: 0.5rem 1.5rem; }
.breadcrumb-item.active{color:#00c594;}
.page-title {font-size:.8rem; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.page-title-right {float: right;display: flex;}
.page-title-right button{min-width: 40px;}
.card{border-color: #ededed}
#content_help img{width: 100% !important}
.header-title {letter-spacing: .03em;font-size: .9rem;text-transform: uppercase;margin-bottom: 0.5rem;}
button .badge.notif{padding: 0.25em 0.5em;font-size: 0.6rem;border-radius: 50rem !important; position: absolute;top: 70% !important;left: 70% !important;}
.btn-t1{width: 200px; height: 100px; display: flex; text-align: left;align-items: center !important;}
.btn-t2{width: 100px; height: 100px}
@keyframes fa-blink {0% { opacity: 0.25; }20% { opacity: 0.5; }40% { opacity: 0.75; }60% { opacity: 1; }80% { opacity: 0.75; }100% { opacity: 0.5; }}
.fa-blink {-webkit-animation: fa-blink 1.5s linear infinite;-moz-animation: fa-blink 1.5s linear infinite;-ms-animation: fa-blink 1.5s linear infinite;-o-animation: fa-blink 1.5s linear infinite;animation: fa-blink 1.5s linear infinite;}
.h-t-tab{letter-spacing: .03em;text-transform: uppercase;}
.card-text{font-size:.9rem;}
.card.bg-warning{border-color: #ffd044}
.card.bg-success{border-color: #4be694}
.card.bg-secondary{border-color: #7f8993}
.card.msj.macro{min-width: 300px}
.rounded-5 {border-radius: 2rem !important;}
::placeholder {color: #00c594 !important;font-style: italic;}
option[selected=selected] {color: #d71600 !important;}
table{font-size: .9rem; margin-bottom: 3rem !important;}
thead{text-transform: uppercase;}
th, td{vertical-align: middle;color:#737373; font-size: .8rem}
td.auteur span{font-size: .6rem;}
select.form-select.var{display: inline-block; flex: none !important}
.btn.btn-filter{border-style: dotted;border-radius: 40px;color: #6c757d;border-color: #6c757d;font-size: .7rem;padding: .375rem 1rem;}
.table-responsive{overflow-y: hidden;}
.btn.btn-filter svg{margin-right: .5rem}
.custom-control.custom-radio{display: flex}
.custom-radio .custom-control-input{margin-top: 5px}
.custom-radio .custom-control-label{margin-left: 1rem}
.badge-num{font-size:.7rem; padding: .1rem .15rem; border-radius:5px;}
.modal-header{border-bottom: 1px solid rgba(0,0,0,.1);}
.modal-footer{border-top: 1px solid rgba(0,0,0,.1);}
.modal-danger, .card.card-danger, .bg-danger{background-color: #fa5c7c !important; color:#fff;}
.border-danger{border-color: #fa5c7c !important;}
.text-danger{color: #fa5c7c !important;}
.modal-success, .card.bg-success{background-color: #20da78 !important; color: #fff}
.modal-warning{background-color: #ffc107 !important; color: #000}
.list-group-item{color: #737373;}
.li_list-local .form-control:invalid {background: #bd2130;border-color: #b21f2d;}
.list-group-item.active{background-color: #f2f4f7; border-color: #f2f4f7; color:#555; border-radius: 3px}
.opacity-20{opacity: .20}
.opacity-25{opacity: .25}
.opacity-30{opacity: .30}
.opacity-40{opacity: .40}
.opacity-50{opacity: .50}
.opacity-55{opacity: .55}
.opacity-60{opacity: .60}
.opacity-65{opacity: .65}
.opacity-75{opacity: .75}
.opacity-80{opacity: .80}
.opacity-90{opacity: .90}
.modal-content{-webkit-box-shadow: 0px 0px 20px 0px rgba(20,20,20,0.5); box-shadow: 0px 0px 20px 0px rgba(20,20,20,0.5);}
.modal-dialog label{margin: .5rem 0 .25rem .25rem; font-weight: 600}
.modal-dialog label.form-check-label{margin: 0; font-weight: 400}
.modal-title{font-weight: 400;text-transform: uppercase;font-size: 1rem;}
table.table-card td{padding: 1rem 0.25rem}
.select-filter{width: auto;border: none;}
.avatar-lg{height: 6rem;width: 6rem;}
.img-thumbnail{border-radius: 0.25rem;max-width: 100%;height: auto;padding: 0.25rem;}
.special-add{text-align: center;width: 50px}
.special-add svg, .special-add b{opacity: .25}
.btn-protopicto{font-size: .7rem !important;width:20px;height:20px;display:flex;align-items:center;justify-content:center;text-align:center;}
.fad-card{width: 40px; height: 20px; text-align: right; display: block;}
.card-t-a{height: 65px}
.todo_tracab{background-color:#fff}
.Q.border-tracab, .Ouv.border-tracab{border-bottom: 10px solid #015a98}
.Op.border-tracab, .FT.border-tracab{border-bottom: 10px solid #0397b6}
.S.border-tracab, .F.border-tracab{border-bottom: 10px solid #ff6c00}
.SP.border-tracab{border-bottom: 5px solid #ff3f3f}
.AT.border-tracab, .NF.border-tracab{border-bottom: 10px solid #000}
.T.border-tracab, .E2.border-tracab{border-bottom: 10px solid #c9af00}
.Ent.border-tracab, .V.border-tracab, .NU.border-tracab, .Oc.border-tracab{border-bottom: 10px solid #38961b}
td button.todo_tracab div:after{content: "A faire"}
td button.todo_tracab.bg-secondary div:after{content: "Non prévu"}
td button.presta div:after{content: "Prestation"}
td button.quotidien div:after{content: "Quotidien"}
td button.q7 div:after{content: "Q7"}
td button.opti div:after{content: "Optimisé"}
td button.vide div:after{content: "Vide"}
td button.occupe div:after{content: "Occupé"}
td button.nu div:after{content: "Non utilisé"}
td button.entree div:after{content: "Entrée"}
td button.transfert div:after{content: "Transfert"}
td button.sortie div:after{content: "Départ"}
td button.ouverture div:after{content: "Ouverture"}
td button.entredeux div:after{content: "Entre deux"}
td button.fasttrack div:after{content: "Fast-track"}
td button.fermeture div:after{content: "Fermeture"}
td button.sortiep div:after{content: "Sortie Prio"}
td button.af div:after{content: "Net. de fond"}
td button.at div:after{content: "Après travaux"}
td button.ec div:after{content: "En cours"}
td.todo_tracab button div:after{content: "A effectuer"}
.opti_tracab, .opti.tracab, .fasttrack_tracab, .fasttrack.tracab{background-color:#0397b6 !important; color:#fff;}
.presta.tracab,.presta_tracab , .quotidien_tracab, .quotidien.tracab, .q7_tracab, .q7.tracab, .ouverture_tracab, .ouverture.tracab{background-color:#015a98 !important; color:rgba(255,255,255,0.5);}
.entree_tracab, .entree.tracab{background-color:#38961b !important;}
.transfert_tracab, .transfert.tracab, .entredeux_tracab, .entredeux.tracab{background-color:#c9af00 !important;}
.sortiep_tracab, .sortiep.tracab{background-color:#ff3f3f !important; color:rgba(255,255,255,0.5);}
.sortie_tracab, .sortie.tracab, .fermeture_tracab, .fermeture.tracab{background-color:#ff6c00 !important; color:#fff;}
.nu_tracab, .nu.tracab, .vide_tracab, .vide.tracab,.gris_tracab, .gris.tracab, .locked{background-color:#cecece !important; color:#000;}
.af_tracab, .af.tracab, .at_tracab, .at.tracab{background-color:black !important; color:rgba(255,255,255,0.5);}
.occupe_tracab, .occupe.tracab{background-color:#b7b900 !important;}
.tracab.fait{background-color:#20da78 !important; color:#fff;}
.tracab-border {border: 6px solid #555 !important;font-size: 1.2em }
.picto_selected{background-color:#38961b;border-color: #53c331}
.Q.border-tracab, .Ouv.border-tracab{border-bottom: 5px solid #015a98}
.Op.border-tracab, .FT.border-tracab{border-bottom: 5px solid #0397b6}
.S.border-tracab, .F.border-tracab{border-bottom: 5px solid #ff6c00}
.SP.border-tracab{border-bottom: 5px solid #ff3f3f}
.AT.border-tracab, .NF.border-tracab{border-bottom: 5px solid #000}
.T.border-tracab, .E2.border-tracab{border-bottom: 5px solid #c9af00}
.Ent.border-tracab, .V.border-tracab, .NU.border-tracab, .Oc.border-tracab{border-bottom: 5px solid #38961b}
.opti_tracab.done, .quotidien_tracab.done, .q7_tracab.done, .ouverture.tracab.done, .entredeux.tracab.done, .fasttrack.tracab.done, .fermeture.tracab.done, .occupe.tracab.done, .vide_tracab.done, .nu_tracab.done, .entree_tracab.done, .transfert_tracab.done, .sortiep_tracab.done, .sortie_tracab.done, .ouverture_tracab.done, .entredeux_tracab.done, .fasttrack_tracab.done, .fermeture_tracab.done, .af_tracab.done, .at_tracab.done, .gris_tracab.done, .opti.tracab.done, .quotidien.tracab.done,.q7.tracab.done, .vide.tracab.done, .nu.tracab.done, .entree.tracab.done, .transfert.tracab.done, .sortiep.tracab.done, .sortie.tracab.done, .af.tracab.done, .gris.tracab.done {background-image: repeat;background-image: url(../images/img/bg_btn-tracab.png);opacity: 0.7;}

.locked{text-align: center;border:none;vertical-align: middle !important;}
.badge-T1{width: 15px; height: 15px; border-radius: 3px;}
.badge-T2{width: 30px; height: 30px; border-radius: 5px;}
.demo_wrap{position: relative;overflow: hidden;padding: 16px;border: 1px dashed green;}
.demo_wrap h1 {padding: 100px;position: relative;z-index: 2;}
.demo_wrap img {position: absolute;left: 0;top: 0;width: 100%;height: auto;opacity: 0.6;}
.btn-minicircle {display: inline-flex;align-items: center;justify-content: center;width: 33px;height: 33px;font-size: 10px;font-weight: 500;-moz-border-radius: 50%;border-radius: 50%;background-color: #f5f5f5;color: #757575;margin-right: 8px;cursor: pointer;}
.btn-minicircle.sel {color: white;background-color: #4285f4;}
.btn-picto-choise{color: #737373;min-width: 75px;max-width: 120px;height: 75px;}
.btn-picto-choise.btn-success{color: #ffffff};
/* -MULTISELECT- */
.multiselect-search{background-color:#ffffff !important;color:#000000 !important;}
.custom-multiselect{border: 0 !important;width: 0px !important;height: 0 !important;}
.multiselect {width: 100%;text-align: left;border: 1px solid #ced4da;border-radius: 0.25rem;}
.multiselect.dropdown-toggle::after{font-family: "Font Awesome 5 Free";font-weight: 900;content: "\f078";float: right;border: 0;font-size: .75rem;}
ul.multiselect-container{width: 100%}
ul.multiselect-container li{padding: 0.25rem 0.5rem; border-bottom: 1px solid #f1f1f1;}
a.multiselect-all{text-decoration: none}
ul.multiselect-container li a label{display: block; margin: 5px;}
/* -MULTISELECT FIN- */
/*tooltip*/
.tooltipshow {position: relative; }
.tooltipshow .tooltiptext {visibility: hidden; width: 290px;height: auto; position: absolute; z-index: 99999; right: 100%; margin-left: 0; opacity: 0; transition: opacity 0.3s}
.tooltip-left::after {content: ""; position: absolute; top: 90%; left: 100%; margin-top: -5px; border-width: -5px; border-style: solid; border-color: transparent transparent transparent #2f353d}
.tooltipshow:hover .tooltiptext {visibility: visible; opacity: 1}
.tooltip-left {top: auto; bottom: 0; right:0}
.scroll_flag {overflow-y: auto;max-height: 140px;}
/*deplacement*/
.jstree-default > .jstree-striped{background: transparent !important;}
.tri.jstree-default > .jstree-striped{display: block;}
.jstree-default .jstree-anchor {line-height: 40px !important;height: 40px !important;background: transparent;width: calc(100% - 22px);}
.tri.jstree-default .jstree-anchor{line-height: 24px !important;width: 100%;padding: 0.5rem !important;white-space: normal !important;}
.jstree-default .jstree-wholerow{height: 40px !important;margin: 2px 0 !important;}
.jstree-default .jstree-hovered, .vakata-context-hover{background: #00c594 !important; color:#fff !important; border-color: #000 !important}
.jstree-default .jstree-clicked{background: #007bff !important;border-color: #228dff !important;}
.jstree-default .jstree-icon:empty {width: 20px !important;height: 42px !important;line-height: 42px !important;}
.tri.jstree-default .jstree-icon:empty{line-height: 24px !important; height: 24px !important;}
a i.jstree-icon:empty{padding-left: 10px;padding-right: 10px;margin-right: 20px;width: 35px !important;}
.jstree-default .jstree-icon:empty::before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0b2"; font-style: normal; font-size: 1rem;margin-right:10px;;}
.jstree-default .jstree-node, .jstree-default .jstree-icon {padding: 0 !important; background-image: none !important;}
.jstree-default .jstree-open > .jstree-ocl::before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0d7"; font-style: normal; font-size: 1.2rem;}
.jstree-default .jstree-closed > .jstree-ocl::before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0da"; font-style: normal; font-size: 1.2rem;}
.jstree-default .jstree-leaf > .jstree-ocl::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: ""; font-size: 1.2rem;}
.jstree-rename-input{height:38px !important; padding-left:10px !important; min-width: 250px; background: rgba(255,255,255,0.5);}
.jstree-rename-input:focus{text-decoration: none !important; box-shadow: none !important; border:0 !important; font-weight: 600 !important; outline:0 !important;}
#jstree-dnd.jstree-default i {background: transparent;width: 40px;height: 40px;line-height: 40px;}
#jstree-marker {margin: -20px 0 0 5px !important;width: auto !important;display: table !important;min-width: 250px !important;height: 40px !important;line-height: 40px !important;border:2px dashed #00c594 !important;background: rgba(0,197,148,0.3)}
.vakata-context, .vakata-context ul {padding: 8px !important;background: #2f353d !important;border: 1px solid #383e46 !important;box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.8) !important;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;z-index: 1030;}
.vakata-context li > a{text-shadow: none !important;color:#fff !important;padding:0 10px 0 0 !important;}
.vakata-context li > a .svg-inline--fa{text-align: center;width: 35px;}
.vakata-context li > a:hover, .vakata-context .vakata-context-hover > a{background-color: #2f353d !important;box-shadow: none !important;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color:#fff !important;}
.jstree-default .jstree-search{color: #ffc107 !important;}

.amcharts-main-div,.amcharts-main-div div,.amcharts-main-div svg {overflow: visible !important}
.amcharts-chart-div a{display: none !important;}

/* STATISTIQUES */
table.stats {color:#fff;font-size: 0.7em}
table.stats tr{border-color: #737373}
table.stats tr td, table.stats tr th{text-align: right}
table.stats tr td:first-child, table.stats tr th:first-child{text-align: left}
table.stats tr:nth-child(even){background-color: rgba(115,115,115);color:white;}
table.stats tr:nth-child(even) td{background-color: rgba(115,115,115);color:white;}
table.stats tbody tr:hover{background: rgba(115,115,115);color:white;}
table.stats tr:hover td{background: rgba(115,115,115);color:white;}
table.stats tr td.fnormal{font-size: 0.8em}
.stat-chart.stat-80{height:80px;}
.stat-chart.stat-100{height:100px;}
.stat-chart.stat-200{height:200px;}
.stat-chart.stat-300{height:300px;}
.stat-chart.stat-350{height:350px;}
.stat-chart.stat-400{height:400px;}
.table-responsive .table.stats th, .table.stats td{padding:0.5rem 0.35rem;}

@media print {
	body{background-color: #fff !important;}
   .col-print-1, .col-print-2, .col-print-3, .col-print-4, .col-print-5, .col-print-6, .col-print-7, .col-print-8, .col-print-9, .col-print-10, .col-print-11, .col-print-12 {float: left;}
   .col-print-12 {width: 100%;}
   .col-print-11 {width: 91.66666667%;}
   .col-print-10 {width: 83.33333333%;}
   .col-print-9 {width: 75%;}
   .col-print-8 {width: 66.66666667%;}z
   .col-print-7 {width: 58.33333333%;}
   .col-print-6 {width: 50%;}
   .col-print-5 {width: 41.66666667%;}
   .col-print-4 {width: 33.33333333%;}
   .col-print-3 {width: 25%;}
   .col-print-2 {width: 16.66666667%;}
   .col-print-1 {width: 8.33333333%;}
   .card{box-shadow:none;}
   .form-check{margin: 0 !important; padding-left: 0 !important;}
   .jstree-icon{display: none !important;}
   .modal-content{box-shadow:none !important;}
   .card-print-style-none, .card-print-style-none .card-body{border:none; box-shadow: none; padding: 0; margin: 0}
   .tablesorter-default .header::after, .tablesorter-default .tablesorter-header::after{display: none}
   .page-break{page-break-after : always;}
   .d-print-view{max-height: 100% !important}
}
@media (max-width: 992px){
	.navbar .dropdown-menu{
		box-shadow:none; border:none;
	}
	.dropdown-item.nav-link.li_menu{ padding-left: 15px}
}
#popup_question{width: 100%;height: 100%;position: fixed;top: 0;left:0;background: #f2f4f7;z-index: 1031;}
.img-result{width: 150px;height: 150px;top: 10px;position: relative;background-repeat: no-repeat;z-index: 1001;}
.img-result.yes{top:20px;}
.img-confetti{width: 200px;height: 150px;top: 0; left:40px; position: relative;background-repeat: no-repeat;z-index: 1000;}
.img-reverse{transform:scaleX(-1); left:-40px;}
.card-prest{width: 100%;border: 10px solid rgba(255,255,255,0.3);}
.container-actu{width:100%; overflow:auto; display: -webkit-box;}
.gradient{width: 10%;position: absolute;height: 228px;z-index: 1031;background: rgb(242,244,247);background: linear-gradient(90deg, rgba(242,244,247,1) 0%, rgba(242,244,247,0) 100%);}
.card-folder{border-radius: 1rem !important;border: 3px solid #6c757d; width: 340px;}
.card-folder span{font-size: 1.4rem}
.img-fluid.gallery{height: 100%}
#notificationdrop.dropdown-menu{min-width: 275px;max-height: calc(100vh - 100px);overflow: auto; padding-bottom: 0}

.awesome{color:#313131;-webkit-animation:colorchange 5s infinite alternate;}
@-webkit-keyframes colorchange {
	0% {color: blue;}
	20% {color: #1abc9c;}
	40% {color: #d35400;}
	60% { color: blue;}
	80% {color: #f1c40f;} 
	100% {color: pink;}
}
.tablesorter-default .header,
.tablesorter-default .tablesorter-header {cursor: pointer;}
.tablesorter-default .header:hover,
.tablesorter-default .tablesorter-header:hover {-webkit-filter: brightness(.9);filter: brightness(.9);}
.tablesorter-default .header::after,
.tablesorter-default .tablesorter-header::after {font-family: "Font Awesome 5 Free";font-weight: 900;content: "\f0dc";float: right;}
.tablesorter-default thead .headerSortUp::after,
.tablesorter-default thead .tablesorter-headerSortUp::after,
.tablesorter-default thead .tablesorter-headerAsc::after {content: "\f0de";float: right;font-weight: 900}
.tablesorter-default thead .headerSortDown::after,
.tablesorter-default thead .tablesorter-headerSortDown::after,
.tablesorter-default thead .tablesorter-headerDesc::after {content: "\f0dd";float: right;font-weight: 900}
.tablesorter-header-inner{display: inline-flex;}
.sorter-false::after{content:'' !important;}
.d-chart-height{height: 170px;overflow: hidden;text-align: left;}

/*----------------------- LOADER -----------------------*/
#rloader{display: none;}
#preloader{display: block;}

ul.multiselect-container{position: relative !important;transform: unset !important;margin: 5px 0 !important;box-shadow: none !important;border-left: none;border-right: none;}
.multiselect-native-select .btn-group{display: block;}
.flashbar{border-radius:0; padding: 2px 1rem}
.ico-fix-30{width: 30px;}
.ico-fix-35{width: 35px;}
.ico-fix-40{width: 40px;}
.ico-fix-45{width: 45px;}
.ico-fix-50{width: 50px;}

.logo-client{width: 90px ; height: 90px; background-color: none;}
.ind-nett{width:15px; height:3px; margin-left: 2px}

/*----------------------- Custom display bs -----------------------*/

.d-flex-custom{
    display: flex;
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  .d-card{min-width:230px !important; max-width: 280px !important;}
  .font-sm-responsive{font-size: 5rem;}
  .d-chart-height{height: 240px;overflow: hidden;text-align: left;}
  .frame{height: calc(100vh - 292px);}
  .btn-add-line{width:auto;}
  .d-table-header{display: table-header-group !important;}
  .h-title{font-size: 0.9rem;}
  .before_right{height: calc(100vh - 212px)};
  /*------- old ------------*/
  .btn-proto{width: calc(50% - 1rem);}

  /*------- old ------------*/
}
.badge-activity{width: 30px; height: 27px;border-right: none !important;display: block;}

.text-truncate-activity {
  display: block;
  width: 90%;
}