/*****************
File name: solutioreports css file
Theme ver.: 06_OCT_2025-15_25
Blame DEV: radukam@gmail.com
***************/
/**** Start the ROOT ****/
:root{
	--main-font_family: "Open Sans", Helvetica, Arial, Lucida, sans-serif;
	--main-font_family_2: Helvetica Neue LT Pro;
	--main-font_family_3: 'Dosis', Helvetica, Arial, Lucida, sans-serif;
	--main-page-width: 1170px;
	--main-bg_color: #f5f5f5;
	--main-links_color: #2ea3f2;
	--main-body_txt_color: #5f5c68;
	--main-body_line_height: 1.6em;
	--main-color-black: #000000;
	--main-color-dark: #444444;
	--main-color-white: #ffffff;
	--main-color-blue: #1e568b; /* 009534 */
	--main-color-blue-2: #a0cffb; /* 419341 */
	--main-color-blue-3: #173551; /* E5F4EA or 63B450 */
	--main-color-blue-4: #1a71c2;
	--main-color-blue-5: #1c2e63;
	--main-color-blue-6: #001335;
	--main-color-red: #e2001a;
	--main-color-orange: #ff9800;
	--main-color-orange-light: #ffe3ba;
	--main-color-orange-dark: #af6800;
	--main-color-grey: #666666;
	--main-color-grey-2: #525456;
	--main-color-grey-3: #a8a8a8;
	--main-color-grey-light: #e1e1e1;
	--main-color-grey-light-2: #f2f2f2;
	--main-color-grey-light-3: #D0D0D0;
	--main-color-grey-light-4: #F3F4F6;
	--main-btn_hover_bg: #182756;
	--main-btn_radius: 0px; /* 3px */
	--main-all_transition-03s: all .3s;
	--main-opacity_transition-05s: opacity .5s;
	--main-box_shadow-30: inset 4px 0px 9px 0px rgba(0,0,0,0.3);
	--main-green-gradient: transparent linear-gradient(117deg, #173551 0%, #1e568b 100%) 0% 0% no-repeat padding-box;
	--main-green-gradient-none: transparent linear-gradient(117deg, #1e568b 0%, #1e568b 100%) 0% 0% no-repeat padding-box;
	--main-orange-gradient: transparent linear-gradient(117deg, #ff9800 0%, #d68000 100%) 0% 0% no-repeat padding-box;
	--main-red-gradient: transparent linear-gradient(117deg, #e2001a 0%, #b40015 100%) 0% 0% no-repeat padding-box;
	--main-grey-gradient: transparent linear-gradient(117deg, #7d7f80 0%, #525456 100%) 0% 0% no-repeat padding-box;
}
/**** START the main css elements ****/
body{
	background-color: var(--main-color-white);
	background-image: url(/solutioreports-preload-lite-balls.svg?ver=2024_0005);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 120px auto;
	overflow: hidden;
	font-family: var(--main-font_family);
	color: var(--main-body_txt_color);
	font-size:16px;
	line-height: var(--main-body_line_height);
}
body.bdy-dly-ready{
	background-color: var(--main-color-white);
	background-image: initial;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto auto;
	transition: var(--main-opacity_transition-05s);
	-webkit-transition: var(--main-opacity_transition-05s);
	-moz-transition: var(--main-opacity_transition-05s);
	-o-transition: var(--main-opacity_transition-05s);
	-ms-transition: var(--main-opacity_transition-05s);
	overflow: initial;
}
body > legend,
body > span,
body > form,
body > object,
body > iframe,
body > p,
body > div,
body > article,
body > section,
body > header,
body > footer,
body > style,
body > script,
body > link{
	opacity: 0;
	pointer-events: none;
}
body.bdy-dly-ready > legend,
body.bdy-dly-ready > span,
body.bdy-dly-ready > form,
body.bdy-dly-ready > object,
body.bdy-dly-ready > iframe,
body.bdy-dly-ready > p,
body.bdy-dly-ready > div,
body.bdy-dly-ready > article,
body.bdy-dly-ready > section,
body.bdy-dly-ready > header,
body.bdy-dly-ready > footer,
body.bdy-dly-ready > style,
body.bdy-dly-ready > script,
body.bdy-dly-ready > link{
	transition: var(--main-opacity_transition-05s);
	-webkit-transition: var(--main-opacity_transition-05s);
	-moz-transition: var(--main-opacity_transition-05s);
	-o-transition: var(--main-opacity_transition-05s);
	-ms-transition: var(--main-opacity_transition-05s);
	opacity: 10;
	pointer-events: initial;
}
img{
	max-width: 100%;
}
.wrapper-body{
	padding-bottom: 30px;
}
.loading-bar{
	display: none;
	position: fixed;
	width: 100%;
	top: 0;
	bottom: auto;
	left: 0;
	right: 0;
	cursor: progress;
	z-index: 200000000;
	text-align: center;
	color: #fff;
	font-size: 20px;
	padding: 16px 0px;
	border-bottom: 1px solid var(--main-color-grey);
	background-color: var(--main-color-white);
	background-image: url(/solutioreports-preload-lite-balls.svg?ver=2024_0005);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 80px auto;
	height: auto;
}
.loading-page{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: auto;
	left: 0;
	right: 0;
	cursor: progress;
	z-index: 190000000;
	text-align: center;
	padding: 0px;
	border: 0px;
	background-color: var(--main-color-white);
	background-image: url(/solutioreports-preload-lite-balls.svg?ver=2024_0005);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 120px auto;
	transition: var(--main-opacity_transition-05s);
	-webkit-transition: var(--main-opacity_transition-05s);
	-moz-transition: var(--main-opacity_transition-05s);
	-o-transition: var(--main-opacity_transition-05s);
	-ms-transition: var(--main-opacity_transition-05s);
}
.bdy-dly-ready .loading-page{
	opacity: 0;
	pointer-events: none;
}
.loading-page.on{
	transition: opacity 0s;
	-webkit-transition: opacity 0s;
	-moz-transition: opacity 0s;
	-o-transition: opacity 0s;
	-ms-transition: opacity 0s;
	opacity: 10;
	pointer-events: auto;
}
.open-sans-default {
  font-family: var(--main-font_family);
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
.cls-puls{
	-webkit-animation:shadow-pulse-slow 1s infinite;
	-moz-animation:shadow-pulse-slow 1s infinite;
	-o-animation:shadow-pulse-slow 1s infinite;
	-ms-animation:shadow-pulse-slow 1s infinite;
	animation:shadow-pulse-slow 1s infinite;
	position:relative;
}
span.cls-dysplay,
p.cls-dysplay,
iframe.cls-dysplay,
div.cls-dysplay,
.cls-dysplay{
	display: block !important;
}
.ifr-h{
	min-height: 50vh;
}
.loader-block{
	position: absolute;
	z-index: 10;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	cursor: not-allowed;
}
@keyframes shadow-pulse-slow{
	0%{
		box-shadow:0 0 0 0px rgba(63,63,63,.9)
	}
	100%{
		box-shadow:0 0 0 10px rgba(10,10,10,0)
	}
}
@-webkit-keyframes shadow-pulse-slow /* Safari and Chrome */ {
	0%{
		box-shadow:0 0 0 0px rgba(63,63,63,.9)
	}
	100%{
		box-shadow:0 0 0 10px rgba(10,10,10,0)
	}
}
/**** START fonts elements ****/
.fa-check-square-o:before{
	display: inline-block;
	content: "\f046";
}
.fa-trash-o:before{
	display: inline-block;
	content: "\f2ed";
}
.fa-file-o:before{
	display: inline-block;
	content: "\f15c";
}
legend,
legend h3,
legend h2,
legend h1{
	font-size: 24px;
	color: var(--main-color-grey-2);
}
.btn,
.btn-primary,
body,
body a,
body .navbar-inverse .navbar-nav li a,
.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a,
label,
h2, .h2,
.section-landing .row > div .section-landing-sub-heading,
.page_section h2,
.color-inverse h2,
h2 p,
h1,
.h1,
.section-landing-heading,
.section-landing .row > div .section-landing-heading,
.section-inline-search .row > div h1,
.section-landing h1,
.section-search .header-search h1,
.page_section h1,
.color-inverse h1,
h1 p{
	font-family: var(--main-font_family);
}
h1,
.h1,
.section-landing-heading,
.section-landing .row > div .section-landing-heading, .section-inline-search .row > div h1,
.section-landing h1,
.section-search .header-search h1,
.page_section h1,
.color-inverse h1,
h1 p{
	font-size: 30px;
}
.button,
.btn-link,
.btn{
	border-radius: var(--main-btn_radius);
	-webkit-border-radius: var(--main-btn_radius);
	-moz-border-radius: var(--main-btn_radius);
	-o-border-radius: var(--main-btn_radius);
	-ms-border-radius: var(--main-btn_radius);
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
	font-family: var(--main-font_family_3);
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	background-color: var(--main-color-blue-6);
	padding: 15px 30px;
	width: fit-content;
	font-family: var(--main-font_family_3);
	letter-spacing: 3px;
}
.btn:hover,
.btn:focus,
.btn:focus:hover,
.btn.focus{
	color: initial;
	background-color: var(--main-btn_hover_bg);
	transition: all .2s;
}
.tabs .btn-tab,
.btn-default,
.btn-green,
.activate-link,
.btn-primary{
	background: var(--main-color-blue-5);
    color: white;
    border-color: var(--main-color-blue-6);
    text-decoration: none;
    letter-spacing: 3px;
    padding: 15px 30px;
	font-family: var(--main-font_family_3);
}
.tabs .btn-tab:hover,
.btn-default:hover,
.btn-green:hover,
.activate-link:hover,
.btn-primary:hover{
	background: var(--main-green-gradient-none);
	border-color: transparent;
}
.btn:hover,
.btn-primary:hover,
.btn-default:hover{
	color: white;
}
.btn-info{
	border-color: var(--main-color-grey-2);
	background: var(--main-grey-gradient);
}
.btn-info:hover{
	background: var(--main-color-grey-2);
}
.sharepoint-custom-icon .fa,
.folder-link .fa{
	color: var(--main-color-grey-2);
	margin: 0px 5px 0px 0px;
	font-size: 17px;
}
/*** typo from client ****/
h1, h2, h3, h4, h5, h6 {
	margin-block-start: 0.5em;
	margin-block-end: 0.5em;
}
h1, h2, h3 {
	font-family: 'Dosis',sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	color:#000000;
}
h1 {
	font-size: 2em;
	letter-spacing: 5px;
	margin-bottom: 20px;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.17em;
}
h4 {
	font-size: 1em;
}
h5 {
	font-size: 0.83em;
}
h6 {
	font-size: 0.67em;
}
h1.head,
h2.head{
	text-align: center;
	display: table;
	border-collapse: collapse;
	white-space: nowrap;
	font-size: 30px;
	letter-spacing: 10px;
	margin-bottom: 20px;
	font-family: var(--main-font_family_3);
	font-weight: 300;
	text-transform: uppercase;
}
h1.head::before,
h2.head::before {
	border-right: 1em solid transparent;
}
h1.head::before,
h1.head::after,
h2.head::before,
h2.head::after {
	content: "";
	display: table-cell;
	width: 50%;
	background-image: linear-gradient(to right,#999 50%,#999 50%);
	background-position: 0 50%;
	background-repeat: repeat-x;
	background-size: 30px 1px;
}

/**** START reset for some elements ****/
.cls-application-data-delivery-program,
.cls-bewerber-daten-.cls-elmnr-2,
.cls-bewerber-daten.cls-elmnr-2{
	display: none !important;
}
.page-header{
	margin: 20px 0 15px;
}
.page-header > h1{
	font-size: 38px;
	color: var(--main-color-grey-2);
	font-style: normal;
}
.page-header-contact{
	display: flex;
}
.page-header-contact > h1{
	width: 100%;
	max-width: 70%;
}
.page-header-contact .cls-supplier-contact{
	margin-top: 30px;
    margin-bottom: 10px;
	width: 100%;
	max-width: 30%;
	text-align: right;
}
.container{
	width: 97%;
}
p,
.p,
.page_section p,
.section-diagonal-left p,
.section-diagonal-right p{
	font-family: var(--main-font_family);
	color: var(--main-body_txt_color);
	font-size:16px;
	line-height: var(--main-body_line_height);
}
.forgot-password-heading{
	border: 0px;
}
a:not(.btn):hover,
a:not(.btn),
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item{
	text-decoration: none;
}
.button2:not(.gjs-selected):hover,
.btn-default:not(.gjs-selected):hover{
	color: white;
	border-color: var(--main-color-blue-2);
	background-color: var(--main-color-blue-2);
}
.panel > .list-group .list-group-item.cls-manage-external-authentication{
	display: none;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus{
	border-color: var(--main-color-blue-2);
	background-color: var(--main-color-blue-2);
}
#mainContent > .container > .entitylist{
	margin-bottom: 20px;
}
.crmEntityFormView{
	margin-bottom: 20px;
	border: 0px;
}
.crmEntityFormView .cell{
	padding: 0 20px 20px;
}
.crmEntityFormView .cell.td-hide{
	display: none;
}
.crmEntityFormView .cell div.control:before,
.crmEntityFormView .cell div.control:after{
	display: block;
	float: none;
	clear: both;
	overflow: hidden;
	content: " ";
}
.crmEntityFormView fieldset{
	margin-bottom: 10px;
    margin-top: 10px;
}
.crmEntityFormView .tab{
	margin-bottom: 10px;
}
.crmEntityFormView .actions{
	margin: 0px 0 20px 0;
}
.help-block,
.crmEntityFormView div.description{
	font-style: italic;
	font-size: 90%;
}
.crmEntityFormView div.description.below{
	text-align: center;
    width: 100%;
	padding: 10px;
}
.crmEntityFormView,
.entitylist,
.modal-content,
.popover-content,
h3,
.h3,
.page_section h3,
.color-inverse h3,
.sidebar-home h3,
h2,
.h2,
.section-landing .row > div .section-landing-sub-heading,
.page_section h2,
.color-inverse h2,
h2 p{
	color: var(--main-color-dark);
	font-weight: 600;
	font-family: var(--main-font_family_3);
}
.btn:focus,
.btn.focus,
.btn:active:focus{
	outline: 0;
}
html[dir=ltr] .crmEntityFormView .form-action-container-left,
html[dir=ltr] .crmEntityFormView .actions{
	padding-left: 20px;
	padding-right: 20px;
}
.btn.clearlookupfield{
	background: var(--main-red-gradient);
	border-color: var(--main-color-red);
}
.btn.clearlookupfield:hover{
	background: var(--main-color-red);
	border-color: var(--main-color-red);
}
.btn.deactivate-link{
	background: var(--main-orange-gradient);
	border-color: var(--main-color-orange);
}
.btn.deactivate-link:hover{
	background: var(--main-color-orange-dark);
	border-color: var(--main-color-orange-dark);
}
.alert{
	outline: 0;
}
.alert-warning,
.crmEntityFormView .control .modal-content .table-responsive span[aria-label*="Choose one record"],
.view-empty.message,
.alert-info{
	background-color: var(--main-color-grey-light);
	/* background-color: var(--main-color-orange-light); */
	padding: 10px;
	width: auto;
	display: block;
	word-wrap: break-word;
}
.alert-info .btn-info{
	background-color: var(--main-color-orange);
	border-color: var(--main-color-orange);
}
.alert-info .pull-right{
	margin: auto auto auto 10px;
}
.view-empty.message .alert-warning{
    padding: 0px;
    border: 0;
    margin: 0;
}
html[dir=ltr] li a {
    margin-left: initial;
}
.breadcrumb{
	padding: 10px 0px 10px 2px;
}
.bdy-cls-edit_contact .breadcrumb,
.bdy-cls-selected_action_item .breadcrumb,
.bdy-cls-selected_contact .breadcrumb{
	padding: 10px 0px 10px 20px;
}
body a,
.breadcrumb > li a{
	color: var(--main-color-blue-4);
}
.breadcrumb > .active{
	color: var(--main-color-blue-4);
	font-weight: normal;
}
.breadcrumb > li a{
	font-size: 14px;
	font-weight: normal;
}
.crmEntityFormView .cls-empty-txt,
div .cls-empty-txt{
	margin-top: 0px;
    margin-bottom: 0px;
	padding: 0px;
}
.bdy-cls-edit_main_address .crmEntityFormView table tr td.cls-empty-txt,
.bdy-cls-edit_action_item .crmEntityFormView table tr td.cls-empty-txt,
.bdy-cls-edit_address .crmEntityFormView table tr td.cls-empty-txt{
	display: none;
}
.bdy-cls-edit_main_address .crmEntityFormView .modal-body table tr td.cls-empty-txt,
.bdy-cls-edit_action_item .crmEntityFormView .modal-body table tr td.cls-empty-txt,
.bdy-cls-edit_address .crmEntityFormView .modal-body table tr td.cls-empty-txt{
	display: table-cell;
}
.view-pagination{
	border-top: 1px solid var(--main-color-grey-light);
}
.grid-actions{
	margin-bottom: 0px;
    padding-bottom: 0px;
	border-bottom: 1px solid var(--main-color-grey-light);
}
.selected-view.dropdown-toggle{
	padding: 7px 15px 8px 15px;
	background-color: var(--main-color-grey-light-2);
}
.nav .open .dropdown-menu > li > a,
.selected-view.dropdown-toggle:focus,
.selected-view.dropdown-toggle:hover,
.nav .open .dropdown-menu > .active > a,
#filterDropdownId > a:focus,
.nav > li > a:hover,
.nav > li > a{
	border: 0px;
	outline: 0px;
}
.nav .open .dropdown-menu > .active > a{
	padding: 5px 5px;
}
.dropdown-menu{
	padding: 0px;
	margin: 0px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a{
	outline: 0px;
    padding: 5px 5px 5px 8px;
	text-decoration: none;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover{
    border: initial;
	outline: 0px;
}
.dropdown-menu > li > a:hover{
	filter: brightness(85%);
}
.dropdown-menu > li > .deactivate-link{
	/* background-color: var(--main-color-orange); */
}
.crmEntityFormView,
.entitylist:not(.entity-grid),
.modal-content,
.popover-content{
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
}
.entity-grid.subgrid{
	border-top: 1px solid var(--main-color-grey-light-2);
}
.entity-grid{
	border-left: 0px;
	border-right: 0px;
}
.table{
	margin-bottom: 0px;
}
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td{
	vertical-align: middle;
	border-top: 1px solid var(--main-color-grey-2);
	border-bottom: 1px solid var(--main-color-grey-2);
	color: var(--main-color-grey-2);
	line-height: normal;
}
.table > thead > tr > th a{
	color: var(--main-color-grey-2);
	text-decoration: none;
	outline: 0px;
	font-weight: 600;
	font-size: 17px;
}
.table > thead > tr > th{
	border-bottom: 2px solid var(--main-color-blue);
}
.table > thead > tr > th a:focus{
	color: initial;
}
.table > thead > tr > th a:hover{
	color: var(--main-color-red);
}
.table > tbody > tr > td:nth-of-type(even){ /* odd */
	background-color: var(--main-color-blue-3);
}
.table > tbody > tr > td:last-child{
	background-color: initial;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover{
	background-color: var(--main-color-blue) !important;
	line-height: 24px;
}
.pagination > li > a,
.pagination > li > span{
	line-height: 24px;
	font-weight: 700;
	text-decoration: none;
}
.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus{
	color: black;
	text-decoration: none;
}
/**** START Header elements ****/
.header-top-design{
	display: flex;
	padding: 0px 0px 0px 50px;
}
.header-top-design .red,
.header-top-design .green{
	height: 8px;
}
.header-top-design .red{
	width: 8%;
	background: var(--main-color-red);
}
.header-top-design .green{
	background: var(--main-color-blue);
	width: 92%;
}
.navbar,
.static-top.navbar,
.static-top.navbar-dark{
	background-color: white;
}
.navbar .container{
	width: 100%;
	max-width: 95%;
}
.navbar .container:before,
.navbar .container:after{
	clear: both;
	float: none;
	display: block;
}
.navbar .container .navbar-header{
	margin: 0px;
}
.navbar-header .navbar-brand{
	height: auto;
}
.navbar .container .navbar-header a{
	position: relative;
}
.navbar .container .navbar-header a img{
	height: 50px !important;
	margin: 0 10px 0 0px !important;
}
.navbar .container .navbar-header a h1.siteTitle,
.navbar .container .navbar-header a .siteTitle{
	font-size: 20px;
    position: relative;
    top: 20px;
}
.static-top.navbar .menu-bar > .navbar-nav > .divider-vertical{
	padding: 0;
    margin: auto;
	border: 0;
}
.navbar .container .navbar-collapse .menu-bar .caret{
	display: none;
}
.navbar .container .navbar-collapse{
	float: left;
	margin: 0px 0px 0px 0px;
}
.navbar-dark .navbar-nav a.show:hover,
.navbar-dark .navbar-nav a.show:focus,
.navbar-dark .navbar-nav a.dropdown-toggle.show:hover,
.navbar-dark .navbar-nav a.dropdown-toggle.show:focus{
	background: none;
	color: var(--main-color-dark);
}
.navbar .container .navbar-collapse .menu-bar{
	margin: 0 auto;
}
.navbar .container .navbar-collapse .menu-bar > ul{
	margin: 0px;
}
.navbar-dark .navbar-nav .show.dropdown-menu > li > a,
.navbar-static-top.navbar .container .navbar-collapse .menu-bar > ul > li > a,
.navbar .container .navbar-collapse .menu-bar > ul > li > a{
    border: 0px !important;
    outline: 0px;
    text-decoration: none;
    font-size: 17px;
    font-weight: normal;
	letter-spacing: 1px;
    text-transform: uppercase;
    padding: 5px 10px;
    margin: 0;
	color: var(--main-color-grey);
	background: initial;
	font-family: var(--main-font_family);
}
.navbar-dark .navbar-nav .show.dropdown-menu > li > a{
	font-size: 15px;
}
.bdy-navbar-big .navbar-static-top.navbar .container .navbar-collapse .menu-bar > ul > li > a,
.bdy-navbar-big .navbar .container .navbar-collapse .menu-bar > ul > li > a{
	padding: 5px 12px;
	font-size: 16px;
}
.navbar .container .navbar-collapse .menu-bar .caret{
    width: 10px;
    height: 10px;
    border-left: 2px solid var(--main-color-grey-2);
    border-bottom: 2px solid var(--main-color-grey-2);
    border-top: 0px;
    border-right: 0px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    position: relative;
    top: -3px;
}
.navbar-static-top.navbar .container .navbar-collapse .menu-bar .cls-current-link,
.navbar-static-top.navbar .container .navbar-collapse .menu-bar > ul > li > .cls-current-link,
.navbar .container .navbar-collapse .menu-bar > ul > li > .cls-current-link{
	color: var(--main-color-grey-2);
	font-weight: 700;
}
.navbar-static-top.navbar .container .navbar-collapse .menu-bar > ul > li > a:hover,
.navbar .container .navbar-collapse .menu-bar > ul > li > a:hover{
	background: none;
	color: var(--main-color-grey-2);
}
.navbar-static-top.navbar .menu-bar > .navbar-nav > .divider-vertical{
	height: 30px;
    margin: 0px 3px;
	border-left: 1px solid var(--main-color-grey-light);
	display: none;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus{
	background: none;
}
#navbar .dropdown-menu,
.navbar .container .navbar-collapse .menu-bar .dropdown-menu{
	background: white;
	margin-top: 0px;
	margin: 0px;
	padding: 0px;
}
.navbar .container .navbar-collapse .menu-bar .dropdown-menu li{
	margin: 0px;
	padding: 0px;
}
.navbar .container .navbar-collapse .menu-bar .dropdown-menu .divider{
	margin: 0px;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .dropdown-menu > .active > a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus,
.navbar .container .navbar-collapse .menu-bar .dropdown-menu li a{
	padding: 5px 10px;
	margin: 0px;
	border: 0px;
	background: initial;
}
.navbar .container .navbar-right img{
	height: 40px !important;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{
	background-color: var(--main-color-grey-light-2);
}
.navbar .container .sec-title{
	float: right;
	margin: 40px 0px 0px 20px;
	color: var(--main-color-grey-2);
	font-size: 36px;
}
/**** START form elements ****/
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"],
input[type="radio"],
input[type="checkbox"]{
    scale: 1.5;
    position: relative;
    top: 0px;
    margin: 0px 5px 0px 0px;
	cursor: pointer;
}
.form-control{
	height: 35px;
}
.bdy-cls-edit .form-control{
	height: auto;
}
.entry-list .btn-tab,
.crmEntityFormView .tab-title{
	padding: 0px 20px 10px 20px;
	margin: 0px 0px 20px 0px;
	font-size: 38px;
	border: 0px;
	color: var(--main-color-grey-2);
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
}
.crmEntityFormView fieldset .section-title{
	padding: 0px 20px;
}
body .btn{
	line-height: normal;
}
body .btn:active:focus,
body .button2:hover,
body .button2:focus,
body .button2:active,
body .btn-default:hover,
body .btn-default:focus,
body .btn-default:active,
body .crmEntityFormView .control button:hover,
body .crmEntityFormView .control button:focus,
body .crmEntityFormView .control button:active,
body .crmEntityFormView .control button{
	outline: 0;
	border-color: initial;
}
.form-group input.form-control,
.form-group textarea,
.form-group input[type="url"],
.form-group input[type="email"],
.form-group input[type="number"],
.form-group input[type="text"],
.input-group input.form-control,
.input-group textarea,
.input-group input[type="url"],
.input-group input[type="email"],
.input-group input[type="number"],
.input-group input[type="text"],
.crmEntityFormView .control select,
.crmEntityFormView .control textarea,
.crmEntityFormView .control input[type="url"],
.crmEntityFormView .control input[type="email"],
.crmEntityFormView .control input[type="number"],
.crmEntityFormView .control input[type="text"]{
	border: 1px solid transparent;
	background-color: var(--main-color-grey-light-4) !important;
	border-radius: var(--main-btn_radius);
	-webkit-border-radius: var(--main-btn_radius);
	-moz-border-radius: var(--main-btn_radius);
	-o-border-radius: var(--main-btn_radius);
	-ms-border-radius: var(--main-btn_radius);
	box-shadow: initial;
	-webkit-box-shadow: initial;
	-moz-box-shadow: initial;
	-o-box-shadow: initial;
	-ms-box-shadow: initial;
	padding: 10px 10px;
	height: auto;
}
.form-group input.form-control:focus,
.input-group input.form-control:focus,
.form-group textarea:focus,
.input-group textarea:focus,
.form-group input[type="url"]:focus,
.input-group input[type="url"]:focus,
.form-group input[type="email"]:focus,
.input-group input[type="email"]:focus,
.form-group input[type="number"]:focus,
.input-group input[type="number"]:focus,
.form-group input[type="text"]:focus,
.input-group input[type="text"]:focus,
.crmEntityFormView .control select:focus,
.crmEntityFormView .control textarea:focus,
.crmEntityFormView .control input[type="url"]:focus,
.crmEntityFormView .control input[type="email"]:focus,
.crmEntityFormView .control input[type="number"]:focus,
.crmEntityFormView .control input[type="text"]:focus{
	border-color: var(--main-color-blue) !important;
	background-color: initial !important;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(223 223 223) !important;
	-moz-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(223 223 223) !important;
	-o-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(223 223 223) !important;
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(223 223 223) !important;
}
form input::-ms-input-placeholder{
	color: var(--main-color-grey) !important;
}
form input::placeholder{
	color: var(--main-color-grey) !important;
}
form input::-webkit-placeholder{
	color: var(--main-color-grey) !important;
}
.crmEntityFormView .msos-container {
    min-height: auto !important;
}
.crmEntityFormView .msos-input-container{
	padding: 0;
}
.crmEntityFormView .cell div.control .status:focus,
.crmEntityFormView .control input[readonly]:focus,
.crmEntityFormView .form-control.readonly:focus,
.crmEntityFormView .form-control[readonly][disabled]:focus,
form.form-readonly textarea.form-control:focus,
.crmEntityFormView .cell div.control .status,
.crmEntityFormView .control input[readonly],
.crmEntityFormView .form-control.readonly,
.crmEntityFormView .form-control[readonly][disabled],
form.form-readonly textarea.form-control,
form.form-readonly .form-control{
    background-color: var(--main-color-grey-light-3) !important;
	cursor: not-allowed;
	padding: 10px 10px;
	display: block;
	border-color: transparent !important;
}
.crmEntityFormView span[disabled="disabled"],
.crmEntityFormView span[disabled="disabled"] label{
	cursor: not-allowed;
}
.modal-dialog .modal-footer button[disabled]:focus,
.modal-dialog .modal-footer button[disabled]{
	background: var(--main-color-grey-light-3) !important;
	cursor: not-allowed;
	border-color: transparent !important;
	pointer-events: auto;
}
.crmEntityFormView .cell div.control .status{
	border-radius: var(--main-btn_radius);
	-webkit-border-radius: var(--main-btn_radius);
	-moz-border-radius: var(--main-btn_radius);
	-o-border-radius: var(--main-btn_radius);
	-ms-border-radius: var(--main-btn_radius);
}
.tab-column .input-group .input-group-btn button{
	padding: 12px 20px;
}
.bdy-cls-address table[role="presentation"] > tbody > tr > .status-cell,
.tab-column .status-cell,
.bdy-cls-address table[role="presentation"] > tbody > tr > .boolean-radio-cell,
.tab-column .boolean-radio-cell,
.bdy-cls-address table[role="presentation"] > tbody > tr > .picklist-cell,
.tab-column .picklist-cell,
.bdy-cls-address table[role="presentation"] > tbody > tr > .form-control-cell,
.tab-column .form-control-cell{
	display: flex;
    align-items: center;
	flex-wrap: wrap;
	justify-content:space-between;
	flex: 0 0 100%;
}
.bdy-cls-main_address.bdy-cls-edit .tab-column .cls-parent-tr-cellchecked{
	display: flex;
}
.tab-column .status-cell > .info,
.tab-column .boolean-radio-cell > .info,
.tab-column .picklist-cell > .info,
.tab-column .form-control-cell > .info{
	width: 20%;
	font-size: 0;
}
.tab-column .status-cell > .info label,
.tab-column .status-cell > .info div,
.tab-column .status-cell > .info span,
.tab-column .status-cell > .info p,
.tab-column .boolean-radio-cell > .info label,
.tab-column .boolean-radio-cell > .info div,
.tab-column .boolean-radio-cell > .info span,
.tab-column .boolean-radio-cell > .info p,
.tab-column .picklist-cell > .info label,
.tab-column .picklist-cell > .info div,
.tab-column .picklist-cell > .info span,
.tab-column .picklist-cell > .info p,
.tab-column .form-control-cell > .info label,
.tab-column .form-control-cell > .info div,
.tab-column .form-control-cell > .info span,
.tab-column .form-control-cell > .info p{
	font-size: 17px;
    font-weight: normal;
	color: var(--main-color-grey-2);
}
.tab-column .status-cell > .control,
.tab-column .boolean-radio-cell > .control,
.tab-column .picklist-cell > .control,
.tab-column .form-control-cell > .control{
	width: 80%;
	padding: 0px 0px 0px 20px;
}
.tab-column .form-control-cell > .control > .cls-child-group-addon{
	position: relative;
	width: 100%;
}
.tab-column .form-control-cell > .control > .cls-child-group-addon > span.input-group-addon{
	position: absolute;
    z-index: 4;
    left: 0px;
    top: 8px;
}
.tab-column .form-control-cell > .control > .datetimepicker input{
	padding-left: 50px;
}
.tab-column .form-control-cell > .control > .datetimepicker span.input-group-addon{
    top: 0px;
    height: 100%;
    margin: 0;
    padding: 0px 20px;
	border: 0;
    right: auto;
	display: inline-flex;
    justify-content: center;
    align-items: center;
	background-color: #e3e3e3;
}
.tab-column .form-control-cell > .control > .datetimepicker span.input-group-addon .icon-calendar{
	display: inline-block;
	padding: 0;
    margin: 0;
    position: relative;
}
/**** Home page ****/
.main-home-img{
	position: relative;
	padding: 150px 0px 20px 0px;
}
.main-home-img .home-carousel{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1;
	list-style: none;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	width: 100%;
	display: block;
}
.main-home-img .home-carousel div.item,
.main-home-img .home-carousel .owl-item{
	min-width: 100vw;
}
.main-home-img .home-carousel div{
	width: 100%;
	height: 100%;
}
.main-home-img .home-carousel img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.main-home-img .inner-content{
	max-width: 960px; /* 1024px */
	margin: 0px auto 20px auto;
	padding: 0px;
	position: relative;
	z-index: 3;
	font-family: var(--main-font_family);
	color: var(--main-body_txt_color);
	font-size:16px;
	line-height: var(--main-body_line_height);
}
.main-home-img .inner-content > h1{
    text-align: center;
    color: #fff;
    font-weight: 300;
    font-size: 85px;
    margin: 0px auto 50px auto;
    letter-spacing: 5px;
}
.main-home-img .inner-content .txt-content{
	background-color: #fff;
	padding: 40px 60px 20px 60px;
	text-align: center;
	font-family: var(--main-font_family);
}
.main-home-img .inner-content .txt-content p{
	margin: 0 auto 25px auto;
}
.main-home-img .inner-content .btn-home{
	background: var(--main-color-blue-5);
    color: white;
    border-color: var(--main-color-blue-6);
	text-decoration: none;
	letter-spacing: 3px;
	padding: 15px 30px;
}
.main-home-img .inner-content .btn-home:hover{
	opacity: 0.7;
}
.bg-img{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
/**** Contact and address Form table reset ****/
html[dir=ltr] .crmEntityFormView .tab .tab-column{
	padding: 0px;
}
html[dir=ltr] .crmEntityFormView .tab .tab-column > div > fieldset{
	margin: 0;
}
.tab-column .accordion-section .accordion-title{
	border-bottom: 3px solid var(--main-color-blue);
	margin: 0px 0px 0px 0px;
	cursor: pointer;
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}
.tab-column .accordion-section .accordion-title h3{
	margin: 10px 0px;
	display: inline-block;
	font-weight: 600;
	font-family: var(--main-font_family_3);
}
.tab-column .accordion-section .accordion-title h3:after{
	content: "🡣";
	display: inline-block;
	margin: 0px 0px 0px 10px;
	font-size: 85%;
}
.tab-column .accordion-section .accordion-title.open h3{
	color: var(--main-color-grey-2);
	font-family: var(--main-font_family_3);
	font-weight: 600;
}
.tab-column .accordion-section .accordion-title.open h3:after{
	content: "🡡";
}
.tab-column .accordion-section .accordion-content{
	display: none;
	padding: 10px 0px 0px 0px;
}
.info .field-label{
	cursor: pointer;
}
.tab-column .accordion-section .accordion-content .info .field-label{
	color: var(--main-color-grey-2);
	font-size: 17px;
	font-weight: 600;
}
.tab-column .accordion-section .accordion-content .notes-cell{
	padding: 0px 0px 0px 0px;
}
.tab-column .accordion-section .accordion-content .notes-cell .entity-notes{
	width: 100%;
	padding: 0px 20px;
}
.tab-column .accordion-section .accordion-content .notes-cell .entity-notes .notes .note{
	margin-bottom: 0px;
	padding-top: 19px;
}
.tab-column .accordion-section .accordion-content .notes-cell .entity-notes .notes .note:hover{
	background-color: var(--main-color-grey-light-4);
}
.tab-column .accordion-section .accordion-content .notes-cell .entity-notes .notes .row{
	margin: 0px;
}
.tab-column .accordion-section .accordion-content .notes-cell .entity-notes .notes .row .metadata,
.tab-column .accordion-section .accordion-content .notes-cell .entity-notes .notes .row .content{
    padding: 0px 20px 0px 0px;
    text-align: left;
}
.tab-column .accordion-section .accordion-content .notes-cell .entity-notes .notes .row .content .attachment{
	padding: 0px 0px 20px 0px;
    float: none;
    clear: both;
}
.tab-column .accordion-section .accordion-content .notes-cell .note-actions a.addnote{
	float: none;
    clear: both;
	display: inline-block;
}
.cls-info-txt{
	margin: 20px 0px;
}
.cls-info-txt,
.cls-info-txt p,
.cls-info-txt span{
	font-size: 16px;
	color: var(--main-color-grey);
}
.cls-password-parent{
	position: relative;
}
.cls-password-parent .cls-show-pass{
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    height: 100%;
    width: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
	color: var(--main-color-grey);
	cursor: pointer;
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}
.cls-password-parent.show .cls-show-pass:before{
	content:"\f070"
}
.bdy-cls-changeemail form[action*="/Account/Manage/"] .form-group,
.bdy-cls-changepassword form[action*="/Account/Manage/"] .form-group,
.bdy-cls-profile .tab-column table .cls-parent-tr-cellchecked > td{
	display: block;
	width: 100%;
}
.bdy-cls-changeemail form[action*="/Account/Manage/"] .form-group > label,
.bdy-cls-changepassword form[action*="/Account/Manage/"] .form-group > label,
.bdy-cls-profile .tab-column table .cls-parent-tr-cellchecked > td > .info{
	display: inline-block;
	vertical-align: middle;
	width: 20%;
	text-align: left;
    font-weight: normal;
}
.bdy-cls-changeemail form[action*="/Account/Manage/"] .form-group > div,
.bdy-cls-changepassword form[action*="/Account/Manage/"] .form-group > div,
.bdy-cls-profile .tab-column table .cls-parent-tr-cellchecked > td > .control{
	/* display: inline-block; */
	/* vertical-align: middle; */
	width: 100%;
    margin: 0;
    padding: 0;
}
/*** START profile page **/
.bdy-cls-profile .tab-column table .cls-parent-tr-cellchecked .table-info{
	margin: 0 0px 10px 0px;
}
.bdy-cls-profile .tab-column table .cls-parent-tr-cellchecked > td{
	display: inline-flex;
    width: 50%;
	padding: 0px 10px 10px 0px;
}
.bdy-cls-profile .tab-column table .cls-parent-tr-cellchecked > td.cls-empty-txt{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: inline;
}
.bdy-cls-profile .wrapper-body form .container .row[role="main"] > .col-lg-4{
	display: none;
}
.bdy-cls-profile .wrapper-body form .container .row[role="main"] > #mainContent,
.bdy-cls-profile .wrapper-body form .container .row[role="main"] > .col-lg-8{
	width: 100%;
}
.bdy-cls-profile .wrapper-body .profile-page-heading{
	display: none;
}
.bdy-cls-changepassword form[action*="/Account/Manage/"] .form-group > div.col-sm-offset-4.col-sm-8,
.bdy-cls-changeemail form[action*="/Account/Manage/"] .form-group > div.col-sm-offset-2.col-sm-10{
    width: 100%;
    margin: 0px;
    text-align: left;
}
/*** START accordion-panel **/
.accordion-panel .cls-mobile-nav-menu-btn{
	display: none;
	margin: auto 0px auto auto;
	width: 43px;
	height: 40px;
	background: none;
    border-color: var(--main-color-grey-2);
}
.accordion-panel .cls-mobile-nav-menu-btn .icon-bar{
	border-color: var(--main-color-grey-2);
}
.accordion-panel .cls-mobile-nav-menu-btn .icon-bar:nth-child(1){
	margin: 2px 0px 0px 0px;
}
.accordion-panel .cls-mobile-nav-menu-btn.open .icon-bar:nth-child(1){
	display: none;
}
.accordion-panel .cls-mobile-nav-menu-btn.open .icon-bar:nth-child(2){
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	margin: 9px 0px 0px -1px;
}
.accordion-panel .cls-mobile-nav-menu-btn.open .icon-bar:nth-child(3){
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	margin: -2px 0px 0px -1px;
}
.owl-carousel{
	position: relative;
}
.owl-carousel .owl-stage{
	display: flex;
    align-items: center;
	background-color: #eee;
}
.owl-carousel .owl-item figure{
	position: relative;
}
.owl-carousel .owl-item figure img{
	max-width: 100vw;
	max-height: 100vh;
}
.owl-carousel .owl-item figure figcaption{
	background: transparent linear-gradient(117deg, #77B25D 0%, #419341 100%) 0% 0% no-repeat padding-box;
	-webkit-background: transparent linear-gradient(117deg, #77B25D 0%, #419341 100%) 0% 0% no-repeat padding-box;
	-moz-background: transparent linear-gradient(117deg, #77B25D 0%, #419341 100%) 0% 0% no-repeat padding-box;
	-ms-background: transparent linear-gradient(117deg, #77B25D 0%, #419341 100%) 0% 0% no-repeat padding-box;
	-o-background: transparent linear-gradient(117deg, #77B25D 0%, #419341 100%) 0% 0% no-repeat padding-box;
	position: absolute;
	top: auto;
	bottom: 0px;
	right: 10%;
	left: auto;
	padding: 40px 50px 60px 50px;
	color: #FFFFFF;
	max-width: 500px;
}
.owl-carousel .owl-item figure figcaption strong{
	font-size: 38px;
	font-weight: normal;
	line-height: 38px;
	margin: 0px 0px 10px 0px;
	display: block;
}
.owl-carousel .owl-item figure figcaption p{
	font-size: 24px;
	color: #FFFFFF;
}
.owl-carousel .owl-dots{
	display: none;
}
.owl-carousel .owl-nav{
	position: absolute;
	top: auto;
	bottom: 55%;
	width: 100%;
	z-index: 1;
}
.owl-carousel.owl-itemsnr-1 .owl-nav{
	display: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next{
	position: absolute;
	line-height: normal;
	font-size: 0px;
}
.owl-carousel .owl-nav .owl-prev{
	left: 20px;
}
.owl-carousel .owl-nav .owl-next{
	right: 20px;
}
.owl-carousel .owl-nav .owl-prev span,
.owl-carousel .owl-nav .owl-next span{
    font-size: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
	font-weight: normal;
	color: #ffffff;
	padding: 0px 20px;
}
.owl-carousel .owl-nav .owl-prev span:hover,
.owl-carousel .owl-nav .owl-next span:hover{
	color: var(--main-color-grey-2);
}
.text-section{
	text-align: center;
	padding: 40px 20px;
}
.text-section .title{
	font-size: 24px;
	margin: 0px 0px 20px 0px;
	color: var(--main-color-grey-2);
}
.text-section .text{
    font-size: 17px;
    margin: 0px auto 20px auto;
    max-width: 790px;
	color: var(--main-color-grey-2);
}
.text-section .text p{
	color: var(--main-color-grey-2);
}
.text-section .btn-h{}
.text-section .btn-h .btn{
	font-size: 14px;
}
/**** START  view toolbar *****/
.view-toolbar .input-group input.form-control:hover,
.view-toolbar .input-group input.form-control:focus,
.view-toolbar .input-group input.form-control{
    background-color: initial !important;
    border: 1px solid var(--main-color-grey-light) !important;
    padding: 10px 10px;
    height: 35px;
    margin: 0px;
    border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
}
.view-toolbar .input-group button[type="button"]{
    background: none;
    color: var(--main-color-grey-2);
    border: 0px;
    outline: 0;
    height: auto;
    padding: 9px 20px;
}
.view-toolbar .input-group button[type="button"]:hover{
	background-color: var(--main-color-grey-light);
}
html[dir=ltr] .view-toolbar .input-group a.btn.action,
.view-toolbar .input-group a.btn.action{
	padding: 7px 20px;
	margin-left: 0px;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
}
/**** START accordion-content AND view-grid *****/
.crmEntityFormView table.table td[aria-label="action menu"]{
	text-align: right;
}
.crmEntityFormView table.table td[aria-label="action menu"] .open > .dropdown-menu{
	right: 0px;
    left: auto;
}
.view-grid table tbody tr td .dropup,
.view-grid table tbody tr td .dropdown{
	display: inline-block;
}
.view-grid table tbody tr td .dropup .btn-default[aria-label="action menu"],
.view-grid table tbody tr td .dropdown .btn-default[aria-label="action menu"],
.accordion-content table tbody tr td .toolbar .btn-default.btn-xs,
.view-grid table tbody tr td .btn-default.aria-exp{
	padding: 6px 7px;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-o-border-radius: 100px;
	-ms-border-radius: 100px;
}
/**** START  dashboard *****/
.bdy-cls-dashboard .wrapper-body{
	padding-bottom: 10px;
}
.bdy-cls-dashboard .tab-column .accordion-section{
    display: flex;
    width: 100%;
    margin: 10px 0px;
}
.bdy-cls-dashboard .wrapper-body .row.sectionBlockLayout .container,
.bdy-cls-dashboard .wrapper-body .page-copy .row.sectionBlockLayout .container{
	max-width: 100% !important;
    margin: 0px auto !important;
    padding: 0 !important;
    width: 100% !important;
}
.dashboard-wrap{
	display: flex;
}
.dashboard-data{
    margin: 0px 0px 20px 0px;
    padding: 0px;
    display: flex;
    list-style: none;
    align-items: center;
    flex-wrap: wrap;
    width: 60%;
    height: 100%;
}
.dashboard-data li{
    margin: 0px 10px 25px 10px;
    padding: 20px;
    background: var(--main-green-gradient);
    color: white;
    width: 100%;
    height: 100%;
    min-height: 300px;
    display: inline-flex;
    justify-content: center;
    font-size: 0;
    line-height: normal;
    max-width: 31%;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}
.dashboard-data li strong,
.dashboard-data li p{
	width: 100%;
	font-weight: normal;
	display: block;
	text-align: center;
	line-height: 40px;
	color: white;
}
.dashboard-data li strong{
	font-size: 40px; /* 50px */
	margin: 0px 0px 20px 0px;
	word-break: break-all;
}
.dashboard-data li p{
	font-size: 22px; /* 24px */
}
.bdy-cls-dashboard .powerbi{
	min-height: 90vh;
}
.bdy-cls-dashboard .powerbi iframe{
	width: 100%;
    height: 100%;
}
.cls-supplier-image{
	width: 40%;
	height: 100%;
}
.cls-supplier-contact{
	font-size: 18px;
}
.cls-supplier-contact .cls-phonenumber,
.cls-supplier-contact .cls-email{
	margin: 0px 10px 0px 0px;
	font-size: 18px;
}
.cls-supplier-contact .fa{
	margin: 0px 10px 0px 0px;
	color: var(--main-color-grey);
}
.cls-supplier-contact a{
	font-size: 18px;
}
/*** START signin and register page/forms ***/
.bdy-cls-signinregister .form-control{
	height: auto;
	padding: 15px 15px;
	border-radius: var(--main-btn_radius);
	-webkit-border-radius: var(--main-btn_radius);
	-moz-border-radius: var(--main-btn_radius);
	-o-border-radius: var(--main-btn_radius);
	-ms-border-radius: var(--main-btn_radius);
}
.bdy-cls-signinregister .container.wrapper-body{
	background-image: url(/buildings-image.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover; /* cover auto auto */
	margin: 0px auto;
    padding: 100px 0px 20px 0px;
	width: 100%;
	height: auto;
	max-width: none;
	position: relative;
	overflow: hidden;
	min-height: auto;
}
.bdy-cls-signinregister .container.wrapper-body:before{
	content: " ";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
	z-index: 1;
	background-color: rgba(181, 181, 181, 0.65);
}
.bdy-cls-signinregister .container.wrapper-body > #content{
    margin: 0px auto 20px auto;
    padding: 25px 50px 35px 50px;
    display: block;
    max-width: 550px;
    background-color: #fff;
    text-align: center;
    font-size: 17px;
    position: relative;
    z-index: 2;
}
.bdy-cls-signinregister .container.wrapper-body .nav-tabs{
    border: 0px;
    margin: 0 auto 30px auto;
    width: auto;
    display: table;
}
.bdy-cls-signinregister .container.wrapper-body .nav-tabs li{
	border: 0px;
	margin: 0px 5px;
	padding: 0px;
	display: inline-block;
}
.bdy-cls-signinregister .container.wrapper-body .nav-tabs li a{
    border: 0px;
    margin: 0px;
    padding: 2px 10px;
    border-bottom: 2px solid var(--main-color-grey-light-3);
    display: inline-block;
    min-height: 30px;
    line-height: 30px;
	color: var(--main-color-grey);
	font-size: 14px;
	font-family: var(--main-font_family);
}
.bdy-cls-signinregister .container.wrapper-body .nav-tabs li a.active{
	border-bottom: 2px solid var(--main-color-grey-2);
	color: var(--main-color-grey-2);
	font-weight: bold;
}
.bdy-cls-signinregister .container.wrapper-body .forgot-password-heading,
.bdy-cls-signinregister .container.wrapper-body .login-heading-section{
	font-size: 22px; /* 24px */
	font-weight: normal;
	color: var(--main-color-grey);
	border-bottom: 0px;
	margin-bottom: 0px;
	padding-bottom: 20px;
	outline: 0;
}
.bdy-cls-signinregister .container.wrapper-body form[action*="/ResetPassword"] input[type="text"],
.bdy-cls-signinregister .container.wrapper-body form[action*="/Register?"] input[type="text"],
.bdy-cls-signinregister .container.wrapper-body form[action*="ForgotPassword"] input[type="text"],
.bdy-cls-signinregister .container.wrapper-body form[action*="/ResetPassword"] input[type="password"],
.bdy-cls-signinregister .container.wrapper-body form[action*="ForgotPassword"] input[type="password"],
.bdy-cls-signinregister .container.wrapper-body form[action*="/SignIn"] input[type="text"],
.bdy-cls-signinregister .container.wrapper-body form[action*="/SignIn"] input[type="password"],
.bdy-cls-signinregister .container.wrapper-body div[id*="MainContent_LocalLogin"] input[type="text"],
.bdy-cls-signinregister .container.wrapper-body div[id*="MainContent_LocalLogin"] input[type="password"]{
	text-align: center;
	padding: 15px 10px;
	background-color: transparent !important;
	border-color: var(--main-color-grey);
	font-family: var(--main-font_family);
}
.bdy-cls-signinregister .container.wrapper-body form[action*="/ResetPassword"] .form-horizontal fieldset > legend,
.bdy-cls-signinregister .container.wrapper-body form[action*="ForgotPassword"] .forgot-password-heading,
.bdy-cls-signinregister .container.wrapper-body form[action*="/SignIn"] .login-heading-section,
.bdy-cls-signinregister .container.wrapper-body div[id*="MainContent_LocalLogin"] .login-heading-section{
	font-size: 26px; /* 38px */
	line-height: normal; /* 35px */
	/* font-weight: bold; */
	padding-bottom: 30px;
}
.bdy-cls-signinregister .container.wrapper-body form[action*="ForgotPassword"] .forgot-password-heading{
	margin-bottom: 20px;
}
.bdy-cls-signinregister .container.wrapper-body .page-content .row{
	margin: 0px;
    padding: 0px;
}
.bdy-cls-signinregister form[action*="/ResetPassword"] fieldset > legend{
	margin: 0px auto 20px auto;
    padding: 0px 0px 20px 0px;
}
.bdy-cls-signinregister form[action*="/ResetPassword"] fieldset .row{
	float: none;
    clear: both;
}
.bdy-cls-signinregister .container.wrapper-body .page-content .row > .col-form-label,
.bdy-cls-signinregister .container.wrapper-body .page-content .row > div[class*="col-lg-"],
.bdy-cls-signinregister .container.wrapper-body .page-content .row > div[class*="col-md-"]{
	float: none;
    clear: both;
    width: 100%;
    margin: 0px;
    padding: 0px;
	text-align: center;
	font-family: var(--main-font_family);
}
.bdy-cls-signinregister .container.wrapper-body .page-content .row > .col-form-label{
	margin: 0px 0px 10px 0px;
	display: block;
	font-family: var(--main-font_family);
}
.bdy-cls-signinregister .container.wrapper-body .page-content .row .col-md-6{
    float: none;
    clear: both;
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.bdy-cls-signinregister .container.wrapper-body .portal-form .form-group{
	margin: 0px 0px 20px 0px;
    padding: 0px;
}
.bdy-cls-signinregister .container.wrapper-body .portal-form .form-group > label,
.bdy-cls-signinregister .container.wrapper-body .portal-form .form-group > div{
	float: none;
    clear: both;
    width: 100%;
    margin: 0px;
    padding: 0px;
	text-align: center;
}
.bdy-cls-signinregister .container.wrapper-body .portal-form .form-group > label{
	color: var(--main-color-grey);
	padding: 5px 0px 2px 0px;
    margin: 0 auto 2px auto;
	cursor: pointer;
	display: none;
}
.bdy-cls-signinregister .container.wrapper-body .portal-form .cls-forgot-your-password,
.bdy-cls-signinregister .container.wrapper-body .portal-form .cls-kennwort-vergessen{
    background: none;
    border: 0;
    color: var(--main-color-grey-2);
    display: block;
    text-align: center;
    width: auto;
    padding: 10px 0px 5px 0px;
}
.bdy-cls-signinregister .container.wrapper-body .portal-form .register-box{
	font-weight: 600;
    line-height: normal;
    margin: 0 auto 15px auto;
}
.bdy-cls-signinregister .container.wrapper-body .portal-form .info-box a{
	font-weight: 600;
	font-size: 17px;
}
/**** START documents page ****/
.bdy-cls-documents .tab-column .view-toolbar.grid-actions{
	padding: 0px 0px 15px 0px;
}
.bdy-cls-documents .tab-column .view-toolbar.grid-actions .pull-right{
	float: none !important;
    clear: both;
}
.bdy-cls-documents .tab-column .view-toolbar.grid-actions .btn{
	font-size: 12px;
	font-weight: 600;
}
.bdy-cls-documents .form-horizontal .margin-addfile{
	margin: 0px;
}
.bdy-cls-documents .form-horizontal .margin-addfile > .control-label-addfile,
.bdy-cls-documents .form-horizontal .margin-addfile > div.col-sm-9{
    width: 100%;
    text-align: center;
    float: none;
    clear: both;
}
.bdy-cls-action_items_landing .modal-content .form-horizontal input[type="file"],
.bdy-cls-documents .form-horizontal .margin-addfile input[type="file"]{
    width: 100%;
    padding: 140px 20px 50px 20px;
    margin: 20px 0px 20px 0px;
    background-color: var(--main-color-blue-3);
    background-image: url(https://lr-dev.powerappsportals.com/en-US/images/Icon-feather-upload-cloud.svg);
    background-position: center 20px;
    background-repeat: no-repeat;
	cursor: pointer;
	text-align: center;
	outline: 0;
}
.bdy-cls-documents .modal-dialog{
	width: 70vw;
}
.bdy-cls-documents_landing .user-name,
.bdy-cls-documents .user-name{
	margin: 0px 0px 20px 0px;
}
.bdy-cls-documents_landing .container-tabs .tabs,
.bdy-cls-documents .container-tabs .tabs{
	margin: 0px 0px 20px 0px;
	position: relative;
}
.bdy-cls-documents_landing .container-tabs .tabs .btn-tab,
.bdy-cls-documents .container-tabs .tabs .btn-tab{
	background: var(--main-grey-gradient);
}
.bdy-cls-documents_landing .container-tabs .tabs .btn-tab:hover,
.bdy-cls-documents .container-tabs .tabs .btn-tab:hover,
.bdy-cls-documents_landing .container-tabs .tabs .btn-tab.open,
.bdy-cls-documents .container-tabs .tabs .btn-tab.open{
	background: var(--main-green-gradient);
}
.bdy-cls-documents_landing .container-tabs .tabs .btn-tab > b,
.bdy-cls-documents .container-tabs .tabs .btn-tab > b{
	display: none;
}
.bdy-cls-documents_landing .container-tabs .parent-tab,
.bdy-cls-documents .container-tabs .parent-tab{
	display: none;
	margin: 0px 0px 20px 0px;
}
.bdy-cls-documents_landing .container-tabs .parent-tab.open,
.bdy-cls-documents .container-tabs .parent-tab.open{
	display: block;
}
.bdy-cls-documents_landing .container-tabs .parent-tab iframe,
.bdy-cls-documents .container-tabs .parent-tab iframe{
	height: 60vh;
}
.bdy-cls-documents iframe[src*="lobodms-portal"]{
    margin: 0px 0px;
    padding: 0px 0px;
    width: 100%;
    max-width: 100%;
	min-height: 80vh;
	display: block;
}
/**** START footer ****/
footer .footer-bottom{
	background-color: var(--main-color-grey-3);
	/* border-top: 1px solid var(--main-color-grey); */
	padding: 20px 10px  !important;
	background-image: radial-gradient(circle at center,#bcbcbc 0%,#a8a8a8 100%) !important;
}
footer .footer-bottom .container{
	padding: 0px;
	width: auto;
	font-size: 14px;
}
footer .footer-bottom p{
	color: white;
	font-weight: 400;
    font-size: 0.9em;
    line-height: 140%;
}
footer .footer-bottom .row{
	margin-left: 0px;
    margin-right: 0px;
}
footer .footer-bottom .row > .col-md-9,
footer .footer-bottom .row > .col-md-9 .xrm-editable-html,
footer .footer-bottom .row > .col-md-9 .xrm-editable-html .xrm-attribute-value{
    width: 100%;
    display: block;
}
footer .footer-bottom .row .copyright{
	font-size: 12px;
	width: auto;
	margin: 0px;
	float: right;
	font-family: var(--main-font_family);
}
footer .footer-bottom .row .copyright p.smallText{
	font-size: 12px;
	font-family: var(--main-font_family);
}
footer .footer-bottom .row .footernav{
    margin: 0px;
    width: auto;
    border: 0px;
    padding: 0px 0px 0px 0px;
	float: none;
	clear: both;
}
footer .footer-bottom .row .footernav img{
	max-height: 50px;
	width: 100%;
}
footer .footer-bottom .row .footernav .column{
	display: inline-block;
    vertical-align: top;
    max-width: 100%;
	width: auto;
	margin: 0px 0px 20px 0px;
	padding: 0px 60px;
	font-size: 14px;
}
footer .footer-bottom .row .footernav .column strong{
	font-weight: bold;
	display: block;
	margin: 0px 0px 10px 0px;
	color: white;
}
footer .footer-bottom .row .footernav .column a{
	color: white;
	font-size: inherit;
}
footer .footer-bottom .row .footernav .column .sub-col{
	display: inline-block;
    vertical-align: top;
    max-width: 100%;
	width: auto;
	margin: 0px 20px 20px 0px;
}
footer .footer-bottom .row .footernav ul{
	margin: 0px;
	padding: 0px;
}
footer .footer-bottom .row .footernav li{
	display: inline-block;
}
footer .footer-bottom ul li a:hover,
footer .footer-bottom ul li a{
	color: var(--main-color-dark);
	font-size: 12px;
}
footer .footer-bottom ul li a:hover{
	color: var(--main-color-red);
}
footer .footer-bottom .row .footernav li a{
	padding: 0px 5px;
}
body > .tooltip.right.in{
	position: fixed;
}
.iframe-popup{
	display: none;
	z-index: 6;
	position: fixed;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.75);
	background-image: url(/solutioreports-preload-lite-balls.svg?ver=2024_0005);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 80px auto;
}
.iframe-popup iframe{
    position: absolute;
    top: 5%;
    left: 0;
    bottom: 0;
    right: 0;
    width: 70%;
    height: 90%;
	margin: 0 auto;
}
.iframe-popup.open{
	display: flex;
}
body .btn-default.btn-iframe-close,
body .btn-default.btn-iframe-open{
	z-index: 5;
	padding: 15px 15px;
	padding: 15px 12px 15px 15px;
	position: fixed;
	top: auto;
	bottom: 10px;
	right: 10px;
	left: auto;
	cursor: pointer;
	background-color: #4f46e5;
	border-color: #4f46e5;
	border-radius: 10px;
	font-size: 20px;
}
body .btn-default.btn-iframe-close:hover,
body .btn-default.btn-iframe-open:hover{
	background-color: #4f46e5 !important;
	opacity: 0.7;
}
body .btn-default.btn-iframe-open:before{
    content: "Tutorial";
    display: inline-block;
    position: absolute;
    right: 110%;
    color: black;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Open Sans';
}
body .btn-default.btn-iframe-close{
	top: 10px;
	bottom: auto;
	right: 10px;
	left: auto;
}
.skip-to-content{
	display: none;
}
/**** START media for mobile ****/
@media only screen and (max-width: 1441px){ /* for 1440 */
	.dashboard-data li{
		max-width: 30%;
	}
}
@media only screen and (max-width: 1199px){ /* for under 1200 */
	.navbar-dark .navbar-toggler{
		background-color: var(--main-color-blue-5);
		border-color: var(--main-color-blue-6);
	}
	.navbar{
		min-height: initial;
	}
	.navbar-static-top .navbar-brand{
		height: auto;
	}
	.navbar-inverse .navbar-toggle:focus,
	.navbar-inverse .navbar-toggle:hover,
	.navbar-inverse .navbar-toggle{
		outline: 0px;
		border-color: var(--main-color-grey-2);
	}
	.navbar-inverse .navbar-toggle:focus,
	.navbar-inverse .navbar-toggle:hover,
	.navbar-inverse .navbar-toggle{
		padding: 0px;
		width: 42px;
		height: 42px;
		text-align: center;
	}
	.navbar-inverse .navbar-toggle .icon-bar{
		margin: 6px 0px 6px 9px;
		transition: var(--main-all_transition-03s);
		-webkit-transition: var(--main-all_transition-03s);
		-moz-transition: var(--main-all_transition-03s);
		-o-transition: var(--main-all_transition-03s);
		-ms-transition: var(--main-all_transition-03s);
	}
	.navbar-inverse .navbar-toggle[aria-expanded="true"] .icon-bar{
		border-color: white;
	}
	.navbar-inverse .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(2){
		display: none;
	}
	.navbar-inverse .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(3){
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		margin: 0px 0px 0px 10px;
	}
	.navbar-inverse .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(4){
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		margin: -2px 0px 0px 10px;
	}
	.navbar .container .navbar-collapse{
		float: none;
		clear: both;
		margin: 0px 0px 0px 0px;
		padding: 0px;
	}
	.navbar-static-top.navbar .container .navbar-collapse .menu-bar > ul > li > a,
	.navbar .container .navbar-collapse .menu-bar > ul > li > a{
		padding: 10px 5px;
		border-top: 1px dashed var(--main-color-grey-light) !important;
	}
	#navbar .dropdown-menu, .navbar .container .navbar-collapse .menu-bar .dropdown-menu{
		margin: 0px 0px 0px 20px;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-inverse .navbar-nav .dropdown-menu > .active > a,
	.navbar-inverse .navbar-nav .dropdown-menu > .active > a:focus,
	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus,
	.navbar .container .navbar-collapse .menu-bar .dropdown-menu li a{
		padding: 10px 5px;
		border-top: 1px dashed var(--main-color-grey-light) !important;
		background: none;
		text-decoration: none;
	}
	.navbar .container .navbar-collapse .menu-bar .dropdown-menu li a:hover{
		background-color: var(--main-color-grey-light-2);
	}
	.navbar .container .navbar-collapse .menu-bar .dropdown-menu li a:before{
		content: "--";
		margin: 0px 5px 0px 0px;
		display: inline;
	}
	.navbar .container .navbar-header a img{
		height: 40px !important;
	}
	.navbar .container .navbar-header a h1.siteTitle,
	.navbar .container .navbar-header a .siteTitle{
		top: 10px;
	}
	.navbar .container .sec-title{
		font-size: 24px;
		margin: 0px 15px 10px 0px;
	}
	footer .footer-bottom .row .copyright,
	footer .footer-bottom .row .footernav{
		float: none;
		clear: both;
		text-align: center;
		margin: 5px auto 5px auto;
	}
	footer .footer-bottom .row .footernav li a{
		padding: 5px 5px;
		height: auto;
		display: inline-block;
	}
}
@media only screen and (max-width: 1024px){ /* for under 1024 */
	.header-top-design{
		padding: 0px 0px 0px 40px;
	}
	.container {
		width: 100%;
	}
	.navbar .container{
		padding: 0px;
		max-width: 100%;
	}
	.navbar .container .navbar-collapse .menu-bar{
		padding: 0px 10px;
	}
	h2,
	.h2,
	.section-landing .row > div .section-landing-sub-heading,
	.page_section h2,
	.color-inverse h2,
	h2 p{
		font-size: 28px;
	}
	.crmEntityFormView fieldset .section-title{
		padding: 0px 15px;
	}
	.crmEntityFormView .tab-title{
		padding: 0px 15px 10px 15px;
		margin-top: 15px;
	}
	.crmEntityFormView .cell{
		padding: 0 15px 15px 15px;
	}
	.crmEntityFormView .cls-empty-txt, div .cls-empty-txt{
		padding: 0px;
	}
	.bdy-cls-application_data.bdy-cls-edit .tab-column fieldset[aria-label="New Section"] > table > tbody > tr{
		padding: 0px 0px;
	}
	.bdy-cls-application_data.bdy-cls-edit .tab-column fieldset[aria-label="New Section"] > table > tbody > tr > td{
		padding: 0px 15px;
	}
	html[dir=ltr] .crmEntityFormView .form-action-container-left,
	html[dir=ltr] .crmEntityFormView .actions{
		padding-left: 15px;
		padding-right: 15px;
	}
	.bdy-cls-application_data.bdy-cls-edit .tab-column fieldset[aria-label="New Section"] > table > tbody > tr > td > .info{
		padding: 0px 0px;
	}
	.bdy-cls-application_data.bdy-cls-edit .tab-column fieldset[aria-label="New Section"] > table > tbody > tr > td > .control{
		padding: 0px 0px;
	}
	#terms-and-conditions-section{
		margin-top: 30px;
	}
	.owl-carousel .owl-item figure figcaption{
		padding: 10px;
		right: 5%;
	}
	.owl-carousel .owl-item figure figcaption strong{
		font-size: 28px;
	}
	.owl-carousel .owl-item figure figcaption p{
		font-size: 22px;
	}
	.owl-carousel .owl-nav{
		bottom: 65%;
	}
	.owl-carousel .owl-nav .owl-prev{
		left: 5px;
	}
	.owl-carousel .owl-nav .owl-next{
		right: 5px;
	}
	.page-header-contact{
		flex-wrap: wrap;
	}
	.page-header-contact > h1{
		max-width: 100%;
	}
	.page-header-contact .cls-supplier-contact{
		max-width: 100%;
		text-align: left;
		margin-top: 0px;
	}
	.dashboard-wrap{
		flex-wrap: wrap;
	}
	.dashboard-data{
		width: 100%;
	}
	.dashboard-data li{
		max-width: 45%;
	}
	.cls-supplier-image{
		width: 100%;
	}
	footer .footer-bottom .row .footernav .column{
		padding: 0px 30px;
	}
}
@media only screen and (max-width: 991px){ /* for under 992 */
	.accordion-panel .cls-mobile-nav-menu-btn{
	    display: inline-block;
	}
	.accordion-panel > div:not(.well){
		display: none;
	}
	.main-home-img .inner-content > h1{
		font-size: 45px;
	}
	.main-home-img .inner-content .txt-content{
		padding: 20px 20px 5px 20px;
	}
}
@media only screen and (max-width: 768px){ /* for under 768 */
	h2,
	.h2,
	.section-landing .row > div .section-landing-sub-heading,
	.page_section h2,
	.color-inverse h2,
	h2 p{
		font-size: 24px;
	}
	h1.head,
	h2.head{
		white-space: normal;
		font-size: 24px;
	}
	.bdy-cls-application_data.bdy-cls-edit .tab-column fieldset[aria-label="New Section"] > table > tbody > tr > td{
		width: 100%;
	}
	.bdy-cls-application_data.bdy-cls-edit .tab-column fieldset[aria-label="New Section"] > table > tbody > tr > td > .control input[type="text"],
	.bdy-cls-application_data.bdy-cls-edit .tab-column fieldset[aria-label="New Section"] > table > tbody > tr > td > .control textarea{
		height: auto;
		max-height: initial;
	}
	.bdy-cls-profile .tab-column table .cls-parent-tr-cellchecked > td{
		display: inline-flex;
		width: 100%;
		padding: 0px 0px 10px 0px;
	}
	.entity-grid .view-grid {
		box-shadow: var(--main-box_shadow-30);
		-webkit-box-shadow: var(--main-box_shadow-30);
		-moz-box-shadow: var(--main-box_shadow-30);
		-o-box-shadow: var(--main-box_shadow-30);
		-ms-box-shadow: var(--main-box_shadow-30);
	}
	.owl-carousel .owl-item figure figcaption{
		max-width: 250px;
	}
	.owl-carousel .owl-item figure figcaption strong {
		font-size: 20px;
		line-height: normal;
	}
	.owl-carousel .owl-item figure figcaption p {
		font-size: 16px;
	}
	footer .footer-bottom .row .footernav .column{
		padding: 0px 10px;
		width: 100%;
	}
}
@media only screen and (max-width: 480px){ /* for under 480 */
	.private-mode-banner{
		padding: 5px 5px;
	}
	.private-mode-banner li,
	.private-mode-banner a,
	.private-mode-banner,
	.private-mode-text,
	.private-mode-signin-text{
		font-size: 12px;
	}
	.navbar .container .navbar-header a img {
		height: 30px !important;
		margin: 0 0px 0 0px !important;
	}
	.navbar .container .navbar-header a h1.siteTitle,
	.navbar .container .navbar-header a .siteTitle {
		top: 7px;
	}
	.header-top-design{
		padding: 0px 0px 0px 20px;
	}
	.navbar .container .sec-title{
		display: none;
	}
	.navbar .container .navbar-collapse .menu-bar .caret{
		display: none;
	}
	.navbar .container .navbar-second-logo{
		display: none;
	}
	#navbar .dropdown-menu,
	.navbar .container .navbar-collapse .menu-bar .dropdown-menu{
		border: 0;
	}
	.container{
		padding-left: 10px;
		padding-right: 10px;
	}
	.page-heading{
		padding-top: 15px;
	}
	.breadcrumb{
		margin-bottom: 15px;
	}
	.page-header{
		margin: 0px 0px 15px 0px;
		padding: 0px;
	}
	.well,
	.profile-info{
		padding: 5px;
		margin-bottom: 10px;
		display: flex;
		align-items: center;
		background-color: initial;
	}
	.list-group{
		margin-bottom: 10px;
	}
	.btn-primary{
		padding: 6px 10px;
	}
	html[dir=ltr] .userFullName,
	.userFullName{
		padding-left: 10px;
		padding-top: 0px;
		font-size: 18px;
	}
	h1,
	.h1,
	h1.login-heading-section,
	.section-landing-heading,
	.section-landing .row > div .section-landing-heading,
	.section-inline-search .row > div h1, .section-landing h1,
	.section-search .header-search h1,
	.page_section h1,
	.color-inverse h1,
	h1 p{
		font-size: 20px;
		font-weight: 400;
		line-height: normal;
	}
	.login-heading-section{
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
	.page-header > h1{
		margin: 0px;
	}
	h2.profile-page-heading,
	h2,
	.h2,
	.section-landing .row > div .section-landing-sub-heading,
	.page_section h2,
	.color-inverse h2,
	h2 p{
		font-size: 20px;
		font-weight: 400;
		line-height: normal;
	}
	h3.profile-page-heading,
	h3,
	.h3,
	.page_section h3,
	.color-inverse h3,
	.sidebar-home h3{
		font-size: 20px;
		font-weight: 400;
		line-height: normal;
	}
	.profile-page-heading{
		padding: 0px 0px 10px 0px;
	}
	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a{
		padding: 10px 5px 10px 8px;
	}
	.nav-tabs > li > a{
		padding: 10px 10px;
	}
	.crmEntityFormView{
		margin-bottom: 10px;
	}
	.bdy-cls-signinregister .container.wrapper-body > #content{
		padding: 20px 10px 20px 10px;
	}
	.bdy-cls-main_address.bdy-cls-edit .crmEntityFormView .form-action-container-left,
	.bdy-cls-contact.bdy-cls-edit .crmEntityFormView .form-action-container-left,
	.bdy-cls-contact.bdy-cls-edit .crmEntityFormView .actions{
		padding-left: 0px;
		padding-right: 0px;
	}
	.crmEntityFormView .tab-title{
		padding: 0px 10px 10px 10px;
	}
	.crmEntityFormView .cell{
		padding: 0 10px 5px 10px;
		margin-bottom: 10px;
	}
	.crmEntityFormView .cls-empty-txt,
	div .cls-empty-txt{
		padding: 0px;
		margin: 0px;
	}
	.bdy-cls-application_data.bdy-cls-edit .tab-column fieldset[aria-label="New Section"] > table > tbody > tr > td{
		padding: 0px 10px;
	}
	.crmEntityFormView fieldset .section-title{
		padding: 0px 10px;
	}
	.crmEntityFormView .control .modal,
	.modal-open .modal{
		max-width: 100vw;
	}
	.crmEntityFormView .control .modal-dialog,
	.modal.in .modal-dialog{
		max-width: 100vw;
	}
	.crmEntityFormView .control .modal-content,
	.modal.in .modal-dialog .modal-content{
		max-width: 100vw;
	}
	.crmEntityFormView .control .modal-content .view-toolbar.grid-actions .pull-right.toolbar-actions .entitylist-search{
		width: 100%;
	}
	.crmEntityFormView .form-custom-actions{
		margin: 10px 0px;
	}
	html[dir=ltr] .grid-actions a.btn.action{
		margin-left: 0px;
	}
	.bdy-cls-address table[role="presentation"] > tbody > tr,
	.bdy-cls-contact table[role="presentation"] > tbody > tr{
		width: 100%;
	}
	.bdy-cls-bank_information .pull-right.toolbar-actions,
	.bdy-cls-action_items .pull-right.toolbar-actions,
	.bdy-cls-address .pull-right.toolbar-actions,
	.bdy-cls-contact .pull-right.toolbar-actions{
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	.bdy-cls-bank_information .pull-right.toolbar-actions .entitylist-search,
	.bdy-cls-action_items .pull-right.toolbar-actions .entitylist-search,
	.bdy-cls-address .pull-right.toolbar-actions .entitylist-search,
	.bdy-cls-contact .pull-right.toolbar-actions .entitylist-search{
		float: none !important;
		clear: both;
	}
	.bdy-cls-bank_information .pull-right.toolbar-actions .entitylist-search,
	.bdy-cls-action_items .pull-right.toolbar-actions .entitylist-search{
		width: 100%;
	}
	.bdy-cls-address .pull-right.toolbar-actions .input-group,
	.bdy-cls-contact .pull-right.toolbar-actions .input-group{
		float: none !important;
		clear: both;
	}
	.form-close{
		font-size: 25px;
	}
	#terms-and-conditions-section{
		margin-top: 20px;
	}
	.terms-and-conditions{
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.owl-carousel .owl-nav {
		bottom: 85%;
	}
	.owl-carousel .owl-nav .owl-prev span,
	.owl-carousel .owl-nav .owl-next span{
		padding: 0px 5px;
	}
	.owl-carousel .owl-item figure figcaption{
		max-width: 200px;
	}
	.owl-carousel .owl-item figure figcaption strong {
		font-size: 12px;
		margin: 0px 0px 5px 0px;
	}
	.owl-carousel .owl-item figure figcaption p {
		font-size: 10px;
		margin: 0px;
	}
}
@media only screen and (max-width: 400px){ /* for under 400 */
	.bdy-cls-signinregister .container.wrapper-body form[action*="/ResetPassword"] .form-horizontal fieldset > legend,
	.bdy-cls-signinregister .container.wrapper-body form[action*="ForgotPassword"] .forgot-password-heading,
	.bdy-cls-signinregister .container.wrapper-body form[action*="/SignIn"] .login-heading-section,
	.bdy-cls-signinregister .container.wrapper-body div[id*="MainContent_LocalLogin"] .login-heading-section{
		font-size: 24px;
		line-height: normal;
	}
	.bdy-cls-signinregister .container.wrapper-body > #content{
		padding: 35px 15px;
	}
	.entry-list .btn-tab,
	.crmEntityFormView .tab-title{
		font-size: 24px;
		word-break: break-all;
	}
	.bdy-cls-edit_contact .breadcrumb,
	.bdy-cls-selected_action_item .breadcrumb,
	.bdy-cls-selected_contact .breadcrumb{
		padding: 10px 0px 10px 10px;
	}
}
@media only screen and (max-width: 375px){ /* for under 375 */
	.entitylist-search{
		width: 220px;
	}
}
@media only screen and (max-width: 320px){ /* for under 320 */
	.entitylist-search{
		width: 200px;
	}
}
@media print{
	@page {
		/* size: A4 landscape; */
		size: A4;
		size: A4 portrait;
		margin: 0;
		padding: 0;
	}
	@page :left {
	  margin-left: 0cm;
	}
	@page :right {
	  margin-left: 0cmm;
	}
}
/* END CSS file */