@import "bootstrap.min.css";
@import "fonts.css";
@import "slick.css";
@import "keyborad.css";
@import "modal.css";
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0;}
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css');
html.login_page,
body.login_page {
	height: 100%;
}
body {
	font-family:  "Lato", Arial, Verdana, sans-serif;
}
h3 {
	font-size: 24px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 14px;
}
.create_template {
    margin-bottom: 25px;
}
.tblDocList i {
    color:blue;
    padding-left:5px;
    cursor:pointer;
}
.large_disp_menu li a {
    margin-left:20px;
}
.dealer_container {
    font-size: 13px;
    color: gray;
    font-style: italic;
    margin-top: 36px;
}
.custom-select::before{
        position: absolute;
        content: "\25be";
        top: 14px;
        right: 0px;
        height: 20px;
        width: 20px;
    }

*:focus {
outline: 0 !important;
outline: none !important;
}

.remodal {
  border-radius: 6px;
}
.req_block {
    padding:20px 0;
}

h6 {
	font-size: 12px;
}
hr {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #EEEEEE -moz-use-text-color #eee;
  border-style: solid none;
  border-width: 1px 0;
  margin: 18px 0;
}
.calc_area {
	line-height: 1.3;
}

a, button, input, select, textarea {
	-webkit-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
	outline: none;
}
b,strong {
	font-weight: 700;
}
em,i {
	font-style: italic;
}
.acc_separated {
    margin:15px 0;
}
/*Login page*/
.img_body_new {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/Content/img/login_bg2.jpg) no-repeat;
    -webkit-background-size: cover;
     background-size: cover; 
    /* background-position: 50%; */
    /* background-repeat: no-repeat; */
    position: relative;
}
.img_body {
	-webkit-background-size: cover;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	/*position: relative;*/
}
.img_body:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0, .6);
	z-index: 1;
}
.login_wrap {
	position: relative;
	z-index: 2;
	margin-bottom: -80px;
	min-height: 100%;
}
.login_wrap:after {
	content: '';
	display: block;
}
.login_instruction {
	display: inline-block;
	border: 1px solid #fff;
	padding: 8px 15px;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	-webikit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	margin-top: 25px;
}
.login_instruction:focus,
.login_instruction:hover {
	background: #fff;
	color: #111;
	text-decoration: none;
}
.logo_block {
	width: 220px;
	padding: 20px;
	display: block;
	margin: 0 auto;
	background: #fff;
	-webkit-border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0, .15);
	box-shadow: 0 5px 10px rgba(0,0,0, .15);
	text-align: center;
}

.swift-block {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    /*border-top: 3px solid #d2d6de;*/
    margin-bottom: 20px;
    width: 100%;
    /*box-shadow: 0 1px 1px rgba(0,0,0,0.1);*/
}
.swift-block {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px;
    min-height: 400px;
}
.swift-block .overlay {
    z-index: 50;
    background: rgba(255,241,241, 0.8);
    border-radius: 3px;
}
.swift-block>.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align:center;
}
.swift-block>.overlay>img {
    cursor:pointer; 
    width:30px; 
    display: inline;
    margin-top: 170px;
}

.login_language {
	float: right;
	padding: 0!important;
	margin-top: 25px;
}
.login_language .lan_switch {
	border-color: #fff;
}
.login_language .lan_switch a {
	color: #fff;
}
.login_language .lan_switch a.active {
	background: #fff;
	color: #111;
}
.login_main_title {
	font-size: 36px;
	line-height: 1.5;
	color: #fff;
	font-weight: 100;
	padding: 40px 0;
}
.login_form {
	width: 330px;
	margin: 0 auto;
	color: #fff;
}
.login_form_block {
	padding: 30px;
	background: rgba(0,0,0, .5);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 10px;
}
.login_form_block h4 {
	font-size: 18px;
	font-weight: 100;
	line-height: 1.3;
	margin-bottom: 30px;
}
.login_form_block input {
	display: block;
	width: 100%;
	padding: 10px 40px 10px 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-size: 16px;
	color: #111;
	border: 1px solid #fff;
	height: 41px;
}
.btn-app {
    border-radius: 3px;
    position: relative;
    padding: 10px 5px;
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-left: 5px;
    margin: 0 0 10px 10px;
    min-width: 78px;
    height: 40px;
    text-align: center;
    color: #666;
    border: 1px solid #979797;
    background-color: #f4f4f4;
    font-size: 14px;
    color: #003aa5;
}
.box {
    position: relative;
    border-radius: 3px;
    background: #f4f4f4;
    /* border-top: 3px solid #d2d6de; */
    margin-bottom: 20px;
    width: 100%;
    /* box-shadow: 0 1px 1px rgba(0,0,0,0.1); */
    /* margin-top: 20px; */
    padding-top: 15px;
    padding-bottom: 7px;
    margin-left: 0px;
}
.box-header {
    color: #444;
    display: block;
    padding: 10px;
    position: relative;
}
.box-header .box-title {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    line-height: 1;
}
.box-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px;
    font-size:13px;
}
.box-body> table {
    margin-bottom: 0;
    width:100%;
}
.box-body> table td{
    padding:3px;
}
.login_form_block input:focus {
	border-color: #0e3ea2;
}
.login_form_block .input_group {
	position: relative;
}
.login_form_block input+.input_icon {
	content: '';
	display: block;
	width: 40px;
	position: absolute;
	height: 40px;
	right: 0;
	top: 0;
	background-position: 50%;
	background-repeat: no-repeat;
	z-index: 2;
}
.login_form_block #login_user+.input_icon {
	background-image: url('../img/icons/login_user_icon.svg');
}
.login_form_block .login_input_error #login_user+.input_icon {
	background-image: url('../img/icons/login_user_icon_error.svg');
}
.login_form_block #login_password+.input_icon {
	background-image: url('../img/icons/login_password_icon.svg');
}
.login_form_block .login_input_error #login_password+.input_icon {
	background-image: url('../img/icons/login_password_icon_error.svg');
}
.login_form_block #login_pin+.input_icon {
	background-image: url('../img/icons/login_pin_icon.svg');
}
.login_form_block .login_input_error #login_pin+.input_icon {
	background-image: url('../img/icons/login_pin_icon_error.svg');
}
.login_form_block .login_input_error .login_input_error_message {
	position: absolute;
	left: 100%;
	top: 0;
	bottom: 0;
	font-size: 14px;
	background: #f61a3e;
	width: 200px;
	text-align: center;
	font-weight: 100;
	margin-left: 20px;
	line-height: 100%;
	line-height: 40px;
}
.login_form_block .login_input_error .login_input_error_message:before {
	content: '';
  width: 0;
  height: 0;
  z-index: 5;
  top: 0;
  bottom: 0;
  left: -8px;
  margin: auto;
  position: absolute;
  margin-right: 18px;
  border-top: 8px solid transparent;
  border-right: 8px solid #f61a3e;
  border-bottom: 8px solid transparent;
}

.login_form_block button {
	display: block;
	float: left;
	line-height: 35px;
	height: 35px;
	font-size: 18px;
	color: #fff;
	background: #003aa5;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	font-weight: 100;
	border: none;
	width: 210px;
}
.login_form_block .button_pin button {
	width: 100%;
	float: none;
}
.password_keyboard {
	position: relative;
}
.pin .pinVisible {
    height: 18px;
}
.login_form_block .keyboard_button {
	width: 35px;
	height: 35px;
	background: #003aa5 url('../img/icons/keybord.svg') no-repeat 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: block;
	cursor: pointer;
	float: right;
}
.login_form_block .download_button {
	width: 35px;
	height: 35px;
	/*background: #003aa5 url('../img/icons/keybord.svg') no-repeat 50%;*/
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: block;
	cursor: pointer;
	float: right;
	background: #003aa5;
}
.login_form_block .download_button i{
	position: relative;
	top: 30%;
	left: 30%;
}
.download_button a {
	text-decoration:none;
	color: #fff;
}
.download-for-win dt, .download-for-win dd, .download-for-mac dt, .download-for-mac dd {
	padding: 5px;
}
#keyboard_close {
	background: #f61a3e!important;
	color: #fff!important;
	border-color: #f61a3e!important;
}
.ui-dialog-titlebar-close {
    visibility: hidden;
}
.login_input_error input {
	border: 1px solid #f61a3e;
}
.login_form h5 {
	font-size: 14px;
	font-weight: 100;
	line-height: 1.4;
}
.input_group {
	margin-bottom: 25px;
}
.login_footer {
	position: relative;
	z-index: 2;
}
.login_wrap:after,
.login_footer {
	height: 80px;
}
.login_footer ul {
	margin-top: 10px;
}
.login_footer ul li {
	float: left;
}
.login_footer ul li a {
	font-size: 14px;
	font-weight: 300;
	color: #fff;
	text-decoration: none;
	line-height: 1.4;
	padding: 5px 10px;
}
.login_footer ul li a:hover {
	text-decoration: underline;
}
.login_information {
	text-align: center;
}
.login_information a {
	display: inline-block;
	font-size: 14px;
	font-weight: 100;
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: 8px 20px 8px 40px;
	border: 1px solid #fff;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	background: url('../img/icons/login_footer_info_icon.svg') no-repeat 10px 50%;
}
.login_information a:hover {
	color: #111;	
	background: #fff;
}
.login_footer_call {
	text-align: right;
	color: #fff;
	font-size: 14px;
	font-weight: 300;
	margin-top: 10px;
}
.login_footer_call a {
	color: #fff;
	text-decoration: underline;
	font-size: 14px;
	font-weight: 700;
}
.login_footer_call a:hover {
	text-decoration: none;
}
div.browsers {
    margin: 10px auto 40px auto;
    text-align: center;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
div.browsers a.firefox {
    background: url(/Content/img/badbrowser/firefox.png) center 8px no-repeat;
}
div.browsers a.opera {
    background: url(/Content/img/badbrowser/opera.png) center 7px no-repeat;
}
div.browsers a.safari {
    background: url(/Content/img/badbrowser/safari.png) center top no-repeat;
}
div.browsers a.chrome {
    background: url(/Content/img/badbrowser/chrome.png) center 7px no-repeat;
}

div.browsers a {
    display: block;
    float: left;
    width: 115px;
    margin: 0 5px 0 5px;
    padding: 80px 0 0 0;
    text-align: center;
}

.info_modal {

}
.info_modal h3 {
	font-size: 24px;
	color: #0e3ea2;
	margin-bottom: 50px;
	font-weight: 700;
}
.info_modal p{
	font-weight: 300;
	font-size: 18px;
	line-height: 1.4;
	margin-bottom: 30px;
	color: #111;
}
.info_modal a {
	color:#0e3ea2;
	font-weight: 700;
}
.info_modal .modal_close {
	cursor: pointer;
	color: #f61a3e;
	border: 1px solid #f61a3e;
	border-radius: 100px;
	padding: 10px 25px;
	font-size: 14px;
	-webkit-transition: .2s ease;
	-o-transition: .2s ease;
	transition: .2s ease;
}
.info_modal .modal_close:hover {
	background: #f61a3e;
	color: #fff;
}
.download_modal .modal_close {
	cursor: pointer;
	color: #f61a3e;
	border: 1px solid #f61a3e;
	border-radius: 100px;
	padding: 10px 25px;
	font-size: 14px;
	-webkit-transition: .2s ease;
	-o-transition: .2s ease;
	transition: .2s ease;
}
.download_modal .modal_close:hover {
	background: #f61a3e;
	color: #fff;
}

.modal_close_change_name {
	cursor: pointer;
	color: #f61a3e;
	border: 1px solid #f61a3e;
	border-radius: 100px;
	padding: 10px 25px;
	font-size: 14px;
	-webkit-transition: .2s ease;
	-o-transition: .2s ease;
	transition: .2s ease;
}

.switch_confirm_modal {
	cursor: pointer;
	color: #fff;
	background: #003aa5;
	border: 1px solid #003aa5;
	border-radius: 100px;
	padding: 10px 25px;
	font-size: 14px;
	-webkit-transition: .2s ease;
	-o-transition: .2s ease;
	transition: .2s ease;
}

.modalClose .expir_modal_close {
	cursor: pointer;
	color: #f61a3e;
	border: 1px solid #f61a3e;
	border-radius: 100px;
	padding: 10px 25px;
	font-size: 14px;
	-webkit-transition: .2s ease;
	-o-transition: .2s ease;
	transition: .2s ease;
}

.modalClose .modal_close {
	cursor: pointer;
	color: #f61a3e;
	border: 1px solid #f61a3e;
	border-radius: 100px;
	padding: 10px 25px;
	font-size: 14px;
	-webkit-transition: .2s ease;
	-o-transition: .2s ease;
	transition: .2s ease;
}

modalDialog .modal_dialog {
	cursor: pointer;
	color: #f61a3e;
	border: 1px solid #f61a3e;
	border-radius: 100px;
	padding: 10px 25px;
	font-size: 14px;
	-webkit-transition: .2s ease;
	-o-transition: .2s ease;
	transition: .2s ease;
}

.modal_close_change_name:hover {
	background: #f61a3e;
	color: #fff;
}

.modalClose .modal_close:hover {
	background: #f61a3e;
	color: #fff;
}

.modalClose .expir_modal_close:hover {
    background: #f61a3e;
    color: #fff;
}

modalDialog .modal_dialog:hover {
	background: #f61a3e;
	color: #fff;
}
/*inner main wrap*/
.main_wrap {
	background: #e5eff8;
	padding: 20px 0 30px 0;	
}
/*main left menu*/
.left_nav {
	background: #003aa5;
	height: 100%;
	text-align: center;
	color: #fff;
	padding-top: 80px;
	position: relative;
}
.left_nav a{
	display: block;
	height: 76px;
	font-size: 12px;
	padding-top: 55px;
	background-repeat: no-repeat;
	background-position: 50% 35%;
	color: #fff;
	text-decoration: none;
}
.left_nav a:hover {
	background-color: #0b3791;
}
.left_nav a.active {
	background-color: #052c7e;
}
.left_nav_fix a+a{
	border-top: 1px solid #00266b;
}
/*mobile menu*/
#main_menu_toggle {
	width: 24px;
	height: 24px;
	display: block;
	float: right;
	padding: 0;
	border: none;
	background: none;
	margin-top: 12px;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  position: relative;
}
#main_menu_toggle span {
	height: 2px;
	background: #111;
	display: block;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  opacity: 1;
  left: 0;
  position: absolute;
  width: 100%;
}
#main_menu_toggle span:nth-child(1) {
  top: 0px;
}
#main_menu_toggle span:nth-child(2),
#main_menu_toggle span:nth-child(3) {
  top: 6px;
}
#main_menu_toggle span:nth-child(4) {
  top: 12px;
}
#main_menu_toggle.open span:nth-child(1) {
  top: 6px;
  width: 0%;
  left: 50%;
}
#main_menu_toggle.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#main_menu_toggle.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#main_menu_toggle.open span:nth-child(4) {
  top: 6px;
  width: 0%;
  left: 50%;
}
.mobile_main_menu {
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	min-width: 260px;
	background: #fff;
	-webkit-transition: all .24s ease-in-out;
	-o-transition: all .24s ease-in-out;
	transition: all .24s ease-in-out;
	opacity: 0;
	visibility: hidden;
	margin-top: -30px;
	z-index: 6;
	border-top: 1px solid #f4f4f4;
	-webkit-box-shadow: 0 15px 20px 0 rgba(0,0,0, .15);
	box-shadow: 0 15px 20px 0 rgba(0,0,0, .15);
}
.mobile_main_menu.open {
	opacity: 1;
	visibility: visible;
	margin-top: 0;
	z-index: 999;
}
.mobile_main_menu .mobile_user_panel{
	padding: 20px;
	background: #f4f4f4;
	text-align: center;
}
.mobile_main_menu .mobile_user_panel h4 {
	background: url('../img/icons/user_icon.svg') no-repeat 50% 0;
	font-size: 18px;
	font-weight: 700;
	color: #111;
	margin-bottom: 20px;
	padding-top: 40px;
}
.mobile_main_menu .mobile_user_panel a {
	display: inline-block;
	padding: 8px 20px;
	background: #0e3ea2;
	color: #fff;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	font-size: 14px;
}
.statement_detail {
    display: inline-block;
    padding: 10px 25px;
    font-size: 14px;
    color: #fff;
    background: #003aa5;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    text-decoration: none;
    margin: 15px 0;
}
.statement_detail:focus,
.statement_detail:hover {
	color: #fff;
	text-decoration: none;
}

