body{
	background:#F1F6FD;
}
.side-nav-link i:before{
	content:'';
	display:block;
	width:16px;
	height:16px;
}
body[data-leftbar-theme=dark] .side-nav .side-nav-link {
    color: rgba(188, 206, 228, 0.7);
}
.ico-home:before {
	background:url(../images/custom/icon/Dashboard.svg) no-repeat center;
}
.mm-active .ico-home:before, .side-nav .side-nav-link:hover .ico-home:before{
	background:url(../images/custom/icon/Dashboard_active.svg) no-repeat center;
}
.ico-transaction:before {
	background:url(../images/custom/icon/transaction.svg) no-repeat center;
}
.mm-active .ico-transaction:before, .side-nav .side-nav-link:hover .ico-transaction:before {
	background:url(../images/custom/icon/transaction_active.svg) no-repeat center;
}
.ico-event:before {
	background:url(../images/custom/icon/Events.svg) no-repeat center;
}
.mm-active .ico-event:before, .side-nav .side-nav-link:hover .ico-event:before {
	background:url(../images/custom/icon/Events_active.svg) no-repeat center;
}
.ico-settings:before {
	background:url(../images/custom/icon/Settings.svg) no-repeat center;
}
.mm-active .ico-settings:before, .side-nav .side-nav-link:hover .ico-settings:before {
	background:url(../images/custom/icon/Settings_active.svg) no-repeat center;
}
#left-side-menu-container .button-box{
	margin:28px 25px;
}
.metismenu{padding-top:38px;}

.logo-bottom {
    display: block;
    line-height: 70px;
    width: 260px;
    position: fixed;
    bottom: 7px;
}

.logo-bottom span.logo-sm {
    display: none;
}
body[data-leftbar-compact-mode=condensed] .logo-bottom span.logo-sm {
    display: block;
    line-height: 70px;
}
body[data-leftbar-compact-mode=condensed] .logo-bottom span.logo-lg {
    display: none;
}
body[data-leftbar-compact-mode=condensed] .wrapper .left-side-menu .logo-bottom{
    width: 70px;
}

.logo_company img {
	max-height:56px;
}
.logo_company{
	margin:12px 24px 12px 0;
	display:inline-block;
}
.navbar-custom .topbar-right-menu .nav-link.nav-user{
	min-height:80px;
}
.navbar-custom .topbar-right-menu li{max-height:80px}
.left-side-menu {padding-bottom:70px;}
#left-side-menu-container .button-box a {width:100%;display:block;}

.btn-outline-info {
    color: #40A7E1;
	border-radius:4px;
    border-color: #40A7E1;
}
.btn-info {
    background-color: #40A7E1;
    border-color: #40A7E1;
}
.btn-outline-info:hover{
	border-color:#4BB5F1;
	color:#4BB5F1;
	background:unset;
}
.btn-info{
	font-size:0.88rem;
	padding:8.6px;
	min-width:138px;
	border-radius:4px;
	box-shadow: 0px 4px 9px rgba(64, 167, 225, 0.3);
}
.badge-success{
	background:#40A7E1;
}
.icon {
	display:block;
	width:24px;
	height:24px;
}
.icon-proof {
	background:url(../images/custom/icon/proof-icon.svg) no-repeat center;
}
.icon-verify {
	background:url(../images/custom/icon/verif-icon.svg) no-repeat center;
}
.icon-device {
	background:url(../images/custom/icon/device-icon.svg) no-repeat center;
}
.btn-link, a {
	color: #40A7E1;
}
.btn-link:hover {
	
}
.text-color-error {
	color:#D90A0A
}
.navbar-custom .dropdown-menu {
	min-width:190px;
}
.title_main_login {
	font-style: normal;
	font-size: 30px;
	line-height: 42px;
	color: #344054;
	margin-bottom:2rem;
}
.title_main_login ~ p{
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #6C757D;

}
.auth-fluid-form-box{
	background:url(../images/custom/bg-auth.svg) no-repeat center/contain;
	padding:34px;
}
.auth-fluid-form-box h4{
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 26px;
	color: #6C757D;
	margin-bottom:2rem;
}

