@font-face {
	font-family: Mont;
	src: url(../assets/fonts/Mont-Regular.woff2) format('woff2');
	font-weight: 300;
}

@font-face {
	font-family: Mont;
	src: url(../assets/fonts/Mont-Bold.woff2) format('woff2');
	font-weight: 700;
}

@font-face {
	font-family: MontLt;
	src: url(../assets/fonts/Mont-Light.woff2) format('woff2');
}

@font-face {
	font-family: Inter;
	src: url(../assets/fonts/Inter.ttf) format('truetype');
}

body {
	font-family: Mont !important;
	--vred: #096B74;
	--vblue: #2e5aac;
	--bs-blue: #2e5aac !important;
	--verror: #ED0000;
	--vorange: #FFD84E;
	--vneutral: #00FFF0;
	--vsuccess: #9EFF00;
	--oblack: #212121;
	--enterpriseblue: #00A4B2;
	--enterprisebg: #E0E0E0;
	--bs-border-radius: 16px !important;
}

html {
	height: 100vh;
}



.app-wrapper {
	flex: 1;
	min-height: (100vh - 20px) !important;


}

.app-content {
	padding: 0px !important;
}
.app-content-header {
	padding: 32px 90px 24px 90px !important;
	background-color: white;
	width: 100%;
}

.dashboardheader {
	padding-left: 20px !important;

}

h3,
h3.card-title {
	font-family: Mont, sans-serif;
	font-size: 20px !important;
	font-weight: 400;
}

.app-content-header h3 {
	text-align: left;
	font-size: 32px;
	font-weight: 700 !important;
	text-transform: uppercase;

}


.app-main {

	background-color: var(--enterprisebg) !important;
	padding: 0px !important;
}



button {
	font-family: Inter !important;
}

.app-content-dashboard {
	padding: 20px 20px 50px 20px !important;
	padding-bottom: 20px;
}

.app-content-dashboard .col-lg-12 {
	width: 100%;
}
.sidebar-brand {
	background-color: #fff;
	min-width: 250px;
	max-width: 250px;
	margin: 0px !important;
	border: 0px !important;
}

.app-sidebar {
	box-shadow: 4px 2px 4px rgba(0, 0, 0, .16) !important;
}

.app-sidebar,
.user-header {
	background-color: #fff !important;
	color: var(--oblack) !important;
}


.sidebar-wrapper a {
	color: var(--oblack) !important;
	padding: 32px 16px !important;
}

.sidebar-wrapper {
	padding: 32px 16px !important;
}



.navbar,
.navbar-nav {
	background-color: #fff !important;
	border: 0px !important;


}

.navbar a {
	text-decoration: none !important;
}

.pagewrap {
	display: flex;
	flex-direction: column;
	min-height: 100vh;

}

.navbar {
	border-bottom: 1px solid #BFBFBF !important;
	height: 98px ;
}

.vfbusinesslogo {
	height: 80px;
}

.sidebar-brand {
	padding: 0px 0px 0px 28px !important;
	height: 80px !important;
	justify-content: left !important;

}

.app-footer {
	font-size: 14px;
	background-color: var(--oblack);
	color: #ccc;
	border: 0px !important;
	min-height: 20px;
}

.app-footer a {
	text-decoration: none;
	color: white;
}


.app-content .container-fluid {
	font-family: Inter !important;
	padding: 40px 30px !important;
	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.16) !important;
	border-radius: 16px;
	background-color: #fff !important;
	margin: 20px 90px 60px 90px !important;
	width: calc(100% - 180px);
	/*
	display: flex;
	flex-flow: row wrap;
*/
}

.narrowcontainer {
	width: 500px !important;
	
}

.narrowcontainer .col-md-12 .col-md-6 {
	padding-right: 0px !important;
}

.app-content-dashboard {

	font-family: Inter !important;
	padding: 40px 20px 40px 20px !important;
}




.dropdown-menu-lg {
	min-width: 430px !important;
	max-width: 500px !important;
	padding: 0;
}

