/*@font-face {
  font-family: CPF-Imm-Sook;
  src: url(./fonts/CPF-Imm-Sook/CPF-Imm-Sook-Regular.ttf);
}

body{
	font-size:1.5em;
	/*font-family: 'CPF-Imm-Sook';
	font-size: 16px;
	line-height: 1;*/
}

/*** toggle-menu ***/

.exp-home-page .mx-header .mx-sidebartoggle{
	right: 0;
    position: absolute;
}
.exp-home-page .mx-header-right{
	justify-content: end;
}

/*** template grid selected ***/
.exp-listview-select > div.mx-grid-controlbar{
	padding-left: 15px;
    padding-right: 15px;
}
.exp-listview-select > div.mx-grid-controlbar button{
	width: 100%;
    margin: 0 !important;
}
.exp-listview-select .mx-templategrid-item.selected >.mx-dataview>.mx-dataview-content::before{
	content:"\2714" !important;
	position: absolute;
	right: 3px;
	top: 0px;
	color: #0f629b;
    font-size: larger;
}

.exp-listview-select .mx-templategrid-item.selected{
	background-color: #ecf3fe !important;
}
.exp-listview-select-status>div.mx-grid-content>div.mx-templategrid-content-wrapper>div.mx-templategrid-row>div.mx-templategrid-item{
	padding:10px 10px 10px 0px !important;
}
.exp-popup>div.mx-window-content>div.mx-window-body{
	overflow: hidden;
}
.exp-popup-img{
	margin-top:20px !important;
	border-radius: 50%!important;
	margin-left: 22% !important;
}

/*.exp-listview >div.mx-grid-controlbar{
	margin:0;
}
.exp-listview-select-btn{
	-webkit-transform: translate3d(0,0,1px);
	transform: translate3d(0,0,1px); 
	position: absolute;
	position: fixed;
    top: 3px;
    right: 0;
    z-index: 1002 !important;
    border: none;
}*/







/*** text-box type number ***/
.exp-textbox-number input{
	text-align:right;
}

/*** timeline ***/
.exp-timeline{
	margin-bottom: 0;
    margin-left: 55px;
    padding: 30px 0;
    border-left: 1px solid #D7D7D7;
}
.exp-timeline::before{
	position: absolute;
    top: 70px;
    left: 50px;
    display: block;
    width: 10px;
    height: 10px;
    content: "";
    border-radius: 50%;
    background-color: #0595DB;
}
.exp-approver-icon-active{
	border-radius: 50%;
}
.exp-approver-icon-active>span{
	line-height: 1.8;
}
.exp-approver-icon-inactive{
	border-radius: 50%;
}
.exp-approver-icon-inactive{
	line-height: 1.8 !important;
}

/*** content***/
.exp-content p{
	/*color: rgb(41, 128, 185);*/
	color: rgb(41, 128, 185);
}
.exp-contentview {
	margin-top:-15px;
}
.exp-contentview p{
	color: rgb(41, 128, 185);
}
.exp-contentview label{
	padding-top: 20px;
}
.exp-contentview-left label{
	color : #666;
	/*font-size: 14px;*/
	font-weight: 600;
}
.exp-contentview-right label{
	color: rgb(41, 128, 185);	
	padding-left: 15px;
}
.exp-contentview-right>div{
	border-bottom: 1px solid rgb(240, 240, 238);
}


.exp-contentbox{
	border-bottom: 1px solid rgb(215, 215, 215);;
}

.exp-contentbox-right{
	color: rgb(41, 128, 185);
	text-align:right;
}



/*** tab-container ***/
.exp-tabcontainer-fixed ul{
	position: absolute;
	z-index: 2;
	width:100%;
}
.exp-tabcontainer-fixed .mx-tabcontainer-content{
	padding-top: 50px;
}
/*.exp-tabcontainer>ul>.active a{
	font-weight: bold;
    color: #48b0f7 !important;
}*/


