@font-face {
    font-family: 'Bliss2-Bold';
    src: url('../fonts/Bliss2-Bold.eot?#iefix') format('embedded-opentype'),  url('Bliss2-Bold.otf')  format('opentype'),
           url('../fonts/Bliss2-Bold.woff') format('woff'), url('Bliss2-Bold.ttf')  format('truetype'), url('Bliss2-Bold.svg#Bliss2-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Bliss2';
    src: url('../fonts/Bliss2.eot?#iefix') format('embedded-opentype'),  url('Bliss2.otf')  format('opentype'),
           url('../fonts/Bliss2.woff') format('woff'), url('Bliss2.ttf')  format('truetype'), url('Bliss2.svg#Bliss2') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Bliss2-Italic';
    src: url('../fonts/Bliss2-Italic.eot?#iefix') format('embedded-opentype'),  url('Bliss2-Italic.otf')  format('opentype'),
           url('../fonts/Bliss2-Italic.woff') format('woff'), url('Bliss2-Italic.ttf')  format('truetype'), url('Bliss2-Italic.svg#Bliss2-Italic') format('svg');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'Bliss2-Light';
    src: url('../fonts/Bliss2-Light.eot?#iefix') format('embedded-opentype'),  url('Bliss2-Light.otf')  format('opentype'),
           url('../fonts/Bliss2-Light.woff') format('woff'), url('Bliss2-Light.ttf')  format('truetype'), url('Bliss2-Light.svg#Bliss2-Light') format('svg');
    font-weight: normal;
    font-style: normal;
  }
    
  @font-face {
    font-family: 'Bliss2-Medium';
    src: url('../fonts/Bliss2-Medium.eot?#iefix') format('embedded-opentype'),  url('Bliss2-Medium.otf')  format('opentype'),
           url('../fonts/Bliss2-Medium.woff') format('woff'), url('Bliss2-Medium.ttf')  format('truetype'), url('Bliss2-Medium.svg#Bliss2-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  

progress,sub,sup{vertical-align:baseline}button,hr,input{overflow:visible}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0;font-weight: 900;}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	cursor: pointer;
	height: 1.8em;
}
/*.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}*/
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 10px;
}
/*.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}*/
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	/* padding: 1em 1.4em; */
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 0;
	box-shadow: 0px 10px 31px -10px #333333;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	/* border: 1px solid #e92a50; */
	background: #eff3f6;
	color: #ffffff;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	/* border: 1px solid #c5c5c5; */
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #8f9190;
	background: #8f9190;
	font-weight: normal;
	color: #ffffff !important;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #333333;
	color: #fbfbfb !important;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 0;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}
*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}
@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?r0hi3w');
    src: url('../fonts/icomoon.eot?r0hi3w#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?r0hi3w') format('truetype'), url('../fonts/icomoon.woff?r0hi3w') format('woff'), url('../fonts/icomoon.svg?r0hi3w#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-add:before {
    content: "\e900";
}
.icon-Authorizations:before {
    content: "\e901";
}
.icon-back:before {
    content: "\e902";
}
.icon-balance:before {
    content: "\e903";
}
.icon-bar:before {
    content: "\e904";
}
.icon-bene:before {
    content: "\e905";
}
.icon-beneficiary:before {
    content: "\e906";
}
.icon-beneficiary2:before {
    content: "\e907";
}
.icon-blank:before {
    content: "\e908";
}
.icon-calculator:before {
    content: "\e909";
}
.icon-calculator2:before {
    content: "\e90a";
}
.icon-calender:before {
    content: "\e90b";
}
.icon-card1:before {
    content: "\e90c";
}
.icon-card2:before {
    content: "\e90d";
}
.icon-card4:before {
    content: "\e90e";
}
.icon-card5:before {
    content: "\e90f";
}
.icon-card6:before {
    content: "\e910";
}
.icon-card7:before {
    content: "\e911";
}
.icon-card8:before {
    content: "\e912";
}
.icon-cards:before {
    content: "\e913";
}
.icon-caution:before {
    content: "\e914";
}
.icon-close:before {
    content: "\e915";
}
.icon-close2:before {
    content: "\e916";
}
.icon-Contactus:before {
    content: "\e917";
}
.icon-delete:before {
    content: "\e918";
}
.icon-document:before {
    content: "\e919";
}
.icon-down:before {
    content: "\e91a";
}
.icon-download:before {
    content: "\e91b";
}
.icon-DTB:before {
    content: "\e91c";
}
.icon-edit:before {
    content: "\e91d";
}
.icon-Forex:before {
    content: "\e91e";
}
.icon-forward:before {
    content: "\e91f";
}
.icon-home:before {
    content: "\e920";
}
.icon-home2:before {
    content: "\e921";
}
.icon-international:before {
    content: "\e922";
}
.icon-line:before {
    content: "\e923";
}
.icon-loans:before {
    content: "\e924";
}
.icon-Loans_Overdraft:before {
    content: "\e925";
}
.icon-lock:before {
    content: "\e926";
}
.icon-logout:before {
    content: "\e927";
}
.icon-mail:before {
    content: "\e928";
}
.icon-mail2:before {
    content: "\e929";
}
.icon-mobile:before {
    content: "\e92a";
}
.icon-next2:before {
    content: "\e92b";
}
.icon-next3:before {
    content: "\e92c";
}
.icon-opp:before {
    content: "\e92d";
}
.icon-orders:before {
    content: "\e92e";
}
.icon-Payments:before {
    content: "\e92f";
}
.icon-Payments2:before {
    content: "\e930";
}
.icon-pic:before {
    content: "\e931";
}
.icon-pre2:before {
    content: "\e932";
}
.icon-prev1:before {
    content: "\e933";
}
.icon-print:before {
    content: "\e934";
}
.icon-remove:before {
    content: "\e935";
}
.icon-Salaries:before {
    content: "\e936";
}
.icon-savings:before {
    content: "\e937";
}
.icon-savings1:before {
    content: "\e938";
}
.icon-search:before {
    content: "\e939";
}
.icon-security:before {
    content: "\e93a";
}
.icon-service:before {
    content: "\e93b";
}
.icon-slide1:before {
    content: "\e93c";
}
.icon-slide2:before {
    content: "\e93d";
}
.icon-slide3:before {
    content: "\e93e";
}
.icon-slide4:before {
    content: "\e93f";
}
.icon-Standing_Orders:before {
    content: "\e940";
}
.icon-Statements:before {
    content: "\e941";
}
.icon-Statements2:before {
    content: "\e942";
}
.icon-Suppliers:before {
    content: "\e943";
}
.icon-tick:before {
    content: "\e944";
}
.icon-tick1:before {
    content: "\e945";
}
.icon-Trade_Finance:before {
    content: "\e946";
}
.icon-Transfers:before {
    content: "\e947";
}
.icon-up:before {
    content: "\e948";
}
.icon-user1:before {
    content: "\e949";
}
.icon-user2:before {
    content: "\e94a";
}
.icon-user3:before {
    content: "\e94b";
}
.icon-bin:before {
    content: "\e9ac";
}
.icon-sphere:before {
    content: "\e9c9";
}
/*--============== CSS BOX SIZING ===============--*/
/*--============= CSS CLEAR FLOATS ==============--*/

.clr {} .clr:before,
.clr:after {
    content: "";
    display: table;
}
.clr:after {
    clear: both;
}
.row {
    width: 100%;
}
/*--============= CSS CLEAR FLOATS ==============--*/

.top-header {
    background-color: #eff3f6;
    padding: 20px 0;
}
.top-header a {
    display: block;
    float: left;
}
.center_aligner {
    width: 90%;
    margin: auto;
}
.form-wrapper {background-color: #eb204b;float: right;padding: 0 45px;max-width: 400px;position: absolute;right: 5%;top: 0;color: #fff;height: 100%;}
.form-wrapper h2 {
    font-size: 18px;
    margin: 0;
    font-weight: 900;
}
.form-wrapper p {
    font-size: 13px;
}
.row.slider-wrapper {
    position: relative;
}
.slider-caption-wrapper {
    max-width: 400px;
    position: absolute;
    bottom: 50px;
    left: 5%;
    color: #fff;
}
.row.slider-caption-wrapper p {
    font-size: 13px;
}
.row.slider-caption-wrapper h1 {margin-bottom: 0;width: 78%;line-height: 40px;font-size: 2.5em;}
ul.bxslider {margin: 0; padding: 0; position: relative;}
.fnd-more {
    text-decoration: none;
    color: #b51232;
    text-align: center;
    background-color: #fff;
    padding: 10px 20px;
    display: block;
    max-width: 150px;
    font-weight: 500;
    font-size: 13px;
    transition: all 0.9s ease;
}
.fnd-more:hover {
    background-color: #fec733;
    color: #b61333;
}
.input-field {
    width: 100%;
    outline: none;
    padding: 15px 0px 15px 40px;
    border: none;
    color: #7e7d7d;
    margin: 5px 0;
    font-size: 12px;
}
.campany-name {
    background-image: url(../img/card.png);
    background-repeat: no-repeat;
    background-size: 16px 12px;
    background-position: 5%;
}
.user-icon {
    background-image: url(../img/user.png);
    background-repeat: no-repeat;
    background-size: 16px 12px;
    background-position: 5%;
}
.lock-icon {
    background-image: url(../img/lock.png);
    background-repeat: no-repeat;
    background-size: 16px 12px;
    background-position: 5%;
}
.login {
    float: left;
    background-color: #b61333;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    border: none;
    width: 49%;
    font-size: 11px;
    padding: 15px 0;
    cursor: pointer;
    margin-top: 5px;
    font-weight: 500;
    letter-spacing: 2px;
    transition: all 1.3s ease;
}
.login:hover {
    background-color: #454647;
    color: #ffff;
}
.get-access {
    float: right;
  background-color: #b61333;
        color: #ffff;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    width: 49%;
    font-size: 11px;
    padding: 15px 0;
    margin-top: 5px;
    font-weight: 500;
    letter-spacing: 2px;
    transition: all 1.3s ease;
}
.get-access:hover {
   background-color: #454647;
        color: #ffff;
}
.Forgot-lnk {
    float: left;
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    margin-top: 25px;
}
.Security-lnk {
    float: right;
    font-size: 11px;
    text-decoration: none;
    color: #fff;
    margin-top: 25px;
}
.row.footer {
    background-color: #1a1a1a;
    padding: 20px 0;
    font-size: 12px;
    color: #979494;
}
.col4 {
    width: 25%;
    float: left;
}
.row.footer ul {
    margin: 0;
    padding: 0;
}
.row.footer ul li {
    list-style: none;
}
.row.footer ul li a {
    margin: 10px 0;
    display: block;
    text-decoration: none;
    color: #c6c4c4;
    transition: all 0.9s ease;
}
.row.footer ul li a:hover {
    color: #eb204b;
}
.social-media-wrapper ul li {
    float: left;
    margin: 3px;
}
.social-media-wrapper ul li a {
    padding: 10px 18px;
    background-color: #454647;
    border-radius: 5px;
    transition: all 0.9s ease;
}
.footer-header {
    display: block;
    width: 100%;
    float: left;
}
.row.footer p {
    width: 100%;
    float: left;
}
.ftr-header,
.footer-header {
    font-weight: 900;
}
.header-color-change {
    background-color: #eb204b;
}
.body-bg-color {
    background-color: #eff3f6;
}
.access-wrapper {
    width: 90%;
    margin: 20px auto 20px;
    background-color: #fff;
}
.header-txt1 {
    color: #ed274b;
    font-size: 16px;
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
    margin: 0;
}
.inner-padding {
    padding: 20px 60px;
}
.center_aligner2 {
    width: 81%;
    margin: auto;
}
.tab {
    position: relative;
    overflow: hidden;
    background: #fff;
    width: 100%;
    line-height: 1.5;
    font-weight: 300;
    color: #888;
    -webkit-font-smoothing: antialiased;
}
.tabs {
    display: table;
    position: relative;
    overflow: hidden;
    margin: 0;
    width: 100%;
    padding: 0;
}
.tabs li {
    float: left;
    line-height: 38px;
    overflow: hidden;
    padding: 0;
    position: relative;
}
.tabs a {background-color: #f6f8fb; border-bottom: 1px solid #fff;color: #999;font-weight: 500;display: block;letter-spacing: 0;outline: none; padding: 0 20px; text-decoration: none; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;font-size: 12px;}
.tabs_item {
    display: none;
    padding: 20px 50px;
    height: 202px;
    max-height: 220px;
}
.tabs_item p {
    font-size: 12px;
}
.tabs_item:first-child {
    display: block;
}
.current a {
    color: #fff;
    background: #eb204b;
}
.tabs_item form label {
    font-size: 12px;
    /*!  */
    
    display: block;
    margin-bottom: 10px;
}
.selectdiv {
    width: 100%;
    background: #f6f6f6 url(../img/drop_select.png) no-repeat right center;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    font-size: 12px;
    float: right;
    height: 30px;
    background-color: #ffffff;
    border: 1px solid #f2f2f2;
}
.selectboxdiv {
    height: 100%;
    min-height: 20px;
    left: 0;
    right: 0;
    margin-top: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    cursor: pointer;
    /* top: 2px; */
    
    bottom: 10px;
}
.out {
    float: left;
    /* margin-top: 7px; */
    
    margin-left: 1em;
    color: #b5b5b5;
}
.inputfield2 {
    border: 1px solid #e5e4e4;
    background: #f6f6f6;
    width: 50%;
    font-size: 12px;
    padding: 9px;
    color: #ccc;
}
.cta-wrapper {
    border-top: 1px solid #dad9d9;
    margin-top: 2em;
    padding: 30px 0 0 0;
}
.input-field-width {
    width: 30%;
}
.Continue {
    background-color: #e92a50;
    color: #fff;
    font-size: 12px;
    border: none;
    padding: 8px 25px;
    cursor: pointer;
    margin-left: 20px;
}
.Cancel {
    background-color: #dfdede;
    color: black;
    font-size: 12px;
    border: none;
    padding: 8px 25px;
    cursor: pointer;
}
/*--=========== inner pages ========--*/

.lft-menu-bar {
    background-color: #252d30;
    width: 20%;
    float: left;
    height: 100%;
    position: fixed;
}
.avater-wrapper {
    text-align: center;
    background-color: #fff;
    width: 100%;
    /* padding: 22px 20px; */
    /* height: 90px; */
    
    height: 70px;
}
.row.side-nav ul {
    padding: 0;
    margin: 0;
}
.row.side-nav ul li {
    display: block;
}
.right-section {
    width: 80%;
    float: right;
}
.row.top-nav {
    background-color: #e92a50;
    padding: 0 3%;
    font-size: 13px;
    height: 70px;
    line-height: 70px;
}
.row.bottom-nav {
    background-color: #8f9190;
    padding: 10px 3%;
}
.lft {
    float: left;
}
.rgt {
    float: right;
}
.header-ul {
    padding: 0;
    margin: 0;
}
.header-ul li {
    list-style: none;
    float: left;
    padding: 0 15px;
}
.header-ul li:nth-child(1) {
    padding-left: 0;
}
.header-ul li a:nth-child(2) {
    border-right: 1px solid #fff;
}
.row.top-nav a {
    display: block;
    color: #fff;
    text-decoration: none;
}
.row.bottom-nav ul {
    padding: 0;
    margin: 0;
}
.row.bottom-nav ul li {
    float: left;
    list-style: none;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 20px;
}
.row.bottom-nav ul li:first-child {
    margin: 0;
}
.row.bottom-nav ul li:last-child {
    float: right;
    margin: 0;
}
.row.bottom-nav ul li a:last-child {
    margin: 0;
}
.row.bottom-nav ul li a {
    margin: 0 10px;
    text-decoration: none;
    color: #fff;
}
.row.side-nav ul li a {
    color: #8f9190;
    text-decoration: none;
    display: block;
    padding: 9px 30px;
    text-transform: capitalize;
    font-size: .8em;
}
.row.side-nav ul li a:hover {
    background-color: #e92a50;
    color: #fff;
}
.row.side-nav ul li a:hover span {
    color: #fff;
}
.div-aligner {
    padding: 14% 3%;
    position: relative;
}
.lbe {
    color: #616568;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 12px;
}
.selectdiv2 {
    width: 100%;
    background: url(../img/drop_select.png) no-repeat right center;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    font-size: 12px;
    float: right;
    height: 25px;
    background-position: 100% 2%;
}
.txt-center {
    text-align: center;
}
.dash-iteam-headers {
    font-size: 13px;
    display: block;
    color: #6e6e6e;
    margin-bottom: 10px;
    font-weight: 600;
}
.dash-main-icon-wrapper {
    background-color: #ffffff;
    border: 1px solid #e6eaee;
    padding: 20px;
    border-radius: 5px 5px 0px 0px;
    border-bottom: 0;
}
.dash-item-wrapper {
    width: 49%;
    margin: 0px 2px;
}
.dash-main-icon-wrapper ul {
    padding: 0;
    margin: 0;
}
.dash-main-icon-wrapper ul li {
    list-style: none;
    float: left;
}
.stats-mrg {
    color: #eb204b;
    font-weight: 400;
    font-size: 21px;
    font-family: 'Oswald', sans-serif;
    float: left;
    margin: 7px 0;
}
.dash-right-col {
    width: 65%;
}
.dash-left-col {
    width: 34%;
    margin-bottom: 0;
    padding-bottom: 0;
}
.balance {
    font-family: 'Oswald', sans-serif;
    color: #eb204b;
    font-weight: 400;
    margin: 0;
    font-size: 21px;
    margin-top: 10px;
}
.balance-ttl {
    font-size: 13px;
    color: #7e7d7d;
    margin-bottom: 10px;
    display: block;
}
.tabs_item ul {
    padding: 0;
    margin: 0;
}
.tabs_item ul li {
    list-style: none;
    font-size: 11px;
    border-bottom: 1px solid #eaeaea;
    padding: 12px 0;
}
.pddn {
    padding: 0 16px;
}
.tabs_item ul li em {
    font-style: normal;
}
.col3 {
    width: 33.333%;
    float: left;
}
.col3c{width: 33.33%;}
.row.media {
    clear: both;
}
.row.media ul li {
    list-style: none;
    float: left;
    font-size: 15px;
}
.row.media ul {
    margin: 0;
    padding: 0;
}
/*--=========== inner pages ========--*/

/*.wrap {
    display: table;
    height: 78.6%;
    width: 100%;
}*/
.valign-middle {
    height: 100%;
    position: relative;
    top: 16%;
}
.ftn-size {
    font-size: 12px;
}
.pay {
    background-color: #e92a50;
    color: #c93f2b;
    text-decoration: none;
    font-size: 10px;
    padding: 0px 11px;
    border-radius: 5px;
    position: absolute;
    right: 24px;
}
.mrtn-lft {
    margin-left: 10px;
}
.check {
    border: 1px solid #eaeaea;
}
.fnt-weignt {
    font-weight: 600;
    color: #737272;
}
.rnd-pdn {
    padding: 0 20px;
}
.bg-clr {
    background-color: #fbfbfb
}
/*.tabs_item ul li:first-child{
    border-top: 1px solid #eaeaea;
}*/
/*.tabs_item ul li:last-child{
    border-bottom: 0;
}*/

.media-info {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 20px;
}
.radius {
    border: 5px
}
.row.media ul li:first-child {
    width: 30%;
}
.row.media ul li:last-child {
    width: 70%;
}
.row.media ul li img {
    width: 100%;
}
.media-info h2 {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: #7e7d7d;
    padding-bottom: 3px;
}
.media-info p {
    font-size: 12px;
    margin: 0;
    color: #7e7d7d;
}
.col2 {
    width: 50%;
}
.pdn-none {
    padding: 0;
}
.pdn-none img {
    display: block;
    width: 46%;
}
.media-hd {
    font-size: 14px;
    font-weight: 400;
    color: #7e7d7d;
}
.media-cnt {
    font-size: 12px;
    font-weight: normal;
    color: #7e7d7d;
}
.mrg-zero {
    margin: 0;
}
ul.dash-widgets {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
}
ul.dash-widgets li {
    /*!  */
    list-style: none;
    width: 49%;
    margin-bottom: 21px;
}
ul.dash-widgets li span a {
    display: block;
    text-decoration: none;
}
ul.dash-widgets li span {
    display: block;
    /* border: 1px solid #e6eaee; */
}
ul.dash-widgets li span a img {
    float: left;
}
.stats-mrg em {
    font-size: 12px;
    font-style: normal;
}
h3.cor {
    color: #7e7d7d;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 3px;
}
p.cor {
    color: #7e7d7d;
    font-size: 12px;
    margin: 0;
}
.wdh1 {
    width: 50%;
}
.wdh2 {
    width: 48%;
}
.frc-wdh {
    width: 100%!important;
}
.frc-wdh img {
    width: 100%;
    display: block;
}
.filter-header {
    background-color: #f9f9f9;
    border-bottom: 1px solid #f2f2f2;
    padding: 15px 30px;
}
.col33 {
    width: 30%;
}
.filter-header-srch {
    padding: 0;
    margin: 0;
}
.filter-header-srch li {
    list-style: none;
    float: left;
    width: 32.33%;
    margin: 0 10px;
}
.srtch-feild {
    background-color: #fff;
    border: 1px solid #f2f2f2;
    outline: none;
    padding: 7px 20px;
    font-size: 12px;
}
.filter-header-srch li:last-child {
    margin: 0;
}
.filter-header-srch li:first-child {
    margin: 0;
}
.artn {
    color: #7e7d7d;
    font-weight: 600;
    font-size: 12px;
    padding-top: 12px;
}
.magn {
    margin: 0;
    padding: 0;
}
.all-users-wrapper {
    background-color: #fff;
}
.all-users-wrapper ul li {
    list-style: none;
    padding: 9px 0;
}
.all-users-wrapper-header {
    color: #7e7d7d;
    font-size: 12px;
    font-weight: 400;
}
.details {
    font-size: 11px;
    font-weight: 500;
    color: #615f5f;
    margin: 0;
}
.dates {
    font-size: 12px;
    color: #bababa;
}
.hdr {
    width: 100%;
    border-bottom: 1px solid #ebebeb;
    padding: 4px 30px;
}
.hdr ul li {
    float: left;
    width: 20%;
}
.hdr {
    font-size: 12px;
}
.bnt-mrgn {
    margin-top: 8px;
    font-weight: 600;
    color: #7e7d7d;
}
.sigle-account {
    width: 100%;
    border-bottom: 1px solid #ebebeb;
    padding: 4px 30px;
}
.sigle-account ul li {
    float: left;
    width: 20%;
}
.profile-avater-wrapper img {
    border-radius: 50%;
    width: 40px;
}
.sigle-account {
    font-size: 12px;
}
.chck {
    display: block;
    float: left;
}
.avater-name {
    display: block;
    float: left;
}

.margin-bottom {
    margin-top: 10px;
    float: left;
}
.dte {
    color: #bababa;
    text-transform: uppercase;
    font-size: 10px;
}
.dtl {
    color: #615f5f;
    font-weight: 600;
    font-size: 11px;
}
.bg-clr {
    background-color: #fbfbfb
}
.overflow {
    overflow: hidden;
}
/*--================= check box and radio button ====================--*/
.overlay_wrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    background-image: url(../img/overlay.png);
    z-index: 1;
    display: none;
}
.overlay-content {
    vertical-align: middle;
    margin: auto;
    width: 70%;
    position: absolute;
    top: 15%;
    left: 0;
    right: 0;
    z-index: 1;
    display: block;
    background: #eb204b;
}
.balance-wrap {
    background-color: #eb204b;
    width: 30%;
    float: left;
    color: #fff;
    position: absolute;
    height: 100%;
}
.balance-wrap ul {
    padding: 15px 20px;
}
.balance-wrap ul li {
    list-style: none;
    float: left;
    width: 100%;
    margin: 13px 0;
}
.balance-wrap ul li p {
    margin: 0;
    font-size: 12px;
}
.balance-wrap ul li p span {
    color: #8f9190;
    margin-right: 10px;
}
.balance-wrap ul li h2 {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    margin: 2px 0;
    float: left;
    margin-left: 25px;
    font-size: 18px;
}
.balance-wrap ul li h2 em {
    font-style: normal;
    font-size: 12px;
    margin-right: 9px;
}
.authorize_transfer p {
    color: #7e7d7d;
    font-size: 13px;
    border-top: 1px solid #d2d1d2;
    border-bottom: 1px solid #d2d1d2;
    padding: 11px 0;
    line-height: 18px;
    margin: 5px 0 16px 0;
}
.authorize_transfer h3 {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    color: #676767;
    padding: 7px 0;
}
.trns-accounts ul li {
    float: left;
    list-style: none;
}
.list-none ul li {
    list-style: none;
}
ul.wdh li {
    width: 33%;
}
.overlay-top {
    background-color: #fff;
}
.bottom-overlay {
    background-color: #f2f0f0;
}
.conso_blnce {
    width: 30%;
    background-color: #dc153f;
}
.authorize_transfer {
    background-color: #f8f8fa;
    width: 70%;
    padding: 10px 30px;
    font-size: 12px;
}
.users-tranferd {
    border-bottom: 1px solid #d2d1d2;
}
.users-tranferd ul li {
    list-style: none;
    width: 100%;
    float: none;
    clear: both;
    padding: 17px;
}
.spn-mrgn {
    margin-left: 80px;
}
.margin-bottom2 {
    margin-top: 9px;
    float: left;
}
.margin-bottom3 {
    margin-top: 9px;
    float: right;
}
.users-tranferd ul li span {
    font-size: 14px;
    color: #6e6e6e;
}
.gta {
    text-decoration: none;
    color: #454546;
    background-color: #e5e5e5;
    display: block;
    text-align: center;
    padding: 8px 30px;
    font-size: 9px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 10px;
    float: left;
}
.btn-clr-cng {
    background-color: #e92a50;
    margin-left: 10px;
    color: #fff;
}
.tabs_item p {
    margin: 0;
}
.tabs_item h1 {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    color: #ec614c;
    margin: 0px;
}
.tabs_item h1 em {
    font-style: normal;
    font-size: 12px;
    float: left;
    color: #a0a1a3;
    margin-top: 6px;
    margin-right: 5px;
}
.col2_2 {
    width: 49%;
}
.bold {
    font-weight: 600;
}
.account-typ {
    border-right: 1px solid #b2b1b1;
}
.vercal {
    display: table-cell;
    vertical-align: middle;
}
.row.graph_wrapper {
    margin-top: 20px;
    float: left;
}
/*#slider {
  position: relative;
  overflow: hidden;
}
form.creact #tooltip {
    position: relative;
     height: auto; 
    cursor: pointer;
}
#slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 200px;
  list-style: none;
}


a.control_prev, a.control_next {
    position: absolute;
    top: 35px;
    left: 10px;
    margin-top: 0;
    outline: 0;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    z-index: 9999;
}

a.control_prev:hover, a.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

a.control_prev {
    left: 15px;
    background: url(../images/prev.png) no-repeat 0 0;
}

a.control_next {
    left: 35px;
    background: url(../images/next.png) no-repeat 0 0;
}*/

.slider_option {
    position: relative;
    margin: 10px auto;
    width: 160px;
    font-size: 18px;
}
.account-hist {
    background-color: #fff;
    float: left;
    margin-top: 0;
    padding: 0% 2%;
}
.titlebar {
    display: block;
    float: right;
}
.titlebar ul li {
    list-style: none;
    float: left;
    margin: 0px 3px;
}
.titlebar ul li:last-child {
    margin-right: 0;
}
.titlebar h2 {
    float: left;
    font-size: 17px;
    color: #6e6e6e;
    font-weight: 600;
}
.titlebar ul {
    float: right;
    margin: 0;
    padding: 0;
}
.spn_cor {
    padding: 7px 8px;
    border-radius: 5px;
    border: 1px solid #ced0da;
    background-size: cover;
    font-size: 12px;
/*    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);*/
}
.titlebar ul li span a {
    text-decoration: none;
    font-weight: 600;
    color: #7e7e7e;
    font-size: 10px;
    letter-spacing: 2px;
}
.quatro {
    width: 25%;
    float: left;
    padding: 0 3% 0 0;
    font-size: 13px;
}
.moduall li {
    border-bottom: 1px solid #eff3f6;
    padding: 18px;
    font-size: 15px;
    float: left;
    width: 100%;
    list-style: none;
}
.third {
    width: 33.333%;
    float: left;
    padding: 0 5% 0 0;
}
.kati.third {
    text-align: center;
}
.third.mwisho {
    text-align: right;
    padding: 0;
}
.third a {
    color: rgb(119, 119, 119);
    font-size: 12px;
    font-weight: 500;
    transition: 1s ease;
    text-decoration: none;
}
.third a:hover {
    color: #f70d2e;
}
.footey {
    float: left;
    width: 100%;
    padding: 30px 0 15px;
}
.nava span {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    padding-bottom: 5px;
}
.transhist .hedy p {
    color: #555;
    display: inline-block;
    margin-top: 0;
    font-size: 12px;
    font-weight: 600;
}
.col4 {
    width: 20%;
}
.hedy {
    border-bottom: 1px solid #eff3f6;
    padding-bottom: 15px;
}
.side-nav ul li a span {
    margin-right: 10px;
}
.row.bottom-nav ul li a span {
    color: #eb204b;
    margin-right: 10px;
    font-size: 16px;
    float: left;
}
.titlebar ul li span {
    color: #979799;
}
.titlebar ul li a {
    text-decoration: none;
}
.pdn_lft_rft {
    padding: 0 9px;
    text-transform: capitalize;
}
.header-ul li a span {
    line-height: 90px;
}
.header-logos {
    padding-top: 2em
}
.header-logo1 {
    padding-top: 1.4em
}
.head_wrap {
    position: fixed;
    top: 0;
    width: 80%;
    z-index: 99999;
}
.color1 {
    color: #b5b4b4
}
.color2 {
    color: #454546;
}
.color3 {
    color: #636262;
}
.color4 {
    color: #6e6e6e;
}
.color5 {
    color: #969595;
}
.color6 {
    color: #7e7d7d;
}
.slct {
    background-color: #fff;
    padding: 13px 34px;
    font-weight: 500;
    font-size: 12px;
    color: #6e6e6e;
}
.slct2 span {
    color: black;
    margin-right: 10px;
    float: left;
    font-size: 16px;
}
.rdio {
    width: auto;
}

.ulborder {
    border-bottom: 1px solid #f4f4f4;
    padding: 12px 35px;
    font-size: 12px;
}
.active_check {
    color: #eb204b;
}
.acct_typ {
    border-right: 1px solid #eb204b;
}
.padding10 {
    padding: 0 10px;
}
.blur {
    opacity: 0.3
}
.acct_typ_blur {
    color: #a1a0a0;
}
.active-balance {
    color: #eb204b;
}
.header-trfer {
    color: #6e6e6e;
    font-weight: 600;
    font-size: 14px;
    margin-top: 0;
}
.trfer-sub {
    background-color: #ffffff;
    margin-left: 10px;
    padding: 3px 9px;
}
.margin10 {
    margin-right: 10px;
}
.margin10_2 {
    margin: 0;
}
.fntsze {
    font-size: 13px;
    font-weight: 600;
    color: #7e7d7d;
    border-bottom: 1px solid #eaeaea;
}
.fntsze1 {
    font-size: 15px;
    font-weight: 200;
}
/*.elepadding{
    padding: 0 34px;
     border-bottom: 1px solid #eaeaea; 
}*/

.elepadding2 {
    border-bottom: 1px solid #eaeaea;
}
.min_hght {
    height: 700px;
    max-height: 700px;
}
.border_none {
    border: none;
}
.accnt-dtls {
    background-color: #fff;
    font-size: 13px;
    padding: 20px 30px;
    border-bottom: 1px solid #ebebeb;
    margin: 0;
}
.accnt-dtlse {
    font-weight: 600;
    color: #919090;
    font-size: 14px;
    text-transform: uppercase;
}
.accnt-dtls p span {
    margin-right: 13px;
}
.opercityzero {
    opacity: 0;
    float: right;
    width: auto;
}
input[type=checkbox]:checked + label {
    /* border-bottom: 1px solid #eb204b; */
}
.select_change_account li label {
    display: block;
}
.options_check {
    /* height: 97px; */
    /* overflow: hidden; */
    transition: 1s ease;
    /* position: absolute; */
    /* width: 47%; */
    z-index: 1;
    border-bottom: 1px solid #ebebeb;
}
.options_check.heightauto {
    height: inherit;
}
#slider {
    position: relative;
    overflow: hidden;
}
form.creact #tooltip {
    position: relative;
    height: auto;
    cursor: pointer;
}
#slider ul {
    position: relative;
    margin: 0;
    padding: 0;
    height: 200px;
    list-style: none;
}
#slider ul li {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 700px;
    height: 300px;
    text-align: center;
    line-height: 0px;
}
a.control_prev,
a.control_next {
    position: absolute;
    top: 35px;
    left: 10px;
    margin-top: 0;
    outline: 0;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    z-index: 9999;
}
a.control_prev:hover,
a.control_next:hover {
    opacity: 1;
    -webkit-transition: all 0.2s ease;
}
a.control_prev {
    left: 15px;
    background: url(../images/prev.png) no-repeat 0 0;
}
a.control_next {
    left: 35px;
    background: url(../images/next.png) no-repeat 0 0;
}
.slider_option {
    position: relative;
    margin: 10px auto;
    width: 160px;
    font-size: 18px;
}
.graph-wrapper {
    clear: both;
}
.slctd {
    color: #eb204b;
    font-weight: 600;
    font-size: 14px;
    background-color: #f9f9f9;
    margin: 0;
    padding: 40px 30px;
    border-bottom: 1px solid #ebebeb;
}
.slctd span {
    margin-right: 10px;
}
.clear_both {
    clear: both;
    display: block;
}
.transfer-list {
    background-color: #fff;
}
.transfer-list ul li {
    list-style: none;
    float: left;
    width: 50%;
}
.transfer-list ul li:last-child {
    margin-right: 0;
}
.transfer-list-head {
    background-color: #f9f9f9;
    border-bottom: 1px solid #f2f2f2;
}
.inner-spacer {
    padding: 0px 30px;
}
.transfer-list-head h3 {
    color: #7e7d7d;
    font-size: 12px;
    margin: 24px 0;
    font-weight: 600;
}