.remodal[data-remodal-id="pos_terminal_modal"] {
    max-width: 1500px; /* Set the maximum width */
    width: 90%; /* Adjust the width as needed */
    padding: 20px; /* Add padding to the content area */
}

.remodal[data-remodal-id="switch_account_modal"] {
	max-width: 700px; /* Set the maximum width */
	width: 90%; /* Adjust the width as needed */
	padding: 20px; /* Add padding to the content area */
}

.remodal[data-remodal-id="switch_confirmation_modal"] {
	max-width: 700px; /* Set the maximum width */
	width: 90%; /* Adjust the width as needed */
	padding: 20px; /* Add padding to the content area */
}
.text.single-line {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.remodal[data-remodal-id="pos_terminal_modal"] .remodal-content {
    max-height: 80vh; /* Set the maximum height */
    overflow-y: auto; /* Add vertical scrolling if content overflows */
}

.pos_detail, .pos_detail_extended {
	display: inline-block;
	padding: 10px 25px;
	font-size: 14px;
	color: #fff;
	background: #003aa5;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	text-decoration: none;
	margin: 15px 0;
}

.pos_detail:focus,
.pos_detail:hover {
    color: #fff;
    text-decoration: none;
}
.pos_detail_extended:focus,
.pos_detail_extended:hover {
	color: #fff;
	text-decoration: none;
}

.statement_detail_complex {
	display: inline-block;
	padding: 10px 25px;
	font-size: 14px;
	color: #fff;
	background: #003aa5;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	text-decoration: none;
	margin: 15px 0;
}

.statement_detail_complex:focus,
.statement_detail_complex:hover {
	color: #fff;
	text-decoration: none;
}

.statement_detail_dep {
    display: inline-block;
    padding: 10px 25px;
    font-size: 14px;
    color: #fff;
    background: #003aa5;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    text-decoration: none;
    margin: 15px 0;
}
.statement_detail_dep:focus,
.statement_detail_dep:hover {
	color: #fff;
	text-decoration: none;
}

.statement_detail_card {
    display: inline-block;
    padding: 10px 25px;
    font-size: 14px;
    color: #fff;
    background: #003aa5;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    text-decoration: none;
    margin: 15px 0;
}
.statement_detail_card:focus,
.statement_detail_card:hover {
	color: #fff;
	text-decoration: none;
}
.statement_detail_card_last {
    display: inline-block;
    padding: 10px 25px;
    font-size: 14px;
    color: #fff;
    background: #003aa5;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    text-decoration: none;
    margin: 15px 0;
}
.statement_detail_card_last:focus,
.statement_detail_card_last:hover {
	color: #fff;
	text-decoration: none;
}
.history_detail {
    display: inline-block;
    padding: 10px 25px;
    font-size: 14px;
    color: #fff;
    background: #003aa5;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    text-decoration: none;
    margin: 15px 0;
}
.history_detail:focus,
.history_detail:hover {
	color: #fff;
	text-decoration: none;
}



/*Radio to Slider*/

.radio_to_slider{
    display: table;
    font-size:0!important;
    width:300px;
    /* background-color:grey; */
    position: relative;
    text-align: center;
}
.first,
.second{
  display: inline-block;
  text-decoration: none;
  /* background-color:yellow; */
  width:20%;
  /* float: left; */
  vertical-align: top;
  display: inline-block;
  color: #BBBBBB;
  font-size: 14px;
  /* line-height: 14px; */
  font-family: 'PFSquareSansPro-Bold', sans-serif;
  /* margin-right: 28px; */
  cursor: pointer;
  /* padding-right: 57px; */
  position: relative;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.tumbler{
    /* background-color:tomato; */
    width:15%;
    display: inline-block;
    font-size:14px;
    vertical-align: top;
    position: relative;
}
.tumbler:before{
    content: "";
    position: absolute;
    top: -1px;
    z-index: 1;
    /* right: 0; */
    left:0;
    display: block;
    width: 44px;
    height: 18px;
    /* background-color: #dbdbdb; */
    background-color: #003aa5;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.tumbler:after {
    content: "";
    position: absolute;
    top: 1px;
    z-index: 2;
    /* right: 28px; */
    left:2px;
    display: block;
    width: 14px;
    height: 14px;
    background-color: #ffffff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
/* .tumbler.on:before {
    background-color: #57a835;
    color: #57a835;
} */
.on {
    color: #003aa5;
    /*font-weight:bold;*/
}
 .on.tumbler:after {
    left:28px;
    /* right:2px!important; */
}

/* Radio to Slider finish*/


.history_detail_conv {
    display: inline-block;
    padding: 10px 25px;
    font-size: 14px;
    color: #fff;
    background: #003aa5;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    text-decoration: none;
    margin: 15px 0;
}
.history_detail_conv:focus,
.history_detail_conv:hover {
	color: #fff;
	text-decoration: none;
}
.modal_date_style {
    color: #003aa5; 
    display:inline-block; 
    width:20px; 
    text-align:right;
}
.text-right-credbtn {
	text-align: right;
}

.history_detail_repa {
    display: inline-block;
    padding: 10px 25px;
    font-size: 14px;
    color: #fff;
    background: #003aa5;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    text-decoration: none;
    margin: 15px 0;
}
.history_detail_repa:focus,
.history_detail_repa:hover {
	color: #fff;
	text-decoration: none;
}


.history_detail_rash {
    display: inline-block;
    padding: 10px 25px;
    font-size: 14px;
    color: #fff;
    background: #003aa5;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    text-decoration: none;
    margin: 15px 0;
}

    .history_detail_rash:focus,
    .history_detail_rash:hover {
        color: #fff;
        text-decoration: none;
    }

.history_detail_proc {
    display: inline-block;
    padding: 10px 25px;
    font-size: 14px;
    color: #fff;
    background: #003aa5;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    text-decoration: none;
    margin: 15px 0;
}

    .history_detail_proc:focus,
    .history_detail_proc:hover {
        color: #fff;
        text-decoration: none;
    }


.history_detail_repl {
    display: inline-block;
    padding: 10px 25px;
    font-size: 14px;
    color: #fff;
    background: #003aa5;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    text-decoration: none;
    margin: 15px 0;
}
.history_detail_repl:focus,
.history_detail_repl:hover {
	color: #fff;
	text-decoration: none;
}
.show_msg_payments {
    /*color: gray;*/
    font-size: 14px;
    padding: 0 5px 20px 5px;
}
.datepick_input {
    display:block; 
    float:left; 
    width:9%; 
    line-height:2.45;
}
.mobile_main_menu ul li a {
	display: block;
	padding: 15px;
	font-size: 14px;
	color: #111;
	text-decoration: none;
}
.mobile_main_menu ul li a:hover {
	background: #333;
	color: #fff;
}
.mobile_main_menu ul li a span {
	float: right;
	margin-top: 5px;
	color: #0e3ea2;
}
.mobile_main_menu ul li a:hover span {
	color: #fff;
}
.mobile_main_menu .mobile_drop_list {
	padding-left: 15px;
}
/*white top block*/
.top_nav {
	background: #fff;
	padding: 20px;
	-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0, .1);
	box-shadow: 0 5px 10px 0 rgba(0,0,0, .1);
	position: relative;
}
.main_logo {
	float: left;
}
.user_block {
	float: right;
}
.user_block > a {
	display: block;
	position: relative;
	padding: 10px 25px 10px 40px;
	font-size: 16px;
	color: #111;
	background: url('../img/icons/user_icon.svg') no-repeat 0 50%;
}
#slideout {
    border-radius: 0 5px 5px 0;
    left: 0;
    position: fixed;
    text-align: center;
    top: 376px;
    width: 28px;
    z-index: 10;
}
#slideout_inner {
    background-color: #0E3EA3;
    border-radius: 0 0 5px 5px;
    font-size: 13px;
    height: 75px;
    left: -250px;
    margin-top: 0;
    padding: 10px 10px 10px 27px;
    position: fixed;
    text-align: left;
    top: 0;
    width: 457px;
    color: #fff;
}
.user_block > a:after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	height: 6px;
	width: 12px;
	margin-top: -3px;
	background: url('../img/icons/user_drop.svg') no-repeat 50%;
	-webkit-transition: .2s ease;
	-o-transition: .2s ease;
	transition: .2s ease;
}
.user_block > a.open:after {
	-webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.user_block_dropmenu {
	position: absolute;
	right: 0;
	top: 100%;
	background: #fff;
	min-width: 245px;
	z-index: 5;
	border-top: 1px solid #f4f4f4;
	box-shadow: 0 5px 10px 0 rgba(0,0,0, .1);
	-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0, .1);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	margin-top: -10px;
}
.user_block_dropmenu.open {
	visibility: visible;
	opacity: 1;
	margin-top: 0;
}
.language {
	text-align: center;
	padding: 15px;
}
.lan_switch {
	border: 1px solid #003aa5;
	border-radius: 100px;
	overflow: hidden;
	display: inline-block;
}
.lan_switch a {
	display: inline-block;
	font-size: 14px;
	text-transform: uppercase;
	padding: 6px 10px;
}
.lan_switch a.active {
	background: #003aa5;
	color: #fff;
}
.user_nav li a {
	display: block;
	padding: 15px;
	font-size: 16px;
	color: #111;
	text-decoration: none;
}
.user_nav li a:hover,
.user_nav li a:focus {
	background: #f4f4f4;
}
.last_visit {
	text-align: center;
	padding: 15px;
	border-top: 1px solid #f4f4f4;
	font-size: 14px;
	line-height: 1.4;
	color: #003aa5;
}
.last_visit strong {
	display: block;
}
.page_title {
	font-size: 36px;
	font-weight: 100;
	color: #7d7d7d;
	margin: 30px 0;
	position: relative;
	background: #e5eff8;
	z-index: 2;
}
.page_title span {
	position: relative;
	z-index: 2;
	padding-right: 15px;
}