/*** listview ***/
.exp-listview>ul>li{
	padding: 0 !important;
    margin: 10px;
    border: 1px solid #ddd;
    border-radius: 5px !important;
    box-shadow: 1px 1px 8px #ddd;
}
.exp-listview>.mx-grid-content>.mx-templategrid-content-wrapper>.mx-templategrid-row{
	padding: 0 !important;
    margin: 10px;
    border: 1px solid #ddd;
    border-radius: 5px !important;
    box-shadow: 1px 1px 8px #ddd;
	display:block;
}
.exp-listview>.mx-grid-content>.mx-templategrid-content-wrapper>.mx-templategrid-row>.mx-templategrid-item{
	padding: 0 !important;
	background-color: transparent;
	display:block;
	border: none;
}
.exp-listview-mini ul li{
	padding: 10px 0px 10px 0px !important;
}
/*** listview detail ***/
.exp-listview-detail{
	font-size:1.3rem;
	color: #898989;
}
.exp-text-overflow{
	overflow: hidden;
}
.exp-text-overflow div{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-right: 2px;
	line-height: initial;
}
.exp-text-overflow div>label{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-right: 2px;
}
@media screen and (max-width: 768px) {
	.exp-text-overflow-width div{
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		padding-right: 2px;
		max-width:120px;
	}
}


.exp-listview-detail-country{
	/*font-size:1.6rem;*/
	font-size:1.3rem;
	color: #888888;
}
.exp-listview-searchbox{
	padding:0px 10px 0px 10px !important;
	border-bottom: 1px solid #D7D7D7;
    padding-bottom: 0.2rem !important;
    border-top: 1px solid #D7D7D7;
}
.exp-listview-searchfield>input{
	border: none !important;
	border-radius: 0 !important;
	padding-left: 0px;
}
.exp-listview-status>ul>li{
	padding: 10px 10px 10px 0px !important;
}
.exp-status{
	font-style:italic;
	font-size:1.3rem;
	color: #888888;
	text-align:right;
}
.exp-status-rotate{
	transform: rotate(-90deg);
	font-size: 13px;
	/*font-size: 16px;*/
	color: white;
	white-space: nowrap;
	width: 102px;
    position: relative;
    margin-left: -37px;
    margin-top: 42px;
}
@media screen and (min-width: 1200px){
	.exp-status-rotate{
		transform: none;
	}
}
.exp-status-rotate label{
	text-align: center;
    display: block;
}
/*** status color ***/
div[cssselectorhelper=LightBlue]{
	background-color: #74b6ef;
	display:inline-block;
	display: flow-root;
    height: 110px !important;
    border-radius: 5px 0px 0px 5px;
	width:25px;
}
div[cssselectorhelper=Red]{
	background-color: #c65353;
	display:inline-block;
	display: flow-root;
    height: 110px !important;
    border-radius: 5px 0px 0px 5px;
	width:25px;
}
div[cssselectorhelper=Gray]{
	background-color: #a3a7ab;
	display:inline-block;
	display: flow-root;
    height: 110px !important;
    border-radius: 5px 0px 0px 5px;
	width:25px;
}
div[cssselectorhelper=Black]{
	background-color: #000000;
	display:inline-block;
	display: flow-root;
    height: 110px !important;
    border-radius: 5px 0px 0px 5px;
	width:25px;
}
div[cssselectorhelper=Yellow]{
	background-color: #f9cd37;
	display:inline-block;
	display: flow-root;
    height: 110px !important;
    border-radius: 5px 0px 0px 5px;
	width:25px;
}
div[cssselectorhelper=Orange]{
	background-color: #f5911a;
	display:inline-block;
	display: flow-root;
    height: 110px !important;
    border-radius: 5px 0px 0px 5px;
	width:25px;
}
@media screen and (min-width: 767px){
	div[cssselectorhelper=LightBlue]{
		padding-left:35%;
		width:100%;
	}
	div[cssselectorhelper=Red]{
		padding-left:35%;
		width:100%;
	}
	div[cssselectorhelper=Gray]{
		padding-left:35%;
		width:100%;
	}
	div[cssselectorhelper=Black]{
		padding-left:35%;
		width:100%;
	}
	div[cssselectorhelper=Yellow]{
		padding-left:35%;
		width:100%;
	}
	div[cssselectorhelper=Orange]{
		padding-left:35%;
		width:100%;
	}	
}