/*.app-content-header,
.app-content {
	max-width: 880px;
	margin: 0 auto;
}*/

/* Forms */

.input-group {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	padding-bottom: 30px;

}

.input-group>input.vinput {
	display: flex;
	flex: 4;
	margin-right: 10px;
}

.input-group>button {
	display: flex;
	flex: 1;
}

.input-group>label {
	display: block;
	padding: 0px;
	height: 20px;
	position: absolute;
	top: -12px;
	left: 13px;
	background-color: #fff;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.6);
	z-index: 100;
}

.btn:hover,
.dt-button:hover {
	background-color: #E60000 !important;
	color: #fff !important;
}


.vinput {

	height: 50px;
	padding: 10px, 12px, 10px, 12px;
	gap: 12px;
	font-size: 18px;
	border-radius: 8px !important;
	border-color: rgba(0, 0, 0, 0.6) !important;
	margin-right: 0px !important;
	color: #333;
}

.vfull {
	width: 100% !important;
}
.vinput:read-only {
	border-color: rgba(0, 0, 0, 0.35) !important;
	background-color: #fff !important;
	color: rgba(0, 0, 0, 0.35) !important;
}

/* Change the white to any color */
/* input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}*/

.vinput:valid, .vinput:autofill {
	background-color: white !important;
	box-shadow: 0 0 0px 1000px white inset;
    -webkit-box-shadow: 0 0 0px 1000px white inset; /* Webkit alapú böngészőkhöz */
    transition: background-color 0.3s ease-in-out;
	
}
label[for="srcAddress"], label[for="smscounter"], label[for="smstextcounter"]{
	
	color: rgba(0, 0, 0, 0.35) !important;
}


span.mandatory {
	color: var(--verror);
}

input.vinput {
	max-width: 600px !important;
}

input[type="radio"] {
	appearance: none !important;
	position: relative !important;
	width: 20px !important;
	height: 20px !important;
	border: 2px solid #c4c4c4 !important;
	border-radius: 9999px !important;
	cursor: pointer !important;
}

input[type="radio"]:checked {
	border: 2px solid #00A4B2 !important;
	background-color: transparent !important;
}

input[type="radio"]:checked::after {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	width: 10px !important;
	height: 10px !important;
	margin: auto !important;
	border-radius: 9999px !important;
	background-color: #00A4B2 !important;
	background-image: none !important;
}

.form-check-input:checked {
	background-color: #00A4B2;
	border-color: #00A4B2
}


.form-check-input:focus {
	border-color: #00A4B2;
	outline: 0;
	box-shadow: 0 0 0 .5rem #00a3b239;
}

.form-control:focus {
    color: var(--bs-body-color);
    border-color: #00A4B2;
    outline: 0;
	background-color: #fff !important;
    box-shadow: 0 0 0 .5rem #00a3b239 !important;
}

.dt-input,
.select2-container--default .select2-selection--multiple {
	border-radius: 8px !important;
}

.select2,
.select2-containter,
.selection {
	min-height: 50px;
	height: auto !important;
	width: 100% !important;

}

.select2-selection__rendered {
	min-height: 50px;
	height: auto !important;
}

.select2-container .select2-selection--single {
	min-height: 50px;
	height: auto !important;
}

.select2-selection__arrow {
	min-height: 50px;
	height: auto !important;
}

.select2-selection {
	border-color: rgba(0, 0, 0, 0.6) !important;
	height: 50px !important;
	height: auto !important;
}

.select2-selection--multiple {
	min-height: 50px !important;
	overflow: hidden !important;
	height: auto !important;
}

.select2-selection__choice {
	margin-top: 10px !important;
	margin-left: 10px !important;

}



.select2-results__option--highlighted {
	background-color: var(--bs-blue) !important;
}

.navbar-nav>.user-menu .user-image {
	float: none !important;
	margin-right: .4rem !important;
	line-height: 10px !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: #00A4B2 !important;
	color: white
}