.notification_window {
    max-width:40% !important;
}

.dialog_window {
	max-width: 40% !important;
}
/* .page_title:after,
.page_title span:after {
	content: '';
	position: absolute;
	z-index: 1;
}
.page_title span:after {
	width: 5px;
	height: 5px;
	background: #003aa5;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	top: 50%;
	margin-top: -2px;
	left: 100%;
} */
.page_title:after {
	height: 1px;
	left: 0;
	right: 0;
	width: 100%;
	background: #003aa5;
	top: 50%;
	margin-bottom: -1px;
}
.page_nav {
	outline: none;
	background: transparent;
	margin-bottom: 30px;
}
.page_nav li {
	float: left;
	margin-right: 15px;
}
.page_nav li:last-child {
	margin-right: 0;
}
.page_nav li a:hover,
.page_nav li.active a {
	background: #003aa5;
	color: #fff;
}
.page_nav li a {
	display: block;
	font-size: 16px;
	color: #003aa5;
	border: 1px solid #003aa5;
	padding: 6px 25px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	text-decoration: none;
	font-weight: 300;
	margin-bottom: 15px;
}
.all_count_title span{
	font-size: 24px;
	padding: 20px;
	background: #fff;
	color: #111;
	margin-bottom: 25px;
	display: inline-block;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.count_section {
	margin-bottom: 30px;
}
.invoice_slider .slick-arrow {
	position: absolute;
	top: 50%;
	margin-top: -24px;
	width: 48px;
	height: 48px;
	background: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: 50%;
	border: none;
	padding: 0;
	display: block;
	z-index: 10;
	text-indent: -9999px;
	-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0, .15);
	box-shadow: 0 5px 5px 0 rgba(0,0,0, .15);
	-webkit-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.invoice_slider .slick-arrow:hover {
	-webkit-box-shadow: 0 8px 10px 0 rgba(0,0,0, .15);
	box-shadow: 0 8px 10px 0 rgba(0,0,0, .15);
}
.invoice_slider .slick-prev {
	left: -9px;
	background-image: url('../img/icons/invoice_slider_left.svg');
}
.invoice_slider .slick-next {
	right: -9px;
	background-image: url('../img/icons/invoice_slider_right.svg');
}


.requisite_slider .slick-arrow {
	position: absolute;
	top: 50%;
	margin-top: -24px;
	width: 30px;
	height: 30px;
	background: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: 50%;
	border: none;
	padding: 0;
	display: block;
	z-index: 10;
	text-indent: -9999px;
	-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0, .15);
	box-shadow: 0 5px 5px 0 rgba(0,0,0, .15);
	-webkit-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

.requisite_slider .slick-arrow:hover {
		-webkit-box-shadow: 0 8px 10px 0 rgba(0,0,0, .15);
		box-shadow: 0 8px 10px 0 rgba(0,0,0, .15);
}

.requisite_slider .slick-prev {
	left: -20px;
	background-image: url('../img/icons/invoice_slider_left.svg');
}

.requisite_slider .slick-next {
	right: -20px;
	background-image: url('../img/icons/invoice_slider_right.svg');
}

.requisite_slider {
	/*overflow: hidden;*/
	min-width: 100%;
	width: 0;
}

.item_count {
	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	min-height: 300px;
	overflow: hidden;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.dataTables_length select {
    border-radius: 6px;
    color: #2b2e38;
    border: 1px solid #979797;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    color: white !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: white !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    border-radius: 6px !important;
}

.paginate_button:hover {
    color: white !important;
    border: 1px solid #979797 !important;
    background-color: #003aa5 !important;
    background: #003aa5 !important;
}

.item_count:hover {
	-webkit-box-shadow: 0 10px 15px 7px rgba(0,0,0, .1);
	box-shadow: 0 10px 15px 7px rgba(0,0,0, .1);
}

.item_count_top_cards {
    padding: 16px 9px 55px 10px;
    background: #fff;
    border-bottom: 1px solid #f2f2f2;
}

.item_count_top {
	padding: 20px;
	background: #fff;
	border-bottom: 1px solid #f2f2f2;
}
.item_count_number{
	font-size: 16px;
	color: #111;
	text-align: center;
}
.item_count_top a {
	font-size: 14px;
	color: #003aa5;
	text-decoration: underline;
	display: inline-block;
}

.item_count_top_cards a {
	font-size: 14px;
	color: #003aa5;
	text-decoration: underline;
	display: inline-block;
}

.item_count_top a:hover {
	text-decoration: none;
}

.item_count_top_cards a:hover {
	text-decoration: none;
}

.item_count_balance {
	height: 77px;
	padding: 20px;
	text-align: center;
}
.item_val_count_balance h2,
.item_card_count_balance h2 {
	font-size: 36px;
	font-weight: 700;
	color: #111;
}
.item_count_balance h2 span {
	color: #003aa5;
}
.item_deposit_count_balance .row > div:first-child,
.item_deposit_credit_balance .row > div:first-child{
	/*border-right: 1px solid #f2f2f2;*/
}
.item_deposit_count_balance .row > div,
.item_deposit_credit_balance .row > div {
	height: 77px;
	padding-top: 15px;
}
.item_guarantee_count_balance .row > div {
	height: 77px;
	padding-top: 15px;
}
.item_deposit_count_balance,
.item_deposit_credit_balance {
	padding: 0 20px;
}
.item_guarantee_count_balance {
	padding: 0 20px;
}
.item_deposit_count_balance h5,
.item_deposit_credit_balance h5 {
	font-size: 14px;
	color: #aaa;
	margin-bottom: 5px;
}
.item_guarantee_count_balance h5 {
	font-size: 14px;
	color: #aaa;
	margin-bottom: 5px;
}
.item_deposit_count_balance h2,
.item_deposit_credit_balance h2 {
	font-size: 30px;
	font-weight: 700;
	color: #111;
}
.item_guarantee_count_balance h2 {
	font-size: 36px;
	font-weight: 700;
	color: #111;
}
.item_count_deposit_name {
	text-align: right;
	font-size: 20px;
	color: #003aa5;
	font-weight: 100;
}

.item_count_account_name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	text-align: center;
	padding-bottom: 5px;
    font-size: 20px;
	color: #003aa5;
	font-weight: 100;
}
.item_count_guarantee_name {
	font-size: 20px;
	color: #003aa5;
	font-weight: 100;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 650px;
	margin-left:25px;
}
.item_count_action {
	background: #f4f4f4;
	padding: 20px;
	height: 100px;
}

.item_count_action_guarantee {
	height: 170px;
}
.item_count_action .item_count_label {
	font-size: 12px;
	color: #003aa5;
	display: block;
	margin-bottom: 10px;
	margin-left: 10px;
}
.item_count_action .item_count_label_guarantee {
		font-size: 12px;
		color: #003aa5;
		display: block;
		margin-bottom: 10px;
		margin-left: 10px;
		cursor: pointer;
}
.item_count_action .item_count_field {
	padding: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #fff;
	color: #111;
	background: #fff;
	display: inline-block;
	font-size: 18px;
}
.item_count_action .item_count_date {
	padding-left: 35px;
	background: url('../img/icons/item_count_date.svg') no-repeat 10px 50% #fff;
}

	.item_count_action .item_guarantee_number {
		padding-left: 32px;
		background: url('../img/icons/item_guarantee_number.svg')no-repeat 5px 50% #fff;
		background-size:28px;
	}
.item_count_action .item_guarantee_user {
	padding-left: 32px;
	background: url('../img/icons/item_guarantee_user.svg')no-repeat 5px 50% #fff;
	background-size: 26px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 600px;
}
.item_count_action h3 {
	font-size: 24px;
	color: #111;
}
.item_count_footer {
	padding: 20px;
}
.datepicker_block {
    font-size:14px;
    margin-top:20px;
    margin-bottom:20px;
    padding-bottom:20px;
    border-bottom: 1px solid #003aa5;
}
.height-max {
	height: 111px !important;
}
.height-max .row > div {
	height: 112px !important;
}
.vyp-proc-cred {
	margin-top: 10px;
}
.datepicker_block .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 50;
	background: rgba(255,255,255,0.7);
	border-radius: 3px;
	text-align: center;
}

