/* divisor_content */
.m-divisor{
	position:relative;
	height: 100%;
}

.m-divisor-absolute{
	bottom: auto;
	box-sizing: content-box;
	display: block;
	width: 100%;
	height: 100%;
	left: auto;
	margin: 0;
	position: absolute;
	right: auto;
	top: auto;
}

.m-divisor .m-divisor-hide-0{
	position: absolute;
	height: 100%;
	padding: 0px;
	background-color: #f6f6f6;
	z-index:1800;
	left: 0;
}

.m-divisor .m-divisor-fixed{
	bottom: auto;
	left: 0;
	margin: auto;
	position: fixed;
	right: auto;
	top: 0;
}

.m-divisor .m-divisor-hide{
	position: absolute;
	width: 360px;
	height: 100%;
	left: -360px;
	padding: 0px;
	background-color: #f6f6f6;
	box-shadow: 0.8pt 4.2pt 8.8pt 0 rgba(0, 0, 0, 0.14);
	overflow: auto;
}
.m-divisor .m-divisor-hide .m-divisor-table{
	display:table;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	border-spacing: 0px;
}
.m-divisor .m-divisor-hide .m-divisor-table .m-divisor-menu{
	display:table-cell;
	width: 100%;
	height: 100%;
	border-right:1px solid rgb(197, 197, 197);
	border-spacing: 0px;
	vertical-align: top;
	margin: 0px;
}
.m-divisor .m-divisor-show{
	display:table;
	width: 100%;
	position: relative;
}
.m-divisor .m-divisor-show .m-divisor-content{
	display:table-cell;
	width: 100%;
	vertical-align: top;
}

.m-divisor .m-section-hide-0{
	position: absolute;
	height: 100%;
	padding: 0px;
	background-color: #f6f6f6;
	z-index:1000;
	right:0;
}

.m-divisor .m-section-fixed{
	bottom: auto;
	left: auto;
	margin: auto;
	position: fixed;
	right: 0;
	top: 0;
}

.m-divisor .m-section-hide{
	position: absolute;
	width: 360px;
	height: 100%;
	right: -360px;
	padding: 0px;
	background-color: #f6f6f6;
	box-shadow: 0.8pt 4.2pt 8.8pt 0 rgba(0, 0, 0, 0.14);
	overflow: auto;
}
.m-divisor .m-section-hide .m-section-table{
	display:table;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	border-spacing: 0px;
}
.m-divisor .m-section-hide .m-section-table .m-section-menu{
	display:table-cell;
	width: 100%;
	height: 100%;
	border-left:1px solid rgb(197, 197, 197);
	border-spacing: 0px;
	vertical-align: top;
	margin: 0px;
}



/* divisor_content */


/* GLOBAL */
.dialog_blur{
	/*-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-ms-filter: blur(2px);
	-o-filter: blur(2px);
	filter: blur(2px);*/
}

.cssfilters .vmMessage_blur_hover {
	/*-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-ms-filter: blur(2px);
	-o-filter: blur(2px);
	filter: blur(2px);*/
}

.cssfilters .vmLoading_blur_hover {
	/*-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-ms-filter: blur(2px);
	-o-filter: blur(2px);
	filter: blur(2px);*/
}

.cssfilters .e_blur{
	/*filter: blur(0px);
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	-o-filter: blur(0px);*/
}

.sys_mask {
	overflow:hidden;
}

.vmMessageMask {
	overflow: hidden;
	position: relative;
}

.vmMessageMaskTransition {
	transition:all 0.4s ease-out;
}

.vmMessageMaskFixed {
	position:		fixed;
	z-index:    999999;
	top:        0;
	bottom:			0;
	left:       0;
	right: 0;
	outline:		0 none;
	overflow:		hidden;
	height:     100%;
	width:      100%;
	background: rgba( 0, 0, 0, .6 ) !important;
}	

.vmMessageMaskFixed .vmMessageMaskDivCell {
	position: relative;
	text-align: center;
	max-width: 80%;
	height: 100%;
	margin: 0px auto;
	display: table;
	color: white;
	z-index: 107;
	font-size: 1.32vw;
	font-family: 'Architects Daughter', 'Arial';
	font-weight: bold;
	-webkit-transition: opacity 400ms cubic-bezier(0.42, 0, 0.58, 1);
	-moz-transition: opacity 400ms cubic-bezier(0.42, 0, 0.58, 1);
	transition: opacity 400ms cubic-bezier(0.42, 0, 0.58, 1);
	text-shadow: 2px 2px 6px rgba(40, 40, 40, 0.6);
}