.vbutton,
.linkbutton,
.dt-button {
	border-radius: 50vh !important;
	min-height: 50px !important;
	overflow: hidden !important;
	height: auto !important;
	background-color: #00A4B2 !important;
	color: #fff !important;
	justify-content: center !important;
	border: 0px !important;
	padding: 0px 25px !important;
	font-size: 19px;
	font-weight: bold !important;
}

.vbutton:hover,
.linkbutton:hover,
.dt-button:hover {
	background-color: #008a96 !important;
	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

.vbutton:active,
.linkbutton:active,
.dt-button:active {
	background-color: #027d87 !important;
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.15);
}

a.dropdown-toggle {
	padding: 12px 0px 0px 0px !important;
}

.dt-button {

	min-height: 40px !important;

}



.listview {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 10px;
	border-radius: 6px;
	background-color: #fff;
	color: #333333;
	font-size: 18px;
}

/* Icons */



.bi::before {
	font-weight: 4300 !important;
}

.vib {

	filter: brightness(50%) saturate(100%) invert(94%) sepia(0%) saturate(7500%) hue-rotate(67deg) brightness(106%) contrast(108%) !important;

}

.vi-messages::before {
	content: url("/static/assets/icons/comments.svg");
}

.vi-menu {
	font-weight: 700;

}

.vi-menu::before {
	content: url("/static/assets/icons/menu.svg");
	transform: scale(1.2);
}


.vi-contacts::before {
	content: url("/static/assets/icons/contacts.svg");
}

.vi-settings::before {
	content: url("/static/assets/icons/engineer.svg");
}

.vi-profile::before {
	content: url("/static/assets/icons/profile.svg");
}

.vi-admin::before {
	content: url("/static/assets/icons/confidential.svg");
}

.vi-edit::before {
	content: url("/static/assets/icons/edit.svg");
}

.vi-groups::before {
	content: url("/static/assets/icons/users.svg");
}

.vi-delete::before {
	content: url("/static/assets/icons/delete.svg");
}

.vi-close::before {
	content: url("/static/assets/icons/close.svg");
}

.vi-calendar::before {
	content: url("/static/assets/icons/calendar.svg");
}

.vi-logout::before {
	content: url("/static/assets/icons/log-out.svg");
}

.vi-dashboard::before {
	font-weight: 400;
	content: url("/static/assets/icons/dashboard.svg");
}

.vi-hu::before {
	content: url("/static/assets/icons/log-out.svg");
}

.vi-sms::before {
	content: url("/static/assets/icons/comment.svg");
}

.vi-clear::before {
	content: url("/static/assets/icons/backspace.svg");
}

.vi-help::before {
	color: var(--oblack);
	content: url("/static/assets/icons/help-circle-400.svg");
}

.vi-upload::before {
	content: url("/static/assets/icons/upload.svg");
}

.vi-right::before {
	content: url("/static/assets/icons/chevron-right.svg");
}

.vi-left::before {
	content: url("/static/assets/icons/chevron-left.svg");
}

.vi-last::before {
	content: url("/static/assets/icons/last.svg");
}

.vi-first::before {
	content: url("/static/assets/icons/first.svg");
}

.vi-danger::before {
	content: url("/static/assets/icons/error-fill.svg");
}
.vi-info::before {
	content: url("/static/assets/icons/info-fill.svg");
}

.vi-success::before {
	content: url("/static/assets/icons/tick-circle-fill.svg");
}


.sidebar-menu .menu-open > .nav-link .nav-arrow {
	transform: translateY(-70%) rotate(180deg) /*rtl:ignore*/ !important;
  }

.bi-chevron-right::before {
	content: url("/static/assets/icons/chevron-down.svg") !important;
}
/*
.sidebar-menu .nav-item>.nav-link .nav-arrow {
    transition: transform ease-in-out .3s;
    transform: translateY(-50%);
}
*/


.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).active {
	background-color: var(--enterpriseblue);
}
.helpbutton {
	cursor: pointer;
	margin-right: 10px;
	position: relative;
	top: 5px;
}


.clear-search {
	position: relative;
	top: 4px;
	cursor: pointer;
}