.datepicker_block strong {
    font-size: 14px;
    display: block;
    margin-left: 10px;
    margin-top: 10px;
    text-align:center;
}
.datepicker_block button {
    font-size: 14px;
    /*display: block;*/
    margin-left: 10px;
    text-align:center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.pd5 {
    padding-top: 5px;
    padding-bottom: 15px;
}
.tblDocList {
    margin: 8px;
}
.tblDocList div{
    font-size:12px !important;
    margin:7px 0;
}
.tblDocList table {
    font-size:14px !important;
    border: 1px solid black !important;    
}
.item_count_status {
	background: #11db45 url('../img/icons/item_count_status_check.svg') 15px 50% no-repeat;
	color: #fff;
	font-size: 11px;
	padding: 10px 15px 10px 35px;
	margin-right: 15px;
	text-transform: uppercase;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	display: inline-block;
}
.item_count_status_guarantee {
	color: #fff;
	font-size: 11px;
	padding: 10px 15px 10px 32px;
	margin-top:1px;
	margin-right: 15px;
	text-transform: uppercase;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 250px;
}
.guarantee_footer_button{
	text-align:right;
}
.item_count_status_guarantee a {
	color: #fff;
	text-decoration:underline;
}
.item_count_status_guarantee_normal {
	background: #003aa5 url('../img/icons/item_guarantee_number_status_normal.svg') 7px 50% no-repeat;
	background-size: 21px;
}
.item_count_status_guarantee_attention {
	background: #ffa500 url('../img/icons/item_guarantee_number_status_normal.svg') 7px 50% no-repeat;
	background-size: 21px;
}
.item_count_status_guarantee_warning {
	background: #f50505 url('../img/icons/item_guarantee_number_status_warning.svg') 7px 50% no-repeat;
	background-size: 21px;
}
.item_count_status_guarantee_success {
	background: #11db45 url('../img/icons/item_count_status_check.svg') 15px 50% no-repeat;
}
.item_count_status_guarantee_cancel {
	background: #838383 url('../img/icons/item_guarantee_number_status_normal.svg') 7px 50% no-repeat;
	background-size: 21px;
}
	.item_count_status_blocked {
		/*background: #11db45 url('../img/icons/item_count_status_check.svg') 15px 50% no-repeat;*/
		background: red;
		color: #fff;
		font-size: 11px;
		padding: 10px 15px 10px 18px;
		margin-right: 15px;
		text-transform: uppercase;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		border-radius: 100px;
		display: inline-block;
	}
.item_count_action h5 {
    font-size: 14px;
    color: #111;
    margin-bottom: 5px;
}

.item_count_action h2 {
    font-size: 30px;
    font-weight: 700;
    color: #111;
}
.item_count_action h2 span {
    color: #003aa5;
}
.item_count_charge {
	background: #7d7d7d url('../img/icons/item_count_charge.svg') 85% 50% no-repeat;
	font-size: 11px;
	padding: 10px 25px 10px 15px;
	display: inline-block;
	text-transform: uppercase;
	color: #fff;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
    cursor:pointer;
}
.item_count_charge_dropdown {
	background: #7d7d7d url('../img/icons/item_count_charge.svg') 85% 50% no-repeat;
	font-size: 11px;
	padding: 10px 25px 10px 15px;
	display: inline-block;
	text-transform: uppercase;
	color: #fff;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	cursor: pointer;
}
.item_count_charge_proc {
	background: #7d7d7d url('../img/icons/item_count_charge.svg') 85% 50% no-repeat;
	font-size: 9px;
	padding: 10px 35px 10px 15px;
	display: inline-block;
	text-transform: uppercase;
	color: #fff;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
    cursor:pointer;
}
.item_count_charge_dep {
	background: #7d7d7d url('../img/icons/item_count_charge.svg') 85% 50% no-repeat;
	font-size: 11px;
	padding: 10px 25px 10px 15px;
	display: inline-block;
	text-transform: uppercase;
	color: #fff;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
    cursor:pointer;
}
.item_count_charge_dep_statement {
	background: #7d7d7d url('../img/icons/item_count_charge.svg') 94% 50% no-repeat;
	font-size: 11px;
	padding: 10px 25px 10px 15px;
	display: inline-block;
	text-transform: uppercase;
	color: #fff;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	cursor: pointer;
}
.item_count_guarantee_edit {
	background: #248891 url('../img/icons/item_guarantee_edit.svg') 5px 50% no-repeat;
	font-size: 11px;
	padding: 10px 8px 10px 22px;
	margin-top:1px;
	display: inline-block;
	text-transform: uppercase;
	color: #fff;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	cursor: pointer;
	background-size: 16px;
}
.item_count_guarantee_view {
	background: #003aa5 url('../img/icons/item_guarantee_view.svg') 50% no-repeat;
	font-size: 11px;
	padding: 10px 15px 10px 15px;
	margin-top: 1px;
	display: inline-block;
	text-transform: uppercase;
	color: #fff;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	cursor: pointer;
	background-size: 21px;
}
.item_count_guarantee_delete {
	background: #f61a3e url('../img/icons/item_guarantee_delete.svg') 3px 50% no-repeat;
	font-size: 11px;
	padding: 10px 8px 10px 22px;
	margin-top: 1px;
	display: inline-block;
	text-transform: uppercase;
	color: #fff;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	cursor: pointer;
	background-size: 18px;
}
.item_count_guarantee_sign {
	background: #003aa5 url('../img/icons/item_count_status_check.svg') 3px 50% no-repeat;
	font-size: 11px;
	padding: 10px 8px 10px 22px;
	margin-top: 1px;
	display: inline-block;
	text-transform: uppercase;
	color: #fff;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	cursor: pointer;
	background-size: 16px;
}
.item_count_guarantee_print {
	background: #003aa5 url('../img/icons/item_guarantee_print.svg') 5px 50% no-repeat;
	font-size: 11px;
	padding: 10px 8px 10px 24px;
	margin-top: 1px;
	display: inline-block;
	text-transform: uppercase;
	color: #fff;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	cursor: pointer;
	background-size: 16px;
}
.item_count_guarantee_menu {
	background: url('../img/icons/item_guarantee_menu.svg') 50% no-repeat;
	padding: 0px 0px 15px 10px;
	cursor: pointer;
	background-size: 18px;
	max-width: 10px;
	height: 5px;
	margin-top:3px;
}

.modify_name_menu {
	background: url('../img/icons/item_guarantee_menu.svg') 50% no-repeat;
	padding: 0px 0px 15px 10px;
	cursor: pointer;
	background-size: 18px;
	max-width: 10px;
	height: 5px;
	margin-top: 3px;
}

.dropdown_guarantee {
	position: relative;
	display: inline-block;
}

.dropdown_content_guarantee {
	display: none;
	position: absolute;
	right: 0;
	background-color: #fbfbfb;
	width: auto;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	border-radius: 10px;
	border: 1px solid #d1d1d1;
}

.dropdown_content_change_name {
	display: none;
	position: absolute;
	right: 0;
	background-color: #fbfbfb;
	width: auto;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	border-radius: 10px;
	border: 1px solid #d1d1d1;
}

.remodal[data-remodal-id="change_name_account_modal"] {
	max-width: 1000px; /* Set the maximum width */
	width: 90%; /* Adjust the width as needed */
	padding: 20px; /* Add padding to the content area */
}

.remodal[data-remodal-id="change_name_account_modal"] .remodal-content {
	max-height: 80vh; /* Set the maximum height */
	overflow-y: auto; /* Add vertical scrolling if content overflows */
}


.dropdown_content_guarantee a {
	color: black;
	padding: 8px 10px 8px 10px;
	text-decoration: none;
	display: block;
	border-radius: 10px;
	white-space: nowrap;
	cursor: pointer;
	text-align:left;
}

.dropdown_content_change_name a {
	color: black;
	padding: 8px 10px 8px 10px;
	text-decoration: none;
	display: block;
	border-radius: 10px;
	white-space: nowrap;
	cursor: pointer;
	text-align: left;
}

		.dropdown_content_guarantee a:hover {
			background-color: #ebebeb;
		}
.dropdown_content_change_name a:hover {
	background-color: #ebebeb;
}

.dropdown_items {
	position: relative;
	display: inline-block;
}

.dropdown_content_items {
	display: none;
	position:absolute;
	right: -66%;
	transform: translateX(66%);
	background-color: #fbfbfb;
	width: auto;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	border-radius: 10px;
	border: 1px solid #d1d1d1;
	margin-top: -50px;
}

.dropdown_content_items a {
		color: black;
		padding: 8px 10px 8px 10px;
		text-decoration: none;
		display: block;
		border-radius: 10px;
		white-space: nowrap;
		cursor: pointer;
		text-align: center;
	}

.dropdown_content_items a:hover {
		background-color: #ebebeb;
	}

.dropdown_applications {
	position: relative;
	display: inline-block;
}

.dropdown_content_applications {
	display: none;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	background-color: #fbfbfb;
	width: auto;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	border-radius: 10px;
	border: 1px solid #d1d1d1;
	margin-top: -25px;
}

	.dropdown_content_applications a {
		color: black;
		padding: 8px 10px 8px 10px;
		text-decoration: none;
		display: block;
		border-radius: 10px;
		white-space: nowrap;
		cursor: pointer;
		text-align: center;
	}

		.dropdown_content_applications a:hover {
			background-color: #ebebeb;
		}

.item_count_charge_card {
	background: #7d7d7d url('../img/icons/item_count_charge.svg') 85% 50% no-repeat;
	font-size: 11px;
	padding: 10px 25px 10px 15px;
	display: inline-block;
	text-transform: uppercase;
	color: #fff;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	cursor: pointer;
}
.switch_button {
	background: #003aa5 15px 50% no-repeat;
	color: #fff;
	font-size: 15px;
	padding: 10px 20px 10px 20px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	display: inline-block;
	text-decoration: none;
}

.list_of_users {
	text-align: left;
}

.list_of_users li {
	margin-bottom: 10px;
}

.switch_button_label {
	display: block;
	padding: 10px;
	font-size: 15px;
	color: #111;
	text-decoration: none;
	
}

.switch_button_label:hover,
.switch_button_label:focus {
	text-decoration: none;
}

.item_count_charge_pog {
	background: #7d7d7d url('../img/icons/item_count_charge.svg') 95% 50% no-repeat;
	font-size: 11px;
	padding: 10px 25px 10px 15px;
	display: inline-block;
	text-transform: uppercase;
	color: #fff;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	cursor: pointer;
}
.val_count .item_count_top .link, 
.card_count .item_count_top .link {
	text-align: right;
}
/*footer*/
.footer_nav li{
	float: left;
}
.footer_nav li a {
	display: block;
	padding: 10px;
	color: #111;
	font-size: 16px;
	text-decoration: none;
	font-weight: 700;
}
.footer_call {
	text-align: right;
	padding: 10px;
	font-size: 16px;
	color: #111;
}
.footer_call a {
	display: inline-block;
	text-decoration: underline;
	color: #111;
	font-weight: 700;
}
.tab_pane {
	display: none;
}
.tab_pane.active {
	display: block;
}
.credit_count .item_count_action ul li {
	float: left;
}
.credit_count .item_count_action ul li:first-child .item_count_label {
	margin-left: 10px;
}
.credit_count .item_count_action ul li:nth-child(2) .item_count_label {
	margin: 0 5px;
}
.credit_count .item_count_action ul li .item_count_label {
	margin-left: 0;
}
.credit_count .item_count_action ul li.active .item_count_label a{
	color: #003aa5;
	text-decoration: none;
}
.credit_count .item_count_action ul li .item_count_label a{
	color: #7d7d7d;
	text-decoration: underline;
}

.deposit_count .item_count_action ul li {
	float: left;
}
.deposit_count .item_count_action ul li:first-child .item_count_label {
	margin-left: 10px;
}
.deposit_count .item_count_action ul li:nth-child(2) .item_count_label {
	margin: 0 5px;
}
.deposit_count .item_count_action ul li .item_count_label {
	margin-left: 0;
}
.deposit_count .item_count_action ul li.active .item_count_label a{
	color: #003aa5;
	text-decoration: none;
}
.deposit_count .item_count_action ul li .item_count_label a{
	color: #7d7d7d;
	text-decoration: underline;
}
.item_count_credit_detail {
	display: inline-block;
	padding: 9px 25px;
	font-size: 14px;
	color: #fff;
	background: #003aa5;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	text-decoration: none;
	margin-top: 0px;
}
.item_count_credit_detail:focus,
.item_count_credit_detail:hover {
	color: #fff;
	text-decoration: none;
}
.panel {
	border-radius: 10px;
	border: none;
}
.panel .panel_header {
	padding: 20px;
	border-bottom: 1px solid #f4f4f4;
}
.panel_content {
	padding: 20px;
}
.panel .panel_header h3 {
	font-size: 20px;
	color: #111;
	font-weight: 300;
	line-height: 1.2;
}
.panel_footer {
	padding: 20px;
}
.card_operations {
	padding: 25px 20px;
}
.card_operations h4 {
	font-size: 18px;
	font-weight: 100;
	color: #111;
	display: inline-block;
	margin-right: 15px;
}
.card_form {
	padding: 20px;
	background: #f4f4f4;
}
.card_footer a {
	margin-right: 15px;
}
.card_text p {
	font-size: 14px;
	line-height: 1.4;
	color: #111;
	margin-bottom: 15px;
}
.button_dropdown_rounded,
.input {
	padding: 12px 15px;
	background: #fff;
	border: none;
	border-radius: 6px;
	font-size: 18px;
	color: #111;
	border: 1px solid #fff;
	/*max-width: 240px;*/
    min-width: 240px;
	width: 100%;
}
.input:focus {
	border-color: #003aa5;
}
.button_dropdown_rounded a {
	color: #111;
	text-decoration: none;
}
.button_dropdown_rounded a span{
	margin-left: 10px;
}

.button_dropdown_rounded,
.button_dropdown_circle {
	position: relative;
	display: inline-block;
}
.button_dropdown_circle > a {
	font-size: 16px;
	color: #0e3ea2;
	border: 1px solid #0e3ea2;
	border-radius: 100px;
	padding: 8px 25px;
	display: inline-block;
}
.button_dropdown_circle > a:hover,
.button_dropdown_circle > a:focus {
	background: #0e3ea2;
	color: #fff;
	text-decoration: none;
}
.button_dropdown_circle > a span {
	margin-left: 20px;
}
.button_dropdown_rounded .dropdown-menu,
.button_dropdown_circle .dropdown-menu {
	right: 0;
	border: none;
	padding: 0;
}
.button_dropdown_rounded .dropdown-menu li a,
.button_dropdown_circle .dropdown-menu li a {
	font-size: 16px;
	padding: 8px 25px;
}
.label_standart {
	font-size: 12px;
	font-weight: 300;
	color: #0e3ea2;
	margin-bottom: 3px;
	display: inline-block;
	margin-left: 12px;
}
.button_circle {
	border-radius: 100px;
	padding: 8px 20px;
	display: inline-block;
	border: none;
}
.button_blue{
	background: #003aa5;
	color: #fff;
}
.button_blue_white{
	background: none;
	color: #003aa5;
    border: solid 1px #003aa5;
}
.button_green_white {
	background: none;
	color: #0c9c31;
	border: solid 1px #0c9c31;
}
.template_button {
	/*background: #003aa5;*/
	color: #003aa5;
	padding: 4px 8px !important;
	cursor: pointer;
}
.button_gray{
	background: #7d7d7d;
	color: #fff;
}
.button_green{
	background: #11db45;
	color: #fff;
}
.button_red{
	background: #f61a3e;
	color: #fff;
}
.button_change_template {
	background: #1da6b3;
	color: #fff;
}
.button_blue:hover,
.button_blue:focus {
	background: #013390;
	text-decoration: none;
	color: #fff;
}

.button_blue_white:hover,
.button_blue_white:focus {
	background: #013390;
	text-decoration: none;
	color: #fff;
}

.button_green_white:hover,
.button_green_white:focus {
	background: #0aab33;
	text-decoration: none;
	color: #fff;
}

.template_button:hover,
.template_button:focus {
	/*background: #013390;*/
	text-decoration: none;
	color: #337ab7;
}
.button_gray:hover,
.button_gray:focus {
	background: #6f6f6f;
	text-decoration: none;
	color: #fff;
}
.button_green:hover,
.button_green:focus {
	background: #0cbe3a;
	text-decoration: none;
	color: #fff;
}
.button_red:hover,
.button_red:focus {
	background: #de1132;
	text-decoration: none;
	color: #fff;
}
.button_change_template:hover,
.button_change_template:focus {
	background: #248891;
	text-decoration: none;
	color: #fff;
}
.select {
	border-radius: 6px;
	border: 1px solid #fff;
	background: #fff;
	font-size: 18px;
	padding: 12px 15px;
	max-width: 240px;
	display: block;
}
.select_import_type {
	border-radius: 6px;
	border: 1px solid #d0d6d1;
	background: #fff;
	font-size: 15px;
	padding: 8px 8px;
	max-width: 240px;
}
.select:focus {
	border-color: #003aa5;
}
.select_import_type:focus {
	border-color: #003aa5;
}
.select_payments {
	border-radius: 10px;
	border: 1px solid #fff;
	background: #fff;
	font-size: 18px;
	padding: 12px 15px;
	width: 100%;
	display: block;
}
.select_payments:focus {
	border-color: #003aa5;
}
.button_history {
	position: relative;
	padding-right: 30px;
}
.button_history:after {
	content: '';
    background: url(../img/icons/item_count_charge.svg) no-repeat 50%;
    position: absolute;
    height: 9px;
    width: 4px;
    margin-left: 12px;
    margin-top: 1px;
}
.card_logo {
    width: 75px;
    max-height:37px;
    float: right;
    margin-top: -6px;
    margin-bottom: -6px;
    /* -webkit-filter: drop-shadow(5px 5px 5px rgba(0,0,0, .15)); */
    /* filter: drop-shadow(5px 5px 5px rgba(0,0,0, .15)); */
    border: none;
}
.temp_item {
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 30px;
	-webkit-transition: .3s ease;
	-o-transition: .3s ease;
	transition: .3s ease;
	height: 165px;
}

.temp_item:hover {
	-webkit-box-shadow: 0 15px 10px 0 rgba(0,0,0, .1);
	box-shadow: 0 15px 10px 0 rgba(0,0,0, .1);
}
.temp_item .temp_header {
	padding: 20px;
	background: #f2f2f2;
}
.temp_item .temp_header h4 {
	font-size: 18px;
	font-weight: 700;
	color: #111;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.temp_item .temp_header h4 a {
	display: inline-block;
	float: right;
	font-size: 14px;
	font-weight: 300;
	color: #003aa5;
	background: url('../img/icons/temp_edit_icon.svg') no-repeat 0 50%;
	padding: 2px 0 2px 20px;
}
.temp_item .temp_content {
	padding: 20px;
}
.temp_item .temp_content .temp_operation {
	font-size: 14px;
	color: #111;
	font-weight: 300;
	margin-bottom: 20px;
}
.temp_item .temp_content .temp_operation span {
	color: #003aa5;
}
.temp_item .temp_content .temp_buttons a {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 100;
}
.temp_item .temp_content .temp_item_remove {
	float: right;
}
.temp_add {
	padding: 30px 0;
}

.payment_item {
	padding: 20px 0;
	background: #fff;
	border-radius: 10px;
	-webkit-transition: .25s ease;
	-o-transition: .25s ease;
	transition: .25s ease;
	margin-bottom: 30px;
}
.payment_item:hover {
	-webkit-box-shadow: 0 15px 10px 0 rgba(0,0,0, .1);
	box-shadow: 0 15px 10px 0 rgba(0,0,0, .1);
}
.payment_item:hover .payment_name {
	background: #003aa5;
}
.payment_item:hover .payment_name h5 {
	color: #fff;
}
.payment_item .payment_img {
	text-align: center;
	margin-bottom: 20px;
}
.payment_item .payment_name {
	text-align: center;
	height: 55px;
	line-height: 55px;
	background: #f2f2f2;
	-webkit-transition: .25s ease;
	-o-transition: .25s ease;
	transition: .25s ease;
}
.payment_item .payment_name h5 {
	vertical-align: middle;
	display: inline-block;
	line-height: normal;
	font-size: 16px;
	text-decoration: none;
	color: #003aa5;
	-webkit-transition: .25s ease;
	-o-transition: .25s ease;
	transition: .25s ease;
}
.payments_history {
	padding: 30px 0;
}
.payments_history a {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 100;
	position: relative;
	padding-right: 30px;
}
.payments_history a:after {
	content: '';
	background: url('../img/icons/item_count_charge.svg') no-repeat 50%;
	position: absolute;
	height: 9px;
	width: 4px;
	margin-left: 12px;
  margin-top: 1px;
}
.payments_operation_subtitle h4 {
	color: #003aa5;
}
.payments_form {
	background: #f2f2f2;
}
.payments_form_commission h5 {
	font-size: 16px;
	color: #111;
	padding: 12px 15px;
}
.payments_form_footer button,
.payments_form_footer a {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 300;
	display: inline-block;
}
.payments_form_footer button {
	margin-right: 15px;
}
.payments_inner_table {
    margin-top: 20px;
}
.payments_inner_table table {
	margin-bottom: 0;
}
.payments_inner_table table td {
	border-top: none!important;
	border-bottom: 1px solid #ddd;
}
.payments_operation_section .table thead{
	background: #f2f2f2;
}
.remodal .table thead{
	background: #f4f4f4;
}
table.dataTable thead th {
    border-bottom: 1px solid #ddd !important;
}
table.dataTable.no-footer {
    border:none !important;
}
.payments_operation_section .table_first {
	padding-left: 35px;
}
.payments_operation_section table td {
	vertical-align: middle!important;
	color: #111;
}
.payments_operation_section td.table_first {
	font-size: 14px;
	color: #111;
}
.payments_operations_status,
.payments_operations_get_check {
	font-size: 14px;
	line-height: 1.2;
}
.payments_operations_status.status_good {
	color: #11db45;
}
.payments_operations_status.status_error {
	color: #f61a3e;
}
.payments_operations_status.status_process {
	color: #7d7d7d;
}
.payments_operations_get_check {
	color: #003aa5;
	text-decoration: underline;
	font-weight: 300;
}
.notification_inner_text {
    margin:15px 0;
}
.dialog_inner_text {
	margin: 15px 0;
}
.payments_check_modal {
	position: relative;
	max-width: 500px;
	padding: 40px;
}
.payments_check_modal .modal_close {
	position: absolute;
	width: 32px;
	height: 32px;
	background: #f61a3e url('../img/icons/modal_close_icon.svg') no-repeat 50%;
	right: -16px;
	top: -16px;
	border-radius: 50%;
	cursor: pointer;
	-webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.1);
	box-shadow: 0 5px 15px 0 rgba(0,0,0,.1);
	-webkit-transition: .25s ease;
	-o-transition: .25s ease;
	transition: .25s ease;
}
.payments_check_modal img {
	margin-bottom: 40px;
}
.radio-inline {
    padding:20px 5px;
}
.twentyfivetop {
    margin-top:25px;
}
blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
}
.payments_check_modal a {
	margin-right: 15px;
	font-size: 16px;
	color: #003aa5;
	padding-left: 45px;
	background-repeat: no-repeat;
	background-position: 15px 50%;
}
.payments_check_modal a:hover {
	padding-left: 20px;
}
.payments_check_modal .payment_check_print {
	background-image: url('../img/icons/print_icon.svg');
}
.payments_check_modal .payment_check_pdf {
	background-image: url('../img/icons/doc_icon.svg');
}
.payments_check_modal .modal_close:hover {
	background-color: #d50e2f;
}
.pagin a {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #111;
	font-weight: 300;
	border-radius: 6px;
	text-align: center;
}
.pagin a:hover {
	text-decoration: none;
	background: #f2f2f2;
}
.pagin a.active {
	background: #003aa5;
	color: #fff;
}
.button_blue_opacity {
	border: 1px solid #003aa5;
}
.button_blue_opacity:focus,
.button_blue_opacity:hover {
	background-color:#003aa5;
	color: #fff;
	text-decoration: none;
}