/*** image uploader ***/
.exp-browse-img input{
	/*display:none !important;*/
	position: absolute;
}
.exp-browse-img form{
	width:100%;
}
.exp-browse-img form button{
	width:100%;
}

/*** dropdown button ***/
.exp-dropdown-button .caret{
	display: none;
}


/*** pop up dialog ***/
.exp-dialog{
	position: fixed;
    padding: 0;
	margin: 0;
	width: 90%;
	z-index: 1002;
	top: 5%;
	left: 5%;
	background-color: white;
    padding: 15px;
    border-radius: 5px;
	height:90%;
}
.exp-dialog div.mx-layoutcontainer-middle{
	height:90%;
}
.exp-dialog div.mx-layoutcontainer-middle>div{
	height: -webkit-fill-available;
}
.exp-dialog div.mx-layoutcontainer-bottom>div{
	overflow-y:hidden;
}

/*** group box ***/
.exp-groupbox .mx-groupbox-header{
	border-color: #4892c3;
    background: #4892c3;
	color:white;
}
.exp-groupbox .mx-groupbox-body{
	border-color: #b1b1b1;
}

/*** Menu Bar ***/
.exp-menubar{
	/*background-color:white;
	box-shadow: rgba(0, 0, 0, 0.14) 2px 0px 4px 1px !important;*/
}
.exp-menubar>ul>li>a:hover{
	/*background-color:white !important;*/
}
.exp-menubar>ul>li{
	width:100% !important;
}
.exp-menubar>ul>li>a{
	/*color: #0595db !important;*/
}
.exp-menubar>ul>li>a>span{
	font-size: 3rem !important;
	margin-bottom: 0 !important;
}



.exp-status-bar{
	width: 2rem;
}
@media screen and (max-width: 767px){
	.exp-status-bar{
		width: 1.3rem;
	}	
}

.exp-text-logo{
	width: 25rem !important;
    margin-top: 4rem !important;
}
@media screen and (max-width: 767px){
	.exp-text-logo{
		width: 1.3rem;
		margin-top: 2rem !important;
	}	
}


/*** button transparent ***/
.exp-btn-transparent{
	background-color: transparent;
    border: none
}
.exp-btn-transparent:hover{
	background-color: transparent;
    border: none
}

/*======================= ExpenseHdr_NewEditHR ==========================*/
.exp-header-right{
	position: fixed;
	top: 0;
	z-index:2;
	right:0;
	padding: 0px 10px;
	margin-right: 20px;
	color: #8d8d8d;
}
.exp-header-right-container{
	display:flex;
}
.exp-header-fontsize{
	margin-left: 20px;
	margin-top: 8px;
	font-size: 30px;
}

@media screen and (max-width: 767px){
	.exp-header-fontsize{
		margin-left: 20px;
		margin-top: 12px;
		font-size: 25px;
	}
}






/*======================= ExpenseDtl_NewEditHR ==========================*/
.exp-form .row{
	margin-bottom:10px;
}
.exp-form label{
	padding-top: 8px;
    padding-bottom: 8px;
    line-height: 1.42857;
	color: #666;
    font-size: 14px;
    font-weight: 600;
}
.exp-form input{
	margin-bottom: 5px;
}
.exp-form select{
	margin-bottom: 5px;
}
@media screen and (min-width: 768px) {
	.exp-form label{
		text-align: right;
		display: grid;
	}
}


