.width_height100per{
	width: 100%;
    height: 100%;
}

#footer {
	    padding: 10px 1% 5px!important;
}
.noBorderTableTd td{
	border:0px;	
}
.height80 {
    height: 80px;
}
.backgroundWhite_imp{
     background-color: #fff!important;;
}
.logoAzienda {
    max-height: 55px!important;
}
table td {
	height: 20px!important;
}
table thead td {
	font-size:95%;
}
#header h1 {
	padding-top: 20px!important;
}

.titleArea {
	margin-top: 20px!important;
}
.content {
    padding-top: 150px!important;
}
.logoAzienda{
	max-width:100%;
	max-height: 85px;
	margin-top: 2px;
}
.breadcrumbs span{
	text-transform: uppercase;
}
#table_pwd{
	border: solid 2px #ddd;
}
#table_pwd tr td{
	border-right: solid 2px #ddd;
}

.TextSize150{
	font-size: 150%;
}

.TextSize120{
	font-size: 120%;
}
.textBasso {
	color:#2d9827 !important;
}
.textMedio {
	color:#0068b3 !important;
}
.textAlto{
	color:#f99d32 !important;
}
.textGrave{
	color:#a02216 !important;
}


.textOrange{
	color:#ec9900 !important;
}
.textGreen{
	color:#00b200 !important;
}
.textRed{
	color:#d60000 !important;
}


.bold {
	font-weight: bold;
}
.canvas{
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
    }
.center_div_canvas {
    margin-left:20%;
    margin-right:20%;
    
}
.center_global_canvas {
    margin-left:5%!important;
     margin-right:5%!important;
}
.width95perc {
    width:95%;
}
.height95perc {
    height:95%;
}
.height500{
    height:500px;
}

tr.sfondo-bianco td {
	background-color:#fff!important;
}
tr.sfondo-gray td {
	background-color:#f6f6f6!important;
}

.sfondo_white_td {
	background-color:#fff!important;
	height: 15px!important;
	padding: 3px 5px!important;
	
}
.noMarginTop{
	margin-top:0px!important;
}
.sfondo_gray_td {
	background-color:#a02216!important;
	height: 15px!important;
    padding: 3px 5px!important;
}
.fontSize90perc{
	font-size: 90%!important;
}
.fontSize83perc{
	font-size: 80%!important;
}

tr.sfondo-grigio td {
	background-color:#aaa!important;
}

.noBorderTd, .noBorderTd  td{
	border-bottom:0px!important;
}
.borderRightTd{
	border-right: 1px solid #666 !important;
}
.borderRight{
	border-right: 1px solid #ececec !important;
}

.shadow{
	box-shadow: 3px 3px 5px #ececec;
}

#div_margin{
    width: 200px;
    transition: width 2s;
}

#div_margin.clicked {
    width: 1px;
}

.input_disabled{
	cursor: not-allowed;
	background: #dddddd!important;
	border-bottom: 1px solid #00a2b4!important;
	box-shadow:  none!important;
	/*pointer-events: none;*/
}

.border-solid-ccc-bottom{
	border-bottom: 1px solid #ccc;
}

.minHeight400 {
	min-height: 400px!important;
}

.green{
	color:#0ad30a;
}
.red{
	color:red;
}

.highlights_class_red_bx{
	border: solid 2px #a02216!important;
}


.fixed{
 position:fixed;
 display:none;
 border:none;
}

.top_page {
    width: 38px;
    height: 44px;
    border: none;
    text-align: center;
    color: #444;
    padding: 0px 5px 5px 5px;
    background-color: rgba(0,0,0,0.2);
    font-weight: bold;
    border-radius: 23px;
    cursor: pointer;
	-webkit-box-shadow: 0px px 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    margin: 4px 2px;
    position: fixed;
    bottom: 60px;
    right: 5%;
    z-index: 9999;
}

.min_height200{
	min-height: 200px;
}

.input_data{
	height: 20px;
    padding-left: 5px;
    border: 1px solid white;
    margin: 0px;
    background: white;
    border-bottom: 1px solid #00a2b4;
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 90%;
    font-weight: 400;
    color: #333;
}