.template_button_opacity {
	border: 1px solid #003aa5;
}
.template_button_opacity:focus,
.template_button_opacity:hover {
	background-color:#003aa5;
	color: #fff;
	text-decoration: none;
}
.transfer_block {
	border-radius: 10px;
	background: #fff;
	overflow: hidden;
}
.transfer_tab_menu {
	/*background: #f4f4f4;*/
    background: #dedada;
}
.transfer_tab_menu li {
	float: left;
    padding-right: 0;
    padding-left: 0;
}
.transfer_tab_menu li a {
	font-size: 24px;
	display: block;
	font-weight: 100;
	color: #111;
	text-decoration: none;
	border-top: 1px solid #f4f4f4;
	padding: 15px 40px;
    text-align: center;
}
.transfer_tab_menu li.active a {
	background: #fff;
	/*border-top-color: #003aa5;*/
    border-top: solid 2px #003aa5;
    font-weight:500;
}
.transfer_content {
	padding: 20px;
}
.transfer_from {
	border-right: 1px solid #f4f4f4;
}
.transfer_section .input,
.transfer_section .select,
.transfer_section .button_dropdown_rounded {
	background: #f4f4f4;
}
.transfer_section .select {
	width: 100%;
	max-width: 100%;
}
.transfer_title {
	margin-bottom: 20px;
	margin-left: 10px;
}
.transfer_addidional {
	color: #111;
	font-size: 14px;
	text-decoration: underline;
}
.transfer_addidional:hover {
	text-decoration: none;
	color: #111;
}
.transfer_addidional:focus {
	color: #111;
}
.transfer_hidden_forms {
	padding: 20px 0;
}
.transfer_buttons {
	padding-top: 40px;
}
.transfer_buttons button,
.transfer_buttons a{
	font-size: 12px;
	text-transform: uppercase;
}
.transfer_comment {
	background: #f4f4f4;
	padding: 12px 15px;
	border: 1px solid #f4f4f4;
	border-radius: 10px;
	display: block;
	width: 100%;
	min-height: 80px;
	max-width: 100%;
}
.transfer_comment:focus {
	border-color: #003aa5;
}
.transfer_bottom {
	padding: 30px 0 50px 0;
}
.transfer_bottom a {
	text-transform: uppercase;
	font-size: 12px;
	margin-right: 15px;
}
.transfer_bottom a:last-child {
	margin-right: 0;
}
.transfer_tab.active {
	display: block;
}
.transfer_tab {
	display: none;
}
.field-validation-error {
	position: absolute;
	left: 100%;
	top: 0;
	bottom: 0;
	font-size: 14px;
	background: #f61a3e;
	width: 200px;
	text-align: center;
	font-weight: 100;
	margin-left: 20px;
	line-height: 100%;
	line-height: 40px;
}
.field-validation-error:before {
  content: '';
  width: 0;
  height: 0;
  z-index: 5;
  top: 0;
  bottom: 0;
  left: -8px;
  margin: auto;
  position: absolute;
  margin-right: 18px;
  border-top: 8px solid transparent;
  border-right: 8px solid #f61a3e;
  border-bottom: 8px solid transparent;
}
.validation-summary-errors {
    font-size: 14px;
    background: #f61a3e;
    width: 100%;
    text-align: center;
    font-weight: 100;
    line-height: 100%;
    line-height: 2.5;
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px; 
    border-radius: 6px;
}
.validation-summary-errors-form {
    font-size: 14px;
    background: #f61a3e;
    width: 100%;
    text-align: center;
    font-weight: 100;
    line-height: 100%;
    line-height: 2.5;
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px; 
    border-radius: 6px;
    color:white;
}
/*.validation-summary-errors:before {
  content: '';
  width: 0;
  height: 0;
  z-index: 5;
  top: -44px;
  bottom: 0;
  left: 50%;
  margin: auto;
  position: absolute;
  margin-right: 18px;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #f61a3e transparent;
}*/
.col-trans-cur {
	width: auto;
	padding: 0px 10px;
	float: left;
}