.tablesearch {
	cursor: pointer;
}

a.tablesearch {
	cursor: pointer;
	color: var(--bs-body-color);
	text-decoration: none;
}

.tablesearch:hover {
	text-decoration: underline;
}

.vi-hu::before {
	content: url("/static/assets/img/hu.png");
	width: 25px;
	height: 20px;
}

.recipientrow:hover {
	background-color: #e6e6e6;

}

.recipientrow {
	width: 100%;
	padding: 2px;
}

span.recipient {
	display: inline-block !important;
}

span.recipienticon {
	display: inline !important;

	float: right !important;
	cursor: pointer !important;
	position: relative;
}

.smsdestinations .input-group {
	padding-bottom: 15px !important;
}

::placeholder {
	color: rgb(149, 149, 149) !important;
}

::-ms-input-placeholder {
	/* Edge 12-18 */
	color: rgb(149, 149, 149) !important;
}


.iconanchor {
	text-decoration: none;
}

.alertcontainer {
	box-shadow: 0 2px 8px rgba(0, 0, 0, .16) !important;
	border-radius: 6px !important;
	padding: 0px !important;
}


.card-title {
	cursor: default !important;
}

.card-body a {
	text-decoration: none;
}

.app-content .card {
	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.16) !important;
	margin: 32px 90px !important;

}

.app-content-dashboard .card .dt-button {
	margin-bottom: 15px !important;
}



.modal-body {
	max-height: 70vh;
	overflow-y: auto;
}





#messageCard {
	margin: 20px 90px;
	width: 500px;
}
/* buttons */
.deleteButton span {
	background: url(/static/assets/icons/delete.svg) no-repeat;
	background-size: contain;
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(162deg) brightness(105%) contrast(101%);

}

.listMessagesButton span {
	background: url(/static/assets/icons/calendar.svg) no-repeat;
	background-size: contain;

	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(162deg) brightness(105%) contrast(101%) !important;
}


.cgButton span {
	background: url(/static/assets/icons/users.svg) no-repeat;
	background-size: contain;
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(162deg) brightness(105%) contrast(101%);
}

.messageButton span {
	background: url(/static/assets/icons/comment.svg) no-repeat;
	background-size: contain;
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(162deg) brightness(105%) contrast(101%);
}

.logoutButton span {
	background: url(/static/assets/icons/log-out.svg) no-repeat;
	background-size: contain;
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(162deg) brightness(105%) contrast(101%);
}

.passwordButton span {
	background: url(/static/assets/icons/password-key.svg) no-repeat;
	background-size: contain;
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(162deg) brightness(105%) contrast(101%) !important;
}

.contactButton span {
	background: url(/static/assets/icons/contacts.svg) no-repeat;
	background-size: contain;
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(162deg) brightness(105%) contrast(101%) !important;
}

.uploadButton span {
	background: url(/static/assets/icons/upload.svg) no-repeat;
	background-size: contain;
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(162deg) brightness(105%) contrast(101%) !important;
}

.uploadcontactsButton span {
	background: url(/static/assets/icons/upload.svg) no-repeat;
	background-size: contain;
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(162deg) brightness(105%) contrast(101%) !important;
}

.buttons-excel span {

	background: url(/static/assets/icons/document-xls.svg) no-repeat;
	background-size: contain;
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(162deg) brightness(105%) contrast(101%) !important;

}

.buttons-copy span {

	background: url(/static/assets/icons/case-study.svg) no-repeat;
	background-size: contain;
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(162deg) brightness(105%) contrast(101%);

}
.text-bg-success image, .text-bg-primary image, .text-bg-warning image {
    filter: brightness(0) saturate(100%);
}

.td-delivered,
.text-bg-success {
	background-color: var(--vsuccess) !important;
	color: #000000DE !important;
	
}

.td-sendfailed,
.text-bg-danger,
.td-deliveryfailed {
	background-color: var(--verror) !important;
}

.td-pending,
.text-bg-warning {
	color: #000000DE !important;
	background-color: var(--vorange) !important;
}

