/* MODAL POPUP */

@keyframes mdl-fadein {
  0%    { opacity: 0.5; }
  100%   { opacity: 1; }
}

@keyframes mdl-fadeout {
  0%    { opacity: 0.5; }
  100%   { opacity: 1; }
}

@-webkit-keyframes mdl-show {
  0% {
    transform: scale(.5);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes mdl-show {
  0% {
    transform: scale(.5);
  }

  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes mdl-hide {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  100% {
    transform: scale(.5);
    opacity: 0;
  }
}

@keyframes mdl-hide {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  100% {
    transform: scale(.5);
    opacity: 0;
  }
}

html.mdl-shown,
body.mdl-shown {
	height:100%;
	overflow: hidden;
}

.mdl-spinner{color:#0062cc}

.mdl-container {
	display: flex;
	position: fixed;
	z-index: 1090;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	min-height: 100vh;
	align-items: center;
	background: 0 0;
	justify-content: center;
	flex-direction: row;
	overflow-x: hidden;
	opacity: 1;
	overflow-y: auto!important;
	transition: all .15s;
	-webkit-transition: all .15s;
	-o-transition: all .15s; }
	-webkit-overflow-scrolling: touch;
}

.mdl-container.mdl-touch-none {
	opacity:0;
	pointer-events:none;
}

.mdl-container.mdl-backdrop-show {
  background: rgba(0,0,0,.1) !important;
  -webkit-animation: mdl-fadein .15s backwards;
  animation: mdl-fadein .15s backwards;
  animation-iteration-count: 1;
}

.mdl-container.mdl-backdrop-show.mdl-drop-anim {
  animation: none !important;
  transition: none !important;
}

.mdl-container.mdl-backdrop-hide {
  background: 0 0!important;
}

.mdl-container.mdl-backdrop-none{
	background: rgba(0,0,0,0) !important;
}

.mdl-container .mdl-modal.modal-dialog {
	max-width:100%;
}

.mdl-container .mdl-popup {
	position: relative;
	display: none;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width:500px;
	height: 100%;
	margin: 0 15px;
}

.mdl-container .mdl-popup.mdl-md-ws{
	max-width:600px;
}

.mdl-container .mdl-popup.mdl-lg-ws{
	max-width:800px;
}

.mdl-container .mdl-popup.mdl-xl-ws{
	max-width:1000px;
}
.mdl-container .mdl-popup.mdl-xxl-ws{
	max-width:1200px;
}
.mdl-container .mdl-popup.mdl-xxxl-ws{
	max-width:1400px;
}

.mdl-show {
	display: flex !important;
	-webkit-animation: mdl-show .15s backwards;
	animation: mdl-show .15s backwards;
	animation-iteration-count: 1;
}

.mdl-hide {
	display: flex !important;
	-webkit-animation: mdl-hide .15s forwards;
	animation: mdl-hide .15s forwards;
	animation-iteration-count: 1;
}

.mdl-container .mdl-popup .mdl-modal {
	width: 100%;
	margin: auto;
}

.mdl-popup .mdl-modal .mdl-wrapper{
	position: relative;
	background-color:#fff;
	background-clip: padding-box;
	border-radius: 0.4rem;
	margin:1rem 0;
	opacity:1 !important;
	box-shadow: 0 2px 14px rgba(38, 60, 85, 0.16);
}

.dark-style .mdl-popup .mdl-modal .mdl-wrapper{
	background-color: #283144;
}

.mdl-popup .mdl-modal .mdl-wrapper.mdl-loading {
	min-height:100px;
	display:flex;
	justify-content:center;
	align-items:center;
}

.mdl-wrapper.mdl-text-center{
	text-align:center;
}

.mdl-wrapper .mdl-close{
	position:absolute;
	right:0;
	top:0;
	display:flex;
	justify-content:center;
	align-items:center;
	width: 1.2em;
	height: 1.2em;
	font-family: monospace;
	font-size: 2.5em;
	cursor:pointer;
}

.mdl-wrapper .modal-header,.mdl-wrapper .modal-body,.mdl-wrapper .modal-footer{
	padding:1rem;
}

.mdl-modal-icon {
	display:flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	margin-bottom:1.25rem;
	transform: scale(0.6);
	transform-origin: top center;
	margin-bottom: calc((0.6 - 1) * 150px);
}

.success-icon {
  display: inline-block;
  width: 8em;
  height: 8em;
  font-size: 20px;
  border-radius: 50%;
  border: 4px solid #96df8f;
  background-color: #fff;
  background-color:var(--vz-modal-bg);
  position: relative;
  overflow: hidden;
  transform-origin: center;
  -webkit-animation: showSuccess 180ms ease-in-out;
  animation: showSuccess 180ms ease-in-out;
}

.success-icon__tip {
  width: 2.4em;
  top: 4.3em;
  left: 1.4em;
  transform: rotate(45deg);
  -webkit-animation: tipInPlace 300ms ease-in-out;
  animation: tipInPlace 300ms ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 180ms;
  animation-delay: 180ms;
  visibility: hidden;
}

.success-icon__long {
  width: 4em;
  transform: rotate(-45deg);
  top: 3.7em;
  left: 2.75em;
  -webkit-animation: longInPlace 140ms ease-in-out;
  animation: longInPlace 140ms ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  visibility: hidden;
  -webkit-animation-delay: 440ms;
  animation-delay: 440ms;
}

.success-icon__tip, .success-icon__long {
  display: block;
  position: absolute;
  height: 4px;
  background-color: #96df8f;
  border-radius: 10px;
}

.error-icon {
  display: inline-block;
  width: 8em;
  height: 8em;
  font-size: 20px;
  border-radius: 50%;
  border: 4px solid #f27474;
  background-color: #fff;
  background-color:var(--vz-modal-bg);
  position: relative;
  overflow: hidden;
  transform-origin: center;
  -webkit-animation: error-icon .5s;
  animation: error-icon .5s;
}

.error-icon__x-mark {
  position: relative;
  flex-grow: 1;
  -webkit-animation: error-x-mark .5s;
  animation: error-x-mark .5s;
}

.error-icon__x-mark-line-left,
.error-icon__x-mark-line-right{
	display: block;
	position: absolute;
	top: 3.5em;
	width: 4em;
	height: .3em;
	border-radius: .4em;
	background-color: #f27474;
}
.error-icon__x-mark-line-left{
	left: 1.8em;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.error-icon__x-mark-line-right{
	right: 1.8em;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
@keyframes showSuccess {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}

@keyframes tipInPlace {
  from {
    width: 0em;
    top: 0em;
    left: -1.6em;
  }
  to {
    width: 2.4em;
    top: 4.3em;
    left: 1.4em;
    visibility: visible;
  }
}

@keyframes longInPlace {
  from {
    width: 0em;
    top: 5.1em;
    left: 3.2em;
  }
  to {
    width: 4em;
    top: 3.7em;
    left: 2.75em;
    visibility: visible;
  }
}

@-webkit-keyframes error-x-mark{
    0%{
        margin-top:1.625em;
        -webkit-transform:scale(.4);
        transform:scale(.4);
        opacity:0
    }
    50%{
        margin-top:1.625em;
        -webkit-transform:scale(.4);
        transform:scale(.4);
        opacity:0
    }
    80%{
        margin-top:-.375em;
        -webkit-transform:scale(.8);
        transform:scale(.8)
    }
    100%{
        margin-top:0;
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
@keyframes error-x-mark{
    0%{
        margin-top:1.625em;
        -webkit-transform:scale(.4);
        transform:scale(.4);
        opacity:0
    }
    50%{
        margin-top:1.625em;
        -webkit-transform:scale(.4);
        transform:scale(.4);
        opacity:0
    }
    80%{
        margin-top:-.375em;
        -webkit-transform:scale(.8);
        transform:scale(.8)
    }
    100%{
        margin-top:0;
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
@-webkit-keyframes error-icon{
    0%{
        -webkit-transform:rotateX(100deg);
        transform:rotateX(100deg);
        opacity:0
    }
    100%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0);
        opacity:1
    }
}
@keyframes error-icon{
    0%{
        -webkit-transform:rotateX(100deg);
        transform:rotateX(100deg);
        opacity:0
    }
    100%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0);
        opacity:1
    }
}

/* END MODAL POPUP */
.nav-cover{position:relative}
.nav-cover .nav-status{
	position:absolute;
	left:-4px;
	top:calc(100% - 5px);
	padding:2px 0;
	background-color: rgba(var(--vz-danger-rgb),1);
	color: #fff;
	font-size:.65em;
	width: 44px;
	font-weight:600;
	text-align: center;
	border-radius:2px;
}
.dropdown-menu.dropdown-menu-xl-size{
	width:420px;
}
.upload-wrapper{
	margin-top:1rem;
	font-size:14px;
	overflow:hidden;
}

.upload-wrapper .upload-galleries,
.upload-wrapper.upload-box .upload-input-container{
	margin-left:-2.5px;
	margin-right:-2.5px;
	margin-bottom:.25rem;
}

.upload-wrapper .upload-galleries .upload-medias{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
}

.upload-wrapper .upload-galleries .upload-medias .upload-media,
.upload-wrapper.upload-box .upload-input-container{
	position:relative;
	width:80px;
	height:80px;
	padding:2px;
	border:1px solid #ccc;
	background-color:#fff;
	border-radius:3px;
	margin:2.5px 2.5px;
}
.upload-wrapper .upload-galleries .upload-medias .upload-media a{display:block;pointer-events:none}
.upload-wrapper .upload-galleries .upload-medias .upload-media.active{
	border:1px solid #5e72e4;
}

.upload-wrapper.description .upload-galleries .upload-medias .upload-media a{pointer-events:unset}

.upload-wrapper .upload-galleries .upload-medias .upload-media-remove{
	position:absolute;
	top:0;
	right:0;
	display:flex;
	justify-content:center;
	align-items:center;
	width:20px;
	height:20px;
	border-radius:100%;
	background-color:rgba(255,255,255,.7);
	box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
	cursor:pointer;
}

.upload-wrapper .upload-galleries .upload-medias .upload-media-remove i{
	color:#f5365c;
	font-size:16px;
	pointer-events:none;
}

.upload-wrapper .upload-galleries .upload-medias .upload-media img {
	width:100%;
	height:100%;
}

.upload-wrapper .upload-input-container {
	position:relative;
	border:1px dashed #ccc;
	background-color:#f1f1f1;
	border-radius:5px;
	padding:0 15px;
}

.upload-wrapper .upload-input{
	position:absolute;
	top:0;left:0;
	opacity:0;
	font-size:500px;
	cursor:pointer;
}

.upload-wrapper .upload-container{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	width:100%;
	height:100px;
}

.upload-wrapper .upload-container .upload-text{}
.upload-wrapper .upload-container .upload-progress{
	position:relative;
	display:block;
	width:100%;
	height:21px;
	border:1px solid #2036bb;
	background-color:#eaedff;
	border-radius:2px;
	overflow:hidden;
}

.upload-wrapper .upload-container .upload-progress-bar{
	position:absolute;
	top:0;left:0;
	width:0;
	height:100%;
	background-color:#7583d2;
}

.upload-wrapper .upload-container span{
	display:block;
	color:#2c4bff;
}

.upload-wrapper.description .upload-input-container{
	border-radius: 0 0 5px 5px;
}

.upload-wrapper .upload-desc-container{
	position:relative;
	border:1px dashed #ccc;
	background-color:#f1f1f1;
	border-radius:5px 5px 0 0;
}

.upload-wrapper .upload-desc-label{
	font-size:15px;
	padding:5px 10px;
	margin:0;
}

.upload-wrapper .upload-desc-items{
	position:relative;
	height:67.3px;
}

.upload-wrapper .upload-desc-item{
	display:none;
	position:absolute;
	top:0;left:0;
	width:100%;
	border:none;
	padding:5px 10px;
	outline:none;
	resize:none;
}

.upload-wrapper .upload-desc-items  .upload-desc-item.active{
	display:block;
}

.upload-wrapper .upload-desc-item:focus{
	border-color: #95a0f4;
}

.upload-wrapper.upload-box {
	display:flex;
	flex-wrap:wrap;
}

.upload-wrapper.upload-box .upload-galleries .upload-medias .upload-media {
	width:50px;
	height:50px;
}

.upload-wrapper.upload-box .upload-input-container{
	display:flex;
	align-items:center;
	justify-content:center;
	width:50px;
	height:50px;
	overflow:hidden;
}

.upload-wrapper.upload-box .upload-input-container i {
	font-size:20px;
	color:#105eed
}

.upload-wrapper.upload-box .upload-progress {
	position: absolute;
	top: auto;
	left: auto;
	display:flex;
	align-items:center;
	justify-content:center;
}

.upload-wrapper.upload-box .upload-progress .spinner-border,
.upload-wrapper.upload-box .upload-progress .upload-progress-text {
	position:absolute;
}

.upload-wrapper.upload-box .upload-progress .upload-progress-text{
	font-size:9px;
}

.upload-wrapper.upload-box .upload-galleries .upload-medias .upload-media-video {
	position:absolute;
	top:2px;
	left:4px;
	color:rgba(240,101,72,.8);
}
.table-thumbnails{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	margin-left:-2.5px;
	margin-right:-2.5px;
}
.table-thumbnails .table-thumbnail{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:2.5px;
	width:48px;
	height:48px;
	padding:2px;
	border:1px solid #ccc;
	border-radius:2px;
	background-color:#fff;
	cursor:pointer;
}
.table-thumbnails .table-thumbnail img{
	width:100%;
	height:100%;
	pointer-events:none;
}
.table-thumbnails .table-thumbnail span{
	position:absolute;
	display:flex;
	align-items:center;
	justify-content:center;
	top:0;
	left:0;
	width:47px;
	height:38px;
	border-radius: 2px;
	background-color:rgb(0,0,0,.5);
	color:#fff;
	font-size:16px;
	font-weight:bold;
	pointer-events:none;
}
.table-thumbnails .table-thumbnail .ico-video {
	position:absolute;
	top:2px;
	left:4px;
	color:rgba(240,101,72,.8);
}
.blueimp-gallery-display > .download {
    position: absolute;
	display:flex;
    top: 15px;
    right: 60px;
    height: 30px;
    opacity: 0.8;
    cursor: pointer;
	font-size:16px;
    display: block;
	color:#fff;
	background-color:#414143;
	padding:2px 8px;
	border-radius:5px;
}
.blueimp-gallery-display > .download * {
	pointer-events:none;
}
button[data-gr-ajax-modal] *,div[data-gr-ajax-modal] *,a[data-gr-ajax-modal] *,
button[data-gr-confirmation] *,div[data-gr-confirmation] *,a[data-gr-confirmation] *,
button[data-gr-ajax] *,div[data-gr-ajax] *,a[data-gr-ajax] *{pointer-events:none}
.tooltip{z-index: 1099}
.nav-cover .header-profile-user{width:36px;height:36px}
.form-item{position:relative}
.form-select {
	background-size: 14px 9.5px;
	background-position: right .7rem center;
	overflow: hidden;
	text-overflow: ellipsis;
}
.form-select:focus.border-focus-none{
	-webkit-box-shadow: 0 0 0 .25rem transparent;
	box-shadow: 0 0 0 .25rem transparent;
}
select.form-select[multiple]{
	height:37.5px;
}
.form-select.is-invalid,.password-input.is-invalid{
	background-position: right calc(.375em + 1.9rem) center;
}
div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_filter{
	margin:0;
}
.table-card div.dataTables_wrapper div.dataTables_filter input{width:100%;margin:0}
div.dataTables_wrapper div.dataTables_filter label{margin-bottom:0}
div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter{margin:0}
.table-card .dataTables_filter, .table-card .dataTables_length{padding:0}
.table-card .dataTables_paginate{padding-top:0}
div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-link{text-align:center}
.choices__list--dropdown{z-index:9}
table.dataTable > tbody > tr.child ul.dtr-details > li{padding: 0.5em 1rem}
[data-bs-theme=dark] table.dataTable > tbody > tr.child ul.dtr-details > li{
	border-bottom: 1px solid #32383e;
}
table.dataTable > tbody > tr.child ul.dtr-details > li:last-child{border:0}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child{padding-left:0;padding-right:0}
.input-group.input-group-sm .choices{
	margin:0 !important;
}
.input-group.input-group-sm > .choices{
	font-size: .7109375rem;
	border-radius: var(--vz-border-radius-sm);
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.input-group.input-group-sm .choices__inner {
	display:flex;
	align-items:center;
	padding: .25rem .5rem; 
	padding-right: 1rem;
	font-size: .7109375rem;
	min-height:27.0667px !important;
	height:27.0667px !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
.input-group.input-group-sm > .choices[data-type*="select-one"]::after {
	font-size: 1.05rem;
	right:10px;
}
.flatpickr-calendar.animate.open {
	top: -321px !important;
    left: 17% !important;
}
.google-auth{font-size:15px}
.google-auth svg{width:16px}