.auth-fluid-form-box .form-group {
	margin-bottom:2rem;
}
.auth-fluid-form-box .card-body{
	padding:2.5rem;
	max-width: 354px;
    margin: 0 auto;
	background: #FFFFFF;
	box-shadow: 0px 4px 84px rgba(52, 64, 84, 0.07);
	border-radius: 16px;
}
.auth-fluid-form-box .btn-block{border-radius:4px;}
.footer .footer-links a {
	text-decoration:underline;
	color: #40A7E1;
}
.footer .footer-links a:hover{
	text-decoration:none;
}
.dwn.rotate a{
	transform: rotate(180deg);
    display: block;
}
.hidcont {display:none}
.hidcont td{
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 21px;
	color: #6C757D;
	padding:8px 16px;
	background: rgba(242, 244, 248, 0.5);
}
.block-filter .form-group{
	margin-right:16px;
	min-width:104px;
	margin-bottom:0;
	width:100%;
}
.mw104{max-width:104px;}
.btn-clear {
	background:url(../images/custom/ico-clear.svg) no-repeat center, #EEF2F7;
	display:block;
	width:38px;
	min-width:38px;
	height:38px;
	margin-left:16px;
}
.btn-clear:hover{
	background:url(../images/custom/ico-clear.svg) no-repeat center, #EEF2F7;
}
.calendar {	padding-right:48px;background:url(../images/custom/ico_calendar.svg) no-repeat right center;}
.btn-search{
	width:38px;
	min-width:38px;
	height:38px;
	background:url(../images/custom/ico_search.svg) no-repeat center, #40A7E1;
}
.btn-search:hover{
	background:url(../images/custom/ico_search.svg) no-repeat center, #4BB5F1;
}
.block-filter {
	align-items:flex-end;
	display:flex;
}
.block-filter label {
	white-space:nowrap;
}
.block_picture{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	
}
.block_picture img{
	width:100%;
	max-width:calc(50% - 0.5rem);
	margin-right:1rem;
	margin-bottom:1rem;
}
.block_picture img:nth-child(2n){
	margin-right:0;
}
.block_info_det .title {
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 17px;
    color: #6C757D;
    margin-bottom: 8px;
}

.block_number {
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 33px;
    color: #0ACF97;
    margin-bottom: 24px;
}

.block_dop_info {
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;
    color: #6C757D;
    display: flex;
    flex-direction: column;
    margin-left: 1rem;
}

.block_number {
    display: flex;
}
.block_line .title {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 21px;
    color: #6C757D;
    min-width: 92px;
    padding-right: 16px;
}

.block_line {
    display: flex;
    margin-bottom: 17px;
}

.block_line .desc_txt {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    color: #6C757D;
}
.block_pic_document img{
	max-width:100%;
	margin:0.5rem 1rem 0.5rem 0;
}
.page_detail_transaction .card, .page-settings .card{
	height:calc(100% - 24px); 
}
.text-color-done {
	font-weight: 900;
	color: #0ACF97;
}
.text-color-red{
	color:#D90A0A;
}
.page_detail_transaction .table td:first-child,
.page_detail_transaction .table th:first-child{
	padding-left:0;
}
.page_detail_transaction .table td:last-child{
	padding-right:0;
}
.table label {
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 22px;
	color: #6c757d;
}
.block_button .btn {
    min-width: 95px;
    margin-right: 16px;
}
.page-events .block-filter .mw-201{
	max-width:201px;
}

.page-events .block-filter input[type=submit], 
.page-events .block-filter a {
    font-size: 0;
}
.form-wizard-header {
    margin-left: 0;
    margin-right: 0;
    background-color: #eef2f7;
}
.form-wizard-header  .nav-link {
	padding:8px 0;
}
.form-wizard-header .nav-link:not(.active):hover {
    color: #40A7E1;
}
.mess-error,.mess-done{
	padding:0.9rem 1.5rem;
	font-style: normal;
	font-size: 14px;
	line-height: 22px;
	box-sizing: border-box;
	border-radius: 4px;
	margin-bottom:2rem;

} 
.mess-done {
	font-weight: normal;
	color: #056C4F;
	background: #CEF5EA;
	border: 1px solid #BAF2E2;
}
.mess-error{
	background: #FEEADE;
	border: 1px solid #FED1DA;
	color: #5D222E;
	font-weight: 600;
}
.err{
	border: 1px solid #D90A0A;
}