/************* Timeline **************/
.exp-timeline-comment{
	display: -webkit-box;
}
.exp-timeline-comment label{
	margin-right:10px;
}


/************* Approval **************/
.exp-tab button{
	width:100%;
	background-color: transparent;
	color: white;
	border: none;
	border-radius: 0px;
}
.exp-tab button:focus ,.exp-tab button:active,.exp-tab button:hover,.exp-tab button:visited{
	border:none !important;
	background-color: #0477af !important;
	color: white;
}
.exp-tab button:active,.exp-tab button:visited,.exp-tab button:focus{
	background-color: #0477af !important;
	color: white;
}
.exp-tgrid-popup .mx-templategrid-row>div{
	border-left: none;
    border-right: none;
	cursor: pointer;
}
/************** Date picker *****************/
.exp-dpk-disabled .mx-dateinput-input{
	pointer-events: none;
	cursor: not-allowed;
    background-color: #eee;
}
@media (pointer:coarse) {
    /* custom css for "touch targets" */
	.exp-dpk-disabled .mx-dateinput-input{
		pointer-events: inherit;
		cursor: inherit;
		background-color: white;
	}
}



/************* override **************/ 

/*============ groupbox =============*/
.mx-groupbox{
	margin-bottom: 10px;
}
.mx-groupbox > .mx-groupbox-header{
	border-color: #17637c;
    background: #175f7c;
	color:white;
}

/******** listview ******/
.exp-listview-padding-unset ul li{
	padding :0px !important;
}
.exp-listview-padding-unset ul li label{
	padding :15px !important;
}
/******** checkbox ******/
.exp-checkbox{
	margin-bottom:0px;
}
.exp-checkbox div{
	margin-left:5px !important;
	padding-top: 0px !important;
}
.exp-checkbox>div>label{
	padding-bottom:2px !important;
}
.exp-checkbox div input[type=checkbox]{
	transform: scale(1.7);
}
.exp-checkbox>label{
	margin: 0px;
}
.exp-checkbox>label>input[type=checkbox]{
	margin: 4px 2px 4px 0px;
}



/******** button to link button ******/
.exp-btnlink-add{
	border: none !important;
}
.exp-btnlink-add:hover,.exp-btnlink-add:active,.exp-btnlink-add:focus,.exp-btnlink-add:visited{
	background: none !important;
	border: none !important;
	outline:none !important;
}
.exp-btnlink-add::before{
	content: "\2b";
	position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
	margin-right: 5px;
}
.exp-summary-amount{
	display:block;
}
@media screen and (max-width: 992px){
	.exp-summary-amount{
		display:none;
	}
}
.exp-summary-amount-header{
	display:none;
}
@media screen and (max-width: 992px){
	.exp-summary-amount-header{
		display:block;
	}
}

.exp-btn-right {
	margin-right: 80px !important;
    float: right;
}
@media screen and (max-width: 767px){
	.exp-btn-right {
		margin-right: 15px !important;
		float: right;
	}
}
.exp-chart-page .mx-layoutcontainer-middle .mx-scrollcontainer-wrapper{
	overflow: hidden;
}
.exp-chart-page .mx-layoutcontainer-middle .mx-scrollcontainer-wrapper .mx-placeholder{
	overflow-y: auto;
	overflow-x: hidden;
}

.exp-chart-list>ul>li{
	/*padding-left:5px !important;
	padding-right:5px !important;*/
}
.exp-chart>.widget-charts-wrapper{
	margin:auto;
	width: 70% !important;
}
@media screen and (max-width: 767px){
	.exp-chart{
		width: 100% !important;
	}
}

/*Show Hide Expense E-Invoice*/
.hiddenByWidget{
	/*content-visibility: hidden !important;
	visibility: collapse;*/
	visibility: hidden;
    height: 0;
    padding: 0;
	overflow: hidden;
}