/* ==================================== STILE HOMEPAGE ==================================== */

table.homeblock tr{
	height:120px!important;
}

table.homeblock td{
	border-bottom: none;
    padding: 5px 5px;
    /*overflow:hidden;*/
    width:100px!important;
    max-width:100px!important;
}

table.homeblock > tbody > tr > td > div{
	width:100%;
	/*height:100%;*/
	height: 109px;
	display: inline-block;
	background: white;
/* 	border: 1px solid #dbdee0; */
/* 	border-radius: 4px; */
	color: #6f787e;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

table.homeblock > tbody > tr > td[rowspan="2"] > div{
	height: 229px;
}

table.homeblock > tbody > tr > td[rowspan="3"] > div{
	height: 349px;
}

table.homeblock > tbody > tr > td[rowspan="4"] > div{
	height: 469px;
}

table.homeblock > tbody > tr > td > div > div:first-child{
	text-align:center;
 	background-color:#efefef;
	
 	font-weight:800;
	color: #6f787e;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 29px;
	min-height: 29px;
	/*font-weight: 600; */
	/*overflow: hidden; */
	white-space: nowrap;
	text-overflow: ellipsis;
	text-transform: uppercase;
/* 	text-align: center; */
/* 	font-weight: bold; */
}
/* table.homeblock > tbody > tr > td > div > div:first-child{ */
/* 	text-align:center; */
/* 	background-color:#efefef; */
	
/* 	font-weight:800; */
/* 	color: #3c4246;#6f787e */
/* 	padding-left: 10px; */
/* 	padding-right: 10px; */
/* 	line-height: 29px; */
/* 	min-height: 29px; */
/* 	/*overflow: hidden;*/
/* 	white-space: nowrap; */
/* 	text-overflow: ellipsis; */
/* 	text-transform: uppercase; */
/* } */
table.homeblock > tbody > tr > td > div > div:last-child{
	position:relative;
	height: calc(100% - 29px);
	border-top: 1px solid #dbdee0;
	/*overflow: hidden;*/
}
table.homeblock > tbody > tr > td > div > div:last-child {
	background-color:#fbfbfb;
}
table.homeblock > tbody > tr > td > div > div:last-child > div:first-child{
	/*overflow: hidden;*/
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	position:absolute;
/* 	bottom:34px; */
    left: 0;
    right: 0;
}

/* ==================================== FINE HOMEPAGE  ==================================== */


.displayNone_important {
    display: none!important;
}

.cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.cmn-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}
input.cmn-toggle-round + label {
  padding: 2px;
  width: 30px;
  height: 12px;
  background-color: #dddddd;
  border-radius: 15px;
}
input.cmn-toggle-round + label:before,
input.cmn-toggle-round + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}
input.cmn-toggle-round + label:before {
  right: 1px;
  background-color: #f1f1f1;
  border-radius: 15px;
  transition: background 0.4s;
}
input.cmn-toggle-round + label:after {
  width: 15px;
  background-color: #fff;
  border-radius: 100%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: margin 0.4s;
}
input.cmn-toggle-round:checked + label:before {
  background-color: #8ce196;
}
input.cmn-toggle-round:checked + label:after {
  margin-left: 16px;
}

/* = = = = = = = = = = = = = = = = STYLE DA DPO = = = = = = = = = = = = = = = = = = = */

.legend_style{
    background: #eee;
    padding: 5px 10px 5px 10px;
}
.colore_legenda{
    border: solid 1px #333;
    width: 11px;
    height: 11px;
    border-radius: 3px;
    display: inline-block;
    margin-right: 0!important;
    margin-left: 0!important;
    margin-bottom: 0!important;
    margin-top: 0;
}

.testa_riepilogo{
    background-color: white;
    border: 0.5px solid #ddd;
    color: #333;
        height: 30px;
    text-align: center;
    padding: 10px;
    margin-bottom: 5%;
}

.cards_events{
  transition: 0.3s;
}
.cards_events:hover{
	opacity: 1
}