.td-sent,
.text-bg-primary {
	background-color: var(--vneutral) !important;
}

.white-icon {

	filter: invert(100%) saturate(0%) brightness(2);
}

/*
.small-box {
	filter: saturate(50%) brightness(1);
}
*/
.small-box-icon {
	right: 30px !important;
}

.info-box {
	flex-wrap: wrap;
	
}

.info-box-icon {
	color: #000000DE;
	padding: 5px !important;
}

.info-box-text {
	text-wrap: wrap !important;
	text-overflow: clip !important;
}

.info-box-link {
	color: #444;
	text-decoration: none;

}

.info-box-link:hover {
	text-decoration: underline;
}

.info-box-number {
	font-size: 22px;
	text-align: center;
}

.nav-icon {
	color: var(--oblack) ;
}

.mainmenu {
	border-bottom: 1px solid #ccc;
}

.mainmenu .nav-link {
	padding: 8px 0px !important;
	margin: 0px !important;
}

.form-text {
	padding: 3px 12px 15px 12px !important;
	margin-top: -30px !important;
	font-size: 14px !important;
}

.btn-app {
	background-color: #F4F4F4;
	border: 1px solid #999999;
	color: #333;
	font-size: 18px;
	font-weight: 200;
	height: 50px;
	margin: 0 0 10px 10px;
	min-width: 80px;
	padding: 10px 20px;
	position: relative;
	text-align: center;
	border-radius: 6px;
}


.qbutton {
	height: 24px;
	color: #fff !important;
	position: relative;
	top: 5px;
}

.btn-app:hover .qbutton {
	filter: brightness(50%) saturate(100%) invert(94%) sepia(0%) saturate(7500%) hue-rotate(67deg) brightness(106%) contrast(108%) !important;

}

.info-box-text {
	margin: 0px auto !important;
	text-align: center !important;
}

.info-box-content {
	padding: 10px 0px 10px 10px !important;
}


.modal-dialog {
	max-width: 700px !important;

}


.vfsiderbar {
	padding: 0px !important;
}



.vfbusinesslogomobile {
	display: none;
}

/* datatables */

.dataTable, .dt-info {
	font-weight: 300 !important;
}
.dt-buttons {
	float: left;
	margin-bottom: 10px;
	font-size: 19px !important;
	font-weight: 700;

}



.dt-search {
	float: right;
}

.dt-length,
.dt-info,
.dt-paging {
	float: right;

}

.dt-button {
	padding: 0px 16px !important;
}

.dt-button span {

	color: black;
	height: 24px !important;
	filter: invert(100%);
	-webkit-filter: invert(100%);
	padding-left: 30px;
}

.dt-info {
	margin-top: -2px !important;
	margin-right: 20px !important	;
	font-weight: 400 !important;
}



.dt-paging-button {

	background-color: Transparent !important;
	background-image: none !important;
	background-repeat: initial !important;
	background-attachment: initial !important;
	background-position: initial !important;
	border: 0px !important;
	overflow: hidden !important;
	outline: none !important;
	padding: 6px !important;
	border-radius: 0px !important;
	color:#000000DE;

}

.app-content .dt-container .dt-paging .dt-paging-button:hover {
		color: #6d6d6d	 !important;
}
.app-content .dt-container .dt-paging .dt-paging-button:active {
		border: 0px transparent !important;
		background: unset !important;
}
.app-content .dt-container .dt-paging .dt-paging-button.current {
	color: var(--enterpriseblue) !important;
}

.app-content .dt-container .dt-paging .dt-paging-button i.nav-icon::before {
	filter: brightness(30%) saturate(100%) !important;
	position: relative !important;
	top: 5px !important;
}
.app-content .dt-container .dt-paging .dt-paging-button.disabled i.nav-icon::before {
	filter: brightness(80%) saturate(0%) !important;
	color: #aaa !important;

}


