/**
 * Default Look and Feel
 */
:root {
	--top-toolbar-font-color: #ffffff;
	--top-toolbar-background-color: #5C5C5C;
	--top-tabbar-color: #F3F6F9;
	--accent-color: #F3F6F9;
	--leftnav-icons-color: #333333;
	--icons-color: #333333;
	--active-icon-color: #4a286f;
	--flyr-m-color: #F3F6F9;
	--flyl-m-color: #F3F6F9;
	--fly-btn-color: #d4b3fa;
	--grd-hf-color: #ECEFF2;
	--header-hover-color: #D9D9D9;
	--popup-hf-color: #F3F6F9;
	--popup-tab-color: #ece7f1;
	--flieldset-color: #F7F7F7;
	--btn-color: #666666;
	--btn-hover-color: #FFAC0C;
	--selected-row-color: #F3F6F9;
	--row-highlight-color: #F3F6F9;
	--inner-pnl-header: #fff;
	--fly-m-hvr-color: #FFFFFF;
	--flyout-menu-bottom-bdr: #dbdbdb;
	--flyout-menu-icon-clr: #666;
	--scrollbar-color: #DCDCDC;
	--leftnav-icons-hvr-color: #FFAC0C;
	--primary-font-color: #5C5C5C;
	--primary-tab-color: #4a286f;
	--primary-color: #4a286f;
	--font-family: Open Sans, sans-serif;
	--font-increament: 0px;
	--br-radius-100: 100px;
	--white: #ffffff;
	--popup-n-dropdown-shadow: 0px 5px 50px 2px rgba(0, 0, 0, 0.15);
	--btn-primary-action-clr: #ffac0c;
}
.x-boundlist {
	border-radius: 10px !important;
	padding: 5px;
	background: #fff;
}

.x-btn {
	border-radius: 100px;
}

.x-datepicker {
	border-radius: 16px;
}
.error_msg_s .x-window-header-default-top {
	background-color: #f3f6f9;
}
.error_msg_s a.x-btn {
	border-radius: 100px;
}
.alertify,
.alertify-log {
	font-family: sans-serif;
}
.alertify {
	background: #FFF;
	border-radius: 16px;
	box-shadow: 0 2px 11px rgba(0, 0, 0, .3);
	-webkit-background-clip: padding; /* Safari 4? Chrome 6? */
	-moz-background-clip: padding; /* Firefox 3.6 */
	background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */

}
	.alertify-text {
		border: 1px solid #CCC;
		padding: 10px;
		border-radius: 4px;
	}
	.alertify-button {
		border-radius: 4px;
		color: #FFF;
		font-weight: bold;
		padding: 6px 15px;
		text-decoration: none;
	}
	.alertify-button:hover,
	.alertify-button:focus {
		outline: none;
	}
		.alertify-button-cancel,
		.alertify-button-cancel:hover,
		.alertify-button-cancel:focus {
			background-color: #FE1A00;
			border: 1px solid #D83526;
		}
		.alertify-button-ok,
		.alertify-button-ok:hover,
		.alertify-button-ok:focus {
			background-color: #5CB811;
			border: 1px solid #3B7808;
		}

.alertify-log {
	background: #1F1F1F;
	background: rgba(0,0,0,.9);
	padding: 15px;
	border-radius: 4px;
	color: #FFF;
}
	.alertify-log-error {
		background: #FE1A00;
		background: rgba(254,26,0,.9);
	}
	.alertify-log-success {
		background: #5CB811;
		background: rgba(92,184,17,.9);
	}
.alertify-button-ok {
	background-color: var(--btn-color) !important;
	border-color: var(--btn-color) !important;
	border-radius: var(--br-radius-100) !important
}
	.alertify-button-ok:hover {
		background-color: var(--btn-hover-color) !important;
		border-color: var(--btn-hover-color) !important;
	}