.exp-textbox-color-blue input{
	color : #0595e2;
}
.exp-textbox-bold input{
	font-weight: bold;
}
.exp-dataview-auto > .mx-dataview-content{
	height:auto !important;
}
.exp-dataview-hidden-overflow > .mx-dataview-content{
	height:auto !important;
	overflow:hidden !important;
}
.exp-tabcontainer > .mx-tabcontainer-tabs{
	margin-bottom:10px;
}
.exp-tabcontainer >ul>li>a {
	padding:5px 15px;
}
.exp-grid > .mx-grid-controlbar{
	margin:0px;
}
.exp-grid > .mx-grid-controlbar> .mx-grid-toolbar > button{
	margin-bottom:0px;
}
.exp-grid .mx-datagrid-head-wrapper {
	padding:5px 15px !important;
}
.exp-grid > .mx-grid-searchbar{
	margin:0;
}
.exp-grid > .mx-grid-searchbar >.mx-grid-search-inputs{
	zoom: 93%;
}
.exp-grid > .mx-grid-searchbar >.mx-grid-search-inputs label{
	font-size: initial !important;
}
.exp-grid > .mx-grid-searchbar >.mx-grid-search-inputs input{
	height: 35px !important;
    font-size: initial !important;
}
.exp-grpbox > .mx-groupbox-body {
	padding:5px 15px;
}
.exp-grpbox > .mx-groupbox-body .form-group{
	margin-bottom: 5px;
}
.exp-grid > .mx-grid-content > .mx-datagrid-content-wrapper > .mx-datagrid-body-table> tbody> tr>td {
	padding: 12px 15px;
}
.exp-popup-hide-closebtn > .modal-content >.modal-header >button[class='close']{
	visibility : hidden;
}
.exp-container .form-group{
	margin-bottom: 5px;
}
.exp-listview-mini1 > ul > li {
	padding: 0px 10px !important;
}
.exp-wizard>div>span{
	display: block;
}

div[cssselectorhelper=CaribbeanGreen]{
	background-color: #00baad;
	display: flow-root;
    border-radius: 10%;
	min-width: 50px;
	max-width:60px;
	height:25px;
	color:white;
	font-size:small;
}
div[cssselectorhelper=Lochmara]{
	background-color: #2a7b9b;
	display: flow-root;
    border-radius: 10%;
	min-width: 50px;
	max-width:60px;
	height:25px;
	color:white;
	font-size:small;
}
div[cssselectorhelper=CornFlowerBlue]{
	background-color: #3d3d6b;
	display: flow-root;
    border-radius: 10%;
	min-width: 50px;
	max-width:60px;
	height:25px;
	color:white;
	font-size:small;
}
div[cssselectorhelper=Emerald]{
	background-color: #57c785;
	display: flow-root;
    border-radius: 10%;
	min-width: 50px;
	max-width:60px;
	height:25px;
	color:white;
	font-size:small;
}
div[cssselectorhelper=Conifer]{
	background-color: #add45c;
	display: flow-root;
    border-radius: 10%;
	min-width: 50px;
	max-width:60px;
	height:25px;
	color:white;
	font-size:small;
}
div[cssselectorhelper=Portica]{
	background-color: #eddd53;
	display: flow-root;
    border-radius: 10%;
	min-width: 50px;
	max-width:60px;
	height:25px;
	color:white;
	font-size:small;
}
div[cssselectorhelper=GoldenPoppy]{
	background-color: #ffc300;
	display: flow-root;
    border-radius: 10%;
	min-width: 50px;
	max-width:60px;
	height:25px;
	color:white;
	font-size:small;
}
div[cssselectorhelper=Pumpkin]{
	background-color: #ff8d1a;
	display: flow-root;
    border-radius: 10%;
	min-width: 50px;
	max-width:60px;
	height:25px;
	color:white;
	font-size:small;
}
div[cssselectorhelper=OutrageousOrange]{
	background-color: #ff5733;
	display: flow-root;
    border-radius: 10%;
	min-width: 50px;
	max-width:60px;
	height:25px;
	color:white;
	font-size:small;
}
div[cssselectorhelper=VenetianRed]{
	background-color: #c70039;
	display: flow-root;
    border-radius: 10%;
	min-width: 50px;
	max-width:60px;
	height:25px;
	color:white;
	font-size:small;
}
div[cssselectorhelper=JazzberryJam]{
	background-color: #900c3f;
	display: flow-root;
    border-radius: 10%;
	min-width: 50px;
	max-width:60px;
	height:25px;
	color:white;
	font-size:small;
}
div[cssselectorhelper=Ruby]{
	background-color: #dc1461;
	display: flow-root;
    border-radius: 10%;
	min-width: 50px;
	max-width:60px;
	height:25px;
	color:white;
	font-size:small;
}
div[cssselectorhelper=DarkViolet]{
	background-color: #a610ae;
	display: flow-root;
    border-radius: 10%;
	min-width: 50px;
	max-width:60px;
	height:25px;
	color:white;
	font-size:small;
}
div[cssselectorhelper=Rope]{
	background-color: #955b3b;
	display: flow-root;
    border-radius: 10%;
	min-width: 50px;
	max-width:60px;
	height:25px;
	color:white;
	font-size:small;
}
div[cssselectorhelper=Spice]{
	background-color: #664939;
	display: flow-root;
    border-radius: 10%;
	min-width: 50px;
	max-width:60px;
	height:25px;
	color:white;
	font-size:small;
}