.minWidth250px{
	min-width: 250px;	
}

.fontsize85{
	font-size: 85%!important;
}
.checkbox_filtri:hover{
	color:#888;
	cursor:pointer;
}
.card_comunication {
    /* Add shadows to create the "card" effect */
    /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);*/
    border-bottom:solid 0.3px #ddd;
    cursor:pointer;
    transition: 0.3s;
}

/* On mouse-over, add a deeper shadow */
.card_comunication:hover {
	background: #eee!important;
	transition:all 0.5s;
	-moz-transition:all 0.5s; /* Firefox 4 */
	-webkit-transition:all 0.5s; /* Safari and Chrome */
	-o-transition:all 0.5s; /* Opera */}

/* Add some padding inside the card container */
.card_comunication_container {
    padding: 2px 5px;
}

.content_border{
    border:	solid 0.3px #ddd;
/*     height:500px; */
}
.colorBx{
    color: #a02216;
}
.colorBxHP{
    color: #a02216b3;
}
.bgcolorBxHP{
   background-color:#a022164f!important;
}
.bgcolorRedLight{
   background-color:#ff1a0414!important;
}
.bgcolorBx{
    background-color: #a02216!important;
}
.colorGreen{
    color: #285d28!important;
}
.colorWhite{
    color: #ffffff!important;
}

.colorGreenHP{
    color: #2d952dba!important;
}
.bgcolorGreen{
    /*background-color: #285d28!important;*/
    background-color: #36a836!important;
}

.bordercolorGreen {
    border-color: rgba(40, 93, 40, 0.5)!important;
}
.colorOrange{
    /*color: #a7661a!important;*/
    color:#e7911d!important;
}
.colorOrangeHP{
    color: #db7a09ba!important;
}
.bgcolorOrange{
    /* background-color: #a7661a!important;*/
    background-color:#e7911d!important;
}
.marginLeft26perc {
    margin-left: 26%!important;
}
/* = = = = = = = = = = = = = = = = FINE STYLE DA DPO = = = = = = = = = = = = = = = = = = = */


/* ========================================== TOOLTIP ========================================== */
.gray_light{
	background-color: #f7f7f7;
}
.tooltip {
	margin-left:-100px;
    position: absolute;
    background: #f3f3f3;
    color: #333;
    width: 200px;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
    padding: 5px;
    text-align: center;
    z-index:70;
	border: 1px solid #a02216;
	text-align:justify;
}
/*
.style5 .tooltip {
    background: #1E252B;
    color: #FFFFFF;
    max-width: 200px;
    width: auto;
    font-size: .8rem;
    padding: .5em 1em;
}
*/
.tooltip .tooltip-arrow-us {
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #a02216;
    position: absolute;
    margin: 5px;
}
.tooltip .tooltip-arrow-us{
    border-color: #a02216;
}
.style5 .tooltip .tooltip-arrow-us {
    border-color: #a02216;
}
.tooltip[x-placement^="top"] {
    margin-bottom: 5px;
}
.tooltip[x-placement^="top"] .tooltip-arrow-us {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    bottom: -5px;
    left: calc(70% - 2px);
    margin-top: 0;
    margin-bottom: 0;
}
.tooltip[x-placement^="bottom"] {
    margin-top: 5px;
}
.tooltip[x-placement^="bottom"] .tooltip-arrow-us {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
}
.tooltip[x-placement^="right"]{
    margin-left: 5px;
}
.tooltip[x-placement^="right"] .tooltip-arrow-us {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
}
.tooltip[x-placement^="left"] {
    margin-right: 5px;
}
.tooltip[x-placement^="left"] .tooltip-arrow-us {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
}