@media print {
	cred_graph {
		display: block;
	}
}
@media (min-height: 600px) {
	.main_content {
		min-height: 900px;
	}
	.text-right-credbtn {
		text-align: center;
	}
}
@media (min-width: 1300px) {
	.super_container {
		/*width: 1300px;*/
		width: 1550px;
	}
	.text-right-credbtn {
		text-align: center;
	}
}
@media (max-width: 1300px) and (min-width: 992px) {
	.notify_unread_block {
		margin-right: 15px;
	}

	.login_form_block button {
		width: 80%;
	}
	.item_deposit_count_balance h2,
	.item_credit_count_balance h2{
		font-size: 20px;
	}
	.item_guarantee_count_balance h2 {
		font-size: 24px;
	}
	.calc_area {
		line-height: 1.3;
		margin-bottom: 20px;
	}
	.item_count_status {
		margin-right: 0;
		font-size: 10px;
		padding: 6px 10px 6px 25px;
		background-position: 10px 50%;
	}
	.item_count_status_guarantee {
		font-size: 10px;
		padding: 6px 10px 6px 25px;
		background-position: 4px 50%;
		background-size: 16px;
		max-width: 160px;
	}
	.guarantee_footer_button {
		text-align: right;
	}
	.item_count_guarantee_edit {
		font-size: 10px;
		padding: 6px 7px 6px 21px;
		background-position: 4px 50%;
		background-size: 16px;
	}
	.item_count_guarantee_view {
		font-size: 10px;
		padding: 6px 12px 6px 12px;
		background-position: 50%;
		background-size: 16px;
	}
	.item_count_guarantee_sign {
		font-size: 10px;
		padding: 6px 7px 6px 21px;
		background-position: 4px 50%;
		background-size: 16px;
	}
	.item_count_guarantee_print {
		font-size: 10px;
		padding: 6px 7px 6px 21px;
		background-position: 4px 50%;
		background-size: 16px;
	}
	.item_count_guarantee_delete {
		font-size: 10px;
		padding: 6px 7px 6px 21px;
		background-position: 4px 50%;
		background-size: 16px;
	}
    .item_count_status_blocked {
		margin-right: 0;
		font-size: 10px;
		padding: 6px 10px 6px 25px;
		background-position: 10px 50%;
	}
	.item_count_charge{
		margin-right: 0;
		font-size: 10px;
		padding: 6px 20px 6px 10px;
		background-position: 90% 50%;
	}
	.item_count_charge_dropdown {
		margin-right: 0;
		font-size: 10px;
		padding: 6px 20px 6px 10px;
		background-position: 90% 50%;
	}
    .item_count_charge_dep{
		margin-right: 0;
		font-size: 10px;
		padding: 6px 20px 6px 10px;
		background-position: 90% 50%;
	}
    .item_count_charge_card{
		margin-right: 0;
		font-size: 10px;
		padding: 6px 20px 6px 10px;
		background-position: 90% 50%;
	}
	.item_count_deposit_name {
		font-size: 18px;
	}
	.item_count_guarantee_name {
		font-size: 18px;
	}
	.item_count_action .item_guarantee_user {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 350px;
	}
	.item_count_credit_detail {
		font-size: 12px;
		padding: 10px 15px;
	}
    .notification_window {
        max-width:40% !important;
    }
	.dialog_window {
		max-width: 40% !important;
	}
	.transfer_section .input {
		min-width:150px;
	}
	.table-curs-bank-list {
		font-size: 13px;
	}
    .item_count_top a, .item_count_top_cards a {
        font-size: 12px !important;
        color: #003aa5;
        text-decoration: underline;
        display: inline-block;
        align-content: start;
    }
}
@media (max-width: 1200px) and (min-width: 992px) {
	.item_count_footer_guarantee{
		height:86px;
	}

	.font-transfer-currency {
		font-size: 12px;
	}
}
	@media (max-width: 992px) {
		.login_form_block button {
			width: 80%;
		}
		.font-transfer-currency {
			font-size: 12px;
		}

		.calc_area {
			line-height: 1.0;
			text-align: center;
			margin-bottom: 20px;
		}

		.left_nav {
			padding-top: 0;
			margin-top: 15px;
		}

			.left_nav ul {
				display: table;
			}

				.left_nav ul li {
					width: 1%;
					display: table-cell;
				}

		.item_count {
			margin-bottom: 40px;
		}

		.item_count_action {
			text-align: center;
		}

		.login_form_block button {
			width: 100%;
		}

		.login_form_block .keyboard_button,
		.keyboard_overlay {
			display: none;
		}

		.transfer_from {
			margin-bottom: 30px;
			padding-bottom: 30px;
			border-right: none;
			border-bottom: 1px solid #f4f4f4;
		}

		.notification_window {
			max-width: 40% !important;
		}

		.dialog_window {
			max-width: 40% !important;
		}

        .modify_name_menu {
            padding: 0px 0px 15px 10px;
            margin-top: 8px;
        }
	}