.bene_list ul {
    float: left;
    width: 100%;
    padding: 0;
}
.input_style1 {
    width: 80%;
    background-color: #f6f6f6;
    border: 1px solid #e1e0e0;
    color: #b2b1b1;
    padding: 9px;
    outline: none;
    font-size: 11px;
    line-height: 10px;
}
.label-style1 {
    font-weight: 600;
    color: #7e7d7d;
    font-size: 11px;
    margin-top: 6px;
    float: left;
}
.avater_name {
    font-weight: 600;
    color: #7e7d7d;
    margin-top: 13px;
    float: left;
    font-size: 13px;
}
.cta_wrapper ul {
    border-bottom: none;
}
.cta_wrapper ul li {
    width: 50%;
}
.cancel {
    background-color: #dfdede;
    outline: navajowhite;
}
.accnt_nme {
    background-color: #d80f3a;
    margin: 0;
    padding: 15px 20px;
    font-size: 13px;
    font-weight: 300;
    line-height: 29px;
}
.authorize_transfer ul {
    margin: 0;
    float: left;
    padding: 0;
    width: 100%;
    margin-bottom: 13px;
}
.authorize_transfer ul li {
    list-style: none;
    float: left;
    font-weight: 600;
    color: #6e6e6e;
}
.ammnt-tranfer {
    border-right: 1px solid #ccc;
    padding-right: 10px;
    margin-right: 10px;
}
.graphy {
    float: left;
    width: 100%;
    margin-bottom: 1em;
    position: relative;
    padding: 30px 32px;
}
.graphy canvas {
    width: 500px;
    height: 200px;
}
li {
    list-style: none;
}
.bar-legend li {
    font-size: 12px;
    float: left;
    margin: 0 10px;
    color: #a0a0a0;
}
.bar-legend li span {
    width: 26px;
    height: 9px;
    font-size: 12px;
    padding-left: 10px;
    display: inline-block;
    margin-right: 7px;
}
.bar-legend {
    float: left;
    margin-top: 0%;
}
.pie {
    float: left;
}
.txt-color1 {
    color: #6e6e6e;
    border-right: 1px solid #ced0da;
    padding-right: 10px;
    margin-right: 10px;
}
.avg {
    color: #b2b2b3;
    font-style: normal;
}
.amnt-color {
    color: #ec614c;
}
.strg {
    font-weight: 600;
    font-size: 25px;
}
.blck {
    display: block;
    width: 100%;
    text-align: center;
}
.blck2 {display: block;width: 100%;}
.tab2_ftn_clre {color: #8a8a8a;}
.ul_tabs_bg {border-bottom: 1px solid #eceef0;}
.dash-left-col >.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {color: #fff;cursor: pointer!important;}
.dash-left-col >.ui-tabs .ui-tabs-nav a.ui-tabs-active {color: #fff;}
.dash-left-col >.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background-color: #eb204b;
}
.forex_head {
    float: left;
    width: 100%;
    padding: 11px 20px;
    color: #eb204b;
    margin: 0;
    font-size: 13px;
    border-bottom: 1px solid #eaeaea;
}
.forex_head li {
    float: left;
    width: 50%;
}
.forex_listing {
    font-size: 15px;
    padding: 11px 20px;
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #eaeaea;
}
.forex_listing li {
    float: left;
}
.ftn_clre {
    color: #bababa;
    margin-top: 1em;
}
.currency_sign {
    color: #eb204b;
    font-style: normal;
    font-size: 14px;
    margin-right: 2px;
}
.fnt_styel {
    font-family: 'Oswald', sans-serif;
}
.fnt_clre {
    color: #a7a4a4;
    font-size: 14px;
}
.fnt_clre2 {
    color: #666666;
    font-size: 15px;
}
.fnt_clre3 {
    color: #7e7d7d;
}
.border {
    border-right: 1px solid #a7a4a4;
    padding-right: 5px;
    margin-right: 5px;
}
.status {
    margin-top: 16px;
    font-size: 13px;
}
.rgt_txt_align {text-align: right;}
.lft_txt_align {
    text-align: left;
}
.icon_color {
    color: #b2b2b3;
    font-size: 7px;
    margin-right: 8px;
    margin-top: 3px;
}
.canceld_status {
    color: #eaeaea;
}
.dash-left-col>.ui-widget.ui-widget-content {
    padding: 0;
}
.graphy .ui-state-active a {
    color: #eb204b;
    background-color: transparent!important;
}
.clip_wrap {
    margin-top: 1.3em;
    cursor: pointer;
}
.pie {
    background-color: #fff;
    border: 1px solid #e6eaee;
    border-radius: 5px;
    float: left;
    margin-bottom: 1em;
}
.pie_data_keys ul {
    padding: 0px 15px;
    font-size: 12px;
    text-align: left;
}
.pie_data_keys ul li h3 {
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    color: #333c48;
}
.pie_data_keys ul li {
    float: left;
    width: 100%;
    padding: 6px 0;
    font-size: 12px;
    color: #333c48;
}
.Salaries {
    background-color: #fff;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: block;
    margin-top: 2px;
    margin-right: 4px;
}
.Salaries_border {
    background-color: #0ea1d4;
}
.company_border {
    background-color: #72c4b9;
}
.travel_border {
    background-color: #3373b3;
}
.insurance_border {
    background-color: #ffd400;
}
.stocks_border {
    background-color: #f0b499;
}
.others_border {
    background-color: #40557d;
}
.pie_data_keys ul li em {
    font-style: normal;
    color: #a9aaab;
    font-size: 13px;
    margin-left: 14px;
    margin-top: 4px;
}
.col6 {
    width: 42%;
}
.col2_quater {
    width: 40%;
}
.select_bg {
    background-color: #f3f5f8;
    border-radius: 5px;
    border: 1px solid #ced0da;
    /* position: absolute; */
    
    top: 6px;
    /* right: 25px; */
    
    width: 155px;
}
.company_list {
    margin: 0;
    padding: 0;
    float: left;
}
.company_list li {
    float: left;
    width: 32%;
    padding: 10px;
}
.company_list li:first-child {
    margin: 0;
}
.company_list li:last-child {
    margin: 0;
}
.company_list li p {
    font-size: 12px;
    text-align: left;
    float: left;
    margin: 0;
}
.requests {
    background-color: #fbfbfb;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: 15px 20px;
    color: #454546;
    font-size: 13px;
}
.bdn_rdn {
    border-radius: 0;
    border: none;
}
.authorise {
    background-color: #e92a50;
    padding: 10px 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 10px;
    color: #fff;
    text-decoration: none;
}
.authorise:hover {
    background-color: #454647;
    color: #fff;
}
.requests_pending {
    color: #454546;
    font-weight: 600;
    margin-top: 10px;
}
.accnt_cta {
    float: left;
    padding: 18px 20px;
}
.accnt_cta a {
    background-color: #e5e5e5;
    color: #454546;
    padding: 10px 19%;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    width: 100%;
    display: block;
    transition: all .9s ease;
}
.accnt_cta a:hover {
    background-color: #e92a50;
    color: #eb204b;
}
.col2f {
    width: 48%;
}
.graph_mrg {
    margin-top: 20px;
}
.get-opt {
    background-color: #f2f0f0;
    float: left;
    padding: 9px 20px;
    position: relative;
}
.get-opt p {
    color: #737272;
    float: left;
    font-size: 15px;
    margin: 3px 40px 0 0;
}
.get-opt input[type=checkbox]:not(old),
input[type=radio]:not(old) {
    position: absolute;
}
.overlay {
    height: 100%;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../img/overlay.png);
    display: none;
}
.otp_input {
    background-color: #f6f6f6;
    border: 1px solid #d9d6d6;
    font-size: 12px;
    outline: none;
    padding: 10px 20px;
}
.tranfer_btn {
    background-color: #eb204b;
    border: none;
    color: #fff;
    text-align: center;
    padding: 10px 27px;
    font-size: 13px;
    font-weight: 600;
    margin-left: 10px;
    outline: none;
    cursor: pointer;
    transition: all .9s ease;
}
.tranfer_btn:hover {
    background-color: #f8a440;
}
.element_mrg2 {
    margin: 14px 0;
}
.mrg_element {
    margin: 11px 30px;
}
.ttl-amnt-snd {
    border-top: 1px solid #ccc;
    font-weight: 300;
    color: #666666;
    float: left;
    width: 100%;
    margin: 0 0 5px 0;
    padding: 13px 20px 0 0;
}
.ttl-amnt-snd b {
    font-weight: 600;
    font-size: 20px;
}
.close_pop {
    position: absolute;
    right: -21px;
    background-color: #ffffff;
    padding: 15px;
    border-radius: 50%;
    top: -20px;
    font-size: 13px;
    color: #535151;
    cursor: pointer;
}
.show {
    display: block;
}
.success {
    display: block;
    background-color: #ec614c;
    color: #fff;
    padding: 16px;
    text-decoration: none;
}
.pddn {
    padding: 20px;
    max-width: 460px;
    margin: auto;
    color: #7e7d7d;
    font-size: 13px;
    display: block;
}
.tranfer_list ul li {
    width: 100%;
}


.min_height {
    height: 342px;
}
.pie h3 {
    color: #eb204b;
    padding: 12px 17px 0em;
    margin: 0;
    font-size: 19px;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
}
.canvasjs-chart-credit {
    display: none;
}
.canvasjs-chart-tooltip > div {
    background-color: #000!important;
    opacity: 0.7;
    outline: none;
    box-shadow: none!important;
    border: none!important;
    right: 0;
    min-width: 135px;
}
.canvasjs-chart-tooltip > div:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-right-color: #000;
    border-width: 8px;
    margin-top: -8px;
}
.text-agln {
    text-align: right;
}
.pie_data_keys {
    margin-bottom: 10px;
}
.hgt {
    height: 342px;
}
#tabs2 input[type=checkbox]:checked + label {
    border: none;
}
.bdrbtn {
    border-bottom: 1px solid #eaeaea;
}
.mrgntp {
    margin-top: 7px;
}
.filter-date {
    z-index: 1;
    float: right;
    outline: none;
    border: none;
    background-image: url(../img/date.png);
    background-repeat: no-repeat;
    background-position: 95% 100%;
}
.graph_mrg2 {
    margin-bottom: 20px;
}
.top_negative {
    top: -3px;
}
.colored_icon_bg {
    margin-right: 15px;
}
.rdio {
    background-color: transparent;
    border: 2px solid #d8d7d7;
}

.rdn2 {
    background-color: #f00;
}
.sta_amnt {
    font-size: 12px;
    text-align: left;
    float: left;
    margin: 0;
}
.gta_cta {
    display: block;
    background-color: #fbfbfb;
    text-align: center;
    color: #494949;
    text-decoration: none;
    padding: 10px 0;
    font-size: 12px;
    font-weight: 400;
    border: 1px solid #e6eaee;
}
.colored_icon_bg img {
    max-width: 62px;
}
.ctaz_mrgn_btn {
    margin-top: 20px;
}
.search {
    position: relative;
    color: #aaa;
    /* font-size: 16px; */
    
    margin-right: 13px;
}
.search input {
    width: 100%;
    height: 32px;
    background: #fff;
    border: 1px solid #eaeaea;
    font-size: 12px;
    position: relative;
    outline: none;
}
.search input {
    text-indent: 12px;
}
.search .fa-search {
    position: absolute;
    top: 10px;
    left: 10px;
}
.srch_btn {
    position: absolute;
    right: 11px;
    top: 11px;
    z-index: 1;
    font-size: 12px;
    color: #cccccc;
    cursor: pointer;
    float: right;
}
.grey {
    background-color: #f3f3f3;
}
.accnt_dtl_spa {
    padding: 30px;
}
.accnt-_name {
    margin: 0 0 6px 0;
    color: #333333;
    font-size: 15px;
    font-weight: 600;
}
.tym {
    border-right: 1px solid #ced0da;
    padding-right: 10px;
    margin-right: 12px
}
.tym_color {
    color: #8f8d8d;
    font-size: 12px;
}
.tym_color em {
    font-style: normal;
}
.tym_color b {margin-left: 12px;}
/*.ui-draggable-handle { -ms-touch-action: none;touch-action: none;}*/
    
    .ui-helper-hidden {
        display: none;
    }
    .ui-helper-hidden-accessible {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    .ui-helper-reset {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        line-height: 1.3;
        text-decoration: none;
        font-size: 100%;
        list-style: none;
    }
    .ui-helper-clearfix:before,
    .ui-helper-clearfix:after {
        content: "";
        display: table;
        border-collapse: collapse;
    }
    .ui-helper-clearfix:after {
        clear: both;
    }
    .ui-helper-zfix {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        opacity: 0;
        filter: Alpha(Opacity=0);
        /* support: IE8 */
    }
    .ui-front {
        z-index: 100;
    }
    /* Interaction Cues  ----------------------------------*/
    
    .ui-state-disabled {
        cursor: default !important;
    }
    /* Icons  ----------------------------------*/
    
    .ui-icon {
        display: inline-block;
        vertical-align: middle;
        margin-top: -.25em;
        position: relative;
        text-indent: -99999px;
        overflow: hidden;
        background-repeat: no-repeat;
    }
    .ui-widget-icon-block {
        left: 50%;
        margin-left: -8px;
        display: block;
    }
    /* Misc visuals  ----------------------------------*/
    /* Overlays */
    
    .ui-widget-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .ui-resizable {
        position: relative;
    }
    .ui-resizable-handle {
        position: absolute;
        font-size: 0.1px;
        display: block;
/*        -ms-touch-action: none;
        touch-action: none;*/
    }
    .ui-resizable-disabled .ui-resizable-handle,
    .ui-resizable-autohide .ui-resizable-handle {
        display: none;
    }
    .ui-resizable-n {
        cursor: n-resize;
        height: 7px;
        width: 100%;
        top: -5px;
        left: 0;
    }
    .ui-resizable-s {
        cursor: s-resize;
        height: 7px;
        width: 100%;
        bottom: -5px;
        left: 0;
    }
    .ui-resizable-e {
        cursor: e-resize;
        width: 7px;
        right: -5px;
        top: 0;
        height: 100%;
    }
    .ui-resizable-w {
        cursor: w-resize;
        width: 7px;
        left: -5px;
        top: 0;
        height: 100%;
    }
    .ui-resizable-se {
        cursor: se-resize;
        width: 12px;
        height: 12px;
        right: 1px;
        bottom: 1px;
    }
    .ui-resizable-sw {
        cursor: sw-resize;
        width: 9px;
        height: 9px;
        left: -5px;
        bottom: -5px;
    }
    .ui-resizable-nw {
        cursor: nw-resize;
        width: 9px;
        height: 9px;
        left: -5px;
        top: -5px;
    }
    .ui-resizable-ne {
        cursor: ne-resize;
        width: 9px;
        height: 9px;
        right: -5px;
        top: -5px;
    }
/*    .ui-selectable {
        -ms-touch-action: none;
        touch-action: none;
    }*/
    .ui-selectable-helper {
        position: absolute;
        z-index: 100;
        border: 1px dotted black;
    }
/*    .ui-sortable-handle {
        -ms-touch-action: none;
        touch-action: none;
    }*/
    .ui-accordion .ui-accordion-header {
        display: block;
        cursor: pointer;
        position: relative;
        margin: 2px 0 0 0;
        padding: .5em .5em .5em .7em;
        font-size: 100%;
    }
    .ui-accordion .ui-accordion-content {
        padding: 1em 2.2em;
        border-top: 0;
        overflow: auto;
    }
    .ui-autocomplete {
        position: absolute;
        top: 0;
        left: 0;
        cursor: default;
    }
    .ui-menu {
        list-style: none;
        padding: 0;
        margin: 0;
        display: block;
        outline: 0;
    }
    .ui-menu .ui-menu {
        position: absolute;
    }
    .ui-menu .ui-menu-item {
        margin: 0;
        cursor: pointer;
        /* support: IE10, see #8844 */
        
        list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    }
    .ui-menu .ui-menu-item-wrapper {
        position: relative;
        padding: 3px 1em 3px .4em;
    }
    .ui-menu .ui-menu-divider {
        margin: 5px 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0;
    }
    .ui-menu .ui-state-focus,
    .ui-menu .ui-state-active {
        margin: -1px;
    }
    /* icon support */
    
    .ui-menu-icons {
        position: relative;
    }
    .ui-menu-icons .ui-menu-item-wrapper {
        padding-left: 2em;
    }
    /* left-aligned */
    
    .ui-menu .ui-icon {
        position: absolute;
        top: 0;
        bottom: 0;
        left: .2em;
        margin: auto 0;
    }
    /* right-aligned */
    
    .ui-menu .ui-menu-icon {
        left: auto;
        right: 0;
    }
    .ui-button {
        padding: .4em 1em;
        display: inline-block;
        position: relative;
        line-height: normal;
        margin-right: .1em;
        cursor: pointer;
        vertical-align: middle;
        text-align: center;
/*        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;*/
        /* Support: IE <= 11 */
        
        overflow: visible;
    }
    .ui-button,
    .ui-button:link,
    .ui-button:visited,
    .ui-button:hover,
    .ui-button:active {
        text-decoration: none;
    }
    /* to make room for the icon, a width needs to be set here */
    
    .ui-button-icon-only {
        width: 2em;
        box-sizing: border-box;
        text-indent: -9999px;
        white-space: nowrap;
    }
    /* no icon support for input elements */
    
    input.ui-button.ui-button-icon-only {
        text-indent: 0;
    }
    /* button icon element(s) */
    
    .ui-button-icon-only .ui-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -8px;
        margin-left: -8px;
    }
    .ui-button.ui-icon-notext .ui-icon {
        padding: 0;
        width: 2.1em;
        height: 2.1em;
        text-indent: -9999px;
        white-space: nowrap;
    }
    input.ui-button.ui-icon-notext .ui-icon {
        width: auto;
        height: auto;
        text-indent: 0;
        white-space: normal;
        padding: .4em 1em;
    }
    /* workarounds */
    /* Support: Firefox 5 - 40 */
    
    input.ui-button::-moz-focus-inner,
    button.ui-button::-moz-focus-inner {
        border: 0;
        padding: 0;
    }
    .ui-controlgroup {
        vertical-align: middle;
        display: inline-block;
    }
    .ui-controlgroup > .ui-controlgroup-item {
        float: left;
        margin-left: 0;
        margin-right: 0;
    }
    .ui-controlgroup > .ui-controlgroup-item:focus,
    .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
        z-index: 9999;
    }
    .ui-controlgroup-vertical > .ui-controlgroup-item {
        display: block;
        float: none;
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
        text-align: left;
    }
    .ui-controlgroup-vertical .ui-controlgroup-item {
        box-sizing: border-box;
    }
    .ui-controlgroup .ui-controlgroup-label {
        padding: .4em 1em;
    }
    .ui-controlgroup .ui-controlgroup-label span {
        font-size: 80%;
    }
    .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
        border-left: none;
    }
    .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
        border-top: none;
    }
    .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
        border-right: none;
    }
    .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
        border-bottom: none;
    }
    /* Spinner specific style fixes */
    
    .ui-controlgroup-vertical .ui-spinner-input {
        /* Support: IE8 only, Android < 4.4 only */
        
        width: 75%;
        width: calc( 100% - 2.4em);
    }
    .ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
        border-top-style: solid;
    }
    .ui-checkboxradio-label .ui-icon-background {
        box-shadow: inset 1px 1px 1px #ccc;
        border-radius: .12em;
        border: none;
    }
    .ui-checkboxradio-radio-label .ui-icon-background {
        width: 16px;
        height: 16px;
        border-radius: 1em;
        overflow: visible;
        border: none;
    }
    .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
    .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
        background-image: none;
        width: 8px;
        height: 8px;
        border-width: 4px;
        border-style: solid;
    }
/*    .ui-checkboxradio-disabled {
        pointer-events: none;
    }*/
    .ui-datepicker {
        width: 17em;
        padding: .2em .2em 0;
        display: none;
    }
    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }
    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }
/*    .ui-datepicker .ui-datepicker-prev-hover,
    .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }*/
    .ui-datepicker .ui-datepicker-prev {
        left: 10px;
    }
    .ui-datepicker .ui-datepicker-next {
    }
/*    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }
    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }*/
    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }
    .ui-datepicker .ui-datepicker-title {
        line-height: 1.8em;
        text-align: right;
    }
    .ui-datepicker .ui-datepicker-title select {
        font-size: 1em;
        margin: 1px 0;
    }
    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 45%;
    }
    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }
    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }
    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }
    .ui-datepicker td span,
    .ui-datepicker td a {
        display: block;
        padding: .2em;
        text-align: right;
        text-decoration: none;
    }
    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }
    .ui-datepicker .ui-datepicker-buttonpane button {
        float: right;
        margin: .5em .2em .4em;
        cursor: pointer;
        padding: .2em .6em .3em .6em;
        width: auto;
        overflow: visible;
    }
    .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
        float: left;
    }
    /* with multiple calendars */
    
    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }
    .ui-datepicker-multi .ui-datepicker-group {
        float: left;
    }
    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }
    .ui-datepicker-multi-2 .ui-datepicker-group {
        width: 50%;
    }
    .ui-datepicker-multi-3 .ui-datepicker-group {
        width: 33.3%;
    }
    .ui-datepicker-multi-4 .ui-datepicker-group {
        width: 25%;
    }
    .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
        border-left-width: 0;
    }
    .ui-datepicker-multi .ui-datepicker-buttonpane {
        clear: left;
    }
    .ui-datepicker-row-break {
        clear: both;
        width: 100%;
        font-size: 0;
    }
    /* RTL support */
    
    .ui-datepicker-rtl {
        direction: rtl;
    }
    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }
    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }
/*    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }
    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }*/
    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }
    .ui-datepicker-rtl .ui-datepicker-buttonpane button {
        float: left;
    }
    .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
    .ui-datepicker-rtl .ui-datepicker-group {
        float: right;
    }
    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }
    /* Icons */
    
    .ui-datepicker .ui-icon {
        display: block;
        text-indent: -99999px;
        overflow: hidden;
        background-repeat: no-repeat;
        left: .5em;
        top: .3em;
    }
    .ui-dialog {
        position: absolute;
        top: 0;
        left: 0;
        padding: .2em;
        outline: 0;
    }
    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
    }
    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px;
    }
    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
    }
    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin-top: .5em;
        padding: .3em 1em .5em .4em;
    }
    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        float: right;
    }
    .ui-dialog .ui-dialog-buttonpane button {
        margin: .5em .4em .5em 0;
        cursor: pointer;
    }
    .ui-dialog .ui-resizable-n {
        height: 2px;
        top: 0;
    }
    .ui-dialog .ui-resizable-e {
        width: 2px;
        right: 0;
    }
    .ui-dialog .ui-resizable-s {
        height: 2px;
        bottom: 0;
    }
    .ui-dialog .ui-resizable-w {
        width: 2px;
        left: 0;
    }
    .ui-dialog .ui-resizable-se,
    .ui-dialog .ui-resizable-sw,
    .ui-dialog .ui-resizable-ne,
    .ui-dialog .ui-resizable-nw {
        width: 7px;
        height: 7px;
    }
    .ui-dialog .ui-resizable-se {
        right: 0;
        bottom: 0;
    }
    .ui-dialog .ui-resizable-sw {
        left: 0;
        bottom: 0;
    }
    .ui-dialog .ui-resizable-ne {
        right: 0;
        top: 0;
    }
    .ui-dialog .ui-resizable-nw {
        left: 0;
        top: 0;
    }
    .ui-draggable .ui-dialog-titlebar {
        cursor: move;
    }
    .ui-progressbar {
        height: 2em;
        text-align: left;
        overflow: hidden;
    }
    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%;
    }
    .ui-progressbar .ui-progressbar-overlay {
        background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
        height: 100%;
        filter: alpha(opacity=25);
        /* support: IE8 */
        
        opacity: 0.25;
    }
    .ui-progressbar-indeterminate .ui-progressbar-value {
        background-image: none;
    }
    .ui-selectmenu-menu {
        padding: 0;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        display: none;
    }
    .ui-selectmenu-menu .ui-menu {
        overflow: auto;
        overflow-x: hidden;
        padding-bottom: 1px;
    }
    .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
        font-size: 1em;
        font-weight: bold;
        line-height: 1.5;
        padding: 2px 0.4em;
        margin: 0.5em 0 0 0;
        height: auto;
        border: 0;
    }
    .ui-selectmenu-open {
        display: block;
    }
    .ui-selectmenu-text {
        display: block;
        margin-right: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .ui-selectmenu-button.ui-button {
        text-align: left;
        white-space: nowrap;
        width: 14em;
    }
    .ui-selectmenu-icon.ui-icon {
        float: right;
        margin-top: 0;
    }
    /*.ui-slider {   position: relative;   text-align: left;  }  .ui-slider .ui-slider-handle {   position: absolute;   z-index: 2;   width: 1.2em;   height: 1.2em;   cursor: default;   -ms-touch-action: none;   touch-action: none;  }  .ui-slider .ui-slider-range {   position: absolute;   z-index: 1;   font-size: .7em;   display: block;   border: 0;   background-position: 0 0;  }  */
    /* support: IE8 - See #6727 */
    
    .ui-slider.ui-state-disabled .ui-slider-handle,
    .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit;
    }
    .ui-slider-horizontal {
        height: .8em;
    }
    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
    }
    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }
    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }
    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }
    .ui-slider-vertical {
        width: .8em;
        height: 100px;
    }
    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }
    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }
    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }
    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }
    .ui-spinner {
        position: relative;
        display: inline-block;
        overflow: hidden;
        padding: 0;
        vertical-align: middle;
    }
    .ui-spinner-input {
        border: none;
        background: none;
        color: inherit;
        padding: .222em 0;
        margin: .2em 0;
        vertical-align: middle;
        margin-left: .4em;
        margin-right: 2em;
    }
    .ui-spinner-button {
        width: 1.6em;
        height: 50%;
        font-size: .5em;
        padding: 0;
        margin: 0;
        text-align: center;
        position: absolute;
        cursor: default;
        display: block;
        overflow: hidden;
        right: 0;
    }
    /* more specificity required here to override default borders */
    
    .ui-spinner a.ui-spinner-button {
        border-top-style: none;
        border-bottom-style: none;
        border-right-style: none;
    }
    .ui-spinner-up {
        top: 0;
    }
    .ui-spinner-down {
        bottom: 0;
    }
    .ui-tabs {
        position: relative;
/*         position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") 
         padding: .2em;*/
    }
    .ui-tabs .ui-tabs-nav {
        margin: 0;
    }
    .ui-tabs .ui-tabs-nav li {
        list-style: none;
        float: right;
        position: relative;
        top: 0;
        /* margin: 1px .2em 0 0; */
        
        border-bottom-width: 0;
        padding: 0;
        white-space: nowrap;
    }
    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        float: left;
        padding: 10px 7px;
        text-decoration: none;
    }
    .ui-tabs .ui-tabs-nav li.ui-tabs-active {
        margin-bottom: -1px;
        padding-bottom: 1px;
    }
    .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
    .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
    .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
        cursor: text;
    }
    .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
        cursor: pointer;
    }
    .ui-tooltip {
        padding: 8px;
        position: absolute;
        z-index: 9999;
        max-width: 300px;
    }
    body .ui-tooltip {
        border-width: 2px;
    }
    /* Component containers  ----------------------------------*/
    
    .ui-widget {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1em;
    }
    .ui-widget .ui-widget {
        font-size: 1em;
    }
    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1em;
    }


    .ui-widget-header {
        font-weight: bold;
    }

    /* Interaction states  ----------------------------------*/
    
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default,
    .ui-button,
    /* We use html here because we need a greater specificity to make sure disabled  works properly when clicked or hovered */
    
    html .ui-button.ui-state-disabled:hover,
    html .ui-button.ui-state-disabled:active {
        font-weight: normal;
        color: #454545;
    }
    .ui-state-default a,
    .ui-state-default a:link,
    .ui-state-default a:visited,
    a.ui-button,
    a:link.ui-button,
    a:visited.ui-button,
    .ui-button {
        color: #454545;
        text-decoration: none;
        outline: none;
    }
    .ui-state-hover,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-hover,
    .ui-state-focus,
    .ui-widget-content .ui-state-focus,
    .ui-widget-header .ui-state-focus,
    .ui-button:hover,
    .ui-button:focus {
        font-weight: normal;
    }
    .ui-state-hover a,
    .ui-state-hover a:hover,
    .ui-state-hover a:link,
    .ui-state-hover a:visited,
    .ui-state-focus a,
    .ui-state-focus a:hover,
    .ui-state-focus a:link,
    .ui-state-focus a:visited,
    a.ui-button:hover,
    a.ui-button:focus {
        text-decoration: none;
    }
    .ui-visual-focus {
        box-shadow: 0 0 3px 1px rgb(94, 158, 214);
    }
    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active,
    a.ui-button:active,
    .ui-button:active,
    .ui-button.ui-state-active:hover {
        
    }

    .ui-state-active a,
    .ui-state-active a:link,
    .ui-state-active a:visited {
        text-decoration: none;
    }
    /* Interaction Cues  ----------------------------------*/
    
    .ui-state-highlight,
    .ui-widget-content .ui-state-highlight,
    .ui-widget-header .ui-state-highlight {
        border: 1px solid;
    }
    .ui-state-checked {
        border: 1px solid;
    }

    .ui-state-error,
    .ui-widget-content .ui-state-error,
    .ui-widget-header .ui-state-error {
        border: 1px solid;
    }


    .ui-priority-primary,
    .ui-widget-content .ui-priority-primary,
    .ui-widget-header .ui-priority-primary {
        font-weight: bold;
    }
    .ui-priority-secondary,
    .ui-widget-content .ui-priority-secondary,
    .ui-widget-header .ui-priority-secondary {
        opacity: .7;
        filter: Alpha(Opacity=70);
        /* support: IE8 */
        
        font-weight: normal;
    }
    .ui-state-disabled,
    .ui-widget-content .ui-state-disabled,
    .ui-widget-header .ui-state-disabled {
        opacity: .35;
        filter: Alpha(Opacity=35);
        /* support: IE8 */
        
        background-image: none;
    }
    .ui-state-disabled .ui-icon {
        filter: Alpha(Opacity=35);
        /* support: IE8 - See #6059 */
    }
    /* Icons  ----------------------------------*/
    /* states and images */
    
    .ui-icon {
        width: 16px;
        height: 16px;
    }
    .ui-icon,
    .ui-widget-content .ui-icon {
        background-image: url("images/ui-icons_444444_256x240.png");
    }
    .ui-widget-header .ui-icon {
        background-image: url("images/ui-icons_444444_256x240.png");
    }
    .ui-button .ui-icon {
        background-image: url("images/ui-icons_777777_256x240.png");
    }
    .ui-state-hover .ui-icon,
    .ui-state-focus .ui-icon,
    .ui-button:hover .ui-icon,
    .ui-button:focus .ui-icon,
    .ui-state-default .ui-icon {
        background-image: url("images/ui-icons_555555_256x240.png");
    }
    .ui-state-active .ui-icon,
    .ui-button:active .ui-icon {
        background-image: url("images/ui-icons_ffffff_256x240.png");
    }
    .ui-state-highlight .ui-icon,
    .ui-button .ui-state-highlight.ui-icon {
        background-image: url("images/ui-icons_777620_256x240.png");
    }
    .ui-state-error .ui-icon,
    .ui-state-error-text .ui-icon {
        background-image: url("images/ui-icons_cc0000_256x240.png");
    }
    /* positioning */
    
    .ui-icon-blank {
        background-position: 16px 16px;
    }
    .ui-icon-caret-1-n {
        background-position: 0 0;
    }
    .ui-icon-caret-1-ne {
        background-position: -16px 0;
    }
    .ui-icon-caret-1-e {
        background-position: -32px 0;
    }
    .ui-icon-caret-1-se {
        background-position: -48px 0;
    }
    .ui-icon-caret-1-s {
        background-position: -65px 0;
    }
    .ui-icon-caret-1-sw {
        background-position: -80px 0;
    }
    .ui-icon-caret-1-w {
        background-position: -96px 0;
    }
    .ui-icon-caret-1-nw {
        background-position: -112px 0;
    }
    .ui-icon-caret-2-n-s {
        background-position: -128px 0;
    }
    .ui-icon-caret-2-e-w {
        background-position: -144px 0;
    }
    .ui-icon-triangle-1-n {
        background-position: 0 -16px;
    }
    .ui-icon-triangle-1-ne {
        background-position: -16px -16px;
    }
    .ui-icon-triangle-1-e {
        background-position: -32px -16px;
    }
    .ui-icon-triangle-1-se {
        background-position: -48px -16px;
    }
    .ui-icon-triangle-1-s {
        background-position: -65px -16px;
    }
    .ui-icon-triangle-1-sw {
        background-position: -80px -16px;
    }
    .ui-icon-triangle-1-w {
        background-position: -96px -16px;
    }
    .ui-icon-triangle-1-nw {
        background-position: -112px -16px;
    }
    .ui-icon-triangle-2-n-s {
        background-position: -128px -16px;
    }
    .ui-icon-triangle-2-e-w {
        background-position: -144px -16px;
    }
    .ui-icon-arrow-1-n {
        background-position: 0 -32px;
    }
    .ui-icon-arrow-1-ne {
        background-position: -16px -32px;
    }
    .ui-icon-arrow-1-e {
        background-position: -32px -32px;
    }
    .ui-icon-arrow-1-se {
        background-position: -48px -32px;
    }
    .ui-icon-arrow-1-s {
        background-position: -65px -32px;
    }
    .ui-icon-arrow-1-sw {
        background-position: -80px -32px;
    }
    .ui-icon-arrow-1-w {
        background-position: -96px -32px;
    }
    .ui-icon-arrow-1-nw {
        background-position: -112px -32px;
    }
    .ui-icon-arrow-2-n-s {
        background-position: -128px -32px;
    }
    .ui-icon-arrow-2-ne-sw {
        background-position: -144px -32px;
    }
    .ui-icon-arrow-2-e-w {
        background-position: -160px -32px;
    }
    .ui-icon-arrow-2-se-nw {
        background-position: -176px -32px;
    }
    .ui-icon-arrowstop-1-n {
        background-position: -192px -32px;
    }
    .ui-icon-arrowstop-1-e {
        background-position: -208px -32px;
    }
    .ui-icon-arrowstop-1-s {
        background-position: -224px -32px;
    }
    .ui-icon-arrowstop-1-w {
        background-position: -240px -32px;
    }
    .ui-icon-arrowthick-1-n {
        background-position: 1px -48px;
    }
    .ui-icon-arrowthick-1-ne {
        background-position: -16px -48px;
    }
    .ui-icon-arrowthick-1-e {
        background-position: -32px -48px;
    }
    .ui-icon-arrowthick-1-se {
        background-position: -48px -48px;
    }
    .ui-icon-arrowthick-1-s {
        background-position: -64px -48px;
    }
    .ui-icon-arrowthick-1-sw {
        background-position: -80px -48px;
    }
    .ui-icon-arrowthick-1-w {
        background-position: -96px -48px;
    }
    .ui-icon-arrowthick-1-nw {
        background-position: -112px -48px;
    }
    .ui-icon-arrowthick-2-n-s {
        background-position: -128px -48px;
    }
    .ui-icon-arrowthick-2-ne-sw {
        background-position: -144px -48px;
    }
    .ui-icon-arrowthick-2-e-w {
        background-position: -160px -48px;
    }
    .ui-icon-arrowthick-2-se-nw {
        background-position: -176px -48px;
    }
    .ui-icon-arrowthickstop-1-n {
        background-position: -192px -48px;
    }
    .ui-icon-arrowthickstop-1-e {
        background-position: -208px -48px;
    }
    .ui-icon-arrowthickstop-1-s {
        background-position: -224px -48px;
    }
    .ui-icon-arrowthickstop-1-w {
        background-position: -240px -48px;
    }
    .ui-icon-arrowreturnthick-1-w {
        background-position: 0 -64px;
    }
    .ui-icon-arrowreturnthick-1-n {
        background-position: -16px -64px;
    }
    .ui-icon-arrowreturnthick-1-e {
        background-position: -32px -64px;
    }
    .ui-icon-arrowreturnthick-1-s {
        background-position: -48px -64px;
    }
    .ui-icon-arrowreturn-1-w {
        background-position: -64px -64px;
    }
    .ui-icon-arrowreturn-1-n {
        background-position: -80px -64px;
    }
    .ui-icon-arrowreturn-1-e {
        background-position: -96px -64px;
    }
    .ui-icon-arrowreturn-1-s {
        background-position: -112px -64px;
    }
    .ui-icon-arrowrefresh-1-w {
        background-position: -128px -64px;
    }
    .ui-icon-arrowrefresh-1-n {
        background-position: -144px -64px;
    }
    .ui-icon-arrowrefresh-1-e {
        background-position: -160px -64px;
    }
    .ui-icon-arrowrefresh-1-s {
        background-position: -176px -64px;
    }
    .ui-icon-arrow-4 {
        background-position: 0 -80px;
    }
    .ui-icon-arrow-4-diag {
        background-position: -16px -80px;
    }
    .ui-icon-extlink {
        background-position: -32px -80px;
    }
    .ui-icon-newwin {
        background-position: -48px -80px;
    }
    .ui-icon-refresh {
        background-position: -64px -80px;
    }
    .ui-icon-shuffle {
        background-position: -80px -80px;
    }
    .ui-icon-transfer-e-w {
        background-position: -96px -80px;
    }
    .ui-icon-transferthick-e-w {
        background-position: -112px -80px;
    }
    .ui-icon-folder-collapsed {
        background-position: 0 -96px;
    }
    .ui-icon-folder-open {
        background-position: -16px -96px;
    }
    .ui-icon-document {
        background-position: -32px -96px;
    }
    .ui-icon-document-b {
        background-position: -48px -96px;
    }
    .ui-icon-note {
        background-position: -64px -96px;
    }
    .ui-icon-mail-closed {
        background-position: -80px -96px;
    }
    .ui-icon-mail-open {
        background-position: -96px -96px;
    }
    .ui-icon-suitcase {
        background-position: -112px -96px;
    }
    .ui-icon-comment {
        background-position: -128px -96px;
    }
    .ui-icon-person {
        background-position: -144px -96px;
    }
    .ui-icon-print {
        background-position: -160px -96px;
    }
    .ui-icon-trash {
        background-position: -176px -96px;
    }
    .ui-icon-locked {
        background-position: -192px -96px;
    }
    .ui-icon-unlocked {
        background-position: -208px -96px;
    }
    .ui-icon-bookmark {
        background-position: -224px -96px;
    }
    .ui-icon-tag {
        background-position: -240px -96px;
    }
    .ui-icon-home {
        background-position: 0 -112px;
    }
    .ui-icon-flag {
        background-position: -16px -112px;
    }
    .ui-icon-calendar {
        background-position: -32px -112px;
    }
    .ui-icon-cart {
        background-position: -48px -112px;
    }
    .ui-icon-pencil {
        background-position: -64px -112px;
    }
    .ui-icon-clock {
        background-position: -80px -112px;
    }
    .ui-icon-disk {
        background-position: -96px -112px;
    }
    .ui-icon-calculator {
        background-position: -112px -112px;
    }
    .ui-icon-zoomin {
        background-position: -128px -112px;
    }
    .ui-icon-zoomout {
        background-position: -144px -112px;
    }
    .ui-icon-search {
        background-position: -160px -112px;
    }
    .ui-icon-wrench {
        background-position: -176px -112px;
    }
    .ui-icon-gear {
        background-position: -192px -112px;
    }
    .ui-icon-heart {
        background-position: -208px -112px;
    }
    .ui-icon-star {
        background-position: -224px -112px;
    }
    .ui-icon-link {
        background-position: -240px -112px;
    }
    .ui-icon-cancel {
        background-position: 0 -128px;
    }
    .ui-icon-plus {
        background-position: -16px -128px;
    }
    .ui-icon-plusthick {
        background-position: -32px -128px;
    }
    .ui-icon-minus {
        background-position: -48px -128px;
    }
    .ui-icon-minusthick {
        background-position: -64px -128px;
    }
    .ui-icon-close {
        background-position: -80px -128px;
    }
    .ui-icon-closethick {
        background-position: -96px -128px;
    }
    .ui-icon-key {
        background-position: -112px -128px;
    }
    .ui-icon-lightbulb {
        background-position: -128px -128px;
    }
    .ui-icon-scissors {
        background-position: -144px -128px;
    }
    .ui-icon-clipboard {
        background-position: -160px -128px;
    }
    .ui-icon-copy {
        background-position: -176px -128px;
    }
    .ui-icon-contact {
        background-position: -192px -128px;
    }
    .ui-icon-image {
        background-position: -208px -128px;
    }
    .ui-icon-video {
        background-position: -224px -128px;
    }
    .ui-icon-script {
        background-position: -240px -128px;
    }
    .ui-icon-alert {
        background-position: 0 -144px;
    }
    .ui-icon-info {
        background-position: -16px -144px;
    }
    .ui-icon-notice {
        background-position: -32px -144px;
    }
    .ui-icon-help {
        background-position: -48px -144px;
    }
    .ui-icon-check {
        background-position: -64px -144px;
    }
    .ui-icon-bullet {
        background-position: -80px -144px;
    }
    .ui-icon-radio-on {
        background-position: -96px -144px;
    }
    .ui-icon-radio-off {
        background-position: -112px -144px;
    }
    .ui-icon-pin-w {
        background-position: -128px -144px;
    }
    .ui-icon-pin-s {
        background-position: -144px -144px;
    }
    .ui-icon-play {
        background-position: 0 -160px;
    }
    .ui-icon-pause {
        background-position: -16px -160px;
    }
    .ui-icon-seek-next {
        background-position: -32px -160px;
    }
    .ui-icon-seek-prev {
        background-position: -48px -160px;
    }
    .ui-icon-seek-end {
        background-position: -64px -160px;
    }
    .ui-icon-seek-start {
        background-position: -80px -160px;
    }
    /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
    
    .ui-icon-seek-first {
        background-position: -80px -160px;
    }
    .ui-icon-stop {
        background-position: -96px -160px;
    }
    .ui-icon-eject {
        background-position: -112px -160px;
    }
    .ui-icon-volume-off {
        background-position: -128px -160px;
    }
    .ui-icon-volume-on {
        background-position: -144px -160px;
    }
    .ui-icon-power {
        background-position: 0 -176px;
    }
    .ui-icon-signal-diag {
        background-position: -16px -176px;
    }
    .ui-icon-signal {
        background-position: -32px -176px;
    }
    .ui-icon-battery-0 {
        background-position: -48px -176px;
    }
    .ui-icon-battery-1 {
        background-position: -64px -176px;
    }
    .ui-icon-battery-2 {
        background-position: -80px -176px;
    }
    .ui-icon-battery-3 {
        background-position: -96px -176px;
    }
    .ui-icon-circle-plus {
        background-position: 0 -192px;
    }
    .ui-icon-circle-minus {
        background-position: -16px -192px;
    }
    .ui-icon-circle-close {
        background-position: -32px -192px;
    }
    .ui-icon-circle-triangle-e {
        background-position: -48px -192px;
    }
    .ui-icon-circle-triangle-s {
        background-position: -64px -192px;
    }
    .ui-icon-circle-triangle-w {
        background-position: -80px -192px;
    }
    .ui-icon-circle-triangle-n {
        background-position: -96px -192px;
    }
    .ui-icon-circle-arrow-e {
        background-position: -112px -192px;
    }
    .ui-icon-circle-arrow-s {
        background-position: -128px -192px;
    }
    .ui-icon-circle-arrow-w {
        background-position: -144px -192px;
    }
    .ui-icon-circle-arrow-n {
        background-position: -160px -192px;
    }
    .ui-icon-circle-zoomin {
        background-position: -176px -192px;
    }
    .ui-icon-circle-zoomout {
        background-position: -192px -192px;
    }
    .ui-icon-circle-check {
        background-position: -208px -192px;
    }
    .ui-icon-circlesmall-plus {
        background-position: 0 -208px;
    }
    .ui-icon-circlesmall-minus {
        background-position: -16px -208px;
    }
    .ui-icon-circlesmall-close {
        background-position: -32px -208px;
    }
    .ui-icon-squaresmall-plus {
        background-position: -48px -208px;
    }
    .ui-icon-squaresmall-minus {
        background-position: -64px -208px;
    }
    .ui-icon-squaresmall-close {
        background-position: -80px -208px;
    }
    .ui-icon-grip-dotted-vertical {
        background-position: 0 -224px;
    }
    .ui-icon-grip-dotted-horizontal {
        background-position: -16px -224px;
    }
    .ui-icon-grip-solid-vertical {
        background-position: -32px -224px;
    }
    .ui-icon-grip-solid-horizontal {
        background-position: -48px -224px;
    }
    .ui-icon-gripsmall-diagonal-se {
        background-position: -64px -224px;
    }
    .ui-icon-grip-diagonal-se {
        background-position: -80px -224px;
    }
    /* Misc visuals  ----------------------------------*/
    /* Corner radius */
    
    .ui-corner-all,
    .ui-corner-top,
    .ui-corner-left,
    .ui-corner-tl {
        border-top-right-radius: 3px;
    }
    .ui-corner-all,
    .ui-corner-top,
    .ui-corner-right,
    .ui-corner-tr {
        border-top-left-radius: 3px;
    }
    .ui-corner-all,
    .ui-corner-bottom,
    .ui-corner-left,
    .ui-corner-bl {
        /* border-bottom-left-radius: 3px; */
    }
    .ui-corner-all,
    .ui-corner-bottom,
    .ui-corner-right,
    .ui-corner-br {
        /* border-bottom-right-radius: 3px; */
    }
    /* Overlays */
    
    .ui-widget-overlay {
        opacity: .3;
        filter: Alpha(Opacity=30);
        /* support: IE8 */
    }
    .ui-widget-shadow  {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    *,
    *:before,
    *:after {
        -webkit-box-sizing: inherit;
        -moz-box-sizing: inherit;
        box-sizing: inherit;
    }
    @font-face {
        font-family: 'icomoon';
        src: url('../fonts/icomoon.eot?r0hi3w');
        src: url('../fonts/icomoon.eot?r0hi3w#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?r0hi3w') format('truetype'), url('../fonts/icomoon.woff?r0hi3w') format('woff'), url('../fonts/icomoon.svg?r0hi3w#icomoon') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    [ class^="icon-"],
    [class*=" icon-"] {
        /* use !important to prevent issues with browser extensions that change fonts */
        
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .icon-add:before {
        content: "\e900";
    }
    .icon-Authorizations:before {
        content: "\e901";
    }
    .icon-back:before {
        content: "\e902";
    }
    .icon-balance:before {
        content: "\e903";
    }
    .icon-bar:before {
        content: "\e904";
    }
    .icon-bene:before {
        content: "\e905";
    }
    .icon-beneficiary:before {
        content: "\e906";
    }
    .icon-beneficiary2:before {
        content: "\e907";
    }
    .icon-blank:before {
        content: "\e908";
    }
    .icon-calculator:before {
        content: "\e909";
    }
    .icon-calculator2:before {
        content: "\e90a";
    }
    .icon-calender:before {
        content: "\e90b";
    }
    .icon-card1:before {
        content: "\e90c";
    }
    .icon-card2:before {
        content: "\e90d";
    }
    .icon-card4:before {
        content: "\e90e";
    }
    .icon-card5:before {
        content: "\e90f";
    }
    .icon-card6:before {
        content: "\e910";
    }
    .icon-card7:before {
        content: "\e911";
    }
    .icon-card8:before {
        content: "\e912";
    }
    .icon-cards:before {
        content: "\e913";
    }
    .icon-caution:before {
        content: "\e914";
    }
    .icon-close:before {
        content: "\e915";
    }
    .icon-close2:before {
        content: "\e916";
    }
    .icon-Contactus:before {
        content: "\e917";
    }
    .icon-delete:before {
        content: "\e918";
    }
    .icon-document:before {
        content: "\e919";
    }
    .icon-down:before {
        content: "\e91a";
    }
    .icon-download:before {
        content: "\e91b";
    }
    .icon-DTB:before {
        content: "\e91c";
    }
    .icon-edit:before {
        content: "\e91d";
    }
    .icon-Forex:before {
        content: "\e91e";
    }
    .icon-forward:before {
        content: "\e91f";
    }
    .icon-home:before {
        content: "\e920";
    }
    .icon-home2:before {
        content: "\e921";
    }
    .icon-international:before {
        content: "\e922";
    }
    .icon-line:before {
        content: "\e923";
    }
    .icon-loans:before {
        content: "\e924";
    }
    .icon-Loans_Overdraft:before {
        content: "\e925";
    }
    .icon-lock:before {
        content: "\e926";
    }
    .icon-logout:before {
        content: "\e927";
    }
    .icon-mail:before {
        content: "\e928";
    }
    .icon-mail2:before {
        content: "\e929";
    }
    .icon-mobile:before {
        content: "\e92a";
    }
    .icon-next2:before {
        content: "\e92b";
    }
    .icon-next3:before {
        content: "\e92c";
    }
    .icon-opp:before {
        content: "\e92d";
    }
    .icon-orders:before {
        content: "\e92e";
    }
    .icon-Payments:before {
        content: "\e92f";
    }
    .icon-Payments2:before {
        content: "\e930";
    }
    .icon-pic:before {
        content: "\e931";
    }
    .icon-pre2:before {
        content: "\e932";
    }
    .icon-prev1:before {
        content: "\e933";
    }
    .icon-print:before {
        content: "\e934";
    }
    .icon-remove:before {
        content: "\e935";
    }
    .icon-Salaries:before {
        content: "\e936";
    }
    .icon-savings:before {
        content: "\e937";
    }
    .icon-savings1:before {
        content: "\e938";
    }
    .icon-search:before {
        content: "\e939";
    }
    .icon-security:before {
        content: "\e93a";
    }
    .icon-service:before {
        content: "\e93b";
    }
    .icon-slide1:before {
        content: "\e93c";
    }
    .icon-slide2:before {
        content: "\e93d";
    }
    .icon-slide3:before {
        content: "\e93e";
    }
    .icon-slide4:before {
        content: "\e93f";
    }
    .icon-Standing_Orders:before {
        content: "\e940";
    }
    .icon-Statements:before {
        content: "\e941";
    }
    .icon-Statements2:before {
        content: "\e942";
    }
    .icon-Suppliers:before {
        content: "\e943";
    }
    .icon-tick:before {
        content: "\e944";
    }
    .icon-tick1:before {
        content: "\e945";
    }
    .icon-Trade_Finance:before {
        content: "\e946";
    }
    .icon-Transfers:before {
        content: "\e947";
    }
    .icon-up:before {
        content: "\e948";
    }
    .icon-user1:before {
        content: "\e949";
    }
    .icon-user2:before {
        content: "\e94a";
    }
    .icon-user3:before {
        content: "\e94b";
    }
    .icon-bin:before {
        content: "\e9ac";
    }
    .icon-sphere:before {
        content: "\e9c9";
    }
    /*--============== CSS BOX SIZING ===============--*/
    /*--============= CSS CLEAR FLOATS ==============--*/
    
    .clr {} .clr:before,
    .clr:after {
        content: "";
        display: table;
    }
    .clr:after {
        clear: both;
    }
    .row {
        width: 100%;
    }
    /*--============= CSS CLEAR FLOATS ==============--*/
    
    .top-header {
        background-color: #eff3f6;
        padding: 3px;
    }
    .top-header a {
        display: block;
        float: left;
    }
    .center_aligner {
        width: 90%;
        margin: auto;
    }
    ul.bxslider {
        margin: 0;
        padding: 0;
        position: relative;
    }
    .fnd-more {
        text-decoration: none;
        color: #b51232;
        text-align: center;
        background-color: #fff;
        padding: 10px 20px;
        display: block;
        max-width: 150px;
        font-weight: 500;
        font-size: 13px;
        transition: all 0.9s ease;
    }
    .fnd-more:hover {
        background-color: #fec733;
        color: #b61333;
    }
    .input-field {
        width: 100%;
        outline: none;
        padding: 15px 0px 15px 40px;
        border: none;
        color: #7e7d7d;
        margin: 5px 0;
        font-size: 12px;
    }
    .campany-name {
        background-image: url(../img/card.png);
        background-repeat: no-repeat;
        background-size: 16px 12px;
        background-position: 5%;
    }
    .user-icon {
        background-image: url(../img/user.png);
        background-repeat: no-repeat;
        background-size: 16px 12px;
        background-position: 5%;
    }
    .lock-icon {
        background-image: url(../img/lock.png);
        background-repeat: no-repeat;
        background-size: 16px 12px;
        background-position: 5%;
    }
    .row.footer {
        background-color: #1a1a1a;
        padding: 20px 0;
        font-size: 12px;
        color: #979494;
    }
    .col4 {
        width: 25%;
        float: left;
    }
    .row.footer ul {
        margin: 0;
        padding: 0;
    }
    .row.footer ul li {
        list-style: none;
    }
    .row.footer ul li a {
        margin: 10px 0;
        display: block;
        text-decoration: none;
        color: #c6c4c4;
        transition: all 0.9s ease;
    }
    .row.footer ul li a:hover {
        color: #eb204b;
    }
    .social-media-wrapper ul li {
        float: left;
        margin: 3px;
    }
    .social-media-wrapper ul li a {
        padding: 10px 18px;
        background-color: #454647;
        border-radius: 5px;
        transition: all 0.9s ease;
    }
    .footer-header {
        display: block;
        width: 100%;
        float: left;
    }
    .row.footer p {
        width: 100%;
        float: left;
    }
    .ftr-header,
    .footer-header {
        font-weight: 900;
    }
    .header-color-change {
        background-color: #eb204b;
    }
    .body-bg-color {
        background-color: #eff3f6;
    }
    .access-wrapper {
        width: 90%;
        margin: 20px auto 20px;
        background-color: #fff;
    }
    .header-txt1 {
        color: #ed274b;
        font-size: 16px;
        width: 100%;
        border-bottom: 1px solid #d9d9d9;
        margin: 0;
    }
    .inner-padding {
        padding: 20px 60px;
    }
    .center_aligner2 {
        width: 81%;
        margin: auto;
    }
    .tab {
        position: relative;
        overflow: hidden;
        background: #fff;
        width: 100%;
        line-height: 1.5;
        font-weight: 300;
        color: #888;
        -webkit-font-smoothing: antialiased;
    }
    .tabs {
        display: table;
        position: relative;
        overflow: hidden;
        margin: 0;
        width: 100%;
        padding: 0;
    }
    .tabs li {
        float: left;
        line-height: 38px;
        overflow: hidden;
        padding: 0;
        position: relative;
    }
    .tabs a {
        background-color: #f6f8fb;
        border-bottom: 1px solid #fff;
        color: #999;
        font-weight: 500;
        display: block;
        letter-spacing: 0;
        outline: none;
        padding: 0 20px;
        text-decoration: none;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        border-bottom: 2px solid green;
        font-size: 12px;
    }
    .tabs_item {
        display: none;
        padding: 20px 50px;
        height: 202px;
        max-height: 220px;
    }
    .tabs_item p {
        font-size: 12px;
    }
    .tabs_item:first-child {
        display: block;
    }
    .current a {
        color: #fff;
        background: #eb204b;
    }
    .tabs_item form label {
        font-size: 12px;
        /*!  */
        
        display: block;
        margin-bottom: 10px;
    }
    .selectdiv {
        width: 100%;
        background: #f6f6f6 url(../img/drop_select.png) no-repeat right center;
        cursor: pointer;
        position: relative;
        overflow: hidden;
        font-size: 12px;
        float: right;
        height: 30px;
        background-color: #ffffff;
        border: 1px solid #f2f2f2;
    }
    .selectboxdiv {
        height: 100%;
        min-height: 20px;
        left: 0;
        right: 0;
        margin-top: 0;
        position: absolute;
        width: 100%;
        z-index: 2;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -khtml-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
        cursor: pointer;
        /* top: 2px; */
        
        bottom: 10px;
    }
    .out {
        float: left;
        /* margin-top: 7px; */
        
        margin-left: 1em;
        color: #b5b5b5;
    }
    .inputfield2 {
        border: 1px solid #e5e4e4;
        background: #f6f6f6;
        width: 50%;
        font-size: 12px;
        padding: 9px;
        color: #ccc;
    }
    .cta-wrapper {
        border-top: 1px solid #dad9d9;
        margin-top: 2em;
        padding: 30px 0 0 0;
    }
    .input-field-width {
        width: 30%;
    }
    .Cancel {
        background-color: #dfdede;
        color: black;
        font-size: 12px;
        border: none;
        padding: 8px 25px;
        cursor: pointer;
    }
    /*--=========== inner pages ========--*/
    
    .lft-menu-bar {
        background-color: #252d30;
        width: 20%;
        float: left;
        height: 100%;
        position: fixed;
    }
    .avater-wrapper {
        text-align: center;
        background-color: #fff;
        width: 100%;
        /* padding: 22px 20px; */
        /* height: 90px; */
        
        height: 70px;
    }
    .row.side-nav ul {
        padding: 0;
        margin: 0;
    }f
    .row.side-nav ul li {
        display: block;
    }
    .right-section {
        width: 80%;
        float: right;
    }

    .header-ul {
        padding: 0;
        margin: 0;
    }
    .header-ul li {
        list-style: none;
        float: left;
        padding: 0 15px;
    }
    .header-ul li:nth-child(1) {
        padding-left: 0;
    }
    .header-ul li a:nth-child(2) {
        border-right: 1px solid #fff;
    }
    .row.top-nav a {
        display: block;
        color: #fff;
        text-decoration: none;
    }
    .row.bottom-nav ul {
        padding: 0;
        margin: 0;
    }
    .row.bottom-nav ul li {
        float: left;
        list-style: none;
        font-weight: 500;
        font-size: 12px;
        text-transform: uppercase;
        color: #fff;
        margin: 0 20px;
    }
    .row.bottom-nav ul li:first-child {
        margin: 0;
    }
    .row.bottom-nav ul li:last-child {
        float: right;
        margin: 0;
    }
    .row.bottom-nav ul li a:last-child {
        margin: 0;
    }
    .row.bottom-nav ul li a {
        margin: 0 10px;
        text-decoration: none;
        color: #fff;
    }
    .row.side-nav ul li a {
        font-weight: 600;
        color: #8f9190;
        text-decoration: none;
        display: block;
        padding: 10px 30px;
        text-transform: capitalize;
        font-size: .67em;
        letter-spacing: .5px;
        line-height: 20px;
    }
    .row.side-nav ul li a:hover {
        background-color: #e92a50;
        color: #fff;
    }
    .row.side-nav ul li a:hover span {
        color: #fff;
    }
    .div-aligner {
        padding: 14% 3%;
    }
    .lbe {
        color: #616568;
        font-weight: 600;
        text-transform: capitalize;
        font-size: 12px;
    }
    .txt-center {
        text-align: center;
    }
    .dash-iteam-headers {
        font-size: 13px;
        display: block;
        color: #6e6e6e;
        margin-bottom: 10px;
        font-weight: 600;
    }
    .dash-item-wrapper {
        width: 49%;
        margin: 0px 2px;
    }
    .stats-mrg {
        color: #eb204b;
        font-weight: 400;
        font-size: 21px;
        font-family: 'Oswald', sans-serif;
        float: left;
        margin: 7px 0;
    }
    .dash-right-col {
        width: 65%;
    }
    .dash-left-col {
        width: 34%;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .balance {
        font-family: 'Oswald', sans-serif;
        color: #eb204b;
        font-weight: 400;
        margin: 0;
        font-size: 21px;
        margin-top: 10px;
    }
    .balance-ttl {
        font-size: 13px;
        color: #7e7d7d;
        margin-bottom: 10px;
        display: block;
    }
    .tabs_item ul {
        padding: 0;
        margin: 0;
    }
    .tabs_item ul li {
        list-style: none;
        font-size: 11px;
        border-bottom: 1px solid #eaeaea;
        padding: 12px 0;
    }
    .pddn {
        padding: 0 16px;
    }
    .tabs_item ul li em {
        font-style: normal;
    }
    .col3 {
        width: 33.333%;
        float: left;
    }
    .row.media {
        clear: both;
    }
    .row.media ul li {
        list-style: none;
        float: left;
        font-size: 15px;
    }
    .row.media ul {
        margin: 0;
        padding: 0;
    }
    /*--=========== inner pages ========--*/
    .ftn-size {
        font-size: 12px;
    }
    .pay {
        background-color: #e92a50;
        color: #c93f2b;
        text-decoration: none;
        font-size: 10px;
        padding: 0px 11px;
        border-radius: 5px;
        /* display: none; */
        
        position: absolute;
        right: 24px;
    }
    .mrtn-lft {
        margin-left: 10px;
    }
    .check {
        border: 1px solid #eaeaea;
    }
    .fnt-weignt {
        font-weight: 600;
        color: #737272;
    }
    .rnd-pdn {
        padding: 0 20px;
    }
    .bg-clr {
        background-color: #fbfbfb;
    }
    /*.tabs_item ul li:first-child{   border-top: 1px solid #eaeaea;  }*/
    /*.tabs_item ul li:last-child{   border-bottom: 0;  }*/
    
    .media-info {
        background-color: #fff;
        border: 1px solid #ccc;
        padding: 20px;
    }
    .radius {
        border: 5px;
    }
    .row.media ul li:first-child {
        width: 30%;
    }
    .row.media ul li:last-child {
        width: 70%;
    }
    .row.media ul li img {
        width: 100%;
    }
    .media-info h2 {
        margin: 0;
        font-size: 15px;
        font-weight: 600;
        color: #7e7d7d;
        padding-bottom: 3px;
    }
    .media-info p {
        font-size: 12px;
        margin: 0;
        color: #7e7d7d;
    }
    .col2 {
        width: 50%;
    }
    .pdn-none {
        padding: 0;
    }
    .pdn-none img {
        display: block;
        width: 46%;
    }
    .media-hd {
        font-size: 14px;
        font-weight: 400;
        color: #7e7d7d;
    }
    .media-cnt {
        font-size: 12px;
        font-weight: normal;
        color: #7e7d7d;
    }
    .mrg-zero {
        margin: 0;
    }
    ul.dash-widgets {
        margin: 0;
        padding: 0;
        float: left;
        width: 100%;
    }
    ul.dash-widgets li {
        /*!  */
        
        list-style: none;
        width: 49%;
        margin-bottom: 16px;
    }
    ul.dash-widgets li span a {
        display: block;
        text-decoration: none;
    }
    ul.dash-widgets li span {
        display: block;
        /* border: 1px solid #e6eaee; */
    }
    ul.dash-widgets li span a img {
        float: left;
    }
    .stats-mrg em {
        font-size: 12px;
        font-style: normal;
    }
    h3.cor {
        color: #7e7d7d;
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 3px;
    }
    p.cor {
        color: #7e7d7d;
        font-size: 12px;
        margin: 0;
    }
    .wdh1 {
        width: 50%;
    }
    .wdh2 {
        width: 48%;
    }
    .frc-wdh {
        width: 100%!important;
    }
    .frc-wdh img {
        width: 100%;
        display: block;
    }
    .filter-header {
        background-color: #f9f9f9;
        border-bottom: 1px solid #f2f2f2;
        padding: 15px 30px;
    }
    .col33 {
        width: 30%;
    }
    .filter-header-srch {
        padding: 0;
        margin: 0;
    }
    .artn {
        color: #7e7d7d;
        font-weight: 600;
        font-size: 12px;
        padding-top: 12px;
    }
    .magn {
        margin: 0;
        padding: 0;
    }
    .all-users-wrapper {
        background-color: #fff;
    }
    .all-users-wrapper ul li {
        list-style: none;
        padding: 9px 0;
    }
    .all-users-wrapper-header {
        color: #7e7d7d;
        font-size: 12px;
        font-weight: 400;
    }
    .details {
        font-size: 11px;
        font-weight: 500;
        color: #615f5f;
        margin: 0;
    }
    .action_lnk {
        background-color: #c0bebe;
        font-size: 11px;
        color: #fff;
        text-align: center;
        text-decoration: none;
        padding: 3px 30px;
        display: block;
        max-width: 85px;
        border-radius: 5px;
    }
    .action_lnk:hover {background-color: #8f9190;}
    .dates {
        font-size: 12px;
        color: #bababa;
    }
    .hdr {
        width: 100%;
        border-bottom: 1px solid #ebebeb;
        padding: 4px 30px;
    }
    .hdr ul li {
        float: left;
        width: 20%;
    }
    .hdr {
        font-size: 12px;
    }
    .bnt-mrgn {
        margin-top: 8px;
        font-weight: 600;
        color: #7e7d7d;
    }
    .sigle-account {
        width: 100%;
        border-bottom: 1px solid #ebebeb;
        padding: 4px 30px;
    }
    .sigle-account ul li {
        float: left;
        width: 20%;
    }
    .profile-avater-wrapper img {
        border-radius: 50%;
        width: 40px;
    }
    .sigle-account {
        font-size: 12px;
    }
    .hilted h4{
    color:gray;
    
    }
   .hilted {
    border: 2px solid #e92a50 !important;
    height: 100%;
    width: 100%;
}
     .hilted p{
    	color: #d13239;
    }
    .chck {
        display: block;
        float: left;
    }
    .avater-name {
        display: block;
        float: left;
    }
   .margin-bottom {
        margin-top: 16px;
        float: left;
    }
    .dte {
        color: #bababa;
        text-transform: uppercase;
        font-size: 10px;
    }
    .dtl {
        color: #615f5f;
        font-weight: 600;
        font-size: 11px;
    }
    .bg-clr {
        background-color: #fbfbfb;
    }
    .overflow {
        overflow: hidden;
    }
    /*--================= check box and radio button ====================--*/

    .overlay_wrapper {
        width: 100%;
        height: 100%;
        position: fixed;
        background-image: url(../img/overlay.png);
        z-index: 1;
        display: none;
    }
    .balance-wrap {
        background-color: #eb204b;
        width: 30%;
        float: left;
        color: #fff;
    }
    .balance-wrap ul {
        padding: 15px 20px;
    }
    .balance-wrap ul li {
        list-style: none;
        float: left;
        width: 100%;
        margin: 13px 0;
    }
    .balance-wrap ul li p {
        margin: 0;
        font-size: 14px;
    }
    .balance-wrap ul li p span {
        color: #8f9190;
        margin-right: 10px;
    }
    .balance-wrap ul li h2 {
        font-family: 'Oswald', sans-serif;
        font-weight: 300;
        margin: 2px 0;
        float: left;
        margin-left: 25px;
        font-size: 18px;
    }
    .balance-wrap ul li h2 em {
        font-style: normal;
        font-size: 12px;
        margin-right: 9px;
    }
    .authorize_transfer p {
        color: #7e7d7d;
        font-size: 13px;
        border-top: 1px solid #d2d1d2;
        border-bottom: 1px solid #d2d1d2;
        padding: 11px 0;
        line-height: 18px;
        margin: 5px 0 16px 0;
    }
    .authorize_transfer h3 {
        font-size: 14px;
        font-weight: 600;
        margin: 0;
        color: #676767;
        padding: 7px 0;
    }
    .trns-accounts ul li {
        float: left;
        list-style: none;
    }
    .list-none ul li {
        list-style: none;
    }
    ul.wdh li {
        width: 33%;
    }
    .overlay-top {
        background-color: #fff;
    }
    .bottom-overlay {
        background-color: #f2f0f0;
    }
    .conso_blnce {
        width: 30%;
        background-color: #dc153f;
    }
    .authorize_transfer {
        background-color: #f8f8fa;
        width: 70%;
        padding: 10px 30px;
        font-size: 12px;
    }
    .users-tranferd {
        border-bottom: 1px solid #d2d1d2;
    }
    .users-tranferd ul li {
        list-style: none;
        width: 100%;
        float: none;
        clear: both;
        padding: 17px;
    }
    .spn-mrgn {
        margin-left: 80px;
    }
    .margin-bottom2 {
        margin-top: 9px;
        float: left;
    }
    .margin-bottom3 {
        margin-top: 9px;
        float: right;
    }
    .users-tranferd ul li span {
        font-size: 14px;
        color: #6e6e6e;
    }
    .gta {
        text-decoration: none;
        color: #454546;
        background-color: #e5e5e5;
        display: block;
        text-align: center;
        padding: 8px 30px;
        font-size: 9px;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 1px;
        margin-top: 10px;
        float: left;
    }
    .btn-clr-cng {
        background-color: #e92a50;
        margin-left: 10px;
        color: #fff;
    }
    .tabs_item p {
        margin: 0;
    }
    .tabs_item h1 {
        font-family: 'Oswald', sans-serif;
        font-weight: 400;
        color: #ec614c;
        margin: 0px;
    }
    .tabs_item h1 em {
        font-style: normal;
        font-size: 12px;
        float: left;
        color: #a0a1a3;
        margin-top: 6px;
        margin-right: 5px;
    }
    .col2_2 {
        width: 49%;
    }
    .bold {
        font-weight: 600;
    }
    .account-typ {
        border-right: 1px solid #b2b1b1;
    }
    .vercal {
        display: table-cell;
        vertical-align: middle;
    }
    .row.graph_wrapper {
        margin-top: 20px;
        float: left;
    }
    /*#slider {    position: relative;    overflow: hidden;  }  form.creact #tooltip {      position: relative;       height: auto;       cursor: pointer;  }  #slider ul {    position: relative;    margin: 0;    padding: 0;    height: 200px;    list-style: none;  }      a.control_prev, a.control_next {      position: absolute;      top: 35px;      left: 10px;      margin-top: 0;      outline: 0;      width: 20px;      height: 20px;      text-indent: -9999px;      z-index: 9999;  }    a.control_prev:hover, a.control_next:hover {    opacity: 1;    -webkit-transition: all 0.2s ease;  }    a.control_prev {      left: 15px;      background: url(../images/prev.png) no-repeat 0 0;  }    a.control_next {      left: 35px;      background: url(../images/next.png) no-repeat 0 0;  }*/
    
    .slider_option {
        position: relative;
        margin: 10px auto;
        width: 160px;
        font-size: 18px;
    }
    .account-hist {
        background-color: #fff;
        float: left;
        margin-top: 0;
        padding: 0% 2%;
    }
    .titlebar {
        display: block;
        float: right;
    }
    .titlebar ul li {
        list-style: none;
        float: left;
        margin: 0px 3px;
    }
    .titlebar ul li:last-child {
        margin-right: 0;
    }
    .titlebar h2 {
        float: left;
        font-size: 17px;
        color: #6e6e6e;
        font-weight: 600;
    }
    .titlebar ul {
        float: right;
        margin: 0;
        padding: 0;
    }
    .spn_cor {
        padding: 7px 8px;
        border-radius: 5px;
        border: 1px solid #ced0da;
        background-size: cover;
        font-size: 12px;
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
        background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
        background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
    }
    .titlebar ul li span a {
        text-decoration: none;
        font-weight: 600;
        color: #7e7e7e;
        font-size: 10px;
        letter-spacing: 2px;
    }
    .quatro {
        width: 25%;
        float: left;
        padding: 0 3% 0 0;
        font-size: 13px;
    }
    .moduall li {
        border-bottom: 1px solid #eff3f6;
        padding: 18px;
        font-size: 15px;
        float: left;
        width: 100%;
        list-style: none;
    }
    .third {
        width: 33.333%;
        float: left;
        padding: 0 5% 0 0;
    }
    .kati.third {
        text-align: center;
    }
    .third.mwisho {
        text-align: right;
        padding: 0;
    }
    .third a {
        color: rgb(119, 119, 119);
        font-size: 12px;
        font-weight: 500;
        transition: 1s ease;
        text-decoration: none;
    }
    .third a:hover {
        color: #f70d2e;
    }
    .footey {
        float: left;
        width: 100%;
        padding: 30px 0 15px;
    }
    .nava span {
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 600;
        padding-bottom: 5px;
    }
    .transhist .hedy p {
        color: #555;
        display: inline-block;
        margin-top: 0;
        font-size: 12px;
        font-weight: 600;
    }
    .col4 {
        width: 20%;
    }
    .hedy {
        border-bottom: 1px solid #eff3f6;
        padding-bottom: 15px;
    }
    .side-nav ul li a span {
        margin-right: 10px;
    }
    .row.bottom-nav ul li a span {
        color: #eb204b;
        margin-right: 10px;
        font-size: 16px;
        float: left;
    }
    .titlebar ul li span {
        color: #979799;
    }
    .titlebar ul li a {
        text-decoration: none;
    }
    .pdn_lft_rft {
        padding: 0 9px;
        text-transform: capitalize;
    }
    .header-ul li a span {
        line-height: 90px;
    }
    .header-logos {
        padding-top: 2em;
    }
    .header-logo1 {
        padding-top: 1.4em;
    }
    .head_wrap {
        position: fixed;
        top: 0;
        width: 80%;
        z-index: 99999;
    }
    .color1 {
        color: #b5b4b4;
    }
    .color2 {
        color: #454546;
    }
    .color3 {
        color: #636262;
    }
    .color4 {
        color: #6e6e6e;
    }
    .color5 {
        color: #969595;
    }
    .color6 {
        color: #7e7d7d;
    }
    .slct {
        background-color: #fff;
        padding: 13px 34px;
        font-weight: 500;
        font-size: 12px;
        color: #6e6e6e;
    }
    .slct2 {
        background-color: #fbfbfb;
        border-top: 1px solid #ebebeb;
        border-bottom: 1px solid #ebebeb;
        font-weight: 500;
        font-size: 11px;
        padding: 11px 35px;
        color: black;
        text-transform: uppercase;
        font-weight: 600;
    }
    .slct2 span {
        color: black;
        margin-right: 10px;
        float: left;
        font-size: 16px;
    }
    .rdio {
        width: auto;
    }
    .white {
        background-color: #fff!important;
    }
    .ulborder {
        border-bottom: 1px solid #f4f4f4;
        padding: 12px 35px;
        font-size: 12px;
    }
    .active_check {
        color: #eb204b;
    }
    .acct_typ {
        border-right: 1px solid #eb204b;
    }
    .padding10 {
        padding: 0 10px;
    }
    .blur {
        opacity: 0.3;
    }
    .acct_typ_blur {
        color: #a1a0a0;
    }
 
   .active-balance {
        color: #eb204b;
    }
    .header-trfer {
        color: #6e6e6e;
        font-weight: 600;
        font-size: 14px;
        margin-top: 0;
    }
    .trfer-sub {
        background-color: #ffffff;
        margin-left: 10px;
        padding: 3px 9px;
    }
    .margin10 {
        margin-right: 10px;
    }

    
    .elepadding2 {
        border-bottom: 1px solid #eaeaea;
    }
    .min_hght {
        height: 700px;
        max-height: 700px;
    }
    .border_none {
        border: none;
    }
    .accnt-dtls {
        background-color: #fff;
        font-size: 13px;
        padding: 20px 30px;
        border-bottom: 1px solid #ebebeb;
        margin: 0;
    }
    .accnt-dtls h2 {
        font-weight: 600;
        color: #919090;
        font-size: 14px;
        text-transform: uppercase;
        margin: 0;
    }
    .accnt-dtls p span {
        margin-right: 13px;
    }
    .opercityzero {
        opacity: 0;
        float: right;
        width: auto;
    }
    .select_change_account li label {
        display: block;
    }
    .heightauto {
        height: auto;
    }
    #slider {
        position: relative;
        overflow: hidden;
    }
    form.creact #tooltip {
        position: relative;
        height: auto;
        cursor: pointer;
    }
    #slider ul {
        position: relative;
        margin: 0;
        padding: 0;
        height: 200px;
        list-style: none;
    }
    #slider ul li {
        position: relative;
        display: block;
        float: left;
        margin: 0;
        padding: 0;
        width: 700px;
        height: 300px;
        text-align: center;
        line-height: 0px;
    }
    a.control_prev,
    a.control_next {
        position: absolute;
        top: 35px;
        left: 10px;
        margin-top: 0;
        outline: 0;
        width: 20px;
        height: 20px;
        text-indent: -9999px;
        z-index: 9999;
    }
    a.control_prev:hover,
    a.control_next:hover {
        opacity: 1;
        -webkit-transition: all 0.2s ease;
    }
    a.control_prev {
        left: 15px;
        background: url(../images/prev.png) no-repeat 0 0;
    }
    a.control_next {
        left: 35px;
        background: url(../images/next.png) no-repeat 0 0;
    }
    .slider_option {
        position: relative;
        margin: 10px auto;
        width: 160px;
        font-size: 18px;
    }
    .graph-wrapper {
        clear: both;
    }
    .slctd {
        color: #eb204b;
        font-weight: 600;
        font-size: 14px;
        background-color: #f9f9f9;
        margin: 0;
        padding: 40px 30px;
        border-bottom: 1px solid #ebebeb;
    }
    .slctd span {
        margin-right: 10px;
    }
    .clear_both {
        clear: both;
        display: block;
    }
    .transfer-list {
        background-color: #fff;
    }
    .transfer-list ul li {
        list-style: none;
        float: left;
        width: 50%;
    }
    .transfer-list ul li:last-child {
        margin-right: 0;
    }
    .transfer-list-head {
        background-color: #f9f9f9;
        border-bottom: 1px solid #f2f2f2;
    }
    .inner-spacer {
        padding: 0px 30px;
    }
    .transfer-list-head h3 {
        color: #7e7d7d;
        font-size: 12px;
        margin: 24px 0;
        font-weight: 600;
    }
    .bene_list ul {
        float: left;
        width: 100%;
    }
    .input_style1 {
        width: 76%;
        background-color: #f6f6f6;
        border: 1px solid #e1e0e0;
        color: #b2b1b1;
        padding: 9px;
        outline: none;
        font-size: 11px;
    }
    .label-style1 {
        font-weight: 700;
        color: #7e7d7d;
        font-size: 11px;
    }
    .avater_name {
        font-weight: 600;
        color: #7e7d7d;
        margin-top: 13px;
        float: left;
        font-size: 13px;
    }
    .cta_wrapper ul {
        border-bottom: none;
    }
    .cta_wrapper ul li {
        width: 50%;
    }
    .cancel {
        background-color: #dfdede;
        outline: navajowhite;
    }
    .accnt_nme {
        background-color: #d80f3a;
        margin: 0;
        padding: 15px 20px;
        font-size: 13px;
        font-weight: 300;
        line-height: 29px;
    }
    .authorize_transfer ul {
        margin: 0;
        float: left;
        padding: 0;
        width: 100%;
        margin-bottom: 13px;
    }
    .authorize_transfer ul li {
        list-style: none;
        float: left;
        font-weight: 600;
        color: #6e6e6e;
    }
    .ammnt-tranfer {
        border-right: 1px solid #ccc;
        padding-right: 10px;
        margin-right: 10px;
    }
    .graphy canvas {
        width: 500px;
        height: 200px;
    }
    .bar-legend li {
        font-size: 12px;
        float: left;
        margin: 0 10px;
        color: #a0a0a0;
    }
    .bar-legend li span {
        width: 26px;
        height: 9px;
        font-size: 12px;
        padding-left: 10px;
        display: inline-block;
        margin-right: 7px;
    }
    .bar-legend {
        float: left;
    }
    .pie {
        float: left;
    }
    .txt-color1 {
        color: #6e6e6e;
        border-right: 1px solid #ced0da;
        padding-right: 10px;
        margin-right: 10px;
    }
    .avg {
        color: #b2b2b3;
        font-style: normal;
    }
    .amnt-color {
        color: #ec614c;
    }
    .strg {
        font-weight: 600;
        font-size: 25px;
    }

    .blck {
        display: block;
        width: 100%;
        text-align: center;
    }
    .blck2 {
        display: block;
        width: 100%;
    }
    .tab2_ftn_clre {
        color: #8a8a8a;
    }
    .ul_tabs_bg {
        border-bottom: 1px solid #eceef0;
    }
/*    .dash-left-col >.ui-state-active a,
    .ui-state-active a:link,
    .ui-state-active a:visited {
        color: #fff;
    }*/
    .dash-left-col >.ui-tabs .ui-tabs-nav a.ui-tabs-active {
        color: #fff;
    }
    .dash-left-col >.ui-tabs .ui-tabs-nav li.ui-tabs-active {
        background-color: #eb204b;
    }
    .forex_head {
        float: left;
        width: 100%;
        padding: 11px 20px;
        color: #eb204b;
        margin: 0;
        font-size: 13px;
        border-bottom: 1px solid #eaeaea;
    }
    .forex_head li {
        float: left;
        width: 50%;
    }
    .forex_listing {
        font-size: 15px;
        padding: 11px 20px;
        width: 100%;
        margin: 0;
        border-bottom: 1px solid #eaeaea;
    }
    .ftn_clre {
        color: #bababa;
        margin-top: 1em;
    }
    .currency_sign {
        color: #eb204b;
        font-style: normal;
        font-size: 14px;
        margin-right: 2px;
    }
    .fnt_styel {
        font-family: 'Oswald', sans-serif;
    }
    .fnt_clre {
        color: #a7a4a4;
        font-size: 14px;
    }
    .fnt_clre2 {
        color: #666666;
        font-size: 15px;
    }
    .fnt_clre3 {
        color: #7e7d7d;
    }
    .border {
        border-right: 1px solid #a7a4a4;
        padding-right: 5px;
        margin-right: 5px;
    }
    .status {
        margin-top: 16px;
        font-size: 13px;
    }
    .lft_txt_align {
        text-align: left;
    }
    .canceld_status {
        color: #eaeaea;
    }

    .dash-left-col>.ui-widget.ui-widget-content {
        padding: 0;
    }
    .graphy .ui-state-active a {
        color: #eb204b;
    }
    .clip_wrap {
        margin-top: 1em;
        cursor: pointer;
    }
    .pie {
        background-color: #fff;
        border: 1px solid #e6eaee;
        border-radius: 5px;
        float: left;
        margin-bottom: 1em;
    }
    .Salaries {
        background-color: #fff;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        display: block;
        margin-top: 2px;
        margin-right: 4px;
    }
    .Salaries_border {
        background-color: #0ea1d4;
    }
    .company_border {
        background-color: #72c4b9;
    }
    .travel_border {
        background-color: #3373b3;
    }
    .insurance_border {
        background-color: #ffd400;
    }
    .stocks_border {
        background-color: #f0b499;
    }
    .others_border {
        background-color: #40557d;
    }
    .pie_data_keys ul li em {
        font-style: normal;
        color: #a9aaab;
        font-size: 13px;
        margin-left: 14px;
        margin-top: 4px;
    }
    .col6 {
        width: 42%;
    }
    .col2_quater {
        width: 40%;
    }
    .select_bg {
        background-color: #f3f5f8;
        border-radius: 5px;
        border: 1px solid #ced0da;
        /* position: absolute; */
        
        top: 6px;
        /* right: 25px; */
        
        width: 155px;
    }
    .company_list {
        margin: 0;
        padding: 0;
        float: left;
    }
    .company_list li {
        float: left;
    }
    .company_list li:first-child {
        margin: 0;
    }
    .company_list li:last-child {
        float: right;
    }
    .company_list li p {
        font-size: 12px;
        text-align: left;
        float: left;
        margin: 0;
    }
    .requests {
        background-color: #fbfbfb;
        border-top: 1px solid #eaeaea;
        border-bottom: 1px solid #eaeaea;
        padding: 15px 20px;
        color: #454546;
        font-size: 13px;
    }
    .bdn_rdn {
        border-radius: 0;
        border: none;
    }
    .authorise {
        background-color: #e92a50;
        padding: 10px 15px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 10px;
        color: #fff;
        text-decoration: none;
    }
    .authorise:hover {
        background-color: #eb204b;
        color: #fff;
    }
    .requests_pending {
        color: #454546;
        font-weight: 600;
        margin-top: 10px;
    }
    .accnt_cta {
        float: left;
        padding: 18px 20px;
    }
    .accnt_cta a {
        background-color: #e5e5e5;
        color: #454546;
        padding: 10px 19%;
        text-decoration: none;
        font-size: 12px;
        font-weight: 600;
        text-align: center;
        width: 100%;
        display: block;
        transition: all .9s ease;
    }
    .accnt_cta a:hover {
        background-color: #e92a50;
        color: #eb204b;
    }
    .col2f {
        width: 48%;
    }
    .graph_mrg {
        margin-top: 20px;
    }
    .get-opt {
        background-color: #f2f0f0;
        float: left;
        padding: 15px 20px;
    }
    .get-opt p,
    label {
        color: #737272;
    }
    .otp_input {
        background-color: #f6f6f6;
        border: 1px solid #d9d6d6;
        font-size: 12px;
        outline: none;
        padding: 10px 20px;
    }
    .tranfer_btn {
        background-color: #eb204b;
        border: none;
        color: #fff;
        text-align: center;
        padding: 10px 27px;
        font-size: 13px;
        font-weight: 600;
        margin-left: 10px;
        outline: none;
        cursor: pointer;
        transition: all .9s ease;
    }
    .tranfer_btn:hover {
        background-color: #f8a440;
    }
    .element_mrg2 {
        margin: 14px 0;
    }
    .mrg_element {
        margin: 11px 30px;
    }
    .ttl-amnt-snd {
        border-top: 1px solid #ccc;
        font-weight: 300;
        color: #666666;
        float: left;
        width: 100%;
        margin: 0 0 5px 0;
        padding: 13px 20px 0 0;
    }
    .ttl-amnt-snd b {
        font-weight: 600;
        font-size: 20px;
    }
    .close_pop {
        position: absolute;
        right: -21px;
        background-color: #ffffff;
        padding: 15px;
        border-radius: 50%;
        top: -20px;
        font-size: 13px;
        color: #535151;
        cursor: pointer;
    }
    /*.none{   display: none;  }*/
    
    .show {
        display: block;
    }
    .success {
        display: block;
        background-color: #ec614c;
        color: #fff;
        padding: 16px;
        text-decoration: none;
    }
    .pddn {
        padding: 20px;
        max-width: 460px;
        margin: auto;
        color: #7e7d7d;
        font-size: 13px;
        display: block;
    }
    .tranfer_list ul li {
        width: 100%;
    }
    
    .min_height {
        height: 342px;
    }
    .pie h3 {
        color: #eb204b;
        padding: 12px 17px 0em;
        margin: 0;
        font-size: 19px;
        font-family: 'Oswald', sans-serif;
        font-weight: 400;
    }
    .canvasjs-chart-credit {
        display: none;
    }
    .canvasjs-chart-tooltip > div {
        background-color: #000!important;
        opacity: 0.7;
        outline: none;
        box-shadow: none!important;
        border: none!important;
        right: 0;
        min-width: 135px;
    }
    .canvasjs-chart-tooltip > div:after {
        right: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-right-color: #000;
        border-width: 8px;
        margin-top: -8px;
    }
    .text-agln {
        text-align: right;
    }
    .pie_data_keys {
        margin-bottom: 10px;
    }
    .hgt {
        height: 342px;
    }
/*    #tabs2 input[type=checkbox]:checked + label {
        border: none;
    }*/
input[type=checkbox]:not(old),input[type=radio]:not(old) {width: 28px; margin: 0;padding: 0;opacity: 0;float: right;position: absolute;}
input[type=checkbox]:not(old) + label,input[type=radio]:not(old) + label {display: inline-block;padding-left: 28px;background: url(../img/checks.png) no-repeat 0 0;line-height: 24px;}
    /*====== radio ========*/
    .bdrbtn {
        border-bottom: 1px solid #eaeaea;
    }
    .mrgntp {
        margin-top: 7px;
    }
    .filter-date {
        z-index: 1;
        float: right;
        outline: none;
        border: none;
        background-image: url(../img/date.png);
        background-repeat: no-repeat;
        background-position: 95% 100%;
    }
    .company_list_wdt {
        width: 49%;
    }
    .graph_mrg2 {
        margin-bottom: 20px;
    }
    .top_negative {
        top: -3px;
    }
    .colored_icon_bg {
        margin-right: 15px;
    }
    .rdio {
        background-color: transparent;
        border: 2px solid #d8d7d7;
    }
    .rdn2 {
        background-color: #f00;
    }
    .sta_amnt {
        font-size: 12px;
        text-align: left;
        float: left;
        margin: 0;
    }
    .gta_cta {
        display: block;
        background-color: #fbfbfb;
        text-align: center;
        color: #494949;
        text-decoration: none;
        padding: 10px 0;
        font-size: 12px;
        font-weight: 400;
        border: 1px solid #e6eaee;
    }
    .colored_icon_bg img {
        max-width: 62px;
    }
    .ctaz_mrgn_btn {
        margin-top: 20px;
    }
    .search {
        position: relative;
        color: #aaa;
        /* font-size: 16px; */
    }
    .search input {
        width: 100%;
        height: 32px;
        background: #fff;
        border: 1px solid #eaeaea;
        font-size: 12px;
        border-radius: 3px;
        position: relative;
        outline: none;
    }
    .search input {
        text-indent: 12px;
    }
    .search .fa-search {
        position: absolute;
        top: 10px;
        left: 10px;
    }
    .srch_btn {
        position: absolute;
        right: 11px;
        top: 11px;
        z-index: 1;
        font-size: 12px;
        color: #cccccc;
        cursor: pointer;
        float: right;
    }
    .grey {
        background-color: #f3f3f3;
    }
    .accnt_dtl_spa {
        padding: 30px;
    }
    .accnt-_name {
        margin: 0 0 6px 0;
    }
    .tym {
        border-right: 1px solid #ced0da;
        padding-right: 10px;
        margin-right: 12px;
    }
    .tym_color {
        color: #8f8d8d;
        font-size: 12px;
    }
    .tym_color em {
        font-style: normal;
    }
    .tym_color b {
        margin-left: 12px;
    }
    .dte {
        margin-top: 20px;
    }
    .accnt_clor {
        color: #f00;
        font-family: 'Oswald', sans-serif;
        color: #eb204b;
        font-weight: 400;
    }
    .blce {
        font-size: 12px;
        color: #333333;
        margin: 20px 0 5px 0;
    }
    .actual_blce {
        color: #8f8d8d;
        font-size: 12px;
        margin: 10px 0 0 0;
    }
    ul.accnt_dtl_list li {
        border-bottom: 1px solid #e7e7e7;
        float: left;
        width: 100%;
        padding-bottom: 20px;
    }
    .dtl_accnt2 {
        text-align: right;
        color: #adafb2;
    }
    .spn_accnt_dt3 {
        color: #7e7d7d;
        text-align: right;
    }
    .spn_accnt_dtl {
        font-size: 12px;
        margin-top: 16px;
        font-weight: 500;
    }
    .dtls_accnt {
        color: #7e7d7d;
    }
    .ul_brd {
        border-bottom: 1px solid #ebebeb;
        padding-bottom: 20px;
        margin-bottom: 25px;
    }
    .accnt_header {
        font-size: 13px;
        margin: 0;
        color: #333333;
        font-weight: 600;
    }

    .ui-draggable-handle {
        -ms-touch-action: none;
        touch-action: none;
    }
    /* Layout helpers  ----------------------------------*/
    
    .ui-helper-hidden {
        display: none;
    }
    .ui-helper-hidden-accessible {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    .ui-helper-reset {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        line-height: 1.3;
        text-decoration: none;
        font-size: 100%;
        list-style: none;
    }
    .ui-helper-clearfix:before,
    .ui-helper-clearfix:after {
        content: "";
        display: table;
        border-collapse: collapse;
    }
    .ui-helper-clearfix:after {
        clear: both;
    }
    .ui-helper-zfix {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        opacity: 0;
        filter: Alpha(Opacity=0);
        /* support: IE8 */
    }
    .ui-front {
        z-index: 100;
    }
    /* Interaction Cues  ----------------------------------*/
    
    .ui-state-disabled {
        cursor: default !important;
        pointer-events: none;
    }
    /* Icons  ----------------------------------*/
    
    .ui-icon {
        display: inline-block;
        vertical-align: middle;
        margin-top: -.25em;
        position: relative;
        text-indent: -99999px;
        overflow: hidden;
        background-repeat: no-repeat;
    }
    .ui-widget-icon-block {
        left: 50%;
        margin-left: -8px;
        display: block;
    }
    /* Misc visuals  ----------------------------------*/
    /* Overlays */
    
    .ui-widget-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .ui-resizable {
        position: relative;
    }
    .ui-resizable-handle {
        position: absolute;
        font-size: 0.1px;
        display: block;
        -ms-touch-action: none;
        touch-action: none;
    }
    .ui-resizable-disabled .ui-resizable-handle,
    .ui-resizable-autohide .ui-resizable-handle {
        display: none;
    }
    .ui-resizable-n {
        cursor: n-resize;
        height: 7px;
        width: 100%;
        top: -5px;
        left: 0;
    }
    .ui-resizable-s {
        cursor: s-resize;
        height: 7px;
        width: 100%;
        bottom: -5px;
        left: 0;
    }
    .ui-resizable-e {
        cursor: e-resize;
        width: 7px;
        right: -5px;
        top: 0;
        height: 100%;
    }
    .ui-resizable-w {
        cursor: w-resize;
        width: 7px;
        left: -5px;
        top: 0;
        height: 100%;
    }
    .ui-resizable-se {
        cursor: se-resize;
        width: 12px;
        height: 12px;
        right: 1px;
        bottom: 1px;
    }
    .ui-resizable-sw {
        cursor: sw-resize;
        width: 9px;
        height: 9px;
        left: -5px;
        bottom: -5px;
    }
    .ui-resizable-nw {
        cursor: nw-resize;
        width: 9px;
        height: 9px;
        left: -5px;
        top: -5px;
    }
    .ui-resizable-ne {
        cursor: ne-resize;
        width: 9px;
        height: 9px;
        right: -5px;
        top: -5px;
    }
    .ui-selectable {
        -ms-touch-action: none;
        touch-action: none;
    }
    .ui-selectable-helper {
        position: absolute;
        z-index: 100;
        border: 1px dotted black;
    }
    .ui-sortable-handle {
        -ms-touch-action: none;
        touch-action: none;
    }
    .ui-accordion .ui-accordion-header {
        display: block;
        cursor: pointer;
        position: relative;
        margin: 2px 0 0 0;
        padding: .5em .5em .5em .7em;
        font-size: 100%;
    }
    .ui-accordion .ui-accordion-content {
        padding: 1em 2.2em;
        border-top: 0;
        overflow: auto;
    }
    .ui-autocomplete {
        position: absolute;
        top: 0;
        left: 0;
        cursor: default;
    }
    .ui-menu {
        list-style: none;
        padding: 0;
        margin: 0;
        display: block;
        outline: 0;
    }
    .ui-menu .ui-menu {
        position: absolute;
    }
    .ui-menu .ui-menu-item {
        margin: 0;
        cursor: pointer;
        /* support: IE10, see #8844 */
        
        list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    }
    .ui-menu .ui-menu-item-wrapper {
        position: relative;
        padding: 3px 1em 3px .4em;
    }
    .ui-menu .ui-menu-divider {
        margin: 5px 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0;
    }
    .ui-menu .ui-state-focus,
    .ui-menu .ui-state-active {
        margin: -1px;
    }
    /* icon support */
    
    .ui-menu-icons {
        position: relative;
    }
    .ui-menu-icons .ui-menu-item-wrapper {
        padding-left: 2em;
    }
    /* left-aligned */
    
    .ui-menu .ui-icon {
        position: absolute;
        top: 0;
        bottom: 0;
        left: .2em;
        margin: auto 0;
    }
    /* right-aligned */
    
    .ui-menu .ui-menu-icon {
        left: auto;
        right: 0;
    }
    .ui-button {
        padding: .4em 1em;
        display: inline-block;
        position: relative;
        line-height: normal;
        margin-right: .1em;
        cursor: pointer;
        vertical-align: middle;
        text-align: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        /* Support: IE <= 11 */
        
        overflow: visible;
    }
    .ui-button,
    .ui-button:link,
    .ui-button:visited,
    .ui-button:hover,
    .ui-button:active {
        text-decoration: none;
    }
    /* to make room for the icon, a width needs to be set here */
    
    .ui-button-icon-only {
        width: 2em;
        box-sizing: border-box;
        text-indent: -9999px;
        white-space: nowrap;
    }
    /* no icon support for input elements */
    
    input.ui-button.ui-button-icon-only {
        text-indent: 0;
    }
    /* button icon element(s) */
    
    .ui-button-icon-only .ui-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -8px;
        margin-left: -8px;
    }
    .ui-button.ui-icon-notext .ui-icon {
        padding: 0;
        width: 2.1em;
        height: 2.1em;
        text-indent: -9999px;
        white-space: nowrap;
    }
    input.ui-button.ui-icon-notext .ui-icon {
        width: auto;
        height: auto;
        text-indent: 0;
        white-space: normal;
        padding: .4em 1em;
    }
    /* workarounds */
    /* Support: Firefox 5 - 40 */
    
    input.ui-button::-moz-focus-inner,
    button.ui-button::-moz-focus-inner {
        border: 0;
        padding: 0;
    }
    .ui-controlgroup {
        vertical-align: middle;
        display: inline-block;
    }
    .ui-controlgroup > .ui-controlgroup-item {
        float: left;
        margin-left: 0;
        margin-right: 0;
    }
    .ui-controlgroup > .ui-controlgroup-item:focus,
    .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
        z-index: 9999;
    }
    .ui-controlgroup-vertical > .ui-controlgroup-item {
        display: block;
        float: none;
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
        text-align: left;
    }
    .ui-controlgroup-vertical .ui-controlgroup-item {
        box-sizing: border-box;
    }
    .ui-controlgroup .ui-controlgroup-label {
        padding: .4em 1em;
    }
    .ui-controlgroup .ui-controlgroup-label span {
        font-size: 80%;
    }
    .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
        border-left: none;
    }
    .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
        border-top: none;
    }
    .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
        border-right: none;
    }
    .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
        border-bottom: none;
    }
    /* Spinner specific style fixes */
    
    .ui-controlgroup-vertical .ui-spinner-input {
        /* Support: IE8 only, Android < 4.4 only */
        
        width: 75%;
        width: calc( 100% - 2.4em);
    }
    .ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
        border-top-style: solid;
    }
    .ui-checkboxradio-label .ui-icon-background {
        box-shadow: inset 1px 1px 1px #ccc;
        border-radius: .12em;
        border: none;
    }
    .ui-checkboxradio-radio-label .ui-icon-background {
        width: 16px;
        height: 16px;
        border-radius: 1em;
        overflow: visible;
        border: none;
    }
    .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
    .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
        background-image: none;
        width: 8px;
        height: 8px;
        border-width: 4px;
        border-style: solid;
    }
    .ui-checkboxradio-disabled {
        pointer-events: none;
    }
    .ui-datepicker {
        width: 17em;
        padding: 0;
        display: none;
    }
    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }
    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 11px;
        width: 1.8em;
        height: 1.8em;
    }