/* .dt-paging-button.disabled .nav-icon::before {

	filter: brightness(80%) saturate(0%) !important;
	color: #BBB !important;
	opacity: 0.4 !important;
} */
/* .app-conten div.dt-container .dt-paging .dt-paging-button.disabled, div.dt-container .dt-paging .dt-paging-button.disabled:hover, div.dt-container .dt-paging .dt-paging-button.disabled:active {
	filter: brightness(80%) saturate(0%) !important;
	color: #BBB !important;
	opacity: 0.4 !important;
} */
/* .app-conten div.dt-container .dt-paging .dt-paging-button.disabled, div.dt-container .dt-paging .dt-paging-button.disabled:hover, div.dt-container .dt-paging .dt-paging-button.disabled:active i.nav-icon{
	color: #BBB !important;
	filter: brightness(80%) saturate(0%) !important;
	opacity: 0.4 !important;
} */
/* .app-conten div.dt-container .dt-paging .dt-paging-button.disabled, div.dt-container .dt-paging .dt-paging-button.disabled:hover, div.dt-container .dt-paging .dt-paging-button.disabled:active i.nav-icon::before{
	filter: brightness(80%) saturate(0%) !important;
	color: #BBB !important;
	opacity: 0.4 !important;
} */

.app-content div.dt-container .dt-paging .dt-paging-button.disabled  i {
	filter: brightness(80%) saturate(0%) !important;
	color: #eee !important;
	opacity: 0.2 !important;

}
.app-content div.dt-container .dt-paging .dt-paging-button.disabled  i:hover {
	filter: brightness(80%) saturate(0%) !important;
	color: #eee !important;
	opacity: 0.2 !important;

}


.dt-length {
	padding: 8px 0px !important;
}

.dt-length select {
	margin-right: 0px !important;
 
}


/* datatables end */

/* Error/success messages */
 .msgcard {
        margin-bottom: 20px;
        border-radius: 8px;
        background-color: rgba(255, 255, 255, 0);
		display: flex;
    align-items: stretch; /* Az ikon és a szöveg magasságának igazítása */
    border-radius: 8px;
    overflow: hidden; /* A háttérszín miatt */
    }

    .msgcard-body {
        padding-left: 25px;
        color: #212121;
        font-weight: bold;
        width: calc(100% - 70px);
        background-color: white;
        padding: 10px;
   
		flex: 1; /* Szöveg rugalmas növekedése */
    }

    .msgcard-title {
        text-align: center;
        width: calc(100% - 30px);
        margin: 0 auto;
    }

    .card-danger {
        border: 2px solid #ED0000 !important;
        color: #fff;
    }

    .card-success {
        border: 2px solid #9EFF00 !important;
        color: #211c0b;
    }

	.card-neutral {
        border: 2px solid var(--vneutral) !important;
        color: #211c0b;
    }

    .btn-card-close:hover {
        background-color: transparent !important;
    }

    .msgcard-icon {
		display: flex;
    justify-content: center;
    align-items: center;
        width: 50px;
        border: 0;
        border-top-left-radius: 7px;
        border-bottom-left-radius: 7px;
        float: left;
		padding: 10px 10px 10px 10px;
    }

	.card-danger .msgcard-icon {
		background-color: #ED0000 !important;
	}

	.card-success .msgcard-icon {
		background-color: #9EFF00 !important;
	}
	.card-neutral .msgcard-icon {
		background-color: var(--vneutral) !important;
	}
	.card-neutral .msgcard-icon {
		background-color: var(--vneutral) !important;
	}
	.card-neutral .msgcard-body {
		font-family: Inter, Arial, Helvetica, sans-serif;
		font-weight: 300 !important;
		font-size: 14px;
	}

    .msgcard-icon i {
        top: 0 !important;
    }
	

/* left menu */
	

p.menuline {
	width: 100%;
	text-align: right;
}

.sidebar-wrapper .nav-link p {
	text-wrap: wrap !important;
}