.block_select_product{
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.block_select_product_item {
	max-width:calc(50% - 0.5rem);
	width:100%;
}
.block_select_product_item label{	
	width:100%;
	background: #F5F7FA;
	border-radius: 8px;
	padding:12px;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #6C757D;
	display:flex;
	align-items:center;
	cursor:pointer;
}
.block_select_product_item input:checked ~ label{
	background:#40A7E1;
	color:#fff;
}
.block_select_product_item input:not(:checked):not(:disabled) ~ label:hover{
	color:#40A7E1;
}
.block_select_product_item input:disabled ~ label{
	color: #BDBDBD;
}
.block_select_product_item input:disabled ~ label i{
	filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(desaturate.svg#greyscale);
    filter: gray;
    -webkit-filter: grayscale(1);
}
.block_select_product_item input{
	display:none;
}
.block_select_product_item  i{
	width:48px;
	min-width:48px;
	height:48px;
	margin-right:16px;
}
.ico-proof-product {background:url(../images/custom/ico-Proof-product.svg) no-repeat center;}
.ico-verif-product{background:url(../images/custom/ico-Verify-product.svg) no-repeat center;}

.ico-Mobile-device {background:url(../images/custom/ico-Mobile-device.svg) no-repeat center;}
.ico-Web-device{background:url(../images/custom/ico-Web-device.svg) no-repeat center;}
.custom-control.custom-checkbox .card {
    margin-left: -1.5rem;

    margin-top: 24px;
}
.block_contact_change{	display:none;}
.custom-checkbox .custom-control-input:checked~.custom-control-label ~ .block_contact_change {
	display:block;
}
.table .dropdown .dropdown-menu{
	padding:20px;
	background: #FFFFFF;
	border: 1px solid #E4EAF2;
	box-sizing: border-box;
	white-space:normal;
	box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.07);
	border-radius: 4px;
	min-width:290px;
}
.iti.iti--allow-dropdown {
    width: 100%;
}
.table .dropdown-menu p:last-child {margin-bottom:0}
.table .dropdown {margin-top:3px;display:block;}
@media (max-width:1466px){
	.page-list-transaction .block-filter .form-group {
		width: 100%;
		max-width: calc((100% / 3) - 8px);
		margin-right: 0;
		margin-bottom: 16px;
	}

	.page-list-transaction .block-filter {
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.page-list-transaction .block-filter .form-group:not(.mw104) {
		max-width: calc((100% / 3) - (45px));
		margin-bottom: 0;
	}
}
@media(max-width:1028px){
	#left-side-menu-container  .button-box .d-md-none{
		display:none!important;
	}
	#left-side-menu-container .button-box {
		margin: 28px 18px;
	}
	#left-side-menu-container .button-box a {padding: 5px;}
	
}
@media (max-width:991px){
	.title_main_login {
		margin-top: 2.5rem;
	}

	.auth-fluid-form-box {
		margin: 2.5rem 0;
	}
}
@media(max-width:767px){
	.page-title-box .page-title{line-height:80px;}
	#left-side-menu-container .button-box .d-md-none{display:inline!important}
	.page-list-transaction .block-filter .form-group {
		width: 100%;
		max-width:100%;
	}


	.page-list-transaction .block-filter .form-group:not(.mw104) {
		max-width:100%;
		margin-bottom: 16px;
	}
	.btn-filter-mob .ico-filter-set{display:block;width:24px;min-width:24px;height:24px;background:url(../images/custom/ico-filter-set.svg) no-repeat center;}
	.page-list-transaction .block-filter {
		visibility: hidden;
		height: 0;
		opacity: 0;
	}
	.btn-filter-mob:focus{
		color:#fff;
	}
	.btn-filter-mob.active .dripicons-chevron-down{
		transform:rotate(180deg);
	}
	.btn-filter-mob.active{margin:-24px -24px 24px;border-radius:4px 4px 0 0;}
	.btn-filter-mob.active + .block-filter {
        height: 100%;
        visibility: visible;
        opacity: 1;
    }

	.btn-filter-mob {
		margin: -24px;
		background: #40A7E1;
		box-shadow: 0px 0px 35px rgba(154, 161, 171, 0.15);
		border-radius: 4px;
		text-align: center;
		font-style: normal;
		font-weight: 600;
		font-size: 14px;
		line-height: 22px;
		color: #FFFFFF;
		padding: 13px;
	}
	.page-events .block-filter .form-group{margin-right:0}
.page-events .block-filter input[type=submit], 
.page-events .block-filter a, .page-list-transaction .btn-search, .page-list-transaction .btn-clear{
    font-size: 14px;
}
.page-events .btn-search, .page-events .btn-clear, 
.page-list-transaction .btn-search, .page-list-transaction .btn-clear, .page-list-transaction .block-btn-filter label{
	width:calc(50% - 8px);
    background-image: none;	
}
.page-list-transaction .block-btn-filter label i,.page-list-transaction .btn-clear i {
	display:block;
	width:21px;
	height:21px;
}
.page-list-transaction .block-btn-filter label i {
	background:url(../images/custom/ico_search.svg) no-repeat center;
}
.page-list-transaction .btn-clear i{
background:url(../images/custom/ico-clear.svg) no-repeat center;
	
}
.page-events .block-filter .mw-201, .block-btn-filter{
	max-width:100%;
}
.block-btn-filter{width:100%;}
.page-events .block-filter {
    flex-wrap: wrap;
}

.page-events .block-filter .form-group{
	margin-bottom:1rem;
}
	.navbar-custom, body[data-leftbar-compact-mode=condensed] .wrapper .navbar-custom{left:0}
	.block_pic_document {
		display: flex;
		flex-wrap: wrap;
		justify-content:space-between;
	}
	.block_pic_document img{
		max-width:calc(50% - 0.5rem);
		width:100%;
	}
	.block_pic_document img:nth-child(2n){margin-right:0;}
}
@media(max-width:575px){
	.block_select_product{flex-direction:column}
	.block_select_product_item{max-width:100%}
}
@media (max-width:440px){
	.page-title-box .page-title.have-logo .logo_company{
		margin-bottom:0;
	}
	
.have-logo span{
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}
	.block-btn-filter{flex-wrap:wrap;margin-top:8px;}
.page-list-transaction .btn-search, .page-list-transaction .btn-clear, .page-list-transaction .block-btn-filter label{
	max-width:100%;
	width:100%;
}
 .page-list-transaction .btn-clear{margin-left:0;margin-top:8px;}
	.auth-fluid-form-box .card-body {
		padding: 1.8rem;
	}
	.auth-fluid-form-box {background:unset;padding:0 0 24px;}
	.block_pic_document img{
		max-width:100%;margin-right:0;
	}
}



