.colorModaleInfoButton{
    font-size: 23px!important;
    color: #1a73e8;
    cursor: pointer;
}

.colorTotal{
	background-color: #f2dede;
}

.main-sidebar, .main-sidebar::before {
    transition: margin-left .3s ease-in-out,width .3s ease-in-out;
    width: 235px;
}

@media (min-width: 768px){
body:not(.sidebar-mini-md) .content-wrapper, body:not(.sidebar-mini-md) .main-footer, body:not(.sidebar-mini-md) .main-header {
    transition: margin-left .3s ease-in-out;
    margin-left: 235px;
}
}


/*
.os-scrollbar-auto-hidden, .os-padding+.os-scrollbar-corner, .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-corner, .os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal, .os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-corner, .os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical, .os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical+.os-scrollbar-corner, .os-scrollbar-horizontal+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner, .os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner {
    opacity: 0!important;
    visibility: hidden!important;
    pointer-events: none!important;
}


.os-scrollbar.os-scrollbar-unusable, .os-scrollbar.os-scrollbar-unusable * {
    pointer-events: none!important;
}

.os-host-transition>.os-scrollbar, .os-host-transition>.os-scrollbar-corner {
    -webkit-transition: opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s!important;
    transition: opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s!important;
}

.os-scrollbar-horizontal {
    bottom: 0!important;
    left: 0!important;
}

.os-scrollbar {
    pointer-events: none!important;
}

.os-scrollbar, .os-scrollbar-corner {
    position: absolute!important;
    opacity: 1!important;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    z-index: 1!important;
}*/


.content-wrapper>.content {
    padding: 0 0rem;
}


/*minimizzare*/
/*
@media (min-width: 992px){
.sidebar-mini.sidebar-collapse .main-sidebar, .sidebar-mini.sidebar-collapse .main-sidebar::before {
    margin-left: 0!important;
    width: 4.6rem!important;
}
}

.main-sidebar, .main-sidebar::before {
    transition: margin-left .3s ease-in-out,width .3s ease-in-out;
    width: 240px!important;
}

@media (min-width: 992px){
body:not(.sidebar-mini-md) .content-wrapper, body:not(.sidebar-mini-md) .main-footer, body:not(.sidebar-mini-md) .main-header {
    transition: margin-left .3s ease-in-out;
    margin-left: 240px!important;
}
}*/


/*
.nav-compact .nav-header, .nav-compact .nav-link {
    padding-top: .12rem!important;
    padding-bottom: .12rem!important;
}

.nav-pills .nav-link {
    border-radius: .25rem!important;
}*/


.nav-sidebar>.nav-item .nav-icon.fa, .nav-sidebar>.nav-item .nav-icon.fab, .nav-sidebar>.nav-item .nav-icon.far, .nav-sidebar>.nav-item .nav-icon.fas, .nav-sidebar>.nav-item .nav-icon.glyphicon, .nav-sidebar>.nav-item .nav-icon.ion {
    font-size: 0.95rem!important;
}

.main-footer {
    background: #fff;
    border-top: 1px solid #dee2e6;
    color: #869099;
    padding: 0.5rem!important;
}

.colorRendicontazione {
	/*background-color: #c6e0b4;*/
	background-color: #adebad;
}

.colorChangeRendicontazione {
	/*background-color: #fff2cc;*/
	background-color: #f9f994;
}

.colorCanoneRendicontazione {
	background-color: #fce4d6;
}


.colorIconSidebar{
	color: black;
}


.containerLogin{
    margin-top:25%!important;
    margin-left:0%!important;
    margin-bottom:1.2rem!important;
}

@media screen and (max-width:1400px) {
.containerLogin{
    margin-top:10%!important;
    margin-left:0%!important;
    margin-bottom:1.2rem!important;
}
}


.tdHome {
	padding: 0.45rem !important;
}

.homeCard {
	min-height: 335px!important; 
	height: 335px!important; 
	overflow: auto;
}


.homeCardIssuing {
	min-height: 300px!important; 
	height: 300px!important; 
	overflow: auto;
}


.titleTableHomeCard {
background-color: #9e0731;
color: #fff;
}

 
 
 /*#d9003d*/
 /*#dc3545*/
 /*
 .titleTableHomeCard {
background-color: #fff;
color: #000;
}   */
    
/*
.acquiringCard {
	min-height: 250px; 
	height: 250px; 
	max-height: 250px;
	max-width: 100%;
}*/


.acquiringCard{
	min-height: 330px; 
	height: 330px;
	max-height: 330px;
	max-width: 100%; 

}