.tooltip {
	margin-left:-100px;
    position: absolute;
    background: #f3f3f3;
    color: #333;
    width: 200px;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
    padding: 5px;
    text-align: center;
    z-index:70;
	border: 1px solid #a02216;
	text-align:justify;
}
/*
.style5 .tooltip {
    background: #1E252B;
    color: #FFFFFF;
    max-width: 200px;
    width: auto;
    font-size: .8rem;
    padding: .5em 1em;
}
*/
.tooltip .tooltip-arrow-us {
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #a02216;
    position: absolute;
    margin: 5px;
}
.tooltip .tooltip-arrow-us{
    border-color: #a02216;
}
.style5 .tooltip .tooltip-arrow-us {
    border-color: #a02216;
}
.tooltip[x-placement^="top"] {
    margin-bottom: 5px;
}
.tooltip[x-placement^="top"] .tooltip-arrow-us {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    bottom: -5px;
    left: calc(70% - 2px);
    margin-top: 0;
    margin-bottom: 0;
}
.tooltip[x-placement^="bottom"] {
    margin-top: 5px;
}
.tooltip[x-placement^="bottom"] .tooltip-arrow-us {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
}
.tooltip[x-placement^="right"]{
    margin-left: 5px;
}
.tooltip[x-placement^="right"] .tooltip-arrow-us {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
}
.tooltip[x-placement^="left"] {
    margin-right: 5px;
}
.tooltip[x-placement^="left"] .tooltip-arrow-us {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
}

/* ========================================== FINE TOOLTIP ========================================== */

.content .column1-4,
.content .column2-4,
.content .column3-4,
.content .column4-4 {
	margin-top:20px!important;
	margin-bottom:0px;
}

.messaggioTop {
	margin-top:20px!important;
}

.floatLeft{
	float:left!important;
}
.input_correct {
    border: #1ae60b 1px solid !important;
    background: #d2fad5 !important;
    background-color: #eee !important;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2) !important;
}

.disabled_func{
	background-color:#969896a8!important;
	cursor: default;
}
.disabled_func:hover{
	background-color:#e2e2e2!important;
	/*background-color:#a02216!important;*/
	cursor: not-allowed;
}
.disabled_func > a{
	background:#969896a8!important;
	cursor: not-allowed
}
.disabled_func > a:hover{
	cursor: not-allowed
}
.not_allowed_func{
	background-color:#e2e2e2!important;
	color:#525252!important;
	cursor: default;
}
.not_allowed_func:hover{
	cursor: not-allowed;
}
.not_allowed_func > a{
	background:#e2e2e2!important;
	color:#525252!important;
	cursor: not-allowed
}
.not_allowed_func > a:hover{
	background-color:#969896a8!important;
	cursor: not-allowed
}

.swatch {
    width: 20px!important;
    height: 20px!important;
    margin-right: 5px!important;
}

.notification_number{
	position: absolute;
    top: 2px;
    right: 2px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    color: #fff;
/*    background-color: #a02216b3;*/
    background-color: rgba(160,34,22,0.7);
    border-radius:100%;
}

.notification_check{
	position: absolute;
    top: 7px;
    right: 6px;
    width: 16px;
    height: 16px;
    line-height: 16px;
   
}
/* ============== LIST STYLE ============== */
.leftlist
.leftlist_item{
    border: 1px solid #ddd;
    border-radius: 0%;
    padding: 10px 20px;
    margin: 1px 0px;
    cursor:pointer;
    text-align:center;
    /*color:#aaa;*/
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.03);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.03);
}
.leftlist_item:hover {
	background: #eee!important;
	border: 1px solid #ddd;
	transition:all 0.5s;
	-moz-transition:all 0.5s; /* Firefox 4 */
	-webkit-transition:all 0.5s; /* Safari and Chrome */
	-o-transition:all 0.5s; /* Opera */
}
.leftlist_item_selected {
	background: #eee!important;
	border: 1px solid #ddd!important;
	
}


.double-flash {
	animation: double-flash_4361 3.5s ease infinite;
	transform-origin: 50% 50%;
}

@keyframes double-flash_4361 {
  /*0% { opacity:1 }
  14.28571% { opacity:0 }
  28.57143% { opacity:1 }
  42.85714% { opacity:0 }
  57.14286% { opacity:1 }
  100% { opacity:1 }*/  
  0% { opacity:1 }
  25% { opacity:0 }
  50% { opacity:1 }
  75% { opacity:0 }
  100% { opacity:1 }
}