/*    .ui-datepicker .ui-datepicker-prev-hover,
    .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }*/
/*    .ui-datepicker .ui-datepicker-prev {
        left: 10px;
    }
    .ui-datepicker .ui-datepicker-next {
        right: 10px;
    }
    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }
    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }*/
    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }
    .ui-datepicker .ui-datepicker-title {
        line-height: 2.8em;
        text-align: center;
        font-size: 13px;
        font-weight: 200;
        display: flex;
        padding: 8px 10px;
    }
    .ui-datepicker .ui-datepicker-title select {
        font-size: 1em;
        margin: 1px 0;
        background: none;
        border: none;
        border-radius: 0;
        color: black;
        text-transform: uppercase;
    }
    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 45%;
    }
    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }
    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }
    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }
    .ui-datepicker td span,
    .ui-datepicker td a {
        display: block;
        padding: .2em;
        text-align: right;
        text-decoration: none;
    }
    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }
    .ui-datepicker .ui-datepicker-buttonpane button {
        float: right;
        margin: .5em .2em .4em;
        cursor: pointer;
        padding: .4em .8em .4em .8em;
        width: auto;
        overflow: visible;
        /* background: none; */
        border: none;
        color: #fff;
    }
    .ui-datepicker .ui-datepicker-buttonpane button:nth-child(1){
        background: #000;
    }
    .ui-datepicker .ui-datepicker-buttonpane button:nth-child(3) {
    background: red;
	}
    .ui-datepicker .ui-datepicker-buttonpane button:nth-child(2) {
        background: #8f9190;
	}
    .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
        float: left;
    }
    /* with multiple calendars */
    
    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }
    .ui-datepicker-multi .ui-datepicker-group {
        float: left;
    }
    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }
    .ui-datepicker-multi-2 .ui-datepicker-group {
        width: 50%;
    }
    .ui-datepicker-multi-3 .ui-datepicker-group {
        width: 33.3%;
    }
    .ui-datepicker-multi-4 .ui-datepicker-group {
        width: 25%;
    }
    .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
        border-left-width: 0;
    }
    .ui-datepicker-multi .ui-datepicker-buttonpane {
        clear: left;
    }
    .ui-datepicker-row-break {
        clear: both;
        width: 100%;
        font-size: 0;
    }
    /* RTL support */
    
    .ui-datepicker-rtl {
        direction: rtl;
    }
    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }
    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }
    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }
    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }
    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }
    .ui-datepicker-rtl .ui-datepicker-buttonpane button {
        float: left;
    }
    .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
    .ui-datepicker-rtl .ui-datepicker-group {
        float: right;
    }
    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }
    /* Icons */
    
    .ui-datepicker .ui-icon {
        display: block;
        text-indent: -99999px;
        overflow: hidden;
        background-repeat: no-repeat;
        left: .5em;
        top: .3em;
    }
    .ui-dialog {
        position: absolute;
        top: 0;
        left: 0;
        padding: .2em;
        outline: 0;
    }
    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
    }
    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px;
    }
    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
    }
    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin-top: .5em;
        padding: .3em 1em .5em .4em;
    }
    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        float: right;
    }
    .ui-dialog .ui-dialog-buttonpane button {
        margin: .5em .4em .5em 0;
        cursor: pointer;
    }
    .ui-dialog .ui-resizable-n {
        height: 2px;
        top: 0;
    }
    .ui-dialog .ui-resizable-e {
        width: 2px;
        right: 0;
    }
    .ui-dialog .ui-resizable-s {
        height: 2px;
        bottom: 0;
    }
    .ui-dialog .ui-resizable-w {
        width: 2px;
        left: 0;
    }
    .ui-dialog .ui-resizable-se,
    .ui-dialog .ui-resizable-sw,
    .ui-dialog .ui-resizable-ne,
    .ui-dialog .ui-resizable-nw {
        width: 7px;
        height: 7px;
    }
    .ui-dialog .ui-resizable-se {
        right: 0;
        bottom: 0;
    }
    .ui-dialog .ui-resizable-sw {
        left: 0;
        bottom: 0;
    }
    .ui-dialog .ui-resizable-ne {
        right: 0;
        top: 0;
    }
    .ui-dialog .ui-resizable-nw {
        left: 0;
        top: 0;
    }
    .ui-draggable .ui-dialog-titlebar {
        cursor: move;
    }
    .ui-progressbar {
        height: 2em;
        text-align: left;
        overflow: hidden;
    }
    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%;
    }
    .ui-progressbar .ui-progressbar-overlay {
        background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
        height: 100%;
        filter: alpha(opacity=25);
        /* support: IE8 */
        
        opacity: 0.25;
    }
    .ui-progressbar-indeterminate .ui-progressbar-value {
        background-image: none;
    }
    .ui-selectmenu-menu {
        padding: 0;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        display: none;
    }
    .ui-selectmenu-menu .ui-menu {
        overflow: auto;
        overflow-x: hidden;
        padding-bottom: 1px;
    }
    .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
        font-size: 1em;
        font-weight: bold;
        line-height: 1.5;
        padding: 2px 0.4em;
        margin: 0.5em 0 0 0;
        height: auto;
        border: 0;
    }
    .ui-selectmenu-open {
        display: block;
    }
    .ui-selectmenu-text {
        display: block;
        margin-right: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .ui-selectmenu-button.ui-button {
        text-align: left;
        white-space: nowrap;
        width: 14em;
    }
    .ui-selectmenu-icon.ui-icon {
        float: right;
        margin-top: 0;
    }
    /*.ui-slider {   position: relative;   text-align: left;  }  .ui-slider .ui-slider-handle {   position: absolute;   z-index: 2;   width: 1.2em;   height: 1.2em;   cursor: default;   -ms-touch-action: none;   touch-action: none;  }  .ui-slider .ui-slider-range {   position: absolute;   z-index: 1;   font-size: .7em;   display: block;   border: 0;   background-position: 0 0;  }  */
    /* support: IE8 - See #6727 */
    
    .ui-slider.ui-state-disabled .ui-slider-handle,
    .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit;
    }
    .ui-slider-horizontal {
        height: .8em;
    }
    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
    }
    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }
    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }
    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }
    .ui-slider-vertical {
        width: .8em;
        height: 100px;
    }
    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }
    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }
    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }
    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }
    .ui-spinner {
        position: relative;
        display: inline-block;
        overflow: hidden;
        padding: 0;
        vertical-align: middle;
    }
    .ui-spinner-input {
        border: none;
        background: none;
        color: inherit;
        padding: .222em 0;
        margin: .2em 0;
        vertical-align: middle;
        margin-left: .4em;
        margin-right: 2em;
    }
    .ui-spinner-button {
        width: 1.6em;
        height: 50%;
        font-size: .5em;
        padding: 0;
        margin: 0;
        text-align: center;
        position: absolute;
        cursor: default;
        display: block;
        overflow: hidden;
        right: 0;
    }
    /* more specificity required here to override default borders */
    
    .ui-spinner a.ui-spinner-button {
        border-top-style: none;
        border-bottom-style: none;
        border-right-style: none;
    }
    .ui-spinner-up {
        top: 0;
    }
    .ui-spinner-down {
        bottom: 0;
    }
    .ui-tabs {
        position: relative;
        /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
        /* padding: .2em; */
    }
    .ui-tabs .ui-tabs-nav {
        margin: 0;
    }
    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        float: left;
        padding: 10px 7px;
        text-decoration: none;
    }
    .ui-tabs .ui-tabs-nav li.ui-tabs-active {
        margin-bottom: -1px;
        padding-bottom: 1px;
    }
    .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
    .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
    .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
        cursor: text;
    }
    .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
        cursor: pointer;
    }

    .ui-tooltip {
        padding: 8px;
        position: absolute;
        z-index: 9999;
        max-width: 300px;
    }
    body .ui-tooltip {
        border-width: 2px;
    }
    /* Component containers  ----------------------------------*/
    
    .ui-widget {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1em;
    }
    .ui-widget .ui-widget {
        font-size: 1em;
    }
    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
    }


    .ui-widget-header {
        font-weight: bold;
    }

    /* Interaction states  ----------------------------------*/
    
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default,
    .ui-button,
    /* We use html here because we need a greater specificity to make sure disabled  works properly when clicked or hovered */
    
    html .ui-button.ui-state-disabled:hover,
    html .ui-button.ui-state-disabled:active {
        font-weight: normal;
        color: #454545;
        text-align: center;
    }
    .ui-state-default a,
    .ui-state-default a:link,
    .ui-state-default a:visited,
    a.ui-button,
    a:link.ui-button,
    a:visited.ui-button,
    .ui-button {
        color: #454545;
        text-decoration: none;
        outline: none;
    }
    .ui-state-hover,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-hover,
    .ui-state-focus,
    .ui-widget-content .ui-state-focus,
    .ui-widget-header .ui-state-focus,
    .ui-button:hover,
    .ui-button:focus {
        font-weight: normal;
    }
    .ui-state-hover a,
    .ui-state-hover a:hover,
    .ui-state-hover a:link,
    .ui-state-hover a:visited,
    .ui-state-focus a,
    .ui-state-focus a:hover,
    .ui-state-focus a:link,
    .ui-state-focus a:visited,
    a.ui-button:hover,
    a.ui-button:focus {
        text-decoration: none;
    }
    .ui-visual-focus {
        box-shadow: 0 0 3px 1px rgb(94, 158, 214);
    }


    .ui-state-active a,
    .ui-state-active a:link,
    .ui-state-active a:visited {
        text-decoration: none;
    }
    /* Interaction Cues  ----------------------------------*/
    
    .ui-state-highlight,
    .ui-widget-content .ui-state-highlight,
    .ui-widget-header .ui-state-highlight {
        border: none;
    }

    .ui-state-error,
    .ui-widget-content .ui-state-error,
    .ui-widget-header .ui-state-error {
        border: 1px solid;
    }

    .ui-priority-primary,
    .ui-widget-content .ui-priority-primary,
    .ui-widget-header .ui-priority-primary {
        font-weight: bold;
    }
    .ui-priority-secondary,
    .ui-widget-content .ui-priority-secondary,
    .ui-widget-header .ui-priority-secondary {
        opacity: .7;
        filter: Alpha(Opacity=70);
        /* support: IE8 */
        
        font-weight: normal;
    }
    .ui-state-disabled,
    .ui-widget-content .ui-state-disabled,
    .ui-widget-header .ui-state-disabled {
        opacity: .35;
        filter: Alpha(Opacity=35);
        /* support: IE8 */
        
        background-image: none;
    }
    .ui-state-disabled .ui-icon {
        filter: Alpha(Opacity=35);
        /* support: IE8 - See #6059 */
    }
    /* Icons  ----------------------------------*/
    /* states and images */
    
    .ui-icon {
        width: 16px;
        height: 16px;
    }
    .ui-icon,
    .ui-widget-content .ui-icon {
        background-image: url("images/ui-icons_444444_256x240.png");
    }
    .ui-widget-header a.ui-datepicker-prev{
        background-image: url("../img/next.png");
    width: 20px;
    height: 20px;
    background-size: cover;
    }
       .ui-widget-header a.ui-datepicker-next {
        background-image: url("../img/prev.png");
    width: 20px;
    height: 20px;
    background-size: cover;
    }
    .ui-button .ui-icon {
        background-image: url("images/ui-icons_777777_256x240.png");
    }
    .ui-state-hover .ui-icon,
    .ui-state-focus .ui-icon,
    .ui-button:hover .ui-icon,
    .ui-button:focus .ui-icon,
    .ui-state-default .ui-icon {
        background-image: url("images/ui-icons_555555_256x240.png");
    }
    .ui-state-active .ui-icon,
    .ui-button:active .ui-icon {
        background-image: url("images/ui-icons_ffffff_256x240.png");
    }
    .ui-state-highlight .ui-icon,
    .ui-button .ui-state-highlight.ui-icon {
        background-image: url("images/ui-icons_777620_256x240.png");
    }
    .ui-state-error .ui-icon,
    .ui-state-error-text .ui-icon {
        background-image: url("images/ui-icons_cc0000_256x240.png");
    }
    /* positioning */
    
    .ui-icon-blank {
        background-position: 16px 16px;
    }
    .ui-icon-caret-1-n {
        background-position: 0 0;
    }
    .ui-icon-caret-1-ne {
        background-position: -16px 0;
    }
    .ui-icon-caret-1-e {
        background-position: -32px 0;
    }
    .ui-icon-caret-1-se {
        background-position: -48px 0;
    }
    .ui-icon-caret-1-s {
        background-position: -65px 0;
    }
    .ui-icon-caret-1-sw {
        background-position: -80px 0;
    }
    .ui-icon-caret-1-w {
        background-position: -96px 0;
    }
    .ui-icon-caret-1-nw {
        background-position: -112px 0;
    }
    .ui-icon-caret-2-n-s {
        background-position: -128px 0;
    }
    .ui-icon-caret-2-e-w {
        background-position: -144px 0;
    }
    .ui-icon-triangle-1-n {
        background-position: 0 -16px;
    }
    .ui-icon-triangle-1-ne {
        background-position: -16px -16px;
    }
    .ui-icon-triangle-1-e {
        background-position: -32px -16px;
    }
    .ui-icon-triangle-1-se {
        background-position: -48px -16px;
    }
    .ui-icon-triangle-1-s {
        background-position: -65px -16px;
    }
    .ui-icon-triangle-1-sw {
        background-position: -80px -16px;
    }
    .ui-icon-triangle-1-w {
        background-position: -96px -16px;
    }
    .ui-icon-triangle-1-nw {
        background-position: -112px -16px;
    }
    .ui-icon-triangle-2-n-s {
        background-position: -128px -16px;
    }
    .ui-icon-triangle-2-e-w {
        background-position: -144px -16px;
    }
    .ui-icon-arrow-1-n {
        background-position: 0 -32px;
    }
    .ui-icon-arrow-1-ne {
        background-position: -16px -32px;
    }
    .ui-icon-arrow-1-e {
        background-position: -32px -32px;
    }
    .ui-icon-arrow-1-se {
        background-position: -48px -32px;
    }
    .ui-icon-arrow-1-s {
        background-position: -65px -32px;
    }
    .ui-icon-arrow-1-sw {
        background-position: -80px -32px;
    }
    .ui-icon-arrow-1-w {
        background-position: -96px -32px;
    }
    .ui-icon-arrow-1-nw {
        background-position: -112px -32px;
    }
    .ui-icon-arrow-2-n-s {
        background-position: -128px -32px;
    }
    .ui-icon-arrow-2-ne-sw {
        background-position: -144px -32px;
    }
    .ui-icon-arrow-2-e-w {
        background-position: -160px -32px;
    }
    .ui-icon-arrow-2-se-nw {
        background-position: -176px -32px;
    }
    .ui-icon-arrowstop-1-n {
        background-position: -192px -32px;
    }
    .ui-icon-arrowstop-1-e {
        background-position: -208px -32px;
    }
    .ui-icon-arrowstop-1-s {
        background-position: -224px -32px;
    }
    .ui-icon-arrowstop-1-w {
        background-position: -240px -32px;
    }
    .ui-icon-arrowthick-1-n {
        background-position: 1px -48px;
    }
    .ui-icon-arrowthick-1-ne {
        background-position: -16px -48px;
    }
    .ui-icon-arrowthick-1-e {
        background-position: -32px -48px;
    }
    .ui-icon-arrowthick-1-se {
        background-position: -48px -48px;
    }
    .ui-icon-arrowthick-1-s {
        background-position: -64px -48px;
    }
    .ui-icon-arrowthick-1-sw {
        background-position: -80px -48px;
    }
    .ui-icon-arrowthick-1-w {
        background-position: -96px -48px;
    }
    .ui-icon-arrowthick-1-nw {
        background-position: -112px -48px;
    }
    .ui-icon-arrowthick-2-n-s {
        background-position: -128px -48px;
    }
    .ui-icon-arrowthick-2-ne-sw {
        background-position: -144px -48px;
    }
    .ui-icon-arrowthick-2-e-w {
        background-position: -160px -48px;
    }
    .ui-icon-arrowthick-2-se-nw {
        background-position: -176px -48px;
    }
    .ui-icon-arrowthickstop-1-n {
        background-position: -192px -48px;
    }
    .ui-icon-arrowthickstop-1-e {
        background-position: -208px -48px;
    }
    .ui-icon-arrowthickstop-1-s {
        background-position: -224px -48px;
    }
    .ui-icon-arrowthickstop-1-w {
        background-position: -240px -48px;
    }
    .ui-icon-arrowreturnthick-1-w {
        background-position: 0 -64px;
    }
    .ui-icon-arrowreturnthick-1-n {
        background-position: -16px -64px;
    }
    .ui-icon-arrowreturnthick-1-e {
        background-position: -32px -64px;
    }
    .ui-icon-arrowreturnthick-1-s {
        background-position: -48px -64px;
    }
    .ui-icon-arrowreturn-1-w {
        background-position: -64px -64px;
    }
    .ui-icon-arrowreturn-1-n {
        background-position: -80px -64px;
    }
    .ui-icon-arrowreturn-1-e {
        background-position: -96px -64px;
    }
    .ui-icon-arrowreturn-1-s {
        background-position: -112px -64px;
    }
    .ui-icon-arrowrefresh-1-w {
        background-position: -128px -64px;
    }
    .ui-icon-arrowrefresh-1-n {
        background-position: -144px -64px;
    }
    .ui-icon-arrowrefresh-1-e {
        background-position: -160px -64px;
    }
    .ui-icon-arrowrefresh-1-s {
        background-position: -176px -64px;
    }
    .ui-icon-arrow-4 {
        background-position: 0 -80px;
    }
    .ui-icon-arrow-4-diag {
        background-position: -16px -80px;
    }
    .ui-icon-extlink {
        background-position: -32px -80px;
    }
    .ui-icon-newwin {
        background-position: -48px -80px;
    }
    .ui-icon-refresh {
        background-position: -64px -80px;
    }
    .ui-icon-shuffle {
        background-position: -80px -80px;
    }
    .ui-icon-transfer-e-w {
        background-position: -96px -80px;
    }
    .ui-icon-transferthick-e-w {
        background-position: -112px -80px;
    }
    .ui-icon-folder-collapsed {
        background-position: 0 -96px;
    }
    .ui-icon-folder-open {
        background-position: -16px -96px;
    }
    .ui-icon-document {
        background-position: -32px -96px;
    }
    .ui-icon-document-b {
        background-position: -48px -96px;
    }
    .ui-icon-note {
        background-position: -64px -96px;
    }
    .ui-icon-mail-closed {
        background-position: -80px -96px;
    }
    .ui-icon-mail-open {
        background-position: -96px -96px;
    }
    .ui-icon-suitcase {
        background-position: -112px -96px;
    }
    .ui-icon-comment {
        background-position: -128px -96px;
    }
    .ui-icon-person {
        background-position: -144px -96px;
    }
    .ui-icon-print {
        background-position: -160px -96px;
    }
    .ui-icon-trash {
        background-position: -176px -96px;
    }
    .ui-icon-locked {
        background-position: -192px -96px;
    }
    .ui-icon-unlocked {
        background-position: -208px -96px;
    }
    .ui-icon-bookmark {
        background-position: -224px -96px;
    }
    .ui-icon-tag {
        background-position: -240px -96px;
    }
    .ui-icon-home {
        background-position: 0 -112px;
    }
    .ui-icon-flag {
        background-position: -16px -112px;
    }
    .ui-icon-calendar {
        background-position: -32px -112px;
    }
    .ui-icon-cart {
        background-position: -48px -112px;
    }
    .ui-icon-pencil {
        background-position: -64px -112px;
    }
    .ui-icon-clock {
        background-position: -80px -112px;
    }
    .ui-icon-disk {
        background-position: -96px -112px;
    }
    .ui-icon-calculator {
        background-position: -112px -112px;
    }
    .ui-icon-zoomin {
        background-position: -128px -112px;
    }
    .ui-icon-zoomout {
        background-position: -144px -112px;
    }
    .ui-icon-search {
        background-position: -160px -112px;
    }
    .ui-icon-wrench {
        background-position: -176px -112px;
    }
    .ui-icon-gear {
        background-position: -192px -112px;
    }
    .ui-icon-heart {
        background-position: -208px -112px;
    }
    .ui-icon-star {
        background-position: -224px -112px;
    }
    .ui-icon-link {
        background-position: -240px -112px;
    }
    .ui-icon-cancel {
        background-position: 0 -128px;
    }
    .ui-icon-plus {
        background-position: -16px -128px;
    }
    .ui-icon-plusthick {
        background-position: -32px -128px;
    }
    .ui-icon-minus {
        background-position: -48px -128px;
    }
    .ui-icon-minusthick {
        background-position: -64px -128px;
    }
    .ui-icon-close {
        background-position: -80px -128px;
    }
    .ui-icon-closethick {
        background-position: -96px -128px;
    }
    .ui-icon-key {
        background-position: -112px -128px;
    }
    .ui-icon-lightbulb {
        background-position: -128px -128px;
    }
    .ui-icon-scissors {
        background-position: -144px -128px;
    }
    .ui-icon-clipboard {
        background-position: -160px -128px;
    }
    .ui-icon-copy {
        background-position: -176px -128px;
    }
    .ui-icon-contact {
        background-position: -192px -128px;
    }
    .ui-icon-image {
        background-position: -208px -128px;
    }
    .ui-icon-video {
        background-position: -224px -128px;
    }
    .ui-icon-script {
        background-position: -240px -128px;
    }
    .ui-icon-alert {
        background-position: 0 -144px;
    }
    .ui-icon-info {
        background-position: -16px -144px;
    }
    .ui-icon-notice {
        background-position: -32px -144px;
    }
    .ui-icon-help {
        background-position: -48px -144px;
    }
    .ui-icon-check {
        background-position: -64px -144px;
    }
    .ui-icon-bullet {
        background-position: -80px -144px;
    }
    .ui-icon-radio-on {
        background-position: -96px -144px;
    }
    .ui-icon-radio-off {
        background-position: -112px -144px;
    }
    .ui-icon-pin-w {
        background-position: -128px -144px;
    }
    .ui-icon-pin-s {
        background-position: -144px -144px;
    }
    .ui-icon-play {
        background-position: 0 -160px;
    }
    .ui-icon-pause {
        background-position: -16px -160px;
    }
    .ui-icon-seek-next {
        background-position: -32px -160px;
    }
    .ui-icon-seek-prev {
        background-position: -48px -160px;
    }
    .ui-icon-seek-end {
        background-position: -64px -160px;
    }
    .ui-icon-seek-start {
        background-position: -80px -160px;
    }
    /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
    
    .ui-icon-seek-first {
        background-position: -80px -160px;
    }
    .ui-icon-stop {
        background-position: -96px -160px;
    }
    .ui-icon-eject {
        background-position: -112px -160px;
    }
    .ui-icon-volume-off {
        background-position: -128px -160px;
    }
    .ui-icon-volume-on {
        background-position: -144px -160px;
    }
    .ui-icon-power {
        background-position: 0 -176px;
    }
    .ui-icon-signal-diag {
        background-position: -16px -176px;
    }
    .ui-icon-signal {
        background-position: -32px -176px;
    }
    .ui-icon-battery-0 {
        background-position: -48px -176px;
    }
    .ui-icon-battery-1 {
        background-position: -64px -176px;
    }
    .ui-icon-battery-2 {
        background-position: -80px -176px;
    }
    .ui-icon-battery-3 {
        background-position: -96px -176px;
    }
    .ui-icon-circle-plus {
        background-position: 0 -192px;
    }
    .ui-icon-circle-minus {
        background-position: -16px -192px;
    }
    .ui-icon-circle-close {
        background-position: -32px -192px;
    }
    .ui-icon-circle-triangle-e {
        background-position: -48px -192px;
    }
    .ui-icon-circle-triangle-s {
        background-position: -64px -192px;
    }
    .ui-icon-circle-triangle-w {
        background-position: -80px -192px;
    }
    .ui-icon-circle-triangle-n {
        background-position: -96px -192px;
    }
    .ui-icon-circle-arrow-e {
        background-position: -112px -192px;
    }
    .ui-icon-circle-arrow-s {
        background-position: -128px -192px;
    }
    .ui-icon-circle-arrow-w {
        background-position: -144px -192px;
    }
    .ui-icon-circle-arrow-n {
        background-position: -160px -192px;
    }
    .ui-icon-circle-zoomin {
        background-position: -176px -192px;
    }
    .ui-icon-circle-zoomout {
        background-position: -192px -192px;
    }
    .ui-icon-circle-check {
        background-position: -208px -192px;
    }
    .ui-icon-circlesmall-plus {
        background-position: 0 -208px;
    }
    .ui-icon-circlesmall-minus {
        background-position: -16px -208px;
    }
    .ui-icon-circlesmall-close {
        background-position: -32px -208px;
    }
    .ui-icon-squaresmall-plus {
        background-position: -48px -208px;
    }
    .ui-icon-squaresmall-minus {
        background-position: -64px -208px;
    }
    .ui-icon-squaresmall-close {
        background-position: -80px -208px;
    }
    .ui-icon-grip-dotted-vertical {
        background-position: 0 -224px;
    }
    .ui-icon-grip-dotted-horizontal {
        background-position: -16px -224px;
    }
    .ui-icon-grip-solid-vertical {
        background-position: -32px -224px;
    }
    .ui-icon-grip-solid-horizontal {
        background-position: -48px -224px;
    }
    .ui-icon-gripsmall-diagonal-se {
        background-position: -64px -224px;
    }
    .ui-icon-grip-diagonal-se {
        background-position: -80px -224px;
    }
    /* Misc visuals  ----------------------------------*/
    /* Corner radius */
    
    .ui-corner-all,
    .ui-corner-top,
    .ui-corner-left,
    .ui-corner-tl {
        border-top-right-radius: 0;
    }
    .ui-corner-all,
    .ui-corner-top,
    .ui-corner-right,
    .ui-corner-tr {
        border-top-left-radius: 0;
    }
    .ui-corner-all,
    .ui-corner-bottom,
    .ui-corner-left,
    .ui-corner-bl {
        /* border-bottom-left-radius: 3px; */
    }
    .ui-corner-all,
    .ui-corner-bottom,
    .ui-corner-right,
    .ui-corner-br {
        /* border-bottom-right-radius: 3px; */
    }
    /* Overlays */
    
    .ui-widget-overlay {
        opacity: .3;
        filter: Alpha(Opacity=30);
        /* support: IE8 */
    }
    .ui-widget-shadow {} html {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    *,
    *:before,
    *:after {
        -webkit-box-sizing: inherit;
        -moz-box-sizing: inherit;
        box-sizing: inherit;
    }
    @font-face {
        font-family: 'icomoon';
        src: url('../fonts/icomoon.eot?r0hi3w');
        src: url('../fonts/icomoon.eot?r0hi3w#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?r0hi3w') format('truetype'), url('../fonts/icomoon.woff?r0hi3w') format('woff'), url('../fonts/icomoon.svg?r0hi3w#icomoon') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    [ class^="icon-"],
    [class*=" icon-"] {
        /* use !important to prevent issues with browser extensions that change fonts */
        
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .icon-add:before {
        content: "\e900";
    }
    .icon-Authorizations:before {
        content: "\e901";
    }
    .icon-back:before {
        content: "\e902";
    }
    .icon-balance:before {
        content: "\e903";
    }
    .icon-bar:before {
        content: "\e904";
    }
    .icon-bene:before {
        content: "\e905";
    }
    .icon-beneficiary:before {
        content: "\e906";
    }
    .icon-beneficiary2:before {
        content: "\e907";
    }
    .icon-blank:before {
        content: "\e908";
    }
    .icon-calculator:before {
        content: "\e909";
    }
    .icon-calculator2:before {
        content: "\e90a";
    }
    .icon-calender:before {
        content: "\e90b";
    }
    .icon-card1:before {
        content: "\e90c";
    }
    .icon-card2:before {
        content: "\e90d";
    }
    .icon-card4:before {
        content: "\e90e";
    }
    .icon-card5:before {
        content: "\e90f";
    }
    .icon-card6:before {
        content: "\e910";
    }
    .icon-card7:before {
        content: "\e911";
    }
    .icon-card8:before {
        content: "\e912";
    }
    .icon-cards:before {
        content: "\e913";
    }
    .icon-caution:before {
        content: "\e914";
    }
    .icon-close:before {
        content: "\e915";
    }
    .icon-close2:before {
        content: "\e916";
    }
    .icon-Contactus:before {
        content: "\e917";
    }
    .icon-delete:before {
        content: "\e918";
    }
    .icon-document:before {
        content: "\e919";
    }
    .icon-down:before {
        content: "\e91a";
    }
    .icon-download:before {
        content: "\e91b";
    }
    .icon-DTB:before {
        content: "\e91c";
    }
    .icon-edit:before {
        content: "\e91d";
    }
    .icon-Forex:before {
        content: "\e91e";
    }
    .icon-forward:before {
        content: "\e91f";
    }
    .icon-home:before {
        content: "\e920";
    }
    .icon-home2:before {
        content: "\e921";
    }
    .icon-international:before {
        content: "\e922";
    }
    .icon-line:before {
        content: "\e923";
    }
    .icon-loans:before {
        content: "\e924";
    }
    .icon-Loans_Overdraft:before {
        content: "\e925";
    }
    .icon-lock:before {
        content: "\e926";
    }
    .icon-logout:before {
        content: "\e927";
    }
    .icon-mail:before {
        content: "\e928";
    }
    .icon-mail2:before {
        content: "\e929";
    }
    .icon-mobile:before {
        content: "\e92a";
    }
    .icon-next2:before {
        content: "\e92b";
    }
    .icon-next3:before {
        content: "\e92c";
    }
    .icon-opp:before {
        content: "\e92d";
    }
    .icon-orders:before {
        content: "\e92e";
    }
    .icon-Payments:before {
        content: "\e92f";
    }
    .icon-Payments2:before {
        content: "\e930";
    }
    .icon-pic:before {
        content: "\e931";
    }
    .icon-pre2:before {
        content: "\e932";
    }
    .icon-prev1:before {
        content: "\e933";
    }
    .icon-print:before {
        content: "\e934";
    }
    .icon-remove:before {
        content: "\e935";
    }
    .icon-Salaries:before {
        content: "\e936";
    }
    .icon-savings:before {
        content: "\e937";
    }
    .icon-savings1:before {
        content: "\e938";
    }
    .icon-search:before {
        content: "\e939";
    }
    .icon-security:before {
        content: "\e93a";
    }
    .icon-service:before {
        content: "\e93b";
    }
    .icon-slide1:before {
        content: "\e93c";
    }
    .icon-slide2:before {
        content: "\e93d";
    }
    .icon-slide3:before {
        content: "\e93e";
    }
    .icon-slide4:before {
        content: "\e93f";
    }
    .icon-Standing_Orders:before {
        content: "\e940";
    }
    .icon-Statements:before {
        content: "\e941";
    }
    .icon-Statements2:before {
        content: "\e942";
    }
    .icon-Suppliers:before {
        content: "\e943";
    }
    .icon-tick:before {
        content: "\e944";
    }
    .icon-tick1:before {
        content: "\e945";
    }
    .icon-Trade_Finance:before {
        content: "\e946";
    }
    .icon-Transfers:before {
        content: "\e947";
    }
    .icon-up:before {
        content: "\e948";
    }
    .icon-user1:before {
        content: "\e949";
    }
    .icon-user2:before {
        content: "\e94a";
    }
    .icon-user3:before {
        content: "\e94b";
    }
    .icon-bin:before {
        content: "\e9ac";
    }
    .icon-sphere:before {
        content: "\e9c9";
    }
    /*--============== CSS BOX SIZING ===============--*/
    /*--============= CSS CLEAR FLOATS ==============--*/
    
    .clr {} .clr:before,
    .clr:after {
        content: "";
        display: table;
    }
    .clr:after {
        clear: both;
    }
    .row {
        width: 100%;
    }
    /*--============= CSS CLEAR FLOATS ==============--*/
    
    .top-header {
        background-color: #eff3f6;
        padding: 1px 0;
    }
    .top-header a {
        display: block;
        float: left;
    }
    .center_aligner {
        width: 90%;
        margin: auto;
    }
    .slider-caption-wrapper {
        max-width: 400px;
        position: absolute;
        bottom: 50px;
        left: 5%;
        color: #fff;
    }
    .row.slider-caption-wrapper p {
        font-size: 13px;
    }
    ul.bxslider {
        margin: 0;
        padding: 0;
        position: relative;
    }
    .fnd-more {
        text-decoration: none;
        color: #b51232;
        text-align: center;
        background-color: #fff;
        padding: 10px 20px;
        display: block;
        max-width: 150px;
        font-weight: 500;
        font-size: 13px;
        transition: all 0.9s ease;
    }
    .fnd-more:hover {
        background-color: #fec733;
        color: #b61333;
    }
    .input-field {
        width: 100%;
        outline: none;
        padding: 15px 0px 15px 40px;
        border: none;
        color: #7e7d7d;
        margin: 5px 0;
        font-size: 12px;
    }
    .campany-name {
        background-image: url(../img/card.png);
        background-repeat: no-repeat;
        background-size: 16px 12px;
        background-position: 5%;
    }
    .user-icon {
        background-image: url(../img/user.png);
        background-repeat: no-repeat;
        background-size: 16px 12px;
        background-position: 5%;
    }
    .lock-icon {
        background-image: url(../img/lock.png);
        background-repeat: no-repeat;
        background-size: 16px 12px;
        background-position: 5%;
    }
    .login {
        float: left;
        background-color: #b61333;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        border: none;
        width: 49%;
        font-size: 11px;
        padding: 15px 0;
        cursor: pointer;
        margin-top: 5px;
        font-weight: 500;
        letter-spacing: 2px;
        transition: all 1.3s ease;
    }
    .login:hover {
        background-color: #454647;
        color: #ffff;
    }
    .get-access {
        float: right;
        background-color: #b61333;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        text-decoration: none;
        width: 49%;
        font-size: 11px;
        padding: 15px 0;
        margin-top: 5px;
        font-weight: 500;
        letter-spacing: 2px;
        transition: all 1.3s ease;
    }
    .get-access:hover {
      background-color: #454647;
        color: #ffff;
    }
    .Forgot-lnk {
        float: left;
        color: #fff;
        text-decoration: none;
        font-size: 11px;
        margin-top: 25px;
    }
    .Security-lnk {
        float: right;
        font-size: 11px;
        text-decoration: none;
        color: #fff;
        margin-top: 25px;
    }
    .row.footer {
        background-color: #ffffff;
        padding: 20px 0;
        font-size: 12px;
        color: #979494;
        padding: 0px 0;
        clear: both;
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 30px;
        z-index: 0;
    }
    .col4 {
        width: 25%;
        float: left;
    }
    .row.footer ul {
        margin: 0;
        padding: 0;
    }
    .row.footer ul li {
        list-style: none;
    }
    .row.footer ul li a {
        margin: 10px 0;
        display: block;
        text-decoration: none;
        color: #c6c4c4;
        transition: all 0.9s ease;
    }
    .row.footer ul li a:hover {
        color: #eb204b;
    }
    .social-media-wrapper ul li {
        float: left;
        margin: 3px;
    }
    .social-media-wrapper ul li a {
        padding: 10px 18px;
        background-color: #454647;
        border-radius: 5px;
        transition: all 0.9s ease;
    }
    .footer-header {
        display: block;
        width: 100%;
        float: left;
    }
    .row.footer p {
        font-weight: bold;width: auto;
        float: right;
    margin: 0 10px;line-height: 34px;}
    .ftr-header,
    .footer-header {
        font-weight: 900;
    }
    .header-color-change {
        background-color: #eb204b;
    }
    .body-bg-color {
        background-color: #eff3f6;
    }
    .access-wrapper {
        width: 90%;
        margin: 20px auto 20px;
        background-color: #fff;
    }
    .header-txt1 {
        color: #ed274b;
        font-size: 16px;
        width: 100%;
        border-bottom: 1px solid #d9d9d9;
        margin: 0;
    }
    .inner-padding {
        padding: 20px 60px;
    }
    .center_aligner2 {
        width: 81%;
        margin: auto;
    }
    .tab {
        position: relative;
        overflow: hidden;
        background: #fff;
        width: 100%;
        line-height: 1.5;
        font-weight: 300;
        color: #888;
        -webkit-font-smoothing: antialiased;
    }
    .tabs {
        display: table;
        position: relative;
        overflow: hidden;
        margin: 0;
        width: 100%;
        padding: 0;
    }
    .tabs li {
        float: left;
        line-height: 38px;
        overflow: hidden;
        padding: 0;
        position: relative;
    }
    .tabs a {
        background-color: #f6f8fb;
        border-bottom: 1px solid #fff;
        color: #999;
        font-weight: 500;
        display: block;
        letter-spacing: 0;
        outline: none;
        padding: 0 20px;
        text-decoration: none;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        border-bottom: 2px solid green;
        font-size: 12px;
    }
    .tabs_item {
        display: none;
        padding: 20px 50px;
        height: 202px;
        max-height: 220px;
    }
    .tabs_item p {
        font-size: 12px;
    }
    .tabs_item:first-child {
        display: block;
    }
    .current a {
        color: #fff;
        background: #eb204b;
    }
    .tabs_item form label {
        font-size: 12px;
        /*!  */
        
        display: block;
        margin-bottom: 10px;
    }
    .selectdiv {
        width: 100%;
        background: #f6f6f6 url(../img/drop_select.png) no-repeat right center;
        cursor: pointer;
        position: relative;
        overflow: hidden;
        font-size: 12px;
        float: right;
        height: 30px;
        background-color: #ffffff;
        border: 1px solid #f2f2f2;
    }
    .selectboxdiv {
        height: 100%;
        min-height: 20px;
        left: 0;
        right: 0;
        margin-top: 0;
        position: absolute;
        width: 100%;
        z-index: 2;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -khtml-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
        cursor: pointer;
        /* top: 2px; */
        
        bottom: 10px;
    }
    .out {
        float: left;
        /* margin-top: 7px; */
        
        margin-left: 1em;
        color: #b5b5b5;
    }
    .inputfield2 {
        border: 1px solid #e5e4e4;
        background: #f6f6f6;
        width: 50%;
        font-size: 12px;
        padding: 9px;
        color: #ccc;
    }
    .cta-wrapper {
        border-top: 1px solid #dad9d9;
        margin-top: 2em;
        padding: 30px 0 0 0;
    }
    .input-field-width {
        width: 30%;
    }
    .Continue {
        background-color: #e92a50;
        color: #fff;
        font-size: 12px;
        border: none;
        padding: 8px 25px;
        cursor: pointer;
        margin-left: 20px;
        text-align: center;
        /* width: 20%; */
    }
    .Cancel {
        background-color: #dfdede;
        color: black;
        font-size: 12px;
        border: none;
        padding: 8px 25px;
        cursor: pointer;
    }
    /*--=========== inner pages ========--*/
    
    .lft-menu-bar {
        background-color: #252d30;
        width: 20%;
        float: left;
        height: 100%;
        position: fixed;
    }
    .avater-wrapper {
        text-align: center;
        background-color: #fff;
        width: 100%;
        /* padding: 22px 20px; */
        /* height: 90px; */
        
        height: 70px;
    }
    .row.side-nav ul {
        padding: 0;
        margin: 0;
    height: 86vh;overflow-y: scroll;}
    .row.side-nav ul li {
        display: block;
    }
    .right-section {
        width: 80%;
        float: right;
    }
    .lft {
        float: left;
    }
    .rgt {
        float: right !important;
    }
    .header-ul {
        padding: 0;
        margin: 0;
    }
    .header-ul li {
        list-style: none;
        float: left;
        padding: 0 15px;
    }
    .header-ul li:nth-child(1) {
        padding-left: 0;
    }
    .header-ul li a:nth-child(2) {
        border-right: 1px solid #fff;
    }
    .row.top-nav a {
        display: block;
        color: #fff;
        text-decoration: none;
    }
    .row.bottom-nav ul {
        padding: 0;
        margin: 0;
    }
    .row.bottom-nav ul li {
        float: left;
        list-style: none;
        font-weight: 500;
        font-size: 12px;
        text-transform: uppercase;
        color: #fff;
        margin: 0 20px;
    }
    .row.bottom-nav ul li:first-child {
        margin: 0;
    }
    .row.bottom-nav ul li:last-child {
        float: right;
        margin: 0;
    }
    .row.bottom-nav ul li a:last-child {
        margin: 0;
    }
    .row.bottom-nav ul li a {
        margin: 0 10px;
        text-decoration: none;
        color: #fff;
    }
    .div-aligner {
        padding: 14% 3%;
    }
    .lbe {
        color: #616568;
        font-weight: 600;
        text-transform: capitalize;
        font-size: 12px;
    }

    .txt-center {
        text-align: center;
    }
    .dash-iteam-headers {
        font-size: 13px;
        display: block;
        color: #6e6e6e;
        margin-bottom: 10px;
        font-weight: 600;
    }
    .dash-item-wrapper {
        width: 49%;
        margin: 0px 2px;
    }
    .stats-mrg {
        color: #eb204b;
        font-weight: 400;
        font-size: 21px;
        font-family: 'Oswald', sans-serif;
        float: left;
        margin: 7px 0;
    }
    .dash-right-col {
        width: 65%;
    }
    .dash-left-col {
        width: 34%;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .balance {
        font-family: 'Oswald', sans-serif;
        color: #eb204b;
        font-weight: 400;
        margin: 0;
        font-size: 21px;
        margin-top: 10px;
    }
    .balance-ttl {
        font-size: 13px;
        color: #7e7d7d;
        margin-bottom: 10px;
        display: block;
    }
    .tabs_item ul {
        padding: 0;
        margin: 0;
    }
    .tabs_item ul li {
        list-style: none;
        font-size: 11px;
        border-bottom: 1px solid #eaeaea;
        padding: 12px 0;
    }
    .pddn {
        padding: 0 16px;
    }
    .tabs_item ul li em {
        font-style: normal;
    }
    .col3 {
        width: 33.333%;
        float: left;
    }
    .row.media {
        clear: both;
    }
    .row.media ul li {
        list-style: none;
        float: left;
        font-size: 15px;
    }
    .row.media ul {
        margin: 0;
        padding: 0;
    }
    /*--=========== inner pages ========--*/
    .ftn-size {
        font-size: 12px;
    }
    .pay {
        background-color: #e92a50;
        color: #c93f2b;
        text-decoration: none;
        font-size: 10px;
        padding: 0px 11px;
        border-radius: 5px;
        /* display: none; */
        
        position: absolute;
        right: 24px;
    }
    .mrtn-lft {
        margin-left: 10px;
    }
    .check {
        border: 1px solid #eaeaea;
    }
    .fnt-weignt {
        font-weight: 600;
        color: #737272;
    }
    .rnd-pdn {
        padding: 0 20px;
    }
    .bg-clr {
        background-color: #fbfbfb;
    }
    /*.tabs_item ul li:first-child{   border-top: 1px solid #eaeaea;  }*/
    /*.tabs_item ul li:last-child{   border-bottom: 0;  }*/
    
    .media-info {
        background-color: #fff;
        border: 1px solid #ccc;
        padding: 20px;
    }
    .radius {
        border: 5px;
    }
    .row.media ul li:first-child {
        width: 30%;
    }
    .row.media ul li:last-child {
        width: 70%;
    }
    .row.media ul li img {
        width: 100%;
    }
    .media-info h2 {
        margin: 0;
        font-size: 15px;
        font-weight: 600;
        color: #7e7d7d;
        padding-bottom: 3px;
    }
    .media-info p {
        font-size: 12px;
        margin: 0;
        color: #7e7d7d;
    }
    .pdn-none {
        padding: 0;
    }
    .pdn-none img {
        display: block;
        width: 46%;
    }
    .media-hd {
        font-size: 14px;
        font-weight: 400;
        color: #7e7d7d;
    }
    .media-cnt {
        font-size: 12px;
        font-weight: normal;
        color: #7e7d7d;
    }
    .mrg-zero {
        margin: 0;
    }
    ul.dash-widgets {
        margin: 0;
        padding: 0;
        float: left;
        width: 100%;
    }
    ul.dash-widgets li {
        /*!  */
        
        list-style: none;
        width: 49%;
        margin-bottom: 16px;
    }
    ul.dash-widgets li span a {
        display: block;
        text-decoration: none;
    }
    ul.dash-widgets li span {
        display: block;
        /* border: 1px solid #e6eaee; */
    }
    ul.dash-widgets li span a img {
        float: left;
    }
    .stats-mrg em {
        font-size: 12px;
        font-style: normal;
    }
    h3.cor {
        color: #7e7d7d;
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 3px;
    }
    p.cor {
        color: #7e7d7d;
        font-size: 12px;
        margin: 0;
    }
    .wdh1 {
        width: 50%;
    }
    .wdh2 {
        width: 48%;
    }
    .frc-wdh {
        width: 100%!important;
    }
    .frc-wdh img {
        width: 100%;
        display: block;
    }
    .filter-header {
        background-color: #f9f9f9;
        border-bottom: 1px solid #f2f2f2;
        padding: 15px 30px;
    }
    .col33 {
        width: 30%;
    }
    .filter-header-srch {
        padding: 0;
        margin: 0;
    }
    .artn {
        color: #7e7d7d;
        font-weight: 600;
        font-size: 12px;
        padding-top: 12px;
    }
    .magn {
        margin: 0;
        padding: 0;
    }
    .all-users-wrapper {
        background-color: #fff;
    }
    .all-users-wrapper ul li {
        list-style: none;
        padding: 9px 0;
    }
    .all-users-wrapper-header {
        color: #7e7d7d;
        font-size: 12px;
        font-weight: 400;
    }
    .details {
        font-size: 11px;
        font-weight: 500;
        color: #615f5f;
        margin: 0;
    }
    .dates {
        font-size: 12px;
        color: #bababa;
    }
    .hdr {
        width: 100%;
        border-bottom: 1px solid #ebebeb;
        padding: 4px 30px;
    }
    .hdr ul li {
        float: left;
        width: 20%;
    }
    .hdr {
        font-size: 12px;
    }
    .bnt-mrgn {
        margin-top: 8px;
        font-weight: 600;
        color: #7e7d7d;
    }
    .sigle-account {
        width: 100%;
        border-bottom: 1px solid #ebebeb;
        padding: 4px 30px;
        overflow: scroll;
        max-height: 60vh;
    }
    .sigle-account ul li {
        float: left;
        width: 48% !important;
    }
    .profile-avater-wrapper img {
        border-radius: 50%;
        width: 40px;
    }
    .sigle-account {
        font-size: 12px;
    }
    .chck {
        display: block;
        float: left;
    }
    .avater-name {
        display: block;
        float: left;
    }
.profile-avater-wrapper {display: block;float: left;margin: 0 40px;width: 40px;height: 40px;}
.margin-bottom { margin-top: 16px;float: left;}.dte {color: #bababa; text-transform: uppercase;font-size: 10px;}
.dtl {color: #615f5f;font-weight: 600;font-size: 11px;}
.bg-clr {background-color: #fbfbfb;}.overflow {overflow: hidden;}
.overlay_wrapper { width: 100%;height: 100%;position: fixed; background-image: url(../img/overlay.png);z-index: 1;display: none;}
    .balance-wrap {
        background-color: #eb204b;
        width: 30%;
        float: left;
        color: #fff;
    }
    .balance-wrap ul {
        padding: 15px 20px;
    }
    .balance-wrap ul li {
        list-style: none;
        float: left;
        width: 100%;
        margin: 13px 0;
    }
    .balance-wrap ul li p {
        margin: 0;
        font-size: 14px;
    color: #fff !important;}
    .balance-wrap ul li p span {
        color: #fff;
        margin-right: 10px;
    }
    .balance-wrap ul li h2 {
        font-family: 'Oswald', sans-serif;
        font-weight: 300;
        margin: 2px 0;
        float: left;
        margin-left: 25px;
        font-size: 18px;
    }
    .balance-wrap ul li h2 em {
        font-style: normal;
        font-size: 12px;
        margin-right: 9px;
    }
    .authorize_transfer p {
        color: #7e7d7d;
        font-size: 13px;
        border-top: 1px solid #d2d1d2;
        border-bottom: 1px solid #d2d1d2;
        padding: 11px 0;
        line-height: 18px;
        margin: 5px 0 16px 0;
    }
    .authorize_transfer h3 {
        font-size: 14px;
        font-weight: 600;
        margin: 0;
        color: #676767;
        padding: 7px 0;
    }
    .trns-accounts ul li {
        float: left;
        list-style: none;
    }
    .list-none ul li {
        list-style: none;
    }
    ul.wdh li {
        width: 33%;
    }
    .overlay-top {
        background-color: #fff;
    }
    .bottom-overlay {
        background-color: #f2f0f0;
    }
    .conso_blnce {
        width: 30%;
        background-color: #dc153f;
    }
    .authorize_transfer {
        background-color: #f8f8fa;
        width: 70%;
        padding: 10px 30px;
        font-size: 12px;
    }
    .users-tranferd {
        border-bottom: 1px solid #d2d1d2;
    }
    .users-tranferd ul li {
        list-style: none;
        width: 100%;
        float: none;
        clear: both;
        padding: 17px;
    }
    .spn-mrgn {
        margin-left: 80px;
    }
    .margin-bottom2 {
        margin-top: 9px;
        float: left;
    }
    .margin-bottom3 {
        margin-top: 9px;
        float: right;
    }
    .users-tranferd ul li span {
        font-size: 14px;
        color: #6e6e6e;
    }
    .gta {
        text-decoration: none;
        color: #454546;
        background-color: #e5e5e5;
        display: block;
        text-align: center;
        padding: 8px 30px;
        font-size: 9px;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 1px;
        margin-top: 10px;
        float: left;
    }
    .btn-clr-cng {
        background-color: #e92a50;
        margin-left: 10px;
        color: #fff;
    }
    .tabs_item p {
        margin: 0;
    }
    .tabs_item h1 {
        font-family: 'Oswald', sans-serif;
        font-weight: 400;
        color: #ec614c;
        margin: 0px;
    }
    .tabs_item h1 em {
        font-style: normal;
        font-size: 12px;
        float: left;
        color: #a0a1a3;
        margin-top: 6px;
        margin-right: 5px;
    }
    .col2_2 {
        width: 49%;
    }
    .bold {
        font-weight: 600;
    }
    .account-typ {
        border-right: 1px solid #b2b1b1;
    }
    .vercal {
        display: table-cell;
        vertical-align: middle;
    }
    .row.graph_wrapper {
        margin-top: 20px;
        float: left;
    }
    /*#slider {    position: relative;    overflow: hidden;  }  form.creact #tooltip {      position: relative;       height: auto;       cursor: pointer;  }  #slider ul {    position: relative;    margin: 0;    padding: 0;    height: 200px;    list-style: none;  }      a.control_prev, a.control_next {      position: absolute;      top: 35px;      left: 10px;      margin-top: 0;      outline: 0;      width: 20px;      height: 20px;      text-indent: -9999px;      z-index: 9999;  }    a.control_prev:hover, a.control_next:hover {    opacity: 1;    -webkit-transition: all 0.2s ease;  }    a.control_prev {      left: 15px;      background: url(../images/prev.png) no-repeat 0 0;  }    a.control_next {      left: 35px;      background: url(../images/next.png) no-repeat 0 0;  }*/
    
    .slider_option {
        position: relative;
        margin: 10px auto;
        width: 160px;
        font-size: 18px;
    }
    .account-hist {
        background-color: #fff;
        float: left;
        margin-top: 0;
        padding: 0% 2%;
    }
    .titlebar {
        display: block;
        float: right;
    }
    .titlebar ul li {
        list-style: none;
        float: left;
        margin: 0px 3px;
    }
    .titlebar ul li:last-child {
        margin-right: 0;
    }
    .titlebar h2 {
        float: left;
        font-size: 17px;
        color: #6e6e6e;
        font-weight: 600;
    }
    .titlebar ul {
        float: right;
        margin: 0;
        padding: 0;
    }
    .spn_cor {
        padding: 7px 8px;
        border-radius: 5px;
        border: 1px solid #ced0da;
        background-size: cover;
        font-size: 12px;
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
        background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
        background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
    }
    .titlebar ul li span a {
        text-decoration: none;
        font-weight: 600;
        color: #7e7e7e;
        font-size: 10px;
        letter-spacing: 2px;
    }
    .quatro {
        width: 25%;
        float: left;
        padding: 0 3% 0 0;
        font-size: 13px;
    }
    .moduall li {
        border-bottom: 1px solid #eff3f6;
        padding: 18px;
        font-size: 15px;
        float: left;
        width: 100%;
        list-style: none;
    }
    .third {
        width: 33.333%;
        float: left;
        padding: 0 5% 0 0;
    }
    .kati.third {
        text-align: center;
    }
    .third.mwisho {
        text-align: right;
        padding: 0;
    }
    .third a {
        color: rgb(119, 119, 119);
        font-size: 12px;
        font-weight: 500;
        transition: 1s ease;
        text-decoration: none;
    }
    .third a:hover {
        color: #f70d2e;
    }
    .footey {
        float: left;
        width: 100%;
        padding: 30px 0 15px;
    }
    .nava span {
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 600;
        padding-bottom: 5px;
    }
    .transhist .hedy p {
        color: #555;
        display: inline-block;
        margin-top: 0;
        font-size: 12px;
        font-weight: 600;
    }
    .col4 {
        width: 20%;
    }
    .hedy {
        border-bottom: 1px solid #eff3f6;
        padding-bottom: 15px;
    }
    .side-nav ul li a span {
        margin-right: 10px;
    }
    .row.bottom-nav ul li a span {
        color: #eb204b;
        margin-right: 10px;
        font-size: 16px;
        float: left;
    }
    .titlebar ul li span {
        color: #979799;
    }
    .titlebar ul li a {
        text-decoration: none;
    }
    .pdn_lft_rft {
        padding: 0 9px;
        text-transform: capitalize;
    }
    .header-ul li a span {
        line-height: 90px;
    }
    .header-logos {
        padding-top: 2em;
    }
    .header-logo1 {
        padding-top: 1.4em;
    }
    .head_wrap {
        position: fixed;
        top: 0;
        width: 80%;
        z-index: 1;
    }
    .color1 {
        color: #b5b4b4;
    }
    .color2 {
        color: #454546;
    }
    .color3 {
        color: #636262;
    }
    .color4 {
        color: #6e6e6e;
    }
    .color5 {
        color: #969595;
    }
    .color6 {
        color: #7e7d7d;
    }
    .transfers-wrap ul li {
        list-style: none;
        float: left;
        clear: both;
        position: relative;
    }
    .slct {
        background-color: #fff;
        padding: 13px 34px;
        font-weight: 500;
        font-size: 12px;
        color: #6e6e6e;
    }
    .rdio {
        width: auto;
    }
 
  .ulborder {
        border-bottom: 1px solid #f4f4f4;
        padding: 12px 35px;
        font-size: 12px;
    }
    .active_check {
        color: #eb204b;
    }
    .acct_typ {
        border-right: 1px solid #eb204b;
    }
    .padding10 {
        padding: 0 10px;
    }
    .blur {
        opacity: 0.3;
    }
    .acct_typ_blur {
        color: #a1a0a0;
    }
    .ulborder_blur {
        border-right: 1px solid #a1a0a0;
        padding-right: 10px;
        margin-right: 10px;
    }
    .active-balance {
        color: #eb204b;
    }
    .header-trfer {
        color: #6e6e6e;
        font-weight: 600;
        font-size: 14px;
        margin: 0;
        padding: 1em 1em 0;
    width: 100%;float: left;font-family: 'Oswald', sans-serif;}
    .trfer-sub {
        background-color: #ffffff;
        margin-left: 10px;
        padding: 3px 9px;
    }
    .bg-color1 {
        background-color: #f9f9f9;
    }
    .margin10 {
        margin-right: 10px;
    }

    
    .elepadding2 {
        border-bottom: 1px solid #eaeaea;
    }
    .min_hght {
        height: 700px;
        max-height: 700px;
    }
    .border_none {
        border: none;
    }
    .accnt-dtls {
        background-color: #fff;
        font-size: 13px;
        padding: 20px 30px;
        border-bottom: 1px solid #ebebeb;
        margin: 0;
    }
    .accnt-dtls h2 {
        font-weight: 600;
        color: #919090;
        font-size: 14px;
        text-transform: uppercase;
        margin: 0;
    }
    .accnt-dtls p span {
        margin-right: 13px;
    }
    .opercityzero {
        opacity: 0;
        float: right;
        width: auto;
    }
    .select_change_account li label {
        display: block;
    }
    .heightauto {
        height: auto;
    }
    #slider {
        position: relative;
        overflow: hidden;
    }
    form.creact #tooltip {
        position: relative;
        height: auto;
        cursor: pointer;
    }
    #slider ul {
        position: relative;
        margin: 0;
        padding: 0;
        height: 200px;
        list-style: none;
    }
    #slider ul li {
        position: relative;
        display: block;
        float: left;
        margin: 0;
        padding: 0;
        width: 700px;
        height: 300px;
        text-align: center;
        line-height: 0px;
    }
    a.control_prev,
    a.control_next {
        position: absolute;
        top: 35px;
        left: 10px;
        margin-top: 0;
        outline: 0;
        width: 20px;
        height: 20px;
        text-indent: -9999px;
        z-index: 9999;
    }
    a.control_prev:hover,
    a.control_next:hover {
        opacity: 1;
        -webkit-transition: all 0.2s ease;
    }
    a.control_prev {
        left: 15px;
        background: url(../images/prev.png) no-repeat 0 0;
    }
    a.control_next {
        left: 35px;
        background: url(../images/next.png) no-repeat 0 0;
    }
    .slider_option {
        position: relative;
        margin: 10px auto;
        width: 160px;
        font-size: 18px;
    }
    .graph-wrapper {
        clear: both;
    }
    .slctd {
        color: #eb204b;
        font-weight: 600;
        font-size: 14px;
        background-color: #f9f9f9;
        margin: 0;
        padding: 40px 30px;
        border-bottom: 1px solid #ebebeb;
    }
    .slctd span {
        margin-right: 10px;
    }
    .clear_both {
        clear: both;
        display: block;
    }
    .transfer-list {
        background-color: #fff;
    }
    .transfer-list ul li {
        list-style: none;
        float: left;
        width: 50%;
    }
    .transfer-list ul li:last-child {
        margin-right: 0;
    }
    .transfer-list-head {
        background-color: #f9f9f9;
        border-bottom: 1px solid #f2f2f2;
    }
    .inner-spacer {
        padding: 0px 30px;
    }
    .transfer-list-head h3 {
        color: #7e7d7d;
        font-size: 12px;
        margin: 24px 0;
        font-weight: 600;
    }
    .bene_list ul li {
        list-style: none;
        float: left;
    }
    .input_style1 {
        width: 76%;
        background-color: #f6f6f6;
        border: 1px solid #e1e0e0;
        color: #b2b1b1;
        padding: 9px;
        outline: none;
        font-size: 11px;
    }
    .label-style1 {
        font-weight: 700;
        color: #7e7d7d;
        font-size: 11px;
    }
    .avater_name {
        font-weight: 600;
        color: #7e7d7d;
        margin-top: 13px;
        float: left;
        font-size: 13px;
    }
    .cta_wrapper ul {
        border-bottom: none;
    }
    .cta_wrapper ul li {
        width: 50%;
    }
    .accnt_nme {
        background-color: #d80f3a;
        margin: 0;
        padding: 15px 20px;
        font-size: 13px;
        font-weight: 300;
        line-height: 29px;
    }
    .authorize_transfer ul {
        margin: 0;
        float: left;
        padding: 0;
        width: 100%;
        margin-bottom: 13px;
    }
    .authorize_transfer ul li {
        list-style: none;
        float: left;
        font-weight: 600;
        color: #6e6e6e;
    }
    .ammnt-tranfer {
        border-right: 1px solid #ccc;
        padding-right: 10px;
        margin-right: 10px;
    }
    .graphy {
        float: left;
        width: 100%;
        margin-bottom: 1em;
        position: relative;
        min-height: 344px;
        max-height: 344px;
    }
    .graphy canvas {
        width: 500px;
        height: 200px;
    }
    .graphy h3 {
        font-size: 14px;
        font-weight: 300;
        position: relative;
        top: -8px;
        left: 9em;
    }
    li {
        list-style: none;
    }
    .bar-legend li {
        font-size: 12px;
        float: left;
        margin: 0 10px;
        color: #a0a0a0;
    }
    .bar-legend li span {
        width: 26px;
        height: 9px;
        font-size: 12px;
        padding-left: 10px;
        display: inline-block;
        margin-right: 7px;
    }
    .bar-legend {
        float: left;
    }
    .pie {
        float: left;
    }
    .txt-color1 {
        color: #6e6e6e;
        border-right: 1px solid #ced0da;
        padding-right: 10px;
        margin-right: 10px;
    }
    .avg {
        color: #b2b2b3;
        font-style: normal;
    }
    .amnt-color {
        color: #ec614c;
    }
    .strg {
        font-weight: 600;
        font-size: 25px;
    }
    .blck {
        display: block;
        width: 100%;
        text-align: center;
    }
    .blck2 {
        display: block;
        width: 100%;
    }
    .tab2_ftn_clre {
        color: #8a8a8a;
    }
    .ul_tabs_bg {
        border-bottom: 1px solid #eceef0;
        /* background: rgba(255,255,255,1);   background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(237,237,237,1) 100%);   background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));   background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(237,237,237,1) 100%);   background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(237,237,237,1) 100%);   background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(237,237,237,1) 100%);   background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(237,237,237,1) 100%);   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );*/
    }
    .dash-left-col >.ui-state-active a,
    .ui-state-active a:link,
    .ui-state-active a:visited {
        color: #fff;
    }
    .dash-left-col >.ui-tabs .ui-tabs-nav a.ui-tabs-active {
        color: #fff;
    }
    .dash-left-col >.ui-tabs .ui-tabs-nav li.ui-tabs-active {
        background-color: #eb204b;
    }
    .forex_head {
        float: left;
        width: 100%;
        padding: 11px 20px;
        color: #eb204b;
        margin: 0;
        font-size: 13px;
        border-bottom: 1px solid #eaeaea;
    }
    .forex_head li {
        float: left;
        width: 50%;
    }
    .forex_listing {
        font-size: 15px;
        padding: 11px 0;
        width: 100%;
        margin: 0;
        border-bottom: 1px solid #eaeaea;
    }
    .ftn_clre {
        color: #bababa;
        margin-top: 1em;
    }
    .currency_sign {
        color: #eb204b;
        font-style: normal;
        font-size: 14px;
        margin-right: 2px;
    }
    .fnt_styel {
        font-family: 'Oswald', sans-serif;
    }
    .fnt_clre {
        color: #a7a4a4;
        font-size: 14px;
    }
    .fnt_clre2 {
        color: #666666;
        font-size: 15px;
    }
    .fnt_clre3 {
        color: #7e7d7d;
    }
    .border {
        border-right: 1px solid #a7a4a4;
        padding-right: 5px;
        margin-right: 5px;
    }
    .status {
        margin-top: 16px;
        font-size: 13px;
    }
    .lft_txt_align {
        text-align: left;
    }
    .canceld_status {
        color: #eaeaea;
    }
    .boughtcolor {
        background-color: #fec733;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        display: block;
        float: left;
        margin-right: 10px;
        margin-top: 4px;
    }
    .pendingcolor {
        background-color: #ec614c;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        display: block;
        float: left;
        margin-right: 10px;
        margin-top: 4px;
    }
    .dash-left-col>.ui-widget.ui-widget-content {
        padding: 0;
    }
    .graphy .ui-state-active a {
        color: #eb204b;
    }
    .clip_wrap {
        margin-top: 1em;
        cursor: pointer;
    }
    .pie {
        background-color: #fff;
        border: 1px solid #e6eaee;
        border-radius: 5px;
        float: left;
        margin-bottom: 1em;
    }
    .pie_data_keys ul {
        padding: 0px 15px;
        font-size: 12px;
        text-align: left;
    }
    .pie_data_keys ul li h3 {
        margin: 0;
        font-weight: 500;
        font-size: 14px;
        color: #333c48;
    }
    .Salaries {
        background-color: #fff;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        display: block;
        margin-top: 2px;
        margin-right: 4px;
    }
    .Salaries_border {
        background-color: #0ea1d4;
    }
    .company_border {
        background-color: #72c4b9;
    }
    .travel_border {
        background-color: #3373b3;
    }
    .insurance_border {
        background-color: #ffd400;
    }
    .stocks_border {
        background-color: #f0b499;
    }
    .others_border {
        background-color: #40557d;
    }
    .pie_data_keys ul li em {
        font-style: normal;
        color: #a9aaab;
        font-size: 13px;
        margin-left: 14px;
        margin-top: 4px;
    }
    .col6 {
        width: 42%;
    }
    .col2_quater {
        width: 40%;
    }
    .select_bg {
        background-color: #f3f5f8;
        border-radius: 5px;
        border: 1px solid #ced0da;
        /* position: absolute; */
        
        top: 6px;
        /* right: 25px; */
        
        width: 155px;
    }
    .company_list {
        margin: 0;
        padding: 0;
        float: left;
    }
    .company_list li {
        float: left;
    }
    .company_list li:first-child {
        margin: 0;
    }
    .company_list li:last-child {
        float: right;
    }
    .company_list li p {
        font-size: 12px;
        text-align: left;
        float: left;
        margin: 0;
    }
    .requests {
        background-color: #fbfbfb;
        border-top: 1px solid #eaeaea;
        border-bottom: 1px solid #eaeaea;
        padding: 15px 20px;
        color: #454546;
        font-size: 13px;
    }
    .bdn_rdn {
        border-radius: 0;
        border: none;
    }
    .authorise {
        background-color: #e92a50;
        padding: 10px 15px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 10px;
        color: #fff;
        text-decoration: none;
    }
    .authorise:hover {
        background-color: #454647;
        color: #fff;
    }
    .requests_pending {
        color: #454546;
        font-weight: 600;
        margin-top: 10px;
    }
    .accnt_cta {
        float: left;
        padding: 18px 20px;
    }
    .accnt_cta a {
        background-color: #e5e5e5;
        color: #454546;
        padding: 10px;
        text-decoration: none;
        font-size: 12px;
        font-weight: 600;
        text-align: center;
        width: 100%;
        display: block;
        transition: all .9s ease;
    }
    .accnt_cta a:hover {
        background-color: #e92a50;
        color: #eb204b;
    }
    .col2f {
        width: 48%;
    }
    .graph_mrg {
        margin-top: 20px;
    }
    .get-opt {
        background-color: #f2f0f0;
        float: left;
        padding: 15px 20px;
    }
    .get-opt p,
    label {
        color: #737272;
    }

    .otp_input {
        background-color: #f6f6f6;
        border: 1px solid #d9d6d6;
        font-size: 12px;
        outline: none;
        padding: 10px 20px;
    }
    .tranfer_btn {
        background-color: #eb204b;
        border: none;
        color: #fff;
        text-align: center;
        padding: 10px 27px;
        font-size: 13px;
        font-weight: 600;
        margin-left: 10px;
        outline: none;
        cursor: pointer;
        transition: all .9s ease;
    }
    .tranfer_btn:hover {
        background-color: #f8a440;
    }
    .element_mrg2 {
        margin: 14px 0;
    }
    .mrg_element {
        margin: 11px 30px;
    }
    .ttl-amnt-snd {
        border-top: 1px solid #ccc;
        font-weight: 300;
        color: #666666;
        float: left;
        width: 100%;
        margin: 0 0 5px 0;
        padding: 13px 20px 0 0;
    }
    .ttl-amnt-snd b {
        font-weight: 600;
        font-size: 20px;
    }
    .close_pop {
        position: absolute;
        right: -21px;
        background-color: #ffffff;
        padding: 15px;
        border-radius: 50%;
        top: -20px;
        font-size: 13px;
        color: #535151;
        cursor: pointer;
    }
    /*.none{   display: none;  }*/
    
    .show {
        display: block;
    }
    .success {
        display: block;
        background-color: #ec614c;
        color: #fff;
        padding: 16px;
        text-decoration: none;
    }
    .pddn {
        padding: 20px;
        max-width: 460px;
        margin: auto;
        color: #7e7d7d;
        font-size: 13px;
        display: block;
    }
    .tranfer_list ul li {
        width: 100%;
    }
    
    .min_height {
        height: 342px;
    }
    .pie h3 {
        color: #eb204b;
        padding: 12px 17px 0em;
        margin: 0;
        font-size: 19px;
        font-family: 'Oswald', sans-serif;
        font-weight: 400;
    }
    .canvasjs-chart-credit {
        display: none;
    }
    .canvasjs-chart-tooltip > div {
        background-color: #000!important;
        opacity: 0.7;
        outline: none;
        box-shadow: none!important;
        border: none!important;
        right: 0;
        min-width: 135px;
    }
    .canvasjs-chart-tooltip > div:after {
        right: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-right-color: #000;
        border-width: 8px;
        margin-top: -8px;
    }
    .text-agln {
        text-align: right;
    }
    .pie_data_keys {
        margin-bottom: 10px;
        position: absolute;
        right: 0;
    }
    .hgt {
        height: 342px;
    }
    #tabs2 input[type=checkbox]:checked + label {
        border: none;
    }
input[type=checkbox]:not(old) + label {display: inline-block;padding-left: 28px;background: url(../img/unchecked.png) no-repeat 0 0;background-position: 7%;}
input[type=checkbox]:not(old):checked + label {background: url(../img/checked.png) no-repeat 0 0;background-position: 7%;}
input[type=radio]:not(old) + label {display: inline-block;padding-left: 35px;background: url(../img/radio_unactive.png) no-repeat 0 0;background-position: 1% !important;}
input[type=radio]:not(old):checked + label {background: url(../img/radio_active.png) no-repeat 0 0;background-position: 1% !important;}

    .bdrbtn {
        border-bottom: 1px solid #eaeaea;
    }
    .mrgntp {
        margin-top: 7px;
    }
    .filter-date {
        z-index: 1;
        float: right;
        outline: none;
        border: none;
        background-image: url(../img/date.png);
        background-repeat: no-repeat;
        background-position: 95% 100%;
    }
    .company_list_wdt {
        width: 49%;
    }
    .graph_mrg2 {
        margin-bottom: 20px;
    }
    .top_negative {
        top: -3px;
    }
    .colored_icon_bg {
        margin-right: 15px;
    }
    .rdio {
        background-color: transparent;
        border: 2px solid #d8d7d7;
    }
    .acc {
        font-size: 12px;
        font-weight: 600;
        margin-left: 32px;
        margin-top: 4px;
        float: left;
    }
    .src_select {
        font-size: 13px;
        padding: 10px 30px;
        border-bottom: 1px solid #f4f4f4;
    }
    .rdn2 {
        background-color: #f00;
    }
    .sta_amnt {
        font-size: 12px;
        text-align: left;
        float: left;
        margin: 0;
    }
    .gta_cta {
        display: block;
        background-color: #fbfbfb;
        text-align: center;
        color: #494949;
        text-decoration: none;
        padding: 10px 0;
        font-size: 12px;
        font-weight: 400;
        border: 1px solid #e6eaee;
    }
    .colored_icon_bg img {
        max-width: 62px;
    }
    .ctaz_mrgn_btn {
        margin-top: 20px;
    }
    .search {
        position: relative;
        color: #aaa;
        /* font-size: 16px; */
    }
    .search input {
        width: 100%;
        height: 32px;
        background: #fff;
        border: 1px solid #eaeaea;
        font-size: 12px;
        border-radius: 3px;
        position: relative;
        outline: none;
    }
    .search input {
        text-indent: 12px;
    }
    .search .fa-search {
        position: absolute;
        top: 10px;
        left: 10px;
    }
    .srch_btn {
        position: absolute;
        right: 11px;
        top: 11px;
        z-index: 1;
        font-size: 12px;
        color: #cccccc;
        cursor: pointer;
        float: right;
    }
    .grey {
        background-color: #f3f3f3;
    }
    .accnt_dtl_spa {
        padding: 30px;
    }
    .accnt-_name {
        margin: 0 0 6px 0;
    }
    .tym {
        border-right: 1px solid #ced0da;
        padding-right: 10px;
        margin-right: 12px;
    }
    .tym_color {
        color: #8f8d8d;
        font-size: 12px;
    }
    .tym_color em {
        font-style: normal;
    }
    .tym_color b {
        margin-left: 12px;
    }
    .dte {
        margin-top: 20px;
    }
    .accnt_clor {
        color: #f00;
        font-family: 'Oswald', sans-serif;
        color: #eb204b;
        font-weight: 400;
    }
    .blce {
        font-size: 12px;
        color: #333333;
        margin: 20px 0 5px 0;
    }
    .actual_blce {
        color: #8f8d8d;
        font-size: 12px;
        margin: 10px 0 0 0;
    }
    .dtl_accnt2 {
        text-align: right;
        color: #adafb2;
    }
    .spn_accnt_dt3 {
        color: #7e7d7d;
        text-align: right;
    }
    .spn_accnt_dtl {
        font-size: 12px;
        margin-top: 16px;
        font-weight: 500;
    }
    .dtls_accnt {
        color: #7e7d7d;
    }
    .ul_brd {
        border-bottom: 1px solid #ebebeb;
        padding-bottom: 20px;
        margin-bottom: 25px;
    }
    .accnt_header {
        font-size: 13px;
        margin: 0;
        color: #333333;
        font-weight: 600;
    }

.dte {
    margin-top: 12px;
}
.accnt_clor {
    color: #f00;
    font-family: 'Oswald', sans-serif;
    color: #eb204b;
    font-weight: 400;
}
.blce {
    font-size: 12px;
    color: #333333;
    margin: 20px 0 5px 0;
    font-weight: 600;
}
.actual_blce {
    color: #8f8d8d;
    font-size: 12px;
    margin: 10px 0 0 0;
}
.dtl_accnt2 {
    text-align: right;
    color: #adafb2;
}
.spn_accnt_dt3 {
    color: #7e7d7d;
    text-align: right;
}
.spn_accnt_dtl {font-size: 12px;margin-top: 16px;font-weight: 500;}
.dtls_accnt {color: #7e7d7d;}
.ul_brd {border-bottom: 1px solid #ebebeb;padding-bottom: 20px;margin-bottom: 25px;}
.accnt_header { font-size: 13px; margin: 0;color: #333333;font-weight: 600;}
.statement_options ul li:first-child {margin-left: 0;}
.statement_options ul li:last-child {margin-right: 0;}
.statement_rdn_iocn {margin-bottom: 10px;font-size: 20px;}
.btnm_spacer {margin-bottom: 30px;}
.quatro2 {width: 20%;float: left; padding: 0 3% 0 0;font-size: 13px;}
.logo-icon_letter {background-color: #ccc;margin-right: 10px;color: #fff;border-radius: 50%;display: block;padding: 8px;width: 30px;text-align: center;height: 30px;text-transform: uppercase;font-weight: 600;}
.biller_state { margin-top: 8px;}
.top {top: 2px;}
.selectdiv_style2 {height: 32px;}
.mrgntp2 {margin-top: 10px;}
.cnge_acnt_rdn input[type=radio]:not(old) + label { background-image: none; padding: 12px 20px;border-bottom: 1px solid #ebebeb;}
.select_change_account ul li {background-color: #fff; width: 100%;}
.sze14 {font-size: 14px;}
.szemrgn {margin-left: 2em;}
.szemrgn2 {margin-left: 1em;}
.frm_check {display: none;}
.rela {position: relative;}
.trmf_frm ul {margin: 0;padding-left: 1em;}
.trmf_frm ul li {float: left;width: 31.28%;margin: 0px 5px;position: relative;}
/* .trmf_frm ul li {float: left;width: 31.28%;margin: 15px 5px;} */

.bg_add { background-color: #f6f6f6;border: 1px solid #e5e4e4;}
.style_input {background-color: #f6f6f6;color: #b2b1b1;outline: none; border: 1px solid #e5e4e4;width: 100%;font-size: 13px!important;padding: 10px 20px;position: relative;}
.cta_wrapper ul li {width: 50%;margin: 0;padding: 10px 0 26px;}
.right { margin-left: 18px;}
.bottom {margin-bottom: 20px;}
.lft_mrg_spc {margin-left: 30px;}
.lbe {font-size: 12px;}
.success_msg {background-color: #ec614c;display: block;text-decoration: none;text-align: center; color: #fff;text-align: center;padding: 9px 0;}
.success_msg span {border: 2px solid #fff;display: block;width: 24px;font-size: 9px;padding: 6px;border-radius: 50%;height: 24px;margin: auto;}
.success_msg_cont {position: absolute;top: 0;margin: auto;left: 0;right: 0;display: none;width: 30%;top: 20%;padding: 10px;}
.success_msg_cont p {margin: 0; padding: 30px 0;text-align: center;color: #7e7d7d;font-size: 13px;}
.acc b { margin-left: 14em;}
.icn {margin-right: 12px;}
.rgt_lft_spc {margin: 0 40px;}
.style_2 ul li {width: 33.33%;}
.tranfred_info {padding: 0 35px;font-size: 12px;color: #7e7d7d;}
.tranfred_info p b {font-weight: 600;}
.third_quaters { width: 80%}
.brd2 {border-bottom: 1px solid #ebebeb;padding-bottom: 25px;}
.add2bene {color: #7e7d7d;text-decoration: none;font-weight: 600;font-size: 13px;margin-top: 12px;display: block;text-align: left;}
.add2bene span {margin-right: 8px;}
.align_txt_center {text-align: center;}
.leftspc14 {margin-left: 13px;}
.rightspc14 {margin-right: 13px;}
.lst_time {font-size: 13px; font-weight: 600; margin-left: 24px;}
.photo-wrap {display: block;width: 100%;float: left;}
.file-upload {position: relative;overflow: hidden; background: #f6f6f6;font-size: 11px;box-shadow: none;color: #b2b1b1;text-shadow: none; padding: 13px 22px;font-family: Arial, sans-serif;display: inline-block;vertical-align: middle;border: 1px solid #e5e4e4;width: 100%;}
.file-upload input.upload {position: absolute;top: 0;right: 0; margin: 0; padding: 0;font-size: 20px; cursor: pointer;opacity: 0;filter: alpha(opacity=0);}
#fileuploadurl {display: inline-block;border: none;vertical-align: middle; background: none;box-shadow: none;font-size: 11px;padding-left: 0; padding-right: 0;margin-top: 15px;width: 100%;}
.internl li {padding: 3px 0;}
.selectdiv_style3 {height: 37px;}
.statement_options >.ui-state-default a,
.ui-state-default a:link{border-color: #fff}
.statements_tabs_links {display: block; width: 100%;}
.statement_options.ui-tabs .ui-tabs-nav li {width: 19.179%;background-color: #ebebeb;margin: 4px;}
.statement_options.ui-corner-all,
.ui-corner-top,.ui-corner-right,.ui-corner-tr {border-radius: 0;}
.statement_options.ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding: 25px 7px;}
.mrth_top {margin-top: 31px;float: left;}
.pnnd20 {padding: 20px;}
.ftnz_size {font-size: 12px;}
.rtt1 { margin-right: 15px;}
.mx_wdth {max-width: 160px;position: absolute;top: 12.6em; right: 2.6%;}
.bottom_spacer {margin-bottom: 30px;float: left;}
.selectdiv_hght { height: 34px;}
.date_pick_input {border: none;width: 80%;float: left;font-weight: 600;color: #7e7d7d;padding-top: 7px;}
.apps_wrap {margin: 0 0 17px 0;padding: 0;width: 31%;}
.apps_wrap li {float: left;width: 50%;}
.appy_loan {background-color: #e92a50;color: #fff;text-decoration: none;font-weight: 600;font-size: 12px;padding: 6px 26px;display: block;text-align: center;margin-right: 30px;}
.loans_draft {margin: 0 0 17px 0;padding: 0;float: left;width: 100%;}
.loans_draft li {width: 49%;}
.align_text_left {text-align: left;}
.txt_style {color: #7e7c7d;font-weight: 600;margin: 0;font-size: 13px;}
.get_statement {background-color: #e92a50;color: #fff;text-decoration: none;display: block;text-align: center;width: 90%;margin: 0 auto 25px;padding: 10px;}
.view_details {background-color: #c5c4c2;color: #807d7d;text-decoration: none;padding: 7px 20px;display: block;font-size: 13px;text-transform: capitalize;margin-top: 4px;}
.company_loans {padding: 11px 20px;}
.company_loans p {font-weight: 600;color: #454546;font-size: 13px;}
.company_loans p,h2 {margin: 0;}
.company_loans h2 {color: #a1a0a0;font-size: 15px;font-weight: 400;font-family: 'Oswald', sans-serif;}
.bottom_border {border-bottom: 1px solid #edf1f5;}
.chnge {color: #e92a50;}
.col5 {width: 20%;display: block;float: left;}
.loan_account_check {font-size: 12px;font-weight: 600;color: #8a8a8a;margin: 0;float: left;display: none;}
.pdn-elemt {padding: 10px 0;}
.border_style {border-bottom: 1px solid #eaeaea;}
.pnd_left {padding-left: 2em;}
.pnd_left2 {padding-left: 3em;}
.pnd_left3 {padding-left: 3.4em;}
.pnd_left4 {padding-left: 4em;}
.bottomspacer {margin-bottom: 20px;}
.border_style input[type=checkbox]:not(old):checked + label {background-color: #435056;color: #e4e3e3;}
.border_style input[type=checkbox]:not(old):checked + label .pay2 {display: block;}
.pay2 {background-color: #e92a50;color: #c93f2b;text-decoration: none;padding: 0px 11px;border-radius: 5px;text-transform: uppercase;display: none;position: absolute;}
.quatro6 {width: 16.66%;display: block;float: left;font-size: 13px;}
.calc_wrapper {margin-top: 20px;background: #fff;}
.calc_wrapper ul {background-color: #f9f9f9;border-bottom: 1px solid #e7e9ed;float: left;margin: 0;}
.calc_results li {float: left;width: 20%;padding: 20px;min-height: 70px;}
.calc_results li h3 {margin: 0;color: #6e6e6e;font-size: 13px;}
.calc_results li p {margin: 0;color: #6e6e6e;font-size: 13px;}
.calc_results li h3 {font-weight: 600;}
.sil1 {background-color: #f1f1f1;}
.sil2 {background-color: #fbfbfb;}
.calc_form_wrapper ul li {float: left;width: 50%;}
.calc_form {padding: 0;margin: 0;}
.calc_form li {float: left;width: 50%;padding: 0 10px;margin-bottom: 10px;margin-bottom: 25px;}
.calc_padding {padding: 30px;}
.calc_form li input {font-size: 11px;}
.Continue2 {background-color: #e92a50;color: #fff;font-size: 12px;border: none;padding: 8px 25px;cursor: pointer;margin-left: 20px;float: left;}
.pr_select {width: 100%;padding: 15px 20px;}
.padding_for{padding: 4px;}
.payment_inputs ul li {float: left;width: 33.33%;}
.idh100 {width: 100%;}
.activek {background-color: #2c5995;}
.activez {background-color: #80bd25;}
.add_more{background-color: #f8f8fa;width: 40%;position: absolute;left: 6%;right: 0;display: none;z-index: 1}
.add_more ul li{width: 100%;}
.sel_dash{width: 50%}
.company_account_details_list li{float: left;width: 33.33%;}
.pay input[type=checkbox]:not(old) + label, input[type=radio]:not(old) + label{display: block;}
.select_color{background: #eb204b url(../img/drop_select2.png) no-repeat right center;height: 36px;}
.white_txt{color: #fff!important;}
.view_single_account{}
span.quatro_5.color1{width: 20%;float: left; padding: 0 3% 0 0;font-size: 13px;display: block;width: 20%;float: left;}
.space_margin_left{margin-left: 20px;}
.space_margin_left2{ margin-left: 30px;}
.image_position_left{background-position: 96%!important;}
.image_position_right{background-position: 3%!important;}
.lbe_padding{padding: 15px 31px}
.bg_img_po_3{background-position: 3%!important;}
.beneficiary_list_styling{padding: 10px 31px; border-bottom: 1px solid #ebebeb;}
.slt_opt{height: 38px}
.out_mrgntp2{margin-top: 12px;}
span.quatro_qtr.color1{width: 15%; float: left;font-size: 13px;}
span.quatro_qtr_6.color1{width: 40%; float: left;font-size: 13px;}
.font13{font-size: 13px}
.view_single_account{text-decoration: none;background-color: #f4f5f8;font-weight: 600;font-size: 12px;color: #7e7d7d;padding: 10px;border: 1px solid #cececf;display: block;margin-right: 20px;}
.hgt{height: 36px;width: 100%;background-position: 100% 47%;} 
.spacer_top3{margin-top: 11px;}
.left_zero{margin-left: 0!important}
.loan_overdrafts_tb.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{background-color: #eb204b;}
.activen{background-color: #2c71ca;}
.actived{background-color: #f2d52f;}
.activeg{background-color: #e30b17;}
.add_more ul{margin: 0;}
.add_more ul li{margin: 0;}
.add_cards{background-color: #eb204b;text-decoration: none;color: #fff;text-align: center;padding: 8px 30px;display: block;position: absolute;right: 0;font-size: 11px;top: -6%;}
.add_new{background-color: #eb204b;text-decoration: none;color: #fff;text-align: center;padding: 8px 30px;display: block;right: 0;font-size: 11px;}
.cards_other_ctas{text-align: center;}
.cards_other_cta{text-decoration: none;color: #666666; display: block;background-color: #ebebeb;margin: 0 10px; padding: 20px 10px;transition: all .9s ease;}
.cards_other_cta:hover{background-color: #eb204b;color: #fff;}
.cards_other_ctas ul{margin: 0; padding: 18px;}
.cards_other_ctas ul li{float: left; width: 20%;}
.a_spa_fnt{font-size: 12px; margin-top: 10px}
.min_hgt{min-height: 100px}
.padding_spacer{padding: 16px 30px;}
.m_hgt{min-height: 552px;}
.wrapper-dropdown-3 {position: relative;width:100%;padding: 21px 12px;background: #fff;cursor: pointer;outline: none;font-weight: bold;border-bottom: 1px solid #ebebeb;min-height: 97px;}
.wrapper-dropdown-3:after {content: "";width: 0;height: 0;position: absolute;right: 15px;top: 50%;margin-top: -3px;border-style: solid;border-color: #8aa8bd transparent;}
.wrapper-dropdown-3 .dropdown {position: absolute;top: 100%;left: 0;right: 0;background: #fff;font-weight: normal;list-style: none;opacity: 0;pointer-events: none;padding: 0;margin: 0;}
.wrapper-dropdown-3 .dropdown li a {display: block;padding: 20px;text-decoration: none;color: #8aa8bd;}
.wrapper-dropdown-3 .dropdown li i {float: right;color: inherit;}
.wrapper-dropdown-3 .dropdown li:hover a {background: #f3f8f8;}
.wrapper-dropdown-3.active .dropdown {opacity: 1;pointer-events: auto;margin: 0;padding: 0;}
.no-opacity       .wrapper-dropdown-3 .dropdown,
.no-pointerevents .wrapper-dropdown-3 .dropdown {display: none;opacity: 1;pointer-events: auto;}
.no-opacity       .wrapper-dropdown-3.active .dropdown,.no-pointerevents .wrapper-dropdown-3.active .dropdown {display: block;}
.main{position: relative;z-index: 2}
ul.dropdown li{width: 100%; border-bottom: 1px solid #ebebeb;}
.selected_style{color: #f00;}
.numerical{font-style: normal;margin-right: 10px;margin-left: 32px;}
.space_icons{margin-right: 14px}
.black_color{color: #454546;margin-bottom: 8px;font-size: 14px;font-weight: 900;float: left; width: 100%;}
.order_type{color: #7e7d7d; font-size: 13px; text-align: right;}
.edit_lnk{text-decoration: none;color: #8a8a8a}
.border_style input[type=checkbox]:not(old):checked + label .edit_lnk{color: #e4e3e3}
.trade_wrap ul li{border-bottom: 1px solid #eaeaea; width: 100%;float: left;}
.bg_color_strip{background-color: #fbfbfb}
.trade_wrap ul{color: #919090; text-transform: uppercase; font-size: 11px}
.dte_spacer{margin-left: 14px;}
.col7c{width: 80%}
.col7cc{width: 20%}
.col7c_2{width: 70%}
.col7cc_2{width: 30%}
.overlay_tittle{border-bottom: 1px solid #dad9d9;padding: 15px 30px;}
.overlay_tittle h3{margin: 0 0 5px 0;color: #6e6e6e; font-weight: 400;font-size: 15px;}
.overlay_tittle p{margin: 0; font-size: 12px;color: #919090}
.sub_head{color: #e92a50;font-size: 16px;}
.overlay_order_list{border-bottom: 1px solid #e4e4e4}
.bg_bord{background-color: transparent;border: none;padding: 15px 30px;display: block; text-decoration: none;color: #919090; font-size: 12px;}
.cta2_wrapper{padding: 15px 30px}
.pddn_list_view{padding: 15px 30px;}
.link_bill{background-color: #eb204b;text-decoration: none;color: #fff;text-align: center;padding: 8px 30px;display: block;right: 0;font-size: 11px;}
.back{display: block;color: #919090; text-decoration: none; font-size: 14px;}
.credit_letter{margin-bottom: 20px; float: left;}
.credit_letter_header{background-color: #f9f9f9; border-bottom: 1px solid #dad9d9;padding: 15px 30px;}
.credit_letter_wrap{clear: both;}
.credit_letter_header ul{margin: 0; padding: 0;}
.credit_letter_header ul li{float: left;margin-right: 20px;}
.credit_letter_header ul li a{color: #919090;text-decoration: none;font-size: 12px;}
.date_info{font-size: 12px; color: #bababa;}
.col8{width: 40%}
.col8c{width: 60%;}
.bg_colour{background-color: #faf8f9}
.head_label{display: block;width: 100%;color: #919090; font-size: 13px; border-bottom: 1px solid #dfdede;padding: 15px 30px;}
.trade_form{display: block;padding: 15px 30px;}
.textarea{width: 100%; resize: none;background-color: #f6f6f6; outline: none;border: 1px solid #e0dedf;outline: none;min-height: 90px;margin-bottom: 20px;}
.tnc{padding: 15px 30px}
.tnc_cont{color: #7e7d7d; font-size: 13px;}
ul.tnc_cont_list{font-size: 13px;color: #7e7d7d;}
ul.tnc_cont_list li{list-style: initial; width: 100%!important;}
.tnc_chck{font-size: 13px;margin-left: 20px;}
.confirm_tnc{display: block;border-top: 1px solid #dad9d9; padding-top: 20px;}
.bills_list{margin: 0; padding: 0;}
.bills_list li a{color: #7e7d7d; font-size: 12px;margin: 25px;text-decoration: none;}
.bills_list li a span{font-size: 8px;margin-right: 8px}
.bills_list li{padding: 20px 30px; width: 100%; border-bottom: 1px solid #eaeaea;float: left;}
.bills_list li a:last-child{margin-right: 0;}
.docs{font-size: 13px; color: #7e7d7d;}
.style_none{text-decoration: none;}
.link_style1{color: #9b9b9b; font-size: 13px;}
.link_style2{color: #6e6e6e; font-size: 14px;margin: 10px 0;}
.tbs_styel ul li{width: 100%;float: none;}
.tbs_styel ul li > a{display: block;width: 100%;border-bottom: 1px solid #f00;padding: 30px;}
.v_tabs{width: 30%;background-color: #f8f8f8;border: 1px solid #e5e4e4;min-height: 630px;}
.tab_content {width: 70%;float: left;min-height: 629px;}
.tab_content{background-color: #fff!important}
.tab_content ul{margin: 0; padding: 0;}
.tab_content ul li{float: left;width: 46.9%;margin: 10px}
.form_spacers{padding: 30px}
.tab_bottom_spacer{margin-bottom: 25px;}
.tbs2_link_style{padding: 30px 30px!important;border-bottom: 1px solid #d5d4d4!important;font-size: 14px;font-weight: 600;}
.sigle-account2 ul li{width: 100%; float: left;}
.active_select_lnk{text-decoration: none;}
.label_padding{padding: 16px 30px;}
.check_position{background-position: 3%!important;}
.column_padding{padding-left: 35px;}
.due_date{text-align: center;padding: 0!important;}
.my_requests{width: 100%;float: left;margin: 0;padding: 0;}
.size_12{font-size: 12px;}
.margin_zero{margin: 0;}
.padding_left_elements{padding-left: 3.3em;}
.ms_pdn{padding: 0 3%;}
.link_top_spacer{margin-top: 16px;}
.font-size{font-size: 15px; font-weight: 600; color: #6e6e6e;margin: 24px 0;}
.tabs_inactve{background-color: #bdbbbb;width: 13px;height: 13px;border-radius: 50%;display: block;float: left;margin-right: 15px;margin-top: 5px;position: relative;z-index: 3;}
.straight_line{width: 1px;background-color:#d5d4d4;display: block;float: left;position: absolute;z-index: 1;height: 70%;left: 2.3em;}
.row.slider-wrapper >.bx-wrapper .bx-controls-direction a{display: none!important;}
.tracking_number{font-size: 12px; color: #bababa;font-weight: 300;text-transform: uppercase;margin-right: 10px}
.tracking{font-family: 'Oswald', sans-serif;color: #4d4d4d;font-weight: 500;}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: .8em;
    background: #f1f1f1;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
    background: #e62e53;
}
.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -4px;
    margin-left: 0;
    background: #e62e53;
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
}

.ui-slider {
    position: relative;
    text-align: left;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}
.graphy .bx-wrapper .bx-controls-direction a{top: -8%;left: 1%;}
a.bx-prev{margin-left: 35px;}
.graphy .ui-helper-reset{position: absolute;width: 100%;float: left;z-index: 4}
.dash_tabs .ui-helper-reset{background-color: #fbfbfb;border-bottom: 1px solid #eaeaea; float: left;width: 100%}
.dash_tabs{min-height: 500px;max-height: 508px;width: 100%;float: left;background-color: #fff}
.dash_tabs .ui-tabs .ui-tabs-nav li{float: left;}
.statement_tabs .ui-tabs .ui-tabs-nav li{float: left;}
.acc_position{position: absolute;}
.wrapper-demo{position: absolute;width: 100%;}
.filter-header-srch2{padding: 0;margin: 0;}
.statement_tabs_wrapper .ui-tabs .ui-tabs-nav li{float: left;width: 19.179%;}
.color_code{color: #e92a50}
.active_loan{transition: all 0.9s ease;}
.active_loan:hover{background-color: #435056!important;color: #e4e3e3;}
.active_loan:hover.company_loans p{color: #dddddd;}
.active_loan:hover.company_loans a{background-color: #8f9190;color: #e92a50;}
.vaidation_copy{background-color: #8f9190;color: #e92a50;    padding: 7px 14px;font-size: 13px;}
.tool_kit_spacer{ margin-bottom: 20px;}
.dash-iteam-headers2{font-size: 13px;color: #6e6e6e;margin-bottom: 10px;font-weight: 600;margin-top: 2px;float: left;}
.history_ul{width: 100%; float: left;padding: 0}
.hedy1{padding: 15px 30px;}
.calc_results{padding: 0;}
.sbhedy{margin-top: 8px;float: left;}
.calc_amount_label{display: block;float: left;width: 100%;font-size: 14px;font-weight: 500;margin-top: 16px;}
.slider_ranger{width: 65%!important;float: left;margin-top: 11px;}
.ranger_input{border-radius: 3px;border: 1px solid #e7e9ed;padding: 8px;font-size: 13px!important;width: 25%;margin-left: 4%;color: #6e6e6e;}
.sliders{float: left;width: 100%;border-bottom: 1px solid #eff3f6;padding: 0 25px 20px;}
.calculated{color: #ccc;font-size: 25px;font-family: 'Oswald', sans-serif;margin: 1px 0;font-weight: 600;}
.calculated em{font-size: 14px; font-style: normal;}
.calculated_results{border-radius: 50%;border: 10px solid #e92a50;text-align: center;width: 225px;height: 225px;display: table;margin-right: 60px;}
.calculated_results_inner{display: table-cell;vertical-align: middle;}
.total_cost{color: #6e6e6e;font-weight: 700;font-size: 15px;text-transform: capitalize;}
.ksh{font-size: 15px;color:#ccc;}
.overdraft_label{display: block;width: 100%;color: #e92a50;text-transform: capitalize;}
.amount_results{color: #ccc;margin: 5px 0;font-weight: 500;}
.amount_results span{font-size: 13px;color: #6e6e6e}
.overdraft_charges{color: #6e6e6e;margin: 0 0 7px 0;}
.overdraft_spacers{margin-top: 30px;}
.resuts_pdn_spacer{padding: 3em 15%;}
.resuts_pdn_spacer2{margin-top: 30px;}
.inputs_wrapper{width: 40%;float: left;background-color: #fff;height: 95%;margin-bottom: 7%;}
.inputs_wrapper_input{width: 100%;outline: none;font-size: 14px;color: #b5b5b5;padding: 14px 40px;border: 0;border-bottom: 1px solid #ccc;}
.top_form_wrap {width: 100%; position: relative;}
.input_line{width: 1px;height: 89px;background-color: #ccc;float: left;position: absolute;left: 5%;top: 17%;}
.frm_spacer{display: block;padding: 20px;}
.frm_spacer ul{margin: 0;padding: 0;}
.inputs_wrapper form  textarea{width: 100%;resize: none;border: 1px solid #e5e4e4;background-color: #f6f6f6;outline: none;min-height: 115px;padding: 13px 20px;font-size: 13px;margin-bottom: 30px;}
.field{margin-bottom: 18px;}
.select_color{background-color: #f6f6f6}
.inputs_wrapper form {padding-bottom: 15px;}
.map_wrapper{width: 60%;float: left;background-color: #f00;height: 95%;margin-bottom: 7%;}
.color_2{color: #e92a50}
.inner_pdn{padding: 20px 30px;border-bottom: 1px solid #eff3f6;float: left;width: 100%;}
.forex_ttls{margin: 5px 0 0 0;font-size: 16px;font-weight: 500;}
.forex_list{margin: 0;padding: 0}
.forex_list li span{display: block;float: left;font-weight: 500;}
.resize_overlay{/* width: 40%; */}
.ttle{color: #454546;margin: 0;font-size: 15px;padding: 1em 0;}
.add_card input{margin-bottom: 20px}
.selectdiv_spacer {margin-bottom: 9px}
.add_card label{margin-bottom: 10px}
.add_card{padding: 3% 5% 0;}
.cards_options
.cards_tabs .ui-tabs .ui-tabs-nav li{width: 24.179%;float: left;}
.cards_options.ui-tabs .ui-tabs-nav li{width: 24.179%;float: left;}
.statement_tabs_wrapper .width_increase .ui-tabs .ui-tabs-nav li{width: 10%;}
.statement_options .width_increase .ui-tabs .ui-tabs-nav li{width: 10%;}
.limit{text-transform: uppercase; border-right: 1px solid #ccc; font-size: 13px;padding-right: 9px;margin-right: 10px;}
.color-icn{color: #a1a0a0;margin-top: 10px;}
.active_loan:hover .color-icn{color: #8f9190;}
.linked_account{color: #e92a50;margin: 0;}
.account_dtls{margin: 0;padding: 0}
.account_dtls li{width: 100%;float: left;font-size: 17px;padding: 25px 5%;}
.dates2{border-right: 1px solid #a1a0a0; padding-right: 10px;margin-right: 10px;margin-left: 20px}
.bolden{font-weight: 700; color: #a1a0a0}
.spn{margin-bottom: 5px;}
.account_color{color: #a1a0a0}
.company_loans2{padding: 27px 20px;}
.col8{width: 66%;}
.bg_table{background-color: #e6e4e4;}
.active_state{background-color: #e92a50;color: #fff;padding: 5px 12px;}
.pending_state{background-color: #8f9190;color: #fff;padding: 5px 12px;}
.domant{background-color: #ccc;padding: 5px 12px;}
.odd{font-size: 13px;color: #8f9190;}
.even{font-size: 13px;color: #8f9190;}
.head_tabel{font-size: 13px;color: #777;}
.view-file{color: #e92a50;}
.file_information{font-size: 14px;font-weight: 300;color: #777; width: 100%; border-bottom: 1px solid #e6e6e6;padding-bottom: 8px;}
.file_list{margin: 0;padding: 0;margin-bottom: 20px;font-size: 13px;color: #989898;}
.file_list li {float: left;border-left: 1px solid #e6e5e5;padding: 13px 20px;}
.file_list li:first-child{border: none;}
.sub_headers {font-weight: 700!important;color: #eb204b;}
.subhde{padding: 18px 33px;}
.forex_list li{float: left;width: 100%;border-bottom: 1px solid #f1ecec;}
.forex_checks input[type=checkbox]:not(old) + label{}
.col33{width: 33.33%;}
.forex_check_spacer{ margin-left: 35px;}
.col66{width: 26%;}
.down_rate{color: #1ca93b;margin-left: 10px;}
.up_rate{color: #6a26b3;margin-left: 10px;}
.Currency_sign{color: #e92a50;}
.booking_lst{float: left;width: 100%;margin: 0;padding: 0;}
.booking_lst li{float: left;width: 50%;}
.booking_wrapper ul{padding: 0; margin: 0; width: 100%; float: left;}
.booking_wrapper ul li{float: left;width: 100%;border-bottom: 1px solid #f1ecec;padding: 15px 30px;}
.table_spacer{margin-top: 40px;}
.book_head{color: #ccc; border-bottom: 1px solid #ebebeb;padding-bottom:10px; font-weight: 500;}
.forex_order_list {padding: 0;margin: 0 0 16px 0px;float: left;width: 100%;}
.forex_order_list li{float: left;width: 50%;}
.forex_order_list_spacer{margin-bottom: 30px;}
.calculator_form ul li{float: left;width: 45%;margin: 20px;position: relative;}
.calculator_form ul li span{width: 50%; float: left;}


































/* coporate beinficiary starts  */
					
 .benefi li {
    border: 1px solid #f2f2f2;
    width: 19%;
    background: #fcfcfc;
    margin: 0 0.5% 1%;
    border-radius: 3px;
    float: left;
    /* height: 124px; */
    max-height: 134px;
    position: relative;
    color: gray;
    text-align: center;
}
.benefi li h4 {
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    float: left;
    margin: 0;
    line-height: 3;
    padding: 0;
}


.benefi li p {
    font-size: 10px;
    color: #e62e53;
    font-weight: 600;
    text-transform: uppercase;
    /* line-height: 0; */
    margin-left: 10px;
    padding-left: 10px;
    float: left;
    line-height: 2;
    border-left: 1px solid #ccc;
  }

.benefi li:hover {
    background:#fec733;
    transition:1s ease-in-out;
  }
.benefi li img {
    float: left;
    margin: 0 1em 0 0;
    width: 39px;
    padding: 5px;
}
.widgets.benefi li:hover h4 {
    color:#fff;
  }
  .widgets.benefi li {
    height: auto;
    max-height: 100%;
    padding: 17px 0px;
}
.widgets .navchat li {
    height: auto;
    max-height: auto;
}
.widgets li img {
    width: 60px;
    text-align: center;
}
.lister li img {
    width: 35px;
}

  .widgets li p {
    padding: 0 ;
}
.widgets li .btnrnd {
    margin: 20px 10%;
    width: 80%;
}
.widgets .graphy {
    height: 190px;
}
.widgets .bargraph canvas, .widgets #slider ul li canvas {
    width: 490px;
    height: 160px;
}
.widgets li {
    height: 190px;
    max-height: 240px;
    overflow: hidden;
}


 
 
 
 
 .five{
    height: 5px;
    width: 100%;
    float: left;
}
.ten{
    height: 10px;
    width: 100%;
    float: left;
}
.twenty{
    height: 20px;
    width: 100%;
    float: left;
}
.thirty{
    height: 30px;
    width: 100%;
    float: left;
}
.fifty{
    height: 50px;
    width: 100%;
    float: left;
}
.forty{
    height: 40px;
    width: 100%;
    float: left;
}
 
 .benefi li {
    border: 1px solid #f2f2f2;
    background: #fcfcfc;
    /* margin: -8% 0% 0% -20%; */
    border-radius: 3px;
    position: relative;
    color: gray;
    text-align: center;
    /* padding: 1em; */
}

.benefi li:hover h4 {
    color:#fff;
  }
 
 .benefi li:hover {
    background:#fec733;
    transition:1s ease-in-out;
  }
  
  .btn.btn-prim{

    background-color: #e92a50;
    color: #fff;
    font-size: 12px;
    border: none;
    padding: 8px 25px;
    cursor: pointer;
    margin-left: 20px;
  }
  
  .regist {
    width: 350px;
    min-width: 300px;
    position: absolute;
    left: 0;
    right: 0;
    background: white;
    margin: auto;
    /* vertical-align: middle; */
    z-index: 103;
    padding: 25px 20px;
    color: #6d6a6a;
}
  
  
  
    .mwisho .btn:before {
    content: "\e91a";
    font-family: 'icomoon';
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 1px;
  }
  .mwisho .btn [class^="icon-"], .btn [class*=" icon-"] {
  display: none;
  color: white;
  text-align: center;
  }
  .poppy .regist.mwisho {
  text-align: center;
}

.full{
	width: 100%;
}
 .halfy {
    width: 48%;
    float: left;
    margin: 0 1% 0 ;
}

.quatro{
  width: 25%;
  float: left;
    padding: 0 3% 0 0;
}

.third{
    width: 33.333%;
    float: left;
    padding: 0 5% 0 0;
}
/* coporate beinficiary end */


.icon-atm:before {
  content: "\e977";
}
.icon-Change_password:before {
  content: "\e978";
}
.icon-check2:before {
  content: "\e979";
}
.icon-Cheque_services:before {
  content: "\e97a";
}
.icon-contactus_clock:before {
  content: "\e97b";
}
.icon-forex_down:before {
  content: "\e97c";
}
.icon-forex_left:before {
  content: "\e97d";
}
.icon-forex_right:before {
  content: "\e97e";
}
.icon-forex_up:before {
  content: "\e97f";
}
.icon-grid_view:before {
  content: "\e980";
}
.icon-list_view:before {
  content: "\e981";
}
.icon-Notifications:before {
  content: "\e982";
}
.icon-photo:before {
  content: "\e983";
}
.icon-video:before {
  content: "\e984";
}
.icon-best_practices:before {
  content: "\e95c";
}
.icon-Insurance_products:before {
  content: "\e95d";
}
.icon-My_products:before {
  content: "\e95e";
}
.icon-76:before {
  content: "\e900";
}
.icon-activate:before {
  content: "\e901";
}
.icon-add:before {
  content: "\e902";
}
.icon-agent:before {
  content: "\e903";
}
.icon-apply_supplementarycard:before {
  content: "\e904";
}
.icon-arrow_back:before {
  content: "\e905";
}
.icon-arrow_continue:before {
  content: "\e906";
}
.icon-arrow_right:before {
  content: "\e907";
}
.icon-arrow_rightcircle:before {
  content: "\e908";
}
.icon-arrow_up:before {
  content: "\e909";
}
.icon-arrowleft_circle:before {
  content: "\e90a";
}
.icon-ATM:before {
  content: "\e90b";
}
.icon-Authorizations:before {
  content: "\e90c";
}
.icon-back_circle:before {
  content: "\e90d";
}
.icon-Bar_graph:before {
  content: "\e90e";
}
.icon-Beneficiary:before {
  content: "\e90f";
}
.icon-Block_card:before {
  content: "\e910";
}
.icon-block:before {
  content: "\e911";
}
.icon-Branches:before {
  content: "\e912";
}
.icon-calculator_inner:before {
  content: "\e913";
}
.icon-Calculator:before {
  content: "\e914";
}
.icon-calendar:before {
  content: "\e915";
}
.icon-Call_accounts:before {
  content: "\e916";
}
.icon-Call:before {
  content: "\e917";
}
.icon-Card:before {
  content: "\e918";
}
.icon-cards:before {
  content: "\e919";
}
.icon-Check_circle:before {
  content: "\e91a";
}
.icon-check:before {
  content: "\e91b";
}
.icon-circle:before {
  content: "\e91c";
}
.icon-close_circle:before {
  content: "\e91d";
}
.icon-close:before {
  content: "\e91e";
}
.icon-consolidated_investments:before {
  content: "\e91f";
}
.icon-Contact_us:before {
  content: "\e920";
}
.icon-Creditcards:before {
  content: "\e921";
}
.icon-de-activate:before {
  content: "\e922";
}
.icon-Debit_cards:before {
  content: "\e923";
}
.icon-delete:before {
  content: "\e924";
}
.icon-diamond:before {
  content: "\e925";
}
.icon-domestic_account:before {
  content: "\e926";
}
.icon-Download:before {
  content: "\e927";
}
.icon-DTB_Account:before {
  content: "\e928";
}
.icon-edit:before {
  content: "\e929";
}
.icon-error:before {
  content: "\e92a";
}
.icon-favourites:before {
  content: "\e92b";
}
.icon-FDA:before {
  content: "\e92c";
}
.icon-Fixed_Deposits:before {
  content: "\e92d";
}
.icon-Forex:before {
  content: "\e92e";
}
.icon-Goal_account:before {
  content: "\e92f";
}
.icon-Home:before {
  content: "\e930";
}
.icon-home2:before {
  content: "\e931";
}
.icon-icon09:before {
  content: "\e932";
}
.icon-image_upload:before {
  content: "\e933";
}
.icon-insurance:before {
  content: "\e934";
}
.icon-International_account:before {
  content: "\e935";
}
.icon-issuetravel_notice:before {
  content: "\e936";
}
.icon-Joint_account:before {
  content: "\e937";
}
.icon-junior_account:before {
  content: "\e938";
}
.icon-Line_graph:before {
  content: "\e939";
}
.icon-loan_accountdetails:before {
  content: "\e93a";
}
.icon-Loansn_overdrafts:before {
  content: "\e93b";
}
.icon-locked:before {
  content: "\e93c";
}
.icon-Logout:before {
  content: "\e93d";
}
.icon-Mailnservice_requests:before {
  content: "\e93e";
}
.icon-message:before {
  content: "\e93f";
}
.icon-mobile_money:before {
  content: "\e940";
}
.icon-mortgage:before {
  content: "\e941";
}
.icon-my_cards:before {
  content: "\e942";
}
.icon-my_current:before {
  content: "\e943";
}
.icon-payment_arrow:before {
  content: "\e944";
}
.icon-Payments:before {
  content: "\e945";
}
.icon-payments2:before {
  content: "\e946";
}
.icon-Prepaid_cards:before {
  content: "\e947";
}
.icon-print:before {
  content: "\e948";
}
.icon-Request_cardreplacement:before {
  content: "\e949";
}
.icon-savings_outline:before {
  content: "\e94a";
}
.icon-savings:before {
  content: "\e94b";
}
.icon-search:before {
  content: "\e94c";
}
.icon-Services:before {
  content: "\e94d";
}
.icon-Standin_orders:before {
  content: "\e94e";
}
.icon-statements:before {
  content: "\e94f";
}
.icon-Suppliers:before {
  content: "\e950";
}
.icon-Term_deposits:before {
  content: "\e951";
}
.icon-toggle_off:before {
  content: "\e952";
}
.icon-toggle_on:before {
  content: "\e953";
}
.icon-Trade_finance:before {
  content: "\e954";
}
.icon-Transfer_beneficiary:before {
  content: "\e955";
}
.icon-Transfers:before {
  content: "\e956";
}
.icon-Travel_notice:before {
  content: "\e957";
}
.icon-Upload:before {
  content: "\e958";
}
.icon-user:before {
  content: "\e959";
}
.icon-user2:before {
  content: "\e95a";
}
.icon-Virtualcard_accounts:before {
  content: "\e95b";
}
.icon-document-file-xml:before {
  content: "\e95f";
}
.icon-list2:before {
  content: "\e960";
}
.icon-menu:before {
  content: "\e960";
}
.icon-list6:before {
  content: "\e961";
}
.icon-menu2:before {
  content: "\e961";
}
.icon-dropdown:before {
  content: "\e961";
}
.icon-options2:before {
  content: "\e961";
}
.icon-lines:before {
  content: "\e962";
}
.icon-list:before {
  content: "\e962";
}
.icon-weather:before {
  content: "\e962";
}
.icon-list4:before {
  content: "\e963";
}
.icon-ul:before {
  content: "\e963";
}
.icon-options:before {
  content: "\e963";
}
.icon-menu3:before {
  content: "\e964";
}
.icon-list7:before {
  content: "\e964";
}
.icon-options3:before {
  content: "\e964";
}
.icon-nav:before {
  content: "\e964";
}
.icon-file-pdf:before {
  content: "\e976";
}
.icon-file-excel:before {
  content: "\e965";
}
.icon-file:before {
  content: "\e965";
}
.icon-file-format:before {
  content: "\e965";
}
.icon-xlc:before {
  content: "\e965";
}
.icon-file-text:before {
  content: "\e966";
}
.icon-file2:before {
  content: "\e966";
}
.icon-document:before {
  content: "\e966";
}
.icon-list3:before {
  content: "\e966";
}
.icon-paper:before {
  content: "\e966";
}
.icon-page:before {
  content: "\e966";
}
.icon-twitter:before {
  content: "\eabd";
}
.icon-facebook:before {
  content: "\eabe";
}
.icon-google-plus:before {
  content: "\eabf";
}
.icon-add-to-list:before {
  content: "\e967";
}
.icon-list5:before {
  content: "\e968";
}
.icon-grid:before {
  content: "\e969";
}
.icon-chevron-thin-left:before {
  content: "\e96a";
}
.icon-chevron-small-left:before {
  content: "\e96b";
}
.icon-chevron-left:before {
  content: "\e96c";
}
.icon-chevron-thin-up:before {
  content: "\e96d";
}
.icon-chevron-small-up:before {
  content: "\e96e";
}
.icon-chevron-up:before {
  content: "\e96f";
}
.icon-chevron-thin-down:before {
  content: "\e970";
}
.icon-chevron-small-down:before {
  content: "\e971";
}
.icon-chevron-down:before {
  content: "\e972";
}
.icon-chevron-thin-right:before {
  content: "\e973";
}
.icon-chevron-small-right:before {
  content: "\e974";
}
.icon-chevron-right:before {
  content: "\e975";
}
.icon-social-skype:before {
  content: "\eac0";
}

.datatbltxtaln >a{
	text-decoration: none;
	color:#F91A47!important;
	
}
.out, .style_input, .input-field{
    color: black!important;
  }

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/iconew/icomoon.eot?i2uowz');
  src:  url('../fonts/iconew/icomoon.eot?i2uowz#iefix') format('embedded-opentype'),
    url('../fonts/iconew/icomoon.ttf?i2uowz') format('truetype'),
    url('../fonts/iconew/icomoon.woff?i2uowz') format('woff'),
    url('../fonts/iconew/icomoon.svg?i2uowz#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-rewind:before {
  content: "\e947";
}
.icon-load:before {
  content: "\e905";
}
.icon-add:before {
  content: "\e905";
}
.icon-stack:before {
  content: "\e905";
}
.icon-get:before {
  content: "\e905";
}
.icon-create:before {
  content: "\e906";
}
.icon-add1:before {
  content: "\e906";
}
.icon-fold:before {
  content: "\e906";
}
.icon-make:before {
  content: "\e906";
}
.icon-copy:before {
  content: "\e907";
}
.icon-add2:before {
  content: "\e907";
}
.icon-duplicate:before {
  content: "\e907";
}
.icon-calculate:before {
  content: "\e908";
}
.icon-add3:before {
  content: "\e908";
}
.icon-pay:before {
  content: "\e908";
}
.icon-add4:before {
  content: "\e909";
}
.icon-calculate1:before {
  content: "\e909";
}
.icon-copy1:before {
  content: "\e909";
}
.icon-create1:before {
  content: "\e909";
}
.icon-point:before {
  content: "\e90a";
}
.icon-target:before {
  content: "\e90a";
}
.icon-direction:before {
  content: "\e90a";
}
.icon-inbox:before {
  content: "\e90b";
}
.icon-box:before {
  content: "\e90b";
}
.icon-archive:before {
  content: "\e90b";
}
.icon-inbox1:before {
  content: "\e90c";
}
.icon-archive1:before {
  content: "\e90c";
}
.icon-drawer:before {
  content: "\e90c";
}
.icon-tag-add:before {
  content: "\e90d";
}
.icon-tag-add1:before {
  content: "\e90e";
}
.icon-note-add:before {
  content: "\e90f";
}
.icon-note-add1:before {
  content: "\e910";
}
.icon-clipboard-add:before {
  content: "\e911";
}
.icon-bookmark-add:before {
  content: "\e912";
}
.icon-bookmark-add1:before {
  content: "\e913";
}
.icon-document-add:before {
  content: "\e914";
}
.icon-folder-add:before {
  content: "\e915";
}
.icon-inbox-filled:before {
  content: "\e916";
}
.icon-inbox-filled2:before {
  content: "\e917";
}
.icon-inbox-upload:before {
  content: "\e918";
}
.icon-inbox-document-text1:before {
  content: "\e919";
}
.icon-inbox-document-text2:before {
  content: "\e91a";
}
.icon-mail-remove:before {
  content: "\e91b";
}
.icon-mail-remove1:before {
  content: "\e91c";
}
.icon-mail-add:before {
  content: "\e91d";
}
.icon-mail--forbidden:before {
  content: "\e91e";
}
.icon-mail-cancel:before {
  content: "\e91f";
}
.icon-mail-checked:before {
  content: "\e920";
}
.icon-mail-checked1:before {
  content: "\e921";
}
.icon-mail-error:before {
  content: "\e922";
}
.icon-mail-error1:before {
  content: "\e923";
}
.icon-mail-envelope-closed:before {
  content: "\e924";
}
.icon-mail-envelope-closed1:before {
  content: "\e925";
}
.icon-mail-envelope-closed2:before {
  content: "\e926";
}
.icon-mail-envelope-closed3:before {
  content: "\e927";
}
.icon-mail-envelope-open:before {
  content: "\e928";
}
.icon-mail-envelope-open1:before {
  content: "\e929";
}
.icon-mail-envelope-open2:before {
  content: "\e92a";
}
.icon-mail-envelope-open3:before {
  content: "\e92b";
}
.icon-mail-envelope-open4:before {
  content: "\e92c";
}
.icon-mail-envelope-open5:before {
  content: "\e92d";
}
.icon-mail-envelope-open6:before {
  content: "\e92e";
}
.icon-mail-envelope-open7:before {
  content: "\e92f";
}
.icon-inbox-download1:before {
  content: "\e930";
}
.icon-inbox-download2:before {
  content: "\e931";
}
.icon-inbox2:before {
  content: "\e932";
}
.icon-inbox3:before {
  content: "\e933";
}
.icon-inbox-filled1:before {
  content: "\e934";
}
.icon-inbox-document-text:before {
  content: "\e935";
}
.icon-arrow_back_ios:before {
  content: "\e944";
}
.icon-arrow_back:before {
  content: "\e945";
}
.icon-keyboard_backspace:before {
  content: "\e946";
}
.icon-forward_to_inbox:before {
  content: "\e936";
}
.icon-menu:before {
  content: "\e900";
}
.icon-file-plus:before {
  content: "\e937";
}
.icon-plus-square:before {
  content: "\e938";
}
.icon-plus-circle:before {
  content: "\e939";
}
.icon-plus:before {
  content: "\e93a";
}
.icon-user-plus:before {
  content: "\e93b";
}
.icon-folder-plus:before {
  content: "\e93c";
}
.icon-menu1:before {
  content: "\e901";
}
.icon-back:before {
  content: "\e943";
}
.icon-squared-cross:before {
  content: "\e93d";
}
.icon-circle-with-cross:before {
  content: "\e93e";
}
.icon-cross:before {
  content: "\e93f";
}
.icon-menu2:before {
  content: "\e902";
}
.icon-inbox-full:before {
  content: "\e940";
}
.icon-inbox-download:before {
  content: "\e941";
}
.icon-inbox-check:before {
  content: "\e942";
}
.icon-user:before {
  content: "\e904";
}
.icon-menu3:before {
  content: "\e903";
}


.icob4{
	width:30px;
	position:absolute;
	left: 1em;
	top: 2em;
}
svg{
	width:100%;
	height: 100%;
}
.add_active .st0, .add_active st1{
	fill: #777777 !important;
}
.ball {
    border: none;
    background: #e1e1e1;
    float: left;
    line-height: 2;
    padding: 1em;
}
.colored_icon_bg svg .st0{
	fill:#555 !important;
}
 .colored_icon_bg svg .st1{
	fill: #ff9800 !important;
}


.btn {
    transition: ease-out 0.5s;
    -webkit-transition: ease-out 0.5s;
    -moz-transition: ease-out 0.5s;
    position: relative;
    font-weight:bold;
}

.btn, .accnt_cta a, .login {
    box-shadow: inset 0 0 0 0 #ECDB54;
}

.btn:hover, .accnt_cta a:hover, .login:hover {
    color: #e92a50;
    box-shadow: inset -200px 0 0 0 #ffc107;
}



.link {
    color: #E94B3C;
    background: transparent;
}

.link::after,
.link::before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    transition: .5s;
}

.link::after {
    top: 0;
    left: 0;
    border-top: 1px solid transparent;
}

.link::before {
    bottom: 0;
    right: 0;
    border-bottom: 1px solid transparent;
}

.link:hover {
    color: #222222;
}

.link:hover::after,
.link:hover::before {
    width: 100%;
    height: 100%;
    border-color: #e92a50;
}
.ml-0{
	margin-left:0 !important;
}
.mt-2{
	margin-top:2em;
}
.mb-2{
	margin-bottom:2em;
}
.sifted {
    position: absolute;
    width: 10px;
    top: 5px;
    right: 15px;
}
.p-point5 {
    padding: 1.5em;
}
.py-point5 {
    padding-right: 1.5em;
    padding-left: 1.5em;
}
.p-3{
	padding:3em;
}
.pl-p5{
	padding-left:.5em;
}
.pl-1{
	padding-left:1em;
}
.pl-3{
	padding-left:3em;
}
.border-bottom{
	border-bottom:1px solid #ccc;
}
.pl-0{
	padding-left:0 !important;
}
.footer a {
    line-height: 34px;
    float: right;
    padding: 0 1em;
    font-weight: bold;
}
.benefi {
    padding: 0;
    width: 100%;
    float: left;
    overflow: auto;
}
.benefi li {
    float: left;
    width: 32%;
}
.footed  {
    margin-top:4em;
    width: 100%;
    float: left;
}
.errorr{
    border: 1px solid #f00;
}
input::-webkit-file-upload-button {
  padding: 10px 20px;
  background-color: #e92a50;
  border: none;
  color: white;
  text-transform: uppercase;
  transition: 100ms ease-out;
  cursor: pointer;
  font-size:12px;
  font-weight:bold;
}

input::-webkit-file-upload-button:hover {
  background-color: #222;
}
input::-webkit-file-upload-button:hover {
    color: #e92a50;
    box-shadow: inset -200px 0 0 0 #ffc107;
}
.icon-ac {
    width: 25px;
}
.snackbar {
    position: fixed;
    top: 80px;
    right: 0;
    background: #000000;
    color: white;
    font-size: 11px;
    padding: 1em;
    padding: 1em 2em 2em;
	z-index: 999;
}

.snackbar h3{
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.snackbar.hide{
	display:none;
}
.closest {
    cursor: pointer;
    font-size: 1.5em;
    position: absolute;
    z-index: 9999;
    right: 10px;
    top: 10px;
}
#overlayer, .loader{
    display: none !important;
}
.snackbar span {
    font-size: 13px;
    letter-spacing: 1px;
}
.cls-1{
	fill:#fff;
}