.issuingCard{
	min-height: 335px; 
	height: 335px;
	max-height: 335px;
	max-width: 100%; 

}

/* .main-sidebar, .main-sidebar::before {
    transition: margin-left .3s ease-in-out,width .3s ease-in-out;
    width: 230px;
}


@media (min-width: 768px){
body:not(.sidebar-mini-md) .content-wrapper, body:not(.sidebar-mini-md) .main-footer, body:not(.sidebar-mini-md) .main-header {
    transition: margin-left .3s ease-in-out;
    margin-left: 230px;
}
} */




/* [class*='sidebar-light-'] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link:hover */
 [class*='sidebar-light-'] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link.active,
  [class*='sidebar-light-'] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link:hover,
  [class*='sidebar-light-'] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link.active >.nav-icon,
  [class*='sidebar-light-'] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link:focus{
  /*border-color: rgba(0, 0, 0, 0.1);*/
  background-color: #b00837;
  color: #fff;
} 

/*.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link:hover ,*/
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active ,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link:hover ,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link:focus ,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active >.nav-icon {
  background-color: #b00837;
  color: #fff;
}


.homeValori {
	color: #b00837;
    font-weight: 600;
}

.homeTableTd {
    padding: .25rem!important;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
} 


ul#menuHorizontal li {
	display: inline;
	margin-bottom: 0px !important;
}

.riduciForm {
	height: calc(1.45rem + 2px) !important;
}

.caratteriInput {
font-size: 0.875rem!important;
}


/*data*/
.riduciForm2 {
	height: calc(1.6rem + 2px) !important;
	/*width: 50%!important;*/
}

.riduciFormSelected {
	height: calc(1.45rem + 2px) !important;
	font-size: 0.76rem !important;
}

.riduciForm .input-group-sm>.form-control, input::placeholder {
	font-size: 0.76rem !important;
}

.come-from-modal.left .modal-dialog, .come-from-modal.right .modal-dialog
	{
	position: fixed;
	margin: auto;
	-webkit-transform: translate3d(0%, 0, 0);
	-ms-transform: translate3d(0%, 0, 0);
	-o-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
}

.come-from-modal.left .modal-content, .come-from-modal.right .modal-content
	{
	height: 100%;
	overflow-y: auto;
	border-radius: 0px;
}

.come-from-modal.left .modal-body, .come-from-modal.right .modal-body {
	padding: 15px 15px 80px;
}

.come-from-modal.right.fade .modal-dialog {
	right: -320px;
	-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, right 0.3s ease-out;
	-o-transition: opacity 0.3s linear, right 0.3s ease-out;
	transition: opacity 0.3s linear, right 0.3s ease-out;
}

.come-from-modal.right.fade.in .modal-dialog {
	right: 0;
}

/*background-image : url("img/close.png");*/
.iconModalClose {
	background-image: url("img/close.png");
	background-repeat: no-repeat;
	background-size: 10px 10px;
	background-position: center;
}

.iconModalCheck {
	background-image: url("img/check.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: center;
}

.iconModalCloseCircle {
	background-image: url("img/circle.png");
	background-repeat: no-repeat;
	background-size: 10px 10px;
	background-position: center;
}

.iconModalCheckCircle {
	background-image: url("img/checkCircle.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: center;
}

.iconReadonlyFalse {
	color: #0b7eba !important;
	cursor: pointer;
}

.iconReadonlyFalse:hover {
	color: #0b7eba !important;
	cursor: pointer;
	transform: scale(1.4);
	/* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.iconReadonlyTrue {
	color: gray !important;
	cursor: default;
	pointer-events: none;
}

.iconModalCheckEvent {
	/*background-color: #ffffe7;*/
	background-color: #ffed8a;
}

.ui-autocomplete-input {
	border: none;
	font-size: 14px;
	width: 250px;
	height: 24px;
	margin-bottom: 5px;
	padding-top: 2px;
	border: 1px solid #DDD !important;
	padding-top: 0px !important;
	z-index: 1511;
	position: relative;
}

.ui-menu .ui-menu-item a {
	font-size: 12px;
}

.ui-autocomplete {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1051 !important;
	float: left;
	display: none;
	min-width: 160px;
	_width: 160px;
	padding: 4px 0;
	margin: 2px 0 0 0;
	list-style: none;
	background-color: #ffffff;
	border-color: #ccc;
	border-color: rgba(0, 0, 0, 0.2);
	border-style: solid;
	border-width: 1px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	*border-right-width: 2px;
	*border-bottom-width: 2px;
}

.ui-menu-item>a.ui-corner-all {
	display: block;
	padding: 3px 15px;
	clear: both;
	font-weight: normal;
	line-height: 18px;
	color: #555555;
	white-space: nowrap;
	text-decoration: none;
}

.ui-state-hover, .ui-state-active {
	color: #ffffff;
	text-decoration: none;
	background-color: #0088cc;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	background-image: none;
}

.custom-select-dati {
	display: inline-block;
	/* width: 100%; */
	height: calc(1.8rem + 2px);
	padding: .25rem 1.75rem .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	vertical-align: middle;
	background:
		url("data:image/svg+xml,%23fff url('data:image/svg+xml;charset=utf8,%253Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%253E%253Cpath fill='%2523343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%253E%253C/svg%253E') no-repeat right .75rem center/8px 10px");
	border: 1px solid #ced4da;
	border-radius: .25rem;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#esciButton {
	background-color: white;
}

#esciButton:focus {
	background-color: #b00837;
	
}


#esciTesto:focus {
	color: #fff!important;
}