@media (max-width: 768px) {
	.req_block {
		padding: 20px 20px;
	}

	.item_deposit_count_balance h5,
	.item_deposit_credit_balance h5 {
		text-align: center;
	}

	.item_guarantee_count_balance h5 {
		text-align: center;
	}

	#example, #example_pos, #example_card, #example_dep, #example_card_detail, #upload_documents_table {
		font-size: 14px;
	}

	.credit_dates_block {
		padding-left: 60px;
	}

	.login_form_block button {
		width: 80%;
	}

	.transfer_tab_menu li {
		text-align: center;
	}

	.calc_area {
		line-height: 1.0;
		text-align: center;
		margin-bottom: 20px;
	}

	.panel_requisite h3 {
		font-size: 16px;
	}

	.card_logo {
		display: block;
		margin: 0 auto;
		float: none;
		margin-top: 10px;
	}

	.transfer_tab_menu li a {
		font-size: 16px;
		/*padding: 15px 10px;*/
	}

	html.login_page, body.login_page {
		height: auto;
		min-height: 100%;
	}

	.all_count_title span {
		font-size: 20px;
	}

	.item_count_number {
		text-align: center;
	}

	.item_count_balance {
		height: auto;
	}

	.item_val_count_balance h2, .item_card_count_balance h2 {
		font-size: 24px;
	}

	.item_deposit_count_balance h2 {
		font-size: 18px;
	}

	.item_guarantee_count_balance h2 {
		font-size: 24px;
	}

	.item_deposit_count_balance .row > div {
		padding: 15px;
		height: auto;
	}

	.item_guarantee_count_balance .row > div {
		padding: 15px;
		height: auto;
	}

	.item_count_action {
		height: auto;
	}

	.item_count_footer {
		text-align: center;
	}

	.item_count_deposit_name {
		text-align: center;
		margin-top: 15px;
	}

	.item_count_guarantee_name {
		text-align: center;
		margin-top: 15px;
	}

	.login_language {
		float: none;
	}

	.login_main_title {
		font-size: 24px;
		padding: 20px;
	}

	.login_form h5 {
		padding: 0 10px;
	}

	.login_wrap:after, .login_footer {
		height: auto;
	}

	.login_wrap {
		margin-bottom: 0;
	}

	.login_footer {
		margin-top: 40px;
	}

		.login_footer ul {
			text-align: center;
		}

			.login_footer ul li {
				display: inline-block;
				float: none;
			}

	.login_footer_call, .login_information_wrapper {
		text-align: center;
		padding: 15px;
	}

	.login_instruction {
		padding: 8px 20px;
		color: #fff;
		font-size: 14px;
		margin-top: 0px;
		font-weight: 100;
	}

	.login_form_block .login_input_error input {
		-webkit-border-radius: 6px 6px 0 0;
		-moz-border-radius: 6px 6px 0 0;
		border-radius: 6px 6px 0 0;
	}

	.login_form_block .login_input_error .login_input_error_message {
		position: static;
		width: 100%;
		text-align: center;
		margin-left: 0;
		line-height: 1;
		display: block;
		padding: 5px;
	}

		.login_form_block .login_input_error .login_input_error_message:before {
			display: none;
		}

	.payment_item .payment_name {
		height: auto;
		padding: 15px;
	}

	.transfer_bottom {
		text-align: center;
	}

		.transfer_bottom a {
			margin-bottom: 20px;
		}

	.field-validation-error {
		position: static;
		width: 100%;
		text-align: center;
		margin-left: 0;
		line-height: 1;
		display: block;
		padding: 5px;
	}

		.field-validation-error:before {
			display: none;
		}

	.notification_window {
		max-width: 80% !important;
	}

	.dialog_window {
		max-width: 80% !important;
	}

	.text-right-credbtn {
		text-align: center;
		/*margin-top: 10px;*/
	}

	.guarantee_footer_button {
		text-align: center;
	}

	.item_count_action .item_guarantee_user {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 400px;
	}

	.item_count_guarantee_menu {
		padding: 0px 0px 15px 10px;
		margin-top: 17px;
	}

	.transfer-currency-block {
		text-align: center;
	}

	.font-transfer-currency {
		font-size: 12px;
	}

	.col-trans-cur {
		width: 33.3333%;
	}

	.modify_name_menu {
		padding: 0px 0px 15px 10px;
		margin-top: 7px;
	}

	.item_count_top a, .item_count_top_cards a {
		font-size: 12px !important;
		color: #003aa5;
		text-decoration: underline;
		display: inline-block;
	}
	.dropdown_content_guarantee a {
		color: black;
		padding: 8px 10px 8px 10px;
		text-decoration: none;
		display: block;
		border-radius: 10px;
		white-space: nowrap;
		cursor: pointer;
		text-align: left;
	}
	.dropdown_content_change_name a {
		color: black;
		padding: 8px 10px 8px 10px;
		text-decoration: none;
		display: block;
		border-radius: 10px;
		white-space: nowrap;
		cursor: pointer;
		text-align: left;
	}

    .item_count_charge_dep_statement {
        margin-top: 2px
    }
}

	@media (max-width: 480px) {
		.dropdown_content_applications {
			margin-top: -15px;
		}

		.col-trans-cur {
			width: 50%;
		}

		#checkbox-result-label, #dropdown_document_span, #dropdown_document_status {
			font-size: 12px;
		}

        .modify_name_menu {
            padding: 0px 0px 26px 5px;
            margin-top: 0px;
        }
		

		.transfer_tab_menu li {
			text-align: center;
			height: 48px;
		}

		.btn-group > button {
			font-size: 12px;
		}

		#example, #example_card, #example_pos, #example_dep, #table_history, #example_card_detail, #upload_documents_table {
			font-size: 12px !important;
		}

		.box {
			padding-top: 0px;
			padding-bottom: 0px;
		}

			.box > div {
				text-align: center !important;
				margin-bottom: 5px;
			}

		.btn-app {
			margin: 20px 0 0 0;
		}

		.req_block {
			padding: 20px 20px;
		}

		#statement_print_icon_graph {
			float: none !important;
			margin-top: 10px;
		}

		.page_title {
			font-size: 28px;
		}

		.login_form_block button {
			width: 80%;
		}

		.all_count_title span {
			font-size: 19px;
		}

		.calc_area > a {
			display: block;
		}

		.item_deposit_count_balance .row > div:first-child {
			border-right: none;
			border-bottom: 1px solid #f2f2f2;
		}

		.item_guarantee_count_balance .row > div:first-child {
			border-right: none;
			border-bottom: 1px solid #f2f2f2;
		}

		.height-max {
			height: auto !important;
		}

			.height-max .row > div {
				height: auto !important;
			}

		.item_count_charge_pog {
			font-size: 10px;
		}

		#acc_pogash {
			font-size: 16px !important;
			margin-top: 0px !important;
		}

		.item_count_top a, .item_count_top_cards a {
			font-size: 10px !important;
			color: #003aa5;
			text-decoration: underline;
			display: inline-block;
		}

        .item_count_account_name {
            padding-top: 3px;
        }

		.item_count_number, .item_count_account_name {
			font-size: 14px !important;
		}

		.val_count .item_count_top .link a,
		.card_count .item_count_top .link a {
			font-size: 14px;
			display: inline-block;
		}

		.item_count_status {
			margin-right: 0;
			font-size: 10px;
			padding: 6px 10px 6px 25px;
			background-position: 10px 50%;
		}

		.item_count_status_guarantee {
			margin-right: 0;
			font-size: 10px;
			padding: 6px 10px 6px 25px;
			background-position: 4px 50%;
			background-size: 16px;
			max-width: 210px;
		}

		.guarantee_footer_button {
			text-align: center;
		}

		.item_count_guarantee_edit {
			margin-right: 0;
			font-size: 10px;
			padding: 6px 10px 6px 25px;
			background-position: 4px 50%;
			background-size: 16px;
		}

		.item_count_guarantee_view {
			margin-right: 0;
			font-size: 10px;
			padding: 6px 10px 6px 25px;
			background-position: 4px 50%;
			background-size: 16px;
		}

		.item_count_guarantee_sign {
			margin-right: 0;
			font-size: 10px;
			padding: 6px 10px 6px 25px;
			background-position: 4px 50%;
			background-size: 16px;
		}

		.item_count_guarantee_print {
			margin-right: 0;
			font-size: 10px;
			padding: 6px 10px 6px 25px;
			background-position: 4px 50%;
			background-size: 16px;
		}

		.item_count_guarantee_delete {
			margin-right: 0;
			font-size: 10px;
			padding: 6px 10px 6px 25px;
			background-position: 4px 50%;
			background-size: 16px;
		}

		.item_count_action .item_guarantee_user {
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			max-width: 100px;
		}

		.item_count_guarantee_menu {
			padding: 0px 0px 15px 10px;
			margin-top: 17px;
		}

        .modify_name_menu {
            padding: 0px 0px 26px 5px;
        }

		.item_count_status_blocked {
			margin-right: 0;
			font-size: 10px;
			padding: 6px 10px 6px 25px;
			background-position: 10px 50%;
		}

		.item_count_charge {
			margin-right: 0;
			font-size: 10px;
			padding: 6px 20px 6px 10px;
			background-position: 90% 50%;
		}

		.item_count_charge_dropdown {
			margin-right: 0;
			font-size: 10px;
			padding: 6px 20px 6px 10px;
			background-position: 90% 50%;
		}

		.item_count_charge_dep {
			margin-right: 0;
			font-size: 10px;
			padding: 6px 20px 6px 10px;
			background-position: 90% 50%;
		}

		.item_count_charge_card {
			margin-right: 0;
			font-size: 10px;
			padding: 6px 20px 6px 10px;
			background-position: 90% 50%;
		}

		.item_count_charge_dep_statement {
			font-size: 10px;
			padding: 6px 20px 6px 10px;
			margin-top: 5px
        }

		.login_form {
			width: 100%;
		}

		.login_form_block {
			margin-left: 10px;
			margin-right: 10px;
		}

		.temp_item {
			height: auto;
		}

			.temp_item .temp_header h4 {
				text-align: center;
			}

				.temp_item .temp_header h4 span {
					display: block;
					margin-bottom: 10px;
					text-align: center;
				}

				.temp_item .temp_header h4 a {
					display: inline-block;
					float: none;
				}

		.temp_buttons {
			text-align: center;
		}

		.temp_item .temp_content .temp_item_remove {
			float: none;
		}

		.temp_buttons a {
			margin-bottom: 10px;
		}

		.payments_form_footer {
			text-align: center;
		}

			.payments_form_footer button {
				margin-right: 0;
				margin-bottom: 15px;
			}

		.payments_inner_table {
			width: 100%;
			/*overflow-y: auto;*/
		}

			.payments_inner_table .table_first {
				padding-left: 10px;
			}

		.button_dropdown_rounded, .input, .select, textarea, blockquote {
			width: 100%;
			font-size: 14px;
		}

		.radio-inline {
			font-size: 12px;
		}

			.radio-inline input {
				margin-top: 0;
			}

		.transfer_buttons {
			text-align: center;
		}

			.transfer_buttons button,
			.transfer_buttons a {
				margin-bottom: 15px;
			}

		.button_blue {
			margin-bottom: 15px;
			font-size: 12px;
		}

		.button_blue_white {
			margin-bottom: 15px;
			font-size: 14px;
		}

		.button_green_white {
			margin-bottom: 15px;
			font-size: 14px;
		}

		.template_button {
			margin-bottom: 15px;
			font-size: 12px;
		}

		.card_info, .credit_dates_block {
			margin-top: 15px;
		}

		.credit_dates_block {
			padding-left: 77px;
		}

		.notification_window {
			max-width: 95% !important;
		}

		.dialog_window {
			max-width: 95% !important;
		}

		.text-right-credbtn {
			text-align: center;
			margin-top: 10px;
		}
		.dropdown_content_guarantee a {
			color: black;
			padding: 8px 10px 8px 10px;
			text-decoration: none;
			display: block;
			border-radius: 10px;
			white-space: nowrap;
			cursor: pointer;
			text-align: left;
		}

		.dropdown_content_change_name a {
			color: black;
			padding: 8px 10px 8px 10px;
			text-decoration: none;
			display: block;
			border-radius: 10px;
			white-space: nowrap;
			cursor: pointer;
			text-align: left;
		}
	}

	@media screen and (max-width: 375px) {
		.col-trans-cur {
			width: 100%;
		}
	}

	@media screen and (max-width: 600px) {

		.table {
			border: 0;
		}

			.table thead {
				display: none;
			}

			.table tr {
				margin-bottom: 10px;
				display: block;
				border-bottom: 2px solid #ddd;
			}

			.table td {
				display: block;
				/*text-align: right;*/
				text-align: left;
				font-size: 10px;
				border-bottom: 1px dotted #ccc;
			}

				.table td:last-child {
					border-bottom: 0;
				}

				.table td:before {
					content: attr(data-label);
					float: left;
					text-transform: uppercase;
					font-weight: bold;
				}

		.twentyfivetop {
			margin-top: 0px;
			margin-left: 17px;
		}

		.notification_window {
			max-width: 95% !important;
		}

		.dialog_window {
			max-width: 95% !important;
		}
	}

	#lc_span {
		margin: 10px 0 10px 0;
		display: block;
	}

    #lc_span11 {
	    margin: 10px 0 10px 0;
	    display: block;
    }
	/* Tooltip  */
	.tooltip_bl {
		position: relative;
		/* display: inline-block; */
		border-bottom: 1px dotted #003aa5;
		margin-top: -10px;
		width: 100%;
		height: 10px;
		cursor: pointer;
	}
		/*.tooltip_bl {
    width:11px;
    display:inline-block;
}*/

		.tooltip_bl .tooltiptext {
			visibility: hidden;
			width: 180px;
			background-color: #003aa5 /*#4972c8*/;
			color: #fff;
			text-align: center;
			border-radius: 6px;
			padding: 5px 0;
			position: absolute;
			z-index: 9999;
			/*bottom: 125%;
    left: 50%;*/
			bottom: 232%;
			left: 64%;
			margin-left: -87px;
			opacity: 0;
			transition: opacity 1s;
		}

			.tooltip_bl .tooltiptext:after {
				content: "";
				position: absolute;
				top: 100%;
				left: 50%;
				margin-left: -5px;
				border-width: 5px;
				border-style: solid;
				border-color: #003aa5 transparent transparent transparent;
			}

		.tooltip_bl:hover .tooltiptext {
			visibility: visible;
			opacity: 1;
		}
	/* Tooltip  */
	.progress-bar-success {
		background-color: #003aa5;
	}

	.progress-bar-danger {
		background-color: #E51A4B;
	}

	.progress-bar-warning {
		background-color: #7d7d7d;
	}

	.progress {
		height: 12px;
		margin-bottom: 20px;
		overflow: hidden;
		background-color: #f5f5f5;
		border-radius: 6px;
		-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
		box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	}

	.scroll_text {
		font-size: 14px;
	}

	.tooltip > .tooltip-inner {
		background-color: white;
		color: black;
		border: 1px solid #003aa5;
		word-wrap: break-word;
	}

	.tooltip.top > .tooltip-arrow {
		border-top: 5px solid #003aa5;
	}

	.tooltip.bottom > .tooltip-arrow {
		border-bottom: 5px solid #003aa5;
	}

	/* Hint with incorrect input */
	.hint_mess_out {
		display: none;
	}

		.hint_mess_out.visible {
			position: absolute;
			display: block;
			color: #797979;
			font-size: 13px;
			background: #f4f4f4;
			height: auto;
			width: auto;
			border: #797979 1px solid;
			border-radius: 8px;
			margin-top: 1px;
			padding: 10px 15px;
			z-index: 100;
		}

	/* Notification message */
	#view_notification_message {
		display: flex;
		justify-content: end;
		padding: 0;
	}

	#msgbox-area {
		position: absolute;
		z-index: 100;
		margin-left: 15px;
	}

	.msgbox-box {
		padding: 10px;
		border-radius: 10px;
		margin-top: 2px;
		animation-name: msgbox_box;
		transition: 1s;
		opacity: 0;
		background-color: #003aa5;
		color: #fff;
	}

		.msgbox-box:hover {
			background-color: #02348f;
			color: #f3f3f3;
			cursor: pointer;
		}

	.msgbox-header {
		padding: 3px;
		text-align: center;
		word-break: break-word;
	}

	.msgbox-content {
		padding: 3px;
		padding-top: 10px;
		text-align: center;
		word-break: break-word;
	}

	.close {
		padding: 2px;
		color: #fff;
	}

	@media (min-width: 641px) {
		#msgbox-area {
			width: 400px;
		}
	}

	@media (max-width: 641px) {
		#msgbox-area {
			width: 100%;
		}
	}

	@keyframes msgbox_box {
		0% {
			opacity: 1;
		}

		90% {
			opacity: 0.7;
		}

		97% {
			opacity: 0;
		}
	}

	.inputgrey {
		background-color: #eee;
	}

	.notify_item {
		height: 60px; 
		background-color: #fff; 
		margin-bottom: 20px; 
		border-radius: 13px; 
		padding: 15px 5px;
		-webkit-transition: .3s ease;
		-o-transition: .3s ease;
		transition: .3s ease;
	}

		.notify_item:hover {
			-webkit-box-shadow: 0 15px 10px 0 rgba(0,0,0, .1);
			box-shadow: 0 15px 10px 0 rgba(0,0,0, .1);
		}

		.notify_item h4 {
			font-size: 16px;
			font-weight: 500;
			color: #111;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
			padding-bottom: 4px;
		}

		.notify_item h6 {
			font-size: 11px;
			font-weight: 500;
			color: #7d7d7d;
		}

		.notify_item .notify_icon {
			width: 25px;
			height: 25px;
		}

	.notification_nav_buttons {
		margin-bottom: 20px;
	}

	.notification_body_block {
		background: #fff;
		padding: 20px 40px;
		border-radius: 16px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

		.notification_body_block .notification_body_header {
			font-size: 1.8em;
			margin-block-start: 0.83em;
			margin-block-end: 0.83em;
			margin-inline-start: 0px;
			margin-inline-end: 0px;
			font-weight: bold;
		}

	.notification_body_data h2 {
		font: revert !important;
		display: block;
		font-size: 1.5em !important;
		margin-block-start: 0.83em;
		margin-block-end: 0.83em;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
		font-weight: bold !important;
	}

	.notification_body_block .notification_body_data {
		text-align: justify;
		word-break: break-word;
	}

	.notification_body_footer {
		width: 100%;
	}

		.notification_body_footer li {
			float: left;
			margin-right: 10px;
			padding-bottom: 20px;
		}

			.notification_body_footer li .notification_button_detail_back {
				background: #003aa5;
				border: 1px solid #003aa5;
				cursor: pointer;
			}

				.notification_body_footer li .notification_button_detail_back:hover {
					background: #052c7e;
				}

			.notification_body_footer li .notification_button_delete {
				background: #f61a3e;
				border: 1px solid #f61a3e;
			}

				.notification_body_footer li .notification_button_delete:hover {
					background: #d31c3a;
					border: 1px solid #d31c3a;
				}

			.notification_body_footer li a {
				display: block;
				font-size: 16px;
				color: #fff;
				padding: 6px 25px;
				-webkit-border-radius: 100px;
				-moz-border-radius: 100px;
				border-radius: 100px;
				text-decoration: none;
				font-weight: 300;
			}

	.notification_body_card {
		max-width: 60%;
		padding-bottom: 10%;
	}

	@media screen and (max-width: 1620px) {
		.left-nav-notification-button #notification-bell {
			margin: 4% 7% !important;
		}
	}

	@media screen and (max-width: 768px) {
		.notification_body_block {
			font-size: 14px;
		}

		.notification_body_footer li a {
			font-size: 14px;
		}

		.notification_body_close {
			font-size: 18px !important;
		}

		.notify_unread_block {
			margin-right: 15px;
		}
	}

	@media screen and (max-width: 425px) {
		.notification_body_card {
			max-width: none;
		}

		.notification_body_footer li a {
			font-size: 12px;
			padding: 6px 15px
		}

		.filter-nav-notifications {
			text-align: center;
		}

		.notification_body_block {
			font-size: 12px;
		}

		.notification_body_close {
			font-size: 15px !important;
		}
	}

	.notification_body_nav {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.notification_body_close {
		font-size: 20px;
		color: #d0d0d7;
	}

		.notification_body_close:hover {
			color: #a3a3a5;
		}

	#notifications-pagination {
		text-align: center;
	}

		#notifications-pagination a {
			padding: 10px 15px;
			border-radius: 10px;
			margin: 1px;
			border: 1px solid #003aa5;
		}

			#notifications-pagination a:hover {
				background: #003aa5;
				color: #fff;
			}

		#notifications-pagination .active {
			background: #003aa5;
			color: #fff;
		}

	.left-nav-notification-button {
		position: relative;
	}

		.left-nav-notification-button #notification-bell {
			width: 2em;
			height: 2em;
			background: #ffc800;
			color: #000000;
			position: absolute;
			top: 0;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			margin: 6% 15%;
			right: 0;
		}

		.left-nav-notification-button #notification-top-bell {
			width: 2em;
			height: 2em;
			background: #ffc800;
			color: #000000;
			position: absolute;
			top: 7px;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			margin: 5% 10%;
			right: 9px;
		}

		.left-nav-notification-button #main-menu-notification-bell {
			position: absolute;
			bottom: 0;
			top: 0;
			display: flex;
			align-items: center;
			justify-content: center;
			right: 0;
			margin-right: 15px;
		}

	.notify_unread_block {
		display: flex; 
		align-items: center; 
		height: 100%;
		position: absolute;
		top: 0px;
		right: 0px;
	}

	.notification-block-url {
		color: #000; 
		font-size: 12px; 
		position: relative;
	}

	.is-unread-notification-item {
		background: #ffc800; 
		border-radius: 50%; 
		position: absolute;
		width: 15px; 
		height: 15px;
	}

	#notification-filter-date-button {
		display: block;
		width: 100%;
		height: 34px;
		padding: 6px 12px;
		background: #003aa5;
		border-radius: 5px;
		border: none;
		color: #fff;
	}

	.notification-font-button {
		padding: 10px 15px;
		border-radius: 5px;
		background: #003aa5;
		color: #fff;
		margin: 1px;
		border: none;
	}

		.notification-font-button:hover {
			background: #042366;
		}

	.notif-pd {
		border: 1px solid #003aa5;
		border-radius: 100px;
		margin: 2px 0;
		font-size: 16px;
		font-weight: 300;
	}

		.notif-pd:hover {
			background: #003aa5;
			color: #fff;
		}

	.filter-nav-notifications {
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
	}

	.input-group-notif-filter {
		padding-bottom: 5px;
	}

	.inputgrey {
		background-color: #eee;
	}

	.guarantee_count .item_count_action ul li {
		float: left;
	}

		.guarantee_count .item_count_action ul li:first-child .item_count_label_guarantee {
			margin-left: 10px;
		}

		.guarantee_count .item_count_action ul li:nth-child(2) .item_count_label_guarantee {
			margin: 0 5px;
		}

		.guarantee_count .item_count_action ul li .item_count_label_guarantee {
			margin-left: 0;
		}

		.guarantee_count .item_count_action ul li.active .item_count_label_guarantee a {
			color: #003aa5;
			text-decoration: underline;
		}

		.guarantee_count .item_count_action ul li .item_count_label_guarantee a {
			color: #7d7d7d;
			/*text-decoration: underline;*/
		}

	.item_count_top .dropdown-menu {
		/*	position: inherit !important;
	float: initial !important;
	border-radius: 0 !important;
	background-color: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;*/
		float: left;
	}

	.dropup .dropdown-menu {
		top: auto;
		bottom: 100%;
	}

	.custom-file-input {
		color: transparent;
	}

		.custom-file-input::-webkit-file-upload-button {
			visibility: hidden;
		}

		.custom-file-input::before {
			content: 'Select some files';
			color: black;
			display: inline-block;
			background: #f4f4f4;
			border: 1px solid #d0d0d0;
			border-radius: 5px;
			padding: 5px 5px;
			cursor: pointer;
			outline: none;
			white-space: nowrap;
			-webkit-user-select: none;
			text-shadow: 1px 1px #fff;
			/*font-weight: 700;*/
			font-size: 10pt;
		}

		.custom-file-input:hover::before {
			border-color: black;
		}

		.custom-file-input:active {
			outline: 0;
		}

			.custom-file-input:active::before {
				background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
			}

	.guarantee_application_file_explore {
		color: black;
		display: inline-block;
		background: #f4f4f4;
		border: 1px solid #d0d0d0;
		border-right: none;
		border-radius: 5px 0px 0px 5px;
		padding: 5px 1.5px;
		cursor: pointer;
		outline: none;
		white-space: nowrap;
		-webkit-user-select: none;
		font-size: 11px;
		width: 33%;
	}

	.guarantee_application_file_explore_filename {
		background: #fff;
		border: 1px solid #e8e8e8;
		border-radius: 0px 5px 5px 0px;
		padding: 4px 1.5px;
		font-size: 11px;
		width: 67%;
	}