.legend_style{
    background: #eee;
    padding: 5px 10px 5px 10px;
}
.colore_legenda{
    border: solid 1px #333;
    width: 11px;
    height: 11px;
    border-radius: 3px;
    display: inline-block;
    margin-right: 0!important;
    margin-left: 0!important;
    margin-bottom: 0!important;
    margin-top: 0;
}

.testa_riepilogo{
    background-color: white;
    border: 0.5px solid #ddd;
    color: #333;
        height: 30px;
    text-align: center;
    padding: 10px;
    margin-bottom: 5%;
}

.cards_events{
  transition: 0.3s;
}
.cards_events:hover{
	opacity: 1
}

.minWidth250px{
	min-width: 250px;	
}

.fontsize85{
	font-size: 85%!important;
}
.checkbox_filtri:hover{
	color:#888;
	cursor:pointer;
}
.card_comunication {
    /* Add shadows to create the "card" effect */
    /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);*/
    border-bottom:solid 0.3px #ddd;
    cursor:pointer;
    transition: 0.3s;
}

/* On mouse-over, add a deeper shadow */
.card_comunication:hover {
	background: #eee!important;
	transition:all 0.5s;
	-moz-transition:all 0.5s; /* Firefox 4 */
	-webkit-transition:all 0.5s; /* Safari and Chrome */
	-o-transition:all 0.5s; /* Opera */}

/* Add some padding inside the card container */
.card_comunication_container {
    padding: 2px 5px;
}

.content_border{
    border:	solid 0.3px #ddd;
/*     height:500px; */
}
/*
.bgwhite{
    background-color: #fff;
}*/

/*.profileclass{
	border: 1px solid #ddd;
    padding: 9px;
    background-color: white;
    box-shadow: 5px 5px 10px 2px #ddd;
    -webkit-box-shadow: 2px 2px 10px 1px #dddddd;
}*/
/*
.profileclass{
	min-height:25px;
	border: 1px solid #ddd;
    /*padding: 9px;*/
    /*padding-left: 10px!important;
    padding-right: 10px!important;
    background-color: white;
    color:#a02216;
    min-width: 70px;
   	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
}
*/

.profileclass{
        min-height:25px;
        border: 1px solid #ddd;
    padding: 9px;
    padding-left: 10px!important;
    padding-right: 10px!important;
    background-color: white;
/*    color:#a02216;*/
    min-width: 70px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;

    box-shadow: 5px 5px 10px 2px #ddd;
    -webkit-box-shadow: 2px 2px 10px 1px #dddddd;
}

.colorBxHP{
    color: #a02216b3;
}

.color_aaa{
	color:#aaa;
}

#footer .column1-4,
#footer .column2-4,
#footer .column3-4,
#footer .column4-4 {
	margin-top:1px;
	margin-bottom:0px;
}

.logoComune{
	margin-top: 2px!important;
    margin-bottom: 2px!important;
    max-height: 55px!important;
}

#header{
	padding-bottom:10px; 
}

#hello-canvas{
	display:none;
}
.td-thead-selected {
    background:#aaa!important;
}
.td-selected {
    background:#ddd!important;
}

.td-selected-red {
    background:#ffa9ad!important;
}
.white {
	color: white;
}

.red_lists a{
	color:red!important;
}

.scroll500 {
    max-height: 500px;
    overflow-y: auto;
    margin-bottom: 15px;
}


/*
	================== DIV FILTRI ==================
*/

.shadow-inset-top-bottom{
	box-shadow: inset 0px 11px 8px -10px #cccccc61, inset 0px -11px 8px -10px #cccccc61;
}

/*
	================== DIV FILTRI ==================
*/
.borderTop {
    border-top: 1px solid #ccc;
}