#esciTesto {
	color: #000;
}

.badge-alert {
	color: #fff;
	background-color: #b00837;
}

.text-sia {
	color: #b00837;
}

.navbar-sia {
	background-color: #b00837;
}

/*
.nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #b00837;
}
*/

/*
.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.5);
}*/
.navbar-light .navbar-nav .nav-link {
	color: #FFF;
}

.bg-sia {
	background-color: #b00837;
	color: #FFF;
}

.btn-sia {
	color: #fff;
	background-color: #b00837;
	border-color: #b00837;
	box-shadow: none;
}

.brand-link .brand-image-logo {
	float: left;
	line-height: .8;
	margin-left: 1.0rem;
	margin-right: .5rem;
	margin-top: -5px;
	max-height: 40px;
	width: 150px;
	/*width: auto;*/
}

.btn-view-home {
	color: #000;
	background-color: #ffffff;
	border-color: #6c757d;
	box-shadow: none;
}

/*
.info-box-sia {
	box-shadow: 0 0 1px rgba(0, 0, 0, .125), 0 1px 3px rgba(0, 0, 0, .2);
	border-radius: .25rem;
	background: #fff;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 0.5rem;
	min-height: 50px;
	padding: .5rem;
	position: relative;
	width: 100%;
}*/

/*
@media only screen and (max-width: 800px) {
 .info-box-sia {
	box-shadow: 0 0 1px rgba(0, 0, 0, .125), 0 1px 3px rgba(0, 0, 0, .2);
	border-radius: .25rem;
	background: #fff;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 0.5rem;
	min-height: 50px;
	padding: .5rem;
	position: relative;
	width: 70%;
}
}*/
.info-box-sia {
	box-shadow: 0 0 1px rgba(0, 0, 0, .125), 0 1px 3px rgba(0, 0, 0, .2);
	border-radius: .25rem;
	background: #fff;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 0rem;
	min-height: 20px;
	padding: 0.2rem .5rem !important;
	padding: .5rem;
	position: relative;
	text-align: -webkit-right;
	width: 100%;
}

.info-box-sia .info-box-icon {
	border-radius: .25rem;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	/*font-size: 1.875rem;*/
	font-size: 1.5rem;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	width: 50px;
}

.info-box-sia .info-box-content {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	line-height: 120%;
	-ms-flex: 1;
	flex: 1;
	padding: 0 5px;
}

/************************************************************/
td.gridjs-td {
	border: 1px solid #e5e7eb;
	padding: 0px 12px !important;
	box-sizing: content-box;
	white-space: nowrap !important;
	font-size: 0.75rem;
	width: 100% !important;
}

th.gridjs-th {
	color: #000 !important;
	background-color: #c1e9fc !important;
	border: 1px solid #e5e7eb;
	border-top: none;
	padding: 2px 12px !important;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	box-sizing: content-box;
	white-space: nowrap !important;
	outline: none;
	font-size: 0.8rem !important;
}

input.gridjs-input {
	outline: none;
	background-color: #fff;
	border: 1px solid #d2d6dc;
	border-radius: 5px;
	padding: 5px 13px !important;
	font-size: 14px;
	line-height: 1.45;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/**********************************************************************/
button.gridjs-sort-neutral {
	opacity: .3;
	background-image:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAr0lEQVQ4T6WTUQ5BQQxFz1uG4IdnH2xHgo3w/xKLYSOEiMQqkCatSE2nwfy297Rz70zDn6dJ9APgAVyjvhpgAuyAOzADDiVIBDBxX0WXCFICeLENLkI8oAX2gE32WwtkChyt4AFzYJkYuwG2EeDrULMYU6AHLIBVoloDXXSFkZo4DCBnNfFU82CsD8hDPsQCiTzwkKK4BpCaQeQpS/avtd+vl6XQ0890++UzpRFKwxNZzCARuMPL3wAAAABJRU5ErkJggg==);
	background-position-y: center;
	border: none;
}