body[data-leftbar-compact-mode=condensed] {
	min-height: 100vh !important;
}

@media (max-width: 1100px){
	.content-page {
		padding: 70px 12px 120px;
	}
}

.datepicker {
	z-index: 1200 !important; 
}
.left-side-menu {
	height: 100vh;
}
.side-nav .side-nav-link i {
	display: inline-block !important;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
	background: red !important;
	color: red !important;
}

.block_status_item {
	background: #F8FAFD;
	border-radius: 0 0 4px 4px;
	border-top: 4px solid;
	padding: 12px 16px 14px;
	margin-top: 24px;
	width:calc((100% / 4) - 20px);
}
.block_status_item .title {
	font-style: normal;
	font-weight: 800;
	font-size: 14px;
	line-height: 20px;
	color: #000000;
	margin-bottom: 4px;
}

.block_desc_status, .block_status_top {
	font-style: normal;
	font-weight: 700;
	font-size: 12px;
	line-height: 20px;
	display:flex;
	align-items:center;

}

.block_desc_status i, .block_status_top i{
	display:block;
	width:16px;
	min-width:16px;
	height:16px;
	margin-right:4px;
}
.block_list_status {
	display:flex;
	justify-content:space-between;
	border-top: 1px solid #EEF2F7;
	margin-top: 24px;
	flex-wrap:wrap;
}
.status_quest i{
	background:url(../images/custom/icon/ico_quest.svg) no-repeat center;
}
.status_good i{
	background:url(../images/custom/icon/ico_good.svg) no-repeat center;
}
.status_bad i{
	background:url(../images/custom/icon/ico_bad.svg) no-repeat center;
}
.status_quest .block_desc_status, .block_status_top.status_quest {
	color: #FDB043;
}
.status_good .block_desc_status, .block_status_top.status_good{
	color: #34CE96;
}
.status_bad .block_desc_status, .block_status_top.status_bad{
	color: #D9200A;
}
.block_status_item.status_quest{
	border-color: #FDB043;
}
.block_status_item.status_good{
	border-color: #34CE96;
}
.block_status_item.status_bad{
	border-color: #D9200A;
}
@media (max-width:1199.8px){
	.block_status_item {
		width:calc((100% / 5) - 16px);
	}
}
@media (max-width:1120.8px){
	.block_status_item {
		width:calc((100% / 5) - 8px);
	}
}
@media (max-width:991.8px){
	.block_status_item {
		width:calc((100% / 4) - 16px);
	}
}
@media (max-width:767.8px){
	.block_status_item {
		width:calc((100% / 2) - 16px);
	}
}
@media (max-width:570.8px){
	.block_status_item {
		width:100%;
	}
}