/*********** HR Global ***************/
.mx-page .region-sidebar .toggle-btn:active,
.mx-page .region-sidebar .toggle-btn:focus{
	outline: none !important;
}
.mx-page .region-sidebar .glyphicon-menu-hamburger{
	color: #21284F;
}
.region-topbar .glyphicon-menu-hamburger{
	color: #21284F;
}
.layout-atlas .region-topbar::before{
	height:0px;
}
.layout-atlas .region-sidebar{
	background-color: #ffffff;
	box-shadow: 1px 1px 10px #ebebeb;
}
.region-sidebar .mx-navigationtree .navbar-inner > ul > li > a{
	color: #21284F;
	background-color: #ffffff;
	border: none;
	/*font-size: 16px;*/
}
.region-sidebar .mx-navigationtree .navbar-inner > ul > li > a .caret{
	border-top-color: #21284F;
    border-bottom-color: #21284F;
}
.region-sidebar .mx-navigationtree .navbar-inner > ul > li > a>img{
	display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin-left: -5px;
    padding: 10px;
    border-radius: 3px;
    margin-right: 10px;
}
.layout-atlas-responsive-default .region-sidebar .mx-scrollcontainer-wrapper > .mx-navigationtree .navbar-inner > ul > li > a.active .glyphicon{
	background-color: #34C5B2;
	border-radius: 50%;
}
.region-sidebar .mx-scrollcontainer-wrapper > .mx-navigationtree .navbar-inner > ul > li > a.active .glyphicon{
	background-color: #34C5B2;
}
.region-sidebar .mx-navigationtree .navbar-inner > ul > li a.active{
	background-color: #ffffff;
	color: #21284F;
}
.region-sidebar .mx-navigationtree .navbar-inner > ul > li > a:hover,
.region-sidebar .mx-navigationtree .navbar-inner > ul > li > a:active,
.region-sidebar .mx-navigationtree .navbar-inner > ul > li > a:focus{
	background-color: #34C5B2;
}
@media (min-width: 768px){
	.layout-atlas-responsive-default .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar .mx-scrollcontainer-wrapper > .mx-navigationtree ul li.mx-navigationtree-has-items:hover a{
		background-color: #34C5B2;
		color: #ffffff;
		/*font-size: 15px;*/
	}
	.layout-atlas-responsive-default .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar .mx-scrollcontainer-wrapper > .mx-navigationtree ul li.mx-navigationtree-has-items:hover ul li a:hover{
		color: #21284F;
	}
}
.region-sidebar .mx-navigationtree li.mx-navigationtree-has-items > ul{
	background-color: #34C5B2;
}
.region-sidebar .mx-navigationtree li.mx-navigationtree-has-items > ul li a{
	color: #21284F;
	background-color: #ffffff;
	/*font-size: 15px;*/
}
.region-sidebar .mx-navigationtree li.mx-navigationtree-has-items > ul li a:visited,
.region-sidebar .mx-navigationtree li.mx-navigationtree-has-items > ul li a:hover,
.region-sidebar .mx-navigationtree li.mx-navigationtree-has-items > ul li a:active,
.region-sidebar .mx-navigationtree li.mx-navigationtree-has-items > ul li a:focus{
	background-color: #34C5B2;
	color: #ffffff;
}