button.gridjs-sort {
	float: right;
	height: 24px;
	width: 16px;
	background-repeat: no-repeat;
	border: none;
}

button.gridjs-sort-neutral {
	opacity: .3;
	background-image:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAr0lEQVQ4T6WTUQ5BQQxFz1uG4IdnH2xHgo3w/xKLYSOEiMQqkCatSE2nwfy297Rz70zDn6dJ9APgAVyjvhpgAuyAOzADDiVIBDBxX0WXCFICeLENLkI8oAX2gE32WwtkChyt4AFzYJkYuwG2EeDrULMYU6AHLIBVoloDXXSFkZo4DCBnNfFU82CsD8hDPsQCiTzwkKK4BpCaQeQpS/avtd+vl6XQ0890++UzpRFKwxNZzCARuMPL3wAAAABJRU5ErkJggg==);
	background-position-y: center;
	border: none;
}

button.gridjs-sort {
	float: right;
	height: 24px;
	width: 16px;
	background-repeat: no-repeat;
	border: none;
	background-color: #c1e9fc !important;
}

button.gridjs-sort-asc {
	padding-bottom: 6px;
	background-image:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAaUlEQVQ4T+3SsQ1AUBQF0GMfQ5hEoddILKHR6VT2MIZtJBoSkf/9iE68+t1T3NzMy8te5v2AZAc1Vgyxsu9KbNHtwQZ9CIkB5/CRCyIhIBSOIlegwpgYV4np+LkCOYoEMGOJAY+X/YEpbzl7DBHJyXtQAAAAAElFTkSuQmCC);
	background-position-y: top;
	border: none;
	background-color: #c1e9fc !important;
}

button.gridjs-sort-desc {
	padding-top: 6px;
	background-image:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAc0lEQVQ4T2NkoBAwUqifYRgaIMPAwGBAIFzOMzAwPIWpQQ+DYgYGhh4CBuQzMDBMwmUAEwMDw1QGBoYMHIaA5HIZGBj+4zIAJI7LEAzNIMW4ohHdEKya8RkAc0kvAwPDHwYGhjJkZyN7bxgmJJLzFsVhAAAclRAR/sEwnwAAAABJRU5ErkJggg==);
	background-position-y: bottom;
	border: none;
	background-color: #c1e9fc !important;
}

/********************************************/
.card-primary.card-outline-tabs>.card-header a.active {
	border-top: 3px solid #b00837;
}

.reviews {
	margin-top: 28px;
}

.reviews div {
	display: inline-block;
	positon: absolute;
	left: 50px;
	/*left: 156px;*/
}

.socials div {
	display: inline-block;
}

#hexagon {
	width: 100px;
	height: 60px;
	background: #eaeaea;
	position: relative;
	/*top: 100px;*/
	text-align: center;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#hexagon:before {
	content: "";
	position: absolute;
	top: -25px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-bottom: 25px solid #eaeaea;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#hexagon:after {
	content: "";
	position: absolute;
	bottom: -24px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-top: 25px solid #eaeaea;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#hexagon:hover {
	background: #b00837;
}

#hexagon:hover:after {
	border-top: 25px solid #b00837;
}

#hexagon:hover:before {
	border-bottom: 25px solid #b00837;
}

/*************************************************************/
.vlarge {
	border-left: 1px solid black;
	height: 500px;
}

.vl {
	border-left: 1px solid black;
	height: auto;
	padding: 0 0.5rem;
}

.spazio {
	margin-top: 4rem;
}

.spazioLarge {
	margin-top: 10rem;
}

.spazioLeft {
	margin-left: 200px;
}

.spazioRigth {
	margin-left: 50px;
}

@media screen and (max-width: 768px) {
	.vl {
		border-left: 0px solid black;
		overflow: hidden !important;
		padding: 0rem;
	}
	.btn {
		width: 100%;
	}
	.btn-sm {
		width: 100%;
	}
	.spazio {
		margin-top: 0rem;
	}
	.spazioLarge {
		margin-top: 0rem;
	}
	.spazioLeft {
		margin-left: 50px;
		margin-bottom: 2rem;
	}
	.spazioRigth {
		margin-left: 50px;
	}
}

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


@media screen and (max-width: 1400px) {
	.changeFontSize {
		font-size:0.7rem!important;
	}

}