li.nav-item {
	list-style-type: none !important;
}
@media (max-width: 900px) {
	/* remove after temporary period */
	.pagewrap nav.navbar {
		height: 200px !important;
	}
}
/* media */
@media (max-width: 767.98px) {
	.vfbusinesslogo {
		display: none;
	}
	.vfbusinesslogomobile {
		display: block;
	}
	/* remove after temporary period */
	.pagewrap nav.navbar {
		height: 200px !important;
	}
	#domainchangealert {
		display: none;
	}
	.app-content .container-fluid {
		width: calc(100% - 40px) !important;
		margin: 20px !important;
	}

	.dataTable {
		font-size: 12px;
	}

	.app-main {
		padding: 0px !important;

	}

	.app-content-dashboard {
		padding: 20px 0px 0px 0px !important;
	}

	.msisdnlist {
		margin-top: 20px;
	}

	.modal-dialog {
		overflow-y: initial !important;
		width: 700px !important;
		max-width: 700px !important;
	}
}

@media (max-width: 640px) {
	
	/* remove after temporary period */
	.pagewrap nav.navbar {
		height: 200px !important;
	}

	#messageCard {
		width: calc(100% - 400px) !important;
		margin: 20px !important;
	}

	.app-main {
		padding: 0px !important;

	}

	.vfbusinesslogo {
		display: none;
	}
	.vfbusinesslogomobile {
		display: block;
	}
	
	.dt-buttons {
		margin-bottom: 10px !important;
	}

	.dt-search {
		width: 100% !important;
		float: left !important;
	}

	.dt-length {
		display: none;
	}

	.modal {
		width: 500px !important;
	}

	.modal-dialog {
		overflow-y: initial !important;
		width: 500px !important;
		max-width: 500px !important;
	}

	.sidebar-brand {
		width: 130px !important;
		min-width: 130px !important;
	}

	.vfbusinesslogo {
		width: 80px;
	}
}



@media (max-width: 575.98px) {
	
	.vfbusinesslogo {
		display: none;
	}
	.vfbusinesslogomobile {
		display: block;
	}


	.app-main {
		padding: 0px !important;

	}

	.app-content {
		margin: 10px !important;
	}

	
	.app-content-dashboard {
		padding: 10px !important;
	}

	.dataTable {
		font-size: 12px;
	}

	.d-none {
		display: block !important;
	}

	.offcanvas {
		width: 400px !important;
	}

	.sidebar-brand {
		width: 110px !important;
		min-width: 110px !important;
	}

	.vfbusinesslogo {
		width: 100px;
	}

	.modal-dialog {
		overflow-y: initial !important;
		width: 500px !important;
		max-width: 500px !important;
	}
}


@media (max-width: 384px) {
	.vfbusinesslogo {
		display: none;
	}
	.vfbusinesslogomobile {
		display: block;
	}
	.offcanvas {
		width: 300px !important;
	}

	.dt-buttons {
		margin-bottom: 10px !important;
	}

	.dt-search {
		width: 100% !important;
		float: left !important;
	}

	.dt-length {
		display: none;
	}

	.modal {
		width: 380px !important;
	}

	.modal-dialog {
		overflow-y: initial !important;
		width: 360px !important;
		max-width: 360px !important;
	}

	.sidebar-brand {
		width: 110px !important;
		min-width: 110px !important;
		padding: 0px !important;
	}

	.vfbusinesslogo {
		width: 100px !important;
	}

	.vfsiderbar {
		padding: 0px !important;
	}

	.navbar-expand .navbar-nav .nav-link {
		padding: 8px !important;
	}
}


.tr-error td {
	color: var(--verror) !important;
}

.helpbody, .modal-body {
	font-family: Inter, sans-serif;
}  

.helpbody a {
	color: var(--enterpriseblue);
}
.helpbody p {
	margin-bottom: 80px;
}

.helpbody ol {
	counter-reset: item;
	padding-left: 0px;
}

.helpbody li {
	display: block;

	padding-left: 20px;
}

.helpbody li:before {
	content: counters(item, ".") " ";
	counter-increment: item;
}

.offcanvas {
	width: 600px !important;
	max-width: 80% !important;
}

.waitingcursor {
	cursor: wait;
}