.region-sidebar .mx-navigationtree li.mx-navigationtree-has-items > ul li a.active{
	background-color: #34C5B2;
	color: #ffffff;
}
.pageheader{
	/*z-index: -1;*/
    position: relative;
}
/*h5, .h5, .h5 > *{
	font-size:16px;
}
.tab-mobile.mx-tabcontainer .mx-tabcontainer-tabs li a{
	font-size:16px;
	line-height: 1;
}
.form-group .control-label{
	font-size:16px;
	line-height:1;
}
.form-control{
	font-size:16px;
	line-height:1;
}
.form-control-static, .form-group div[class*="textBox"] > label, .form-group div[class*="textArea"] > label, .form-group div[class*="datePicker"] > label{
	font-size:16px;
}
.btn, .mx-button{
	font-size:16px;
	line-height: 1;
}
.mx-header div.mx-header-center .mx-title{
	font-size:20px;
}
.mx-groupbox > .mx-groupbox-header{
	font-size:16px;
}*/

.wizard .wizard-step::before{
	background: none;
}
.mx-sidebartoggle{
	color: #21284F;
}

.exp-topbar-appname{
	margin-left:8px;
	color: #21284F;
	font-weight:600;
	font-size: 16px;
	/*font-size: 24px;*/
}
.exp-topbar-user{
	border: none;
    margin-top: 6px;
    font-size: 18px;
	color: #21284F;
}
.exp-topbar-user:visited,
.exp-topbar-user:hover{
	border: none !important;
    margin-top: 6px;
    font-size: 18px;
	color: #34C5B2 !important;
	background: none;
}
.exp-topbar-user:active,
.exp-topbar-user:focus{
	border: none !important;
    margin-top: 6px;
    font-size: 18px;
	color: #21284F;
	background: none;
	outline: none !important;
}
.exp-mainmenu>ul{
	display: flex;
	flex-direction: row;
    justify-content: center;
	flex-wrap: wrap;
	border:none !important;
}
.exp-mainmenu>ul>li{
	/*width: 20em;*/
	border: none !important;
	background: none !important;
	padding: 8px !important;
}
.exp-mainmenu>ul>li>div{
	/*border: 1px solid #D1D7E7;
    border-radius: 15px !important;
	padding:15px;*/
	border: 1px solid #D7D7D7;
	width:248px;
	height: 128px;
	border-radius: 8px !important;
	padding : 25px !important;
}
.exp-mainmenu>ul>li .flexitem-main{
	margin:0 !important;
}
.exp-mainmenu-item{
	flex-direction: column;
}
.exp-mainmenu-item>div{
	margin:0 !important;
}
.exp-topbar-logout{
	background: #34C5B2;
	border-radius: 8px;
	color:white;
	font-size: 12px;
}
.exp-topbar-logout:hover,
.exp-topbar-logout:focus,
.exp-topbar-logout:active{
	background: #34C5B2;
	color:white;
}
@media (max-width: 576px){
	.exp-topbar-logout{
		font-size: 10.5px;
	}
}