@media screen and (max-width: 1400px) {
	.changeFontSizeEsporta {
		font-size:0.72rem!important;
	}

}



.sfondoComingSoon {
	background-image: url(img/comingSoon.jpg);
	text-align: center;
}

@media screen and (max-width: 1400px) {
	.sfondoComingSoon {
		background-image: url(img/comingSoon1.jpg);
		text-align: left;
	}
}



@media screen and (max-width: 1400px) {
	.sfondoComingSoon {
		background-image: url(img/comingSoon1.jpg);
		text-align: left;
	}
}



/*
    #pie {
    	min-height: 250px;
        height: 250px;
        max-height: 250px;
        max-width: 100%;
      } 
      
    @media (min-width: 1400px) {
      #pie {
        min-height: 550px;
        height: 550px;
        max-height: 550px;
        max-width: 100%;
      }      
    }
    
   */ 
    
    
.homePosizione {
	text-align: right;
}

@media screen and (max-width: 1400px) {
	.homePosizione {
		text-align: right;
	}
}

@media screen and (min-width: 1400px) {
	.info-box-sia {
		box-shadow: 0 0 1px rgba(0, 0, 0, .125), 0 1px 3px rgba(0, 0, 0, .2);
		border-radius: .25rem;
		background: #fff;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 0rem;
		min-height: 20px;
		padding: 0.2rem .5rem;
		position: relative;
		width: 83%;
		/*width: 70%;*/
		text-align: -webkit-right;
	}
}

.table-sm td {
	padding: 0.1rem !important;
}





/**********************************************************/
.btn-default {
	background-color: #f8f9fa;
	border-color: #ddd;
	color: #444;
	border-radius: 0px;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease 0s;
	white-space: nowrap !important;
	font-size: 0.78rem !important;
	padding: .2rem .75rem !important;
	font-family: sans-serif;
}

.btn-default:hover, .btn-default:active, .btn-default.hover {
	background-color: #f8f9fa;
	font-family: sans-serif;
	color: #2b2b2b;
	border-bottom: 1.5px solid #b00837;
	/*transform: scale(1.02);*/
}

.btn-default:disabled {
	pointer-events: none;
}

/*.fa-info-circle:hover {
  cursor: pointer;
  transform: scale(1.6);
  
}*/
.info-icon {
	font-size: 15px;
}

/*
@media screen and (max-width: 1200px) {
	.info-box-sia .info-box-content {
		font-size: 0.8rem;
	}
}*/
.loader, .loader:after {
	border-radius: 50%;
	width: 10em;
	height: 10em;
}


.progress {
	width: 10em;
	position: relative;
	margin: 60px auto;
	position: relative;
	margin-top:0rem;
}



/*1.1em solid rgb(176 8 55)*/
/*ffffff*/
.loader {
	margin: 60px auto;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: 1.1em solid rgb(176, 8, 55);
	border-right: 1.1em solid rgb(176, 8, 55);
	border-bottom: 1.1em solid rgb(176, 8, 55);
	border-left: 1.1em solid #ebc5d0;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


#page {
	display: none;
}

.form-group {
	margin-bottom: 0.5rem !important;
}

.clCompany {
	background-color: #f5c66e;
}

.clShop {
	background-color: #9bf57f;
}

.clTerminal {
	background-color: #7fc0f5;
}



/**************************************/


.mainDiv {
    display: flex;
    min-height: 100%;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
  }
 .cardStyle {
    width: 500px;
    border-color: white;
    background: #fff;
    padding: 36px 0;
    border-radius: 4px;
    margin: 30px 0;
    box-shadow: 0px 0 2px 0 rgba(0,0,0,0.25);
  }

.formTitle{
  font-weight: 600;
  margin-top: 20px;
  color: #2F2D3B;
  text-align: center;
}
.inputLabel {
  font-size: 12px;
  color: #555;
  margin-bottom: 6px;
  margin-top: 24px;
}
  .inputDiv {
    width: 70%;
    display: flex;
    flex-direction: column;
    margin: auto;
  }
.inputChangePassword {
  height: 40px;
  font-size: 16px;
  border-radius: 4px;
  border: none;
  border: solid 1px #ccc;
  padding: 0 11px;
}


.buttonWrapper {
  margin-top: 40px;
}

/* #loader {
  position: absolute;
  z-index: 1;
  margin: -2px 0 0 10px;
  border: 4px solid #f3f3f3;
  border-radius: 50%;
  border-top: 4px solid #666666;
  width: 14px;
  height: 14px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
 */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}