/* Multiple select */
.input-multiple-select {
	position: relative;
	border-radius: 6px;
	cursor: pointer;
	font-size: 18px;
	display: block;
	cursor: default;
}

.input-multiple-group {
	position: relative;
}

.dropdown-multiple {
	position: absolute;
	width: 100%;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 0 0 4px 4px;
	display: none;
	z-index: 10;
	border-radius: 6px;
}

.option-multiple {
	padding: 8px;
	text-align: start;
	cursor: pointer;
	display: flex;
	align-items: center;
}

	.option-multiple:hover {
		background-color: #f2f2f2;
	}
	
	.option-multiple:first-child {
		border-start-start-radius: 6px;
		border-start-end-radius: 6px;
	}

	.option-multiple:last-child {
		border-end-start-radius: 6px;
		border-end-end-radius: 6px;
	}

.with-checkbox .option-multiple::before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid #ccc;
	background-color: white;
	margin-right: 8px;
}

.with-checkbox .option-multiple.selected::before {
	content: "\2713";
	background-color: #0d6efd;
	padding-left: 3px;
	padding-top: 1px;
	color: #fff;
}

.checkbox-radio {
	display: inline-flex;
	align-items: center;
	cursor: pointer;
}

.checkbox-radio input[type="checkbox"] {
	opacity: 0;
	position: absolute;
}

	.checkbox-radio .checkmark-radio {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		width: 20px;
		height: 20px;
		border: 1px solid #ccc;
		border-radius: 50%;
		transition: background-color 0.2s ease;
	}

	.checkbox-radio input[type="checkbox"]:checked + .checkmark-radio {
		background-color: #0078d4;
		border-color: #0078d4;
	}

		.checkbox-radio input[type="checkbox"]:checked + .checkmark-radio:after {
			content: "";
			display: block;
			width: 6px;
			height: 6px;
			border-radius: 50%;
			background-color: #fff;
			transition: transform 0.2s ease;
			transform: scale(1);
		}

	.checkbox-radio .checkmark-radio:after {
		content: "";
		display: block;
		width: 6px;
		height: 6px;
		border-radius: 50%;
		background-color: transparent;
		transform: scale(0);
		transition: transform 0.2s ease;
	}