.padding-unset-imp {
	padding: unset!important;
}
.linguetta-basso:hover{
	background-color: #e3e2e2;
	color: #868383;
}
.linguetta-basso{
	border-bottom-left-radius: 10px!important; 
	border-bottom: none; 
	border-bottom-right-radius: 10px!important; 
	background-color: #eeeeee;
}
.linguetta-alto{
	border-top-left-radius: 10px!important; 
	border-bottom: none; 
	border-top-right-radius: 10px!important; 
	background-color: #eeeeee;
}
.marginAuto{
	margin:auto;
}

.backgroundGreyLight_light {
    background-color: #f9f9f9;
}

.backgroundDisabledButton{
	background:#ddd!important;
	color: #666!important;
	cursor: not-allowed!important;
	border: none!important;
}
.barrato { text-decoration:line-through!important;}

/*
	================== DIV CONVERSAZIONE ==================
*/

.borderRadius10{
	border-radius:10px;
}

.div_norme{
	overflow-wrap: break-word;
    min-height: 20px;
    padding: 10px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.div_conversazione{
	overflow-wrap: break-word;
    min-height: 20px;
    padding: 10px;
    margin-bottom: 10px;
    background-color: white;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

.hover-times:hover{
	background-color:red;
	border: 1px solid red;
	color:white!important;
}

.hover-check:hover{
	background-color:#0ad30a;
	border: 1px solid #0ad30a;
	color:white!important;
}

.ButtonLiteBlack {
    min-height: 25px;
    border: 1px solid #c9c9c9;
    /* padding: 9px; */
    padding-left: 10px!important;
    padding-right: 10px!important;
    background-color: #c9c9c9;
   cursor: pointer;
    min-width: 70px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
    text-transform: uppercase;
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 90%;
    font-weight: 400;
}
.ButtonLiteRed {
    background-color:red;
	border: 1px solid red;
	color:white!important;
}
.ButtonLiteGreen {
    background-color:#0ad30a;
	border: 1px solid #0ad30a;
	color:white!important;
}
.ButtonLite{
	min-width:110px!important;
}

.card-light{
	-webkit-box-shadow: 0px 0px 10px 0px #ddd;
    box-shadow: 0px 0px 10px 0px #ddd;
	padding:15px ;
	border-radius: 15px;
	background-color: white;
}
.card-light-orange{
	-webkit-box-shadow: 0px 0px 10px 0px #e7911d!important;
    box-shadow: 0px 0px 10px 0px #e7911d!important;
}

.shadowOrangePulse{
	box-shadow: 0 0 0 rgba(160,34,22, 1);
	animation: colorPulse 2s infinite;
}

@-webkit-keyframes colorPulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(160,34,22, 1);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(160,34,22, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(160,34,22, 0);
  }
}

@keyframes colorPulse  {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(160,34,22, 1);
    box-shadow: 0 0 0 0 rgba(160,34,22, 1);
  }
  70% {
	-moz-box-shadow: 0 0 0 10px rgba(160,34,22, 0);
	box-shadow: 0 0 0 10px rgba(160,34,22, 0);
  }
  100% {
	-moz-box-shadow: 0 0 0 0 rgba(160,34,22, 0);
	box-shadow: 0 0 0 0 rgba(160,34,22, 0);
  }
}




.cursorNotAllowed{
    cursor:not-allowed!important;
}
.btn-active{
	color:#aaa!important;
	background-color:#ddd!important;
	border: 1px solid #ddd!important;
}
.btn-active > i{
	color:#aaa!important;
}


/*
	FLEX CSS
*/
.d-flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.align-items-center {	
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.justify-content-space-around {
	-ms-flex-pack:distribute;
    justify-content:space-around;
}
.justify-content-between {
	-ms-flex-pack:distribute;
    justify-content:space-between;
}

.flex-direction-column {
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
}
.flex-wrap{
	flex-wrap: wrap;
}
.fontSizeDPIA{
    font-size: 18px!important;
}

/*text-border-left{
  border: 10px solid transparent; 
  border-top-color: black; 
  box-sizing: border-box; 
  grid-area: 1 / 2; 
  padding: 20px; 
  width: 136px; 
  border-radius: 10px;
}

text-border-left{ transform: rotate(-90deg); }
legend{
  background: white;
  margin: auto; 
  padding: 0 4px;
} */