.vmMessageMaskFixed .vmMessageMaskDivMsg {
	display:table-cell;
	vertical-align: middle;
}

.vmLoadingDiv {
	display:    none;
	position:   fixed;
	z-index:    2020;
	top:        0;
	left:       0;
	height:     100%;
	width:      100%;
	background: rgba( 255, 255, 255, .8 )
	url('../images/loader_64px.gif')
	50% 50%
	no-repeat;
}

.vmLoadingMoveDiv {
	position:   absolute;
	z-index:    2020;
	top:        0;
	left:       0;
	height:     100%;
	width:      100%;
	background: rgba( 250, 250, 250, .8 )
	url('../images/loader_64px.gif')
	50% 50%
	no-repeat;
}

.vmLoadingMoveDivFooter {
	position:   absolute;
	z-index:    2020;
	top:        0;
	left:       0;
	height:     100%;
	width:      100%;
	background: none;
}

.vmLoadingMoveDivFixed {
	position:		fixed;
	z-index:    2020;
	top:        0;
	bottom:			0;
	left:       0;
	right: 0;
	outline:		0 none;
	overflow:		hidden;
	height:     100%;
	width:      100%;
	background: rgba( 250, 250, 250, .8 )
	url('../images/loader_64px.gif')
	50% 50%
	no-repeat;
}

.vmLoadingMoveDiv.loader_grey {
	background: rgba( 0, 0, 0, .5 )
	url('../images/loader_grey_64px.gif')
	50% 50%
	no-repeat !important;
}

.vmLoadingMoveDivClear {
	position:   absolute;
	z-index:    2020;
	top:        0;
	left:       0;
	height:     100%;
	width:      100%;
	background: none;
}

.vmLoadingMoveDivFixedClear {
	position:		fixed;
	z-index:    2020;
	top:        0;
	bottom:			0;
	left:       0;
	right: 0;
	outline:		0 none;
	overflow:		hidden;
	height:     100%;
	width:      100%;
	background: none;
}	

.vmLoadingMoveButton {
	position:   absolute;
	z-index:    100;
	top:        0;
	left:       0;
	height:     inherit;
	width:      100%;
	background: rgba( 250, 250, 250, .8 ) url('../images/loader_64px.gif') !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: 20px 20px !important;
}

.vmLoadingButtonMsg{

}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
.vmLoading {
	overflow: hidden;
	position: relative;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
.vmLoading .vmLoadingDiv,
.vmLoading .vmLoadingMoveDiv {
	display: block;
}
.vmLoadingDiv .vmLoadingDivMsg,
.vmLoadingMoveDiv .vmLoadingDivMsg {
	position: relative;
	top: 50%;
}

.vmLoadingMoveDivDialog {
	display: flex !important;
  align-items: center !important;
  justify-content: center !important;
	background: rgba( 250, 250, 250, .8 ) !important;
}

.vmLoadingMoveDivDialogHide {
	display: flex !important;
  align-items: center !important;
  justify-content: center !important;
	background: rgba( 250, 250, 250, 1 ) !important;
}

.vmLoadingDivDialog .vmLoadingDivMsg {
	position: relative;
	width: 80%;
	top: 50%;
	border: 0;
	text-align: center;
	margin: 50px auto 0px auto;
	font-size: 1.6em;
}

.vmLoadingMoveDivDialog .vmLoadingDivContentLoader {
	position: relative;
	width: 100%;
	border: 0;
}

.vmLoadingMoveDivDialog .vmLoadingDivLoader {
	position: relative;
	width: 100%;
	height: 64px;
	border: 0;
	background: url('../images/loader_64px.gif') 50% 50% no-repeat;
}

.vmLoadingMoveDivDialog .vmLoadingDivMsg {
	position: relative;
	width: 80%;
	border: 0;
	text-align: center;
	margin: 24px auto 0px auto;
	font-size: 1.6em;
}

.vmLoadingMoveDivDialog .vmLoadingDivSubMsg {
	position: relative;
	width: 80%;
	border: 0;
	text-align: center;
	margin: 10px auto 0px auto;
	margin-top:10px;
	padding-top:10px;
	border-top: 1px solid #dbdbdb;
	font-size: 1.2em;
}

.vmLoadingMoveDivFixed .vmLoadingDivMsg {
	position: relative;
	height: 100%;
	width: 60%;
	top: 50%;
	border: 0;
	text-align: center;
	margin: 50px auto 0px auto;
	font-size: 1.8em;
}



.courtesy_page{
	padding: 20px;
}

.sys_area_message{
	position: relative;
	z-index: 20;
	background-color: #ffffff;
	overflow: hidden;
	padding: 0px 20px 0px 20px;
}

.sys_login_message{
	padding: 12px 20px 20px 20px;
	border-top: 1px solid rgb(198, 198, 198);
	background: #e4e4e4; /* Old browsers */
	background: -moz-linear-gradient(top,  #e4e4e4 0%, #f8f8f8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #e4e4e4 0%,#f8f8f8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #e4e4e4 0%,#f8f8f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */

}

.sys_login_message .alert{
	margin: 0px !important;
}

.sys_box_cc {
	border-left: 1px solid #c5c5c5;
	min-width: 180px;
	height: 100%;
  display: flex;
	flex-direction: column;
  align-items: center;
  justify-content: center;
	box-sizing: border-box;
	background: #ff898930;
}

.sys_box_cc_button {
	border-left: 1px solid #c5c5c5;
	width: 60px;
	height: 100%;
  display: flex;
	flex-direction: column;
  align-items: center;
  justify-content: center;
	box-sizing: border-box;
}

.sys_border_item {
	border-right:1px solid #c5c5c5;
	margin-right:22px;
}

.sys_info_icon {
	background-image: url(../images/info_icon.png);
	background-position: top;
	background-repeat: no-repeat;
	height:20px;
	width:20px;
	display:block;
	transition:all 0.5s ease-out;
}

.sys_help_icon {
	background-image: url(../images/help_icon.png);
	background-position: top;
	background-repeat: no-repeat;
	height:20px;
	width:20px;
	display:inline-block;
	transition:all 0.5s ease-out;
}

.sys_enter_icon {
	background-image: url(../images/enter_icon.png);
	background-position: top;
	background-repeat: no-repeat;
	height:20px;
	width:20px;
	display:inline-block;
	transition:all 0.5s ease-out;
}

.sys_cancel_icon {
	background-image: url(../images/cancel_icon.png);
	background-position: top;
	background-repeat: no-repeat;
	height:20px;
	width:20px;
	display:inline-block;
	transition:all 0.5s ease-out;
}

.sys_logout_icon {
	background-image: url(../images/logout_icon.png);
	background-position: top;
	background-repeat: no-repeat;
	height:20px;
	width:20px;
	display:inline-block;
	transition:all 0.5s ease-out;
}

.sys_icon_hover {
	background-position: bottom;
}
/* GLOBAL */

/* AUTH */
.cssanimations .sys_panel_area_login {
	visibility: hidden;
}


.no-cssanimations .sys_panel_area_login {
	visibility: visible;
}

/* COUNTERS */
div.sys_message_counter {
	padding-top:100px;
	text-align:center;
}

@media screen and (max-height: 800px) {
	div.sys_message_counter {
		padding-top:40px;
	}
}

div.sys_magnifying_glass_icon {
	height:222px;
	margin-bottom:50px;
	background: url(../images/magnifying_glass.png) no-repeat center;
}

div.sys_not_found_icon {
	height:222px;
	margin-bottom:50px;
	background: url(../images/not_found.png) no-repeat center;
}

div.sys_not_found_counter_icon {
	height:222px;
	margin-bottom:50px;
	background: url(../images/not_found_counter.png) no-repeat center;
}

.sys_counter_card{
	height: 195px;
	width: 430px;
}

ul.sys_counters {
    text-align: center;
}

li.sys_counter {
    display: inline-block;
    margin: 20px;
		position:relative;
    background-color: #f6f6f6;
    border-color: #d3d4d4 #c6c6c6 #c6c6c6 #d3d4d4;
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    /*box-shadow: 0.8pt 0.4pt 0.2pt 0 rgba(202, 206, 209, 0.6);*/
		box-shadow: 1.2pt 1.2pt 3.8pt 0 rgba(202, 206, 209, 0.5);
}

.cssanimations li.sys_counter {
	visibility: hidden;
}


.no-cssanimations li.sys_counter {
	visibility: visible;
}

div.sys_counter_button {
	left: 0;
	z-index: 0;
}

.cssfilters div.sys_counter_card_blur {
	position: absolute;
	clip: rect(0px 430px 195px 0px);
	transition:all 0.3s ease-out;
	filter: blur(0px);
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	-o-filter: blur(0px);
	-ms-filter: blur(0px);
}

.cssfilters div.sys_counter_card_blur_hover {
	filter: blur(6px);
	-webkit-filter: blur(6px);
	-moz-filter: blur(6px);
	-o-filter: blur(6px);
	-ms-filter: blur(6px);
}

div.sys_counter_data {
	overflow: hidden;
	height: 160px;
	display: table;
}

div.sys_terminal_counter {
	display: table-cell;
	width: 127px;
	vertical-align: top;
}

div.sys_terminal_icon_counter {
	height: 149px;
	width: 127px;
	position:relative;
	background: url(../images/terminal_icon.png) no-repeat center;
}

div.sys_terminal_entry_counter {
	display:none;
	height:48px;
	line-height:48px;
	width:75px;
	position:absolute;
	z-index:4;
}

div.sys_tec_info {
	background: url(../images/info_icon_big.png) no-repeat center center #7bbe6c;
}

div.sys_tec_enter {
	background: url(../images/enter_icon_big.png) no-repeat center center #7bbe6c;
}

div.sys_terminal_entry_counter_hover {
	height:48px;
	line-height:48px;
	width:75px;
	display:block;
	background-color:#7bbe6c;
	margin:0px auto 0px auto;
}

div.sys_status_counter {
	display:inline-block;
	padding:6px 10px 6px 10px;
	border-radius: 6px;
	color: #ffffff;
	text-shadow: 1px 1px 1px rgba(100, 100, 100, 1);
}

div.sys_s_closed_counter {
	background: #a1a4a7; /* Old browsers */
	background: -moz-linear-gradient(top, #a1a4a7 0%, #b1b3b5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1a4a7), color-stop(100%,#b1b3b5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #a1a4a7 0%,#b1b3b5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #a1a4a7 0%,#b1b3b5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #a1a4a7 0%,#b1b3b5 100%); /* IE10+ */
	background: linear-gradient(to bottom, #a1a4a7 0%,#b1b3b5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1a4a7', endColorstr='#b1b3b5',GradientType=0 ); /* IE6-9 */
}

div.sys_s_busy_counter {
	background: #e4ad59; /* Old browsers */
	background: -moz-linear-gradient(top, #e4ad59 0%, #f4b961 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4ad59), color-stop(100%,#f4b961)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e4ad59 0%,#f4b961 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e4ad59 0%,#f4b961 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e4ad59 0%,#f4b961 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e4ad59 0%,#f4b961 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4ad59', endColorstr='#f4b961',GradientType=0 ); /* IE6-9 */
}

div.sys_s_opened_counter {
	background: #78bc68; /* Old browsers */
	background: -moz-linear-gradient(top, #78bc68 0%, #7acb68 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78bc68), color-stop(100%,#7acb68)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #78bc68 0%,#7acb68 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #78bc68 0%,#7acb68 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #78bc68 0%,#7acb68 100%); /* IE10+ */
	background: linear-gradient(to bottom, #78bc68 0%,#7acb68 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78bc68', endColorstr='#7acb68',GradientType=0 ); /* IE6-9 */
}

div.sys_info_counter {
	display: table-cell;
	border-left:1px;
	border-left-color: #d6d9da;
	border-left-style: solid;
	vertical-align: top;
}

div.sys_info_counter_1 {
	width: 300px;
	padding-left:1px;
	border-left:1px;
	border-left-color: #ffffff;
	border-left-style: solid;
}

div.sys_number_counter {
	height:34px;
	padding:12px;
	border-bottom:1px;
	border-bottom-color: #d6d9da;
	border-bottom-style: solid;
	text-align: left;
}

div.sys_counter_label {
    color: #555555;
    font-size: 10px;
    font-weight: bold;
		text-align:left;
}

div.sys_counter_value {
    color: #a70f31;
    font-size: 14px;
    font-weight: bold;
		margin-bottom: 2px;
		text-align:left;
    max-width: 275px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.sys_counter_value_big {
    color: #a70f31;
    font-size: 15px;
    font-weight: bold;
}

div.sys_counter_value_small {
	font-size:8pt;
	color:#555555;
}

div.sys_counter_input {
	padding:2px 0px 8px 0px;
	height:22px;
	text-align:left;
}

div.sys_counter_input input{
	width:337px;
	height:20px !important;
	height:16px;
}

div.sys_data_merchant_counter {
	height:76px;
	padding:12px;
	overflow: hidden;
	border-top:1px;
	border-top-color: #ffffff;
	border-top-style: solid;
	text-align: left;
}

div.sys_counter_summary {
    left: 0;
    position: absolute;
    z-index: 0;
		height: 162px;
		width: 432px;
}

div.sys_counter_mask {
	z-index: -1;
	left: 0;
	position: absolute;
  transition:background 0.5s ease-out;
	background-color: #ffffff;
	background: rgba(246,246,246,0);
}

div.sys_counter_mask_hover {
	z-index: 21;
	background: rgba(246,246,246,0.7);
}

div.sys_buttons_border_counter {
	border-top: 1px;
	border-top-color: #d6d9da;
	border-top-style: solid;
}

div.sys_buttons_counter {
	display: table;
	height: 32px;
	border: 1px;
	border-color: #ffffff;
	border-style: solid;
	color: #ffffff;
	overflow: hiddden;
}

a.sys_button_counter_box {
	height:32px;
	line-height:32px;
	display: table-cell;
	transition:all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	background:#eeeeee;
	color:#a70f31;
}

a.sys_button_counter_box_block {
	height:32px;
	line-height:32px;
	display: table-cell;
	transition:all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	background:#eeeeee;
	color:#a70f31;
}

a.sys_button_counter_box_block:hover {
	background: #ffffff; /* Old browsers */
}

a.sys_button_counter_border_left {
	border-left: 1px;
	border-left-color: #ffffff;
	border-left-style: solid;
}

a.sys_button_counter_border_right {
	border-right: 1px;
	border-right-color: #d6d9da;
	border-right-style: solid;
}

a.sys_button_counter_box:hover {
	background: #ffffff; /* Old browsers */
}

div.sys_loader_64px {
	background:url(../images/loader_64px.gif) no-repeat center;
	height:64px;
	width:64px;
	display:block;
}

div.sys_counter_box_loader {
	z-index: -2;
	top: 0px;
	left: 0;
	position: absolute;
	display:table;
	vertical-align:middle;
	transition:all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-o-opacity: 0;
	-ms-opacity: 0;
}

div.sys_counter_box_loader_hover {
	z-index: 22;
	top: 0px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-o-opacity: 1;
	-ms-opacity: 1;
}

div.sys_counter_label_loading {
	padding-top:13px;
	text-align:center;
	font-size: 16px;
	color:#a70f31;
	text-shadow: 1px 1px 1px rgba(100, 100, 100, 0.4);
}

a.sys_button {
	display: inline-block;
	font-size: 13px;
	background: #a70f31; /* Old browsers */
	background: -moz-linear-gradient(top,  #a70f31 0%, #9b0f2e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a70f31), color-stop(100%,#9b0f2e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a70f31 0%,#9b0f2e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a70f31 0%,#9b0f2e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a70f31 0%,#9b0f2e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a70f31 0%,#9b0f2e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a70f31', endColorstr='#9b0f2e',GradientType=0 ); /* IE6-9 */
	border-color: #740024;
	border-radius: 6px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0.8pt 0.4pt 0.2pt 0 rgba(202, 206, 209, 0.8);
	padding: 10px;
	color:#ffffff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(65,65,65,0.4);
	-moz-box-shadow: 0px 0px 5px 0px rgba(65,65,65,0.4);
	box-shadow: 0px 0px 5px 0px rgba(65,65,65,0.4);
}

a.sys_button:hover {
	background: #c21138; /* Old browsers */
	background: -moz-linear-gradient(top,  #c21138 0%, #b41236 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c21138), color-stop(100%,#b41236)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c21138 0%,#b41236 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c21138 0%,#b41236 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c21138 0%,#b41236 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c21138 0%,#b41236 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c21138', endColorstr='#b41236',GradientType=0 ); /* IE6-9 */
}

div.sys_counter_password {
    bottom: 0;
    display: none;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 6;
		border-top: 1px solid #dedede;
}

div.sys_login_counter{
	background-color:#F5F5F5;
	display:table;
}

div.sys_label_box_counter {
	width:170px;
	float:left;
	font-size:13px;
	font-weight:bold;
	color:#a70f31;
	text-align:left;
}

div.sys_name_box_counter {
	width:180px;
	float:left;
	font-size:13px;
	font-weight:bold;
	color:#7f0823;
	margin-bottom:4px;
	overflow: hidden;
}

.sys_data_login {
	display: table;
}

.sys_padding_data_login {
	padding:0px 40px;
	display: table-cell;
	vertical-align: middle;
}

.sys_data_button_form {
	padding:4px 0px 8px 0px;
}

.sys_data_button_form input{
	width:100%;
	height:30px;
	font-size:1.1em;
	box-sizing: border-box; /* css3 rec */
	-moz-box-sizing: border-box; /* ff2 */
	-ms-box-sizing: border-box; /* ie8 */
	-webkit-box-sizing: border-box; /* safari3 */
	-khtml-box-sizing: border-box; /* konqueror */	
}

.sys_data_value {
	padding:0px 0px 10px 0px;
}

.sys_card_bos_button_login {
	text-align:right;
	padding:2px 0px 0px 0px;
}

.sys_card_counter_field {
	width: 100%;
	display:table;
}

.sys_list_services {
	overflow:auto;
	height:160px;
}

.sys_list_services .sys_service_title {
	overflow: hidden;
	height:36px;
	line-height: 36px;
	text-align:left;
	border-bottom: 1px solid #cccccc;
	background-color: #eeeeee;
	padding: 0px 16px;
	font-weight:bold;
}

.sys_list_services .sys_service {
	overflow: hidden;
	height:36px;
	line-height: 36px;
	text-align:left;
	border-bottom: 1px solid #cccccc;
}

/* COUNTERS */




/* BOX INFO USER */

.sys_box_user_info {
	overflow:hidden;
	display: flex;
	height: 100%;
  align-items: center;
  justify-content: center;
}

.sys_box_user_info div.sys_border_item:last-child {
	border:0px;
	margin-right: 0px;
}

.sys_box_user_info div.sys_user_button:last-child {
	padding:0px 0px 0px 40px;
}

.sys_user_button {
	color:#f1f1f1;
	height:30px;
	line-height:30px;
	padding:0px 18px 0px 40px;
	display:block;
	font-size: 1.1em;
	margin-top:10px;
	margin-bottom:10px;
	padding-right:22px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.sys_flex {
	display: flex;
  justify-content: center;
  flex-direction: column;
	overflow: hidden;
	height: 100%;
	width: 100%;
  box-sizing: border-box;
}

.sys_info_label {
	font-size: 0.8em;
  min-height: 12px;
	line-height: 12px;
}

.sys_info_plafond_box {
	font-weight: bold;
	min-height: 18px;
	line-height: 18px;
}

.sys_label {
	width: 100%;
  text-align: center;
	color:#f1f1f1;
	min-height:28px;
	line-height:28px;
	padding:0px;
	font-size: 0.9em;
	border-bottom: 1px solid #c5c5c5;
	font-weight: bold;
	background: #a70f31;
}

.sys_plafond {
	padding: 0px 22px 0px 22px;
	color:#f1f1f1;
}

.sys_user_icon_box {
	background-image: url(../images/icon_box_user.png);
	background-position: left;
	background-repeat: no-repeat;
	max-width: 140px;
}

.sys_store_icon_box {
	background-image: url(../images/icon_box_store.png);
	background-position: left;
	background-repeat: no-repeat;
	max-width: 100px;
}

.sys_counter_icon_box {
	background-image: url(../images/icon_box_counter.png);
	background-position: left;
	background-repeat: no-repeat;
}

.sys_plafond_icon_box {
	background-image: url(../images/icon_box_plafond.png);
	background-position: left;
	background-repeat: no-repeat;
}

.sys_general_icon_box {
	overflow: hidden;
	transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.sys_general_icon_box:hover {
  transform: scale(1.1); /* Scala l'elemento del 10% quando il mouse è sopra di esso */
}

.sys_plafond_icon_box {
	float: left;
}

.sys_refresh_icon_box {
	margin: 3px 0px 0px 10px;
	width:26px;
	height:26px;
	display:block;
}

.sys_rec_icon_box {
	margin: 17px 0px 0px 13px;
  width: 26px;
  height: 26px;
  display: block;
	font-size: 20px;
  color: #ffffff;
}

.sys_rec_icon_box:hover {
  color: #cccaca;
}

.sys_plafond_title_box {
	padding-left: 10px;
}

/* BOX INFO USER */


/* ExchangeAmount */
.sys_send_pos {
    background: url(../images/send_pos.png) no-repeat scroll 8px center #f6f6f6 !important;
    padding-left: 40px !important;
		cursor:pointer;
		float: right;
}
/* ExchangeAmount */

ul.field_dynamic {
	padding-bottom: 40px;
}

ul.field_dynamic div.content_element {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: all 0.4s ease-out;
	cursor: pointer;
	background-color: #fdca4f;
	padding: 10px;
	border-radius: 10px;
	overflow: hidden;
}

ul.field_dynamic div.content_element:hover {
	background-color: #ffdf92;
}

ul.field_dynamic .float_element {
	float: left;
}

ul.field_dynamic .main_element {
	width: 300px;
}

ul.field_dynamic .cancel_element {
	padding: 2px 8px 0px 10px;
}

ul.field_dynamic .cancel_element .fa {
	font-size: 16px;
	transition: all 0.4s ease-out;
}

ul.field_dynamic .cancel_element .fa:hover {
	color: #a70f31;
}

ul.field_dynamic .title_element {
	color: #a70f31;
	padding: 0px 8px 0px 0px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

ul.field_dynamic .count_element {
	width: 28px;
	font-weight: bold;
	padding: 0px 8px 0px 10px;
}

.m_shortcut {
	overflow: auto;
	width: 600px;
	height: 348px;
	padding: 20px 0px 20px 0px;
}

.m_shortcut .m_shortcut_e {
	position:relative;
	padding: 0px 0px 28px 0px;
	margin: 0px 0px 28px 0px;
	border-bottom: 1px solid #eaeaea;
}

.m_shortcut .m_shortcut_e .m_shortcut_combination {
	padding:0px 0px 10px 0px;
	position:relative;
}
.m_shortcut .m_shortcut_e .m_shortcut_combination_last {
	padding:0px !important;
	position:relative !important;
}

.m_shortcut .m_shortcut_e .m_shortcut_combination .m_shortcut_keyboard {
	height: 20px;
	min-width: 20px;
	text-align:center; 
	line-height: 20px;
	background-color:#ededed;
	padding:10px;
	border-radius:6px;
	box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.25);
	display:inline-block;
	position:relative;
}

.m_shortcut .m_shortcut_e .m_shortcut_combination .m_shortcut_keyboard .m_shortcut_marker {
	border-radius:40px;
	background-color:#a70f31;
	height:26px;
	width:26px;
	font-size:10px;
	line-height:26px;
	color:#ffffff;
	position:absolute;
	top: -13px;
	right: -13px;
}

.m_shortcut .m_shortcut_e .m_shortcut_combination .m_shortcut_plus {
	height: 20px;
	width: 16px;
	text-align:center;
	line-height: 20px;
	display:inline-block;
	padding: 8px;
}

.m_shortcut .m_shortcut_e .m_shortcut_note {
	padding:20px 0px 0px 0px;
}

.m_s_shortcut_keyboard {
	height: 40px;
	min-width: 40px;
	text-align:center; 
	line-height: 40px;
	background-color:#ededed;
	padding:14px;
	border-radius:6px;
	box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.25);
	display:inline-block;
	position:relative;
	font-family: Verdana, Arial;
	text-shadow: none;
	color: #000000;
	font-weight: normal;
}

.m_s_shortcut_marker {
	border-radius:40px;
	background-color:#a70f31;
	height:26px;
	width:26px;
	font-size:10px;
	line-height:26px;
	color:#ffffff;
	position:absolute;
	top: -13px;
	right: -13px;
	font-family: Verdana, Arial;
	text-shadow: none;
}

.m_s_shortcut_plus {
	color: #ffffff;
	font-weight: bold;
	height: 20px;
	width: 24px;
	text-align:center;
	line-height: 20px;
	display:inline-block;
	padding: 8px;
	font-family: Verdana, Arial;
	text-shadow: none;
}

.m_shortcut_info_button {
	position:absolute;
	border-radius: 4px;
	background-color: #a70f31;
	font-size: 18px;
	color: #ffffff;
	top: 4px;
	right: 4px;
	text-align: center;
	z-index: 99999999;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	padding: 3px 6px 4px 6px;
}

.m_shortcut_info_button:hover {
	transition:background-color 0.5s ease-out;
	background-color: #c65213;
}

.m_sys_container {
	display: flex;
	height: 100vh;
}

.m_sys_column {
  height: 100vh;
  overflow: auto;
}

.m_sys_column:nth-child(2) {
	border-left: 1px solid #c5c5c5;
}

.m_sys_menu_fixed {
  flex: 0 0 360px;
}

.m_sys_menu_dynamic {
  flex: 1;
}

.m_sys_dashboard {
  flex: 1;
}

.sys_hide {
	display: none;
}

.info_svg::after {
  content: "";
  display: inline-block;
	background-image: url('data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGl2ZWxsb18xIiBkYXRhLW5hbWU9IkxpdmVsbG8gMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMzkuMiAzOS4zIj4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjZmZmOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0yNy44LDEuOGMtMi41LTEuMi01LjMtMS44LTguMi0xLjhDOC44LDAsMCw4LjgsMCwxOS43czguOCwxOS42LDE5LjYsMTkuNiwxOS43LTguOSwxOS42LTE5LjZjMC04LTQuNi0xNC44LTExLjQtMTcuOVptLTQuNDMsMjkuMjVjMCwyLjA1LTEuNzMsMy43Ny0zLjc3LDMuNzdzLTMuNzctMS43My0zLjc3LTMuNzd2LTExLjQyYzAtMi4wNSwxLjczLTMuNzcsMy43Ny0zLjc3czMuNzcsMS42NiwzLjc3LDMuNzd2MTEuNDJabTAtMjIuNDljMCwyLjA1LTEuNzMsMy43Ny0zLjc3LDMuNzdzLTMuNzctMS43My0zLjc3LTMuNzd2LS4zMmMwLTIuMDUsMS43My0zLjc3LDMuNzctMy43N3MzLjc3LDEuNzMsMy43NywzLjc3di4zMloiLz4KPC9zdmc+') !important;
	background-repeat: no-repeat !important;
	width: 10px !important;
	height: 10px !important;
	margin: 0 0 0 8px !important;
}

.modal-dialog .sys_container_sel_box {
	width: 600px;
	background-color: #f8f8f8;
  border: 1px solid #e5e5e5;
}

.modal-dialog .sys_rec_sel_box {
	display: flex;
	align-items: center;
  justify-content: center;
  overflow: hidden;
  box-sizing: border-box;
	height: 120px;
	border-bottom: 1px solid #e5e5e5;
	padding: 20px;
	cursor: pointer;
	user-select: none;
}

.modal-dialog .sys_rec_sel_box:hover {
	background-color: #f2f2f2;
}

.modal-dialog .sys_rec_sel_icon {
	flex: 20%;
	text-align: center;
}

.modal-dialog .sys_rec_sel_info {
	display: flex;
	flex: 80%;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
  box-sizing: border-box;
	padding-left: 20px;
}

.modal-dialog .sys_rec_box_icon{
	width: 100%;
	font-size: 4em;
}

.modal-dialog .sys_rec_sel_box:hover .sys_rec_box_icon{
	color: #a70f31;
}


.modal-dialog .sys_rec_box_title {
	font-size: 1.26em;
	font-weight: bold;
	color: #a70f31;
	margin: 0px 0px 8px 0px;
}

.modal-dialog .sys_rec_box_descr {
	font-size: 1em;
}

.sys_container_input_box {
	width: 600px;
}

.sys_container_input_box .sys_input_box_title {
	text-align:center;
	padding:0px 0px 10px 0px;
  font-size: 16px;
  font-weight: 500;
}

.sys_container_input_box .sys_input_box_input {
	width:100%;
	text-align:center;
}

.modal-dialog iframe {
	border: 0px;
}

.modal-dialog .no_padding {
	padding: 0px;
}

.modal-dialog .no_margin {
	margin: 0px;
}

.modal-dialog .modal-footer {
	min-height: 34px;
}

.modal-dialog .btn_transparent {
	background: transparent;
}