.vendorTabWrap .active {
	width: auto;
	padding-right: 0;
	background: none;
	height: auto;
	display: block;
}

.right {
	width: auto;
	float: left;
	padding: 5px;
	min-height: 24px;
	font-size: 15px;
}

.left {
	width: 200px;
	float: left;
	padding: 5px 0px 0px 5px;
	min-height: 24px;
	color: #002741;
	margin-left: 10px;
	text-align: left;
	font-size: 15px;
}

.registrationFormWrap .error {
	padding: 0;
	background: none;
	color: red;
	font-size: 14px;
	position: absolute;
	left: 15px;
	bottom: -21px;
}

.profileFormWrap .error {
	padding: 0;
	background: none;
	color: red;
	font-size: 14px;
	left: 15px;
	bottom: -21px;
}

.registrationFormWrap .error+input, .registrationFormWrap .error+select
	{
	border-color: red;
}

.profileFormWrap .error+input, .profileFormWrap .error+select {
	border-color: red;
}

.registrationFormWrap .row {
	margin-bottom: 15px;
}

td, th {
	padding: 1px;
}

.pagination>li.active>a, .pagination>li.active>a:focus, .pagination>li.active>a:hover
	{
	background-color: #337ab7;
	border-color: #337ab7;
}

.skin-blue .form-control, .skin-blue .form-group .form-control {
	border: 0;
}

.widget-custom {
	background: #fff;
}

.widget-custom .widget-main .row {
	margin-bottom: 7px;
}

.widget-custom .editable {
	font-weight: 600;
}

span.colanSec {
	position: absolute;
	left: 5px;
	top: -1px;
	font-weight: 600;
}

.checkListSelection {
	text-align: left;
	padding: 0 0 10px;
	font-weight: bold;
	font-size: 15px;
	color: #902a0a;
	display: inline-block;
	width: 48%;
	vertical-align: top;
}

.checkListSelection input[type=checkbox] {
	margin: 3px 8px 0 0;
}

.textFieldSec {
	padding: 10px 15px 0;
}

.textFieldSec .left {
	vertical-align: top;
	display: inline-block;
}

.textFieldSec .right {
	display: inline-block;
	margin-bottom: 15px;
}

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 1.42857143;
	color: #333;
}

body .commonButton {
	color: #fff;
	border: 0;
	padding: 4px 20px;
	font-size: 16px;
	margin: 0 2px;
}

body .greenButton {
	background: #3d9970;
}

body .redButton {
	background: #C77171;
}

body .widget-border {
	border: 1px solid #ddd;
}

.widget-custom input[type=text], .widget-custom input[type=password],
	.widget-custom textarea {
	border-color: #CACACA;
}

.alert.alert-success {
	background: transparent !important;
	color: #0a844c  !important;
	font-weight: 400 !important;
	text-align: center;
}

section {
	margin: 1em auto;
	background-color: white;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	box-sizing: content-box;
	border-top: 3px solid #d2d6de;
	box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.2), 0 4px 10px 0
		rgba(0, 0, 0, 0.19);
	border-radius: 2px;
}

.row1 {
	clear: both;
	display: block;
	min-height: 40px;
	margin-top: 5px;
}

.infobox-container {
	text-align: center;
	font-size: 0
}

.infobox {
	display: inline-block;
	width: 230px;
	height: 66px;
	color: #555;
	background-color: #FFF;
	box-shadow: none;
	margin: -1px 0 0 -1px;
	padding: 8px 3px 6px 9px;
	border: 1px dotted;
	border-color: #D8D8D8 !important;
	vertical-align: middle;
	text-align: left;
	position: relative
}

.infobox>.infobox-icon {
	display: inline-block;
	vertical-align: top;
	width: 44px
}

.infobox-green {
	color: #9ABC32;
	border-color: #9ABC32
}

.infobox>.infobox-data {
	display: inline-block;
	border-width: 0;
	font-size: 15px;
	text-align: left;
	line-height: 21px;
	min-width: 130px;
	padding-left: 8px;
	position: relative;
	top: 8px;
}

.infobox .infobox-content {
	color: #555;
	max-width: 151px
}

.infobox-pink {
	color: #CB6FD7;
	border-color: #CB6FD7
}

.vsteps {
	list-style: none;
	display: table;
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
}

.vsteps>li {
	display: table-cell;
	text-align: center;
	width: 1%;
}

.vsteps>li.active .vstep, .vsteps>li.active::before, .vsteps>li.complete .vstep,
	.vsteps>li.complete::before {
	border-color: #5293C4;
}

.vsteps>li:first-child::before {
	max-width: 51%;
	left: 50%;
}

.vsteps>li::before {
	display: block;
	content: "";
	width: 100%;
	height: 1px;
	font-size: 0;
	overflow: hidden;
	border-top: 4px solid #CED1D6;
	border-top-color: rgb(206, 209, 214);
	position: relative;
	top: 21px;
	z-index: 1;
}


::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.vsteps>li .vstep {
	border: 5px solid #CED1D6;
	border-top-color: rgb(206, 209, 214);
	border-right-color: rgb(206, 209, 214);
	border-bottom-color: rgb(206, 209, 214);
	border-left-color: rgb(206, 209, 214);
	color: #546474;
	font-size: 15px;
	border-radius: 100%;
	position: relative;
	z-index: 2;
	display: inline-block;
	width: 40px;
	height: 40px;
}

.vsteps>li .vstep, .vsteps>li.complete .vstep::before {
	line-height: 30px;
	background-color: #FFF;
	text-align: center;
}

.vsteps>li {
	text-align: center;
}

.vsteps {
	list-style: none;
}

.vsteps>li.active .title, .vsteps>li.complete .title {
	color: #2B3D53;
	font-weight: bold;
}

.vsteps>li .title {
	display: block;
	margin-top: 4px;
	max-width: 100%;
	color: #949EA7;
	font-size: 14px;
	z-index: 104;
	text-align: center;
	table-layout: fixed;
	word-wrap: break-word;
}


.vstep-content, .tree {
    position: relative;
}
.pos-rel, .position-relative {
    position: relative;
}



.vstep-content .vstep-pane.active {
    display: block;
}
.vstep-content .vstep-pane {
    display: none;
    min-height: 200px;
    padding: 4px 8px 12px;
        padding-right: 8px;
}


.widget-box {
	padding: 0;
	box-shadow: none;
	margin: 3px 0;
	/* border: 1px solid #ff8040 */
}

@media only screen and (max-width:767px) {
	.widget-box {
		margin-top: 7px;
		margin-bottom: 7px
	}
}

.widget-header {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	position: relative;
	min-height: 38px;
	background: repeat-x #337ab7;
	/* background-image: -webkit-linear-gradient(top, #FFF 0, #EEE 100%);
	background-image: -o-linear-gradient(top, #FFF 0, #EEE 100%);
	background-image: linear-gradient(to bottom, #FFF 0, #EEE 100%); */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',
		endColorstr='#ffeeeeee', GradientType=0);
	color: #ffffff;
	border-bottom: 1px solid #DDD;
	padding-left: 12px
}

.widget-box.transparent>.widget-header, .widget-header-flat {
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.widget-header:after, .widget-header:before {
	content: "";
	display: table;
	line-height: 0
}

.widget-header:after {
	clear: right
}

.widget-box.collapsed>.widget-header {
	border-bottom-width: 0
}

.collapsed.fullscreen>.widget-header {
	border-bottom-width: 1px
}

.collapsed>.widget-body {
	display: none
}

.widget-header-flat {
	background: #F7F7F7
}

.widget-header-large {
	min-height: 49px;
	padding-left: 18px
}

.widget-header-small {
	min-height: 31px;
	padding-left: 10px
}

.widget-header>.widget-title {
	line-height: 36px;
	padding: 0;
	margin: 0;
	display: inline
}

.widget-header>.widget-title>.ace-icon {
	margin-right: 5px;
	font-weight: 400;
	display: inline-block
}

.infobox .infobox-content:first-child, .infobox>.badge, .infobox>.stat,
	.percentage {
	font-weight: 700
}

.widget-header-large>.widget-title {
	line-height: 48px
}

.widget-header-small>.widget-title {
	line-height: 30px
}

.widget-toolbar {
	display: inline-block;
	padding: 0 10px;
	line-height: 37px;
	float: right;
	position: relative
}

.widget-header-large>.widget-toolbar {
	line-height: 48px
}

.widget-header-small>.widget-toolbar {
	line-height: 29px
}

.widget-toolbar.no-padding {
	padding: 0
}

.widget-toolbar.padding-5 {
	padding: 0 5px
}

.widget-toolbar:before {
	display: inline-block;
	content: "";
	position: absolute;
	top: 3px;
	bottom: 3px;
	left: -1px;
	border: 1px solid #D9D9D9;
	border-width: 0 1px 0 0
}

.popover-notitle+.popover .popover-title, .popover.popover-notitle .popover-title,
	.widget-toolbar.no-border:before {
	display: none
}

.widget-header-large>.widget-toolbar:before {
	top: 6px;
	bottom: 6px
}

[class*=widget-color-]>.widget-header>.widget-toolbar:before {
	border-color: #EEE
}

.widget-color-orange>.widget-header>.widget-toolbar:before {
	border-color: #FEA
}

.widget-color-dark>.widget-header>.widget-toolbar:before {
	border-color: #222;
	box-shadow: -1px 0 0 rgba(255, 255, 255, .2), inset 1px 0 0
		rgba(255, 255, 255, .1)
}

.widget-toolbar label {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0
}

.widget-toolbar>.widget-menu>a, .widget-toolbar>a {
	font-size: 14px;
	margin: 0 1px;
	display: inline-block;
	padding: 0;
	line-height: 24px
}

.widget-toolbar>.widget-menu>a:hover, .widget-toolbar>a:hover {
	text-decoration: none
}

.widget-header-large>.widget-toolbar>.widget-menu>a,
	.widget-header-large>.widget-toolbar>a {
	font-size: 15px;
	margin: 0 1px
}

.widget-toolbar>.btn {
	line-height: 27px;
	margin-top: -2px
}

.widget-toolbar>.btn.smaller {
	line-height: 26px
}

.widget-toolbar>.btn.bigger {
	line-height: 28px
}

.widget-toolbar>.btn-sm {
	line-height: 24px
}

.widget-toolbar>.btn-sm.smaller {
	line-height: 23px
}

.widget-toolbar>.btn-sm.bigger {
	line-height: 25px
}

.widget-toolbar>.btn-xs {
	line-height: 22px
}

.widget-toolbar>.btn-xs.smaller {
	line-height: 21px
}

.widget-toolbar>.btn-xs.bigger {
	line-height: 23px
}

.widget-toolbar>.btn-minier {
	line-height: 18px
}

.widget-toolbar>.btn-minier.smaller {
	line-height: 17px
}

.widget-toolbar>.btn-minier.bigger {
	line-height: 19px
}

.widget-toolbar>.btn-lg {
	line-height: 36px
}

.widget-toolbar>.btn-lg.smaller {
	line-height: 34px
}

.widget-toolbar>.btn-lg.bigger {
	line-height: 38px
}

.widget-toolbar-dark {
	background: #444
}

.widget-toolbar-light {
	background: rgba(255, 255, 255, .85)
}

.widget-toolbar>.widget-menu {
	display: inline-block;
	position: relative
}

.widget-toolbar>.widget-menu>a[data-action], .widget-toolbar>a[data-action]
	{
	-webkit-transition: transform .1s;
	-o-transition: transform .1s;
	transition: transform .1s
}

.widget-toolbar>.widget-menu>a[data-action]>.ace-icon, .widget-toolbar>a[data-action]>.ace-icon
	{
	margin-right: 0
}

.widget-toolbar>.widget-menu>a[data-action]:focus, .widget-toolbar>a[data-action]:focus
	{
	text-decoration: none;
	outline: 0
}

.widget-toolbar>.widget-menu>a[data-action]:hover, .widget-toolbar>a[data-action]:hover
	{
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2)
}

.widget-body {
	background-color: #FFFF;
}

.widget-main {
	padding: 12px
}

.widget-main.padding-32 {
	padding: 32px
}

.widget-main.padding-30 {
	padding: 30px
}

.widget-main.padding-28 {
	padding: 28px
}

.widget-main.padding-26 {
	padding: 26px
}

.widget-main.padding-24 {
	padding: 24px
}

.widget-main.padding-22 {
	padding: 22px
}

.widget-main.padding-20 {
	padding: 20px
}

.widget-main.padding-18 {
	padding: 18px
}

.widget-main.padding-16 {
	padding: 16px
}

.widget-main.padding-14 {
	padding: 14px
}

.widget-main.padding-12 {
	padding: 12px
}

.widget-main.padding-10 {
	padding: 10px
}

.widget-main.padding-8 {
	padding: 8px
}

.widget-main.padding-6 {
	padding: 6px
}

.widget-main.padding-4 {
	padding: 4px
}

.widget-main.padding-2 {
	padding: 2px
}

.widget-main.no-padding, .widget-main.padding-0 {
	padding: 0
}

.widget-toolbar .progress {
	vertical-align: middle;
	display: inline-block;
	margin: 0
}

.widget-toolbar>.dropdown, .widget-toolbar>.dropup {
	display: inline-block
}

.widget-toolbox.toolbox-vertical, .widget-toolbox.toolbox-vertical+.widget-main
	{
	display: table-cell;
	vertical-align: top
}

.widget-box>.widget-header>.widget-toolbar>.widget-menu>[data-action=settings],
	.widget-box>.widget-header>.widget-toolbar>[data-action=settings],
	.widget-color-dark>.widget-header>.widget-toolbar>.widget-menu>[data-action=settings],
	.widget-color-dark>.widget-header>.widget-toolbar>[data-action=settings]
	{
	color: #99CADB
}

.widget-box>.widget-header>.widget-toolbar>.widget-menu>[data-action=reload],
	.widget-box>.widget-header>.widget-toolbar>[data-action=reload],
	.widget-color-dark>.widget-header>.widget-toolbar>.widget-menu>[data-action=reload],
	.widget-color-dark>.widget-header>.widget-toolbar>[data-action=reload]
	{
	color: #ACD392
}

.widget-box>.widget-header>.widget-toolbar>.widget-menu>[data-action=collapse],
	.widget-box>.widget-header>.widget-toolbar>[data-action=collapse],
	.widget-color-dark>.widget-header>.widget-toolbar>.widget-menu>[data-action=collapse],
	.widget-color-dark>.widget-header>.widget-toolbar>[data-action=collapse]
	{
	color: #AAA
}

.widget-box>.widget-header>.widget-toolbar>.widget-menu>[data-action=close],
	.widget-box>.widget-header>.widget-toolbar>[data-action=close],
	.widget-color-dark>.widget-header>.widget-toolbar>.widget-menu>[data-action=close],
	.widget-color-dark>.widget-header>.widget-toolbar>[data-action=close] {
	color: #E09E96
}

.widget-box[class*=widget-color-]>.widget-header {
	color: #FFF;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.widget-color-blue {
	border-color: #307ECC
}

.widget-color-blue>.widget-header {
	background: #307ECC;
	border-color: #307ECC
}

.widget-color-blue2 {
	border-color: #5090C1
}

.widget-color-blue2>.widget-header {
	background: #5090C1;
	border-color: #5090C1
}

.widget-color-blue3 {
	border-color: #6379AA
}

.widget-color-blue3>.widget-header {
	background: #6379AA;
	border-color: #6379AA
}

.widget-color-green {
	border-color: #82AF6F
}

.widget-color-green>.widget-header {
	background: #82AF6F;
	border-color: #82AF6F
}

.widget-color-green2 {
	border-color: #2E8965
}

.widget-color-green2>.widget-header {
	background: #2E8965;
	border-color: #2E8965
}

.widget-color-green3 {
	border-color: #4EBC30
}

.widget-color-green3>.widget-header {
	background: #4EBC30;
	border-color: #4EBC30
}

.widget-color-red {
	border-color: #E2755F
}

.widget-color-red>.widget-header {
	background: #E2755F;
	border-color: #E2755F
}

.widget-color-red2 {
	border-color: #E04141
}

.widget-color-red2>.widget-header {
	background: #E04141;
	border-color: #E04141
}

.widget-color-red3 {
	border-color: #D15B47
}

.widget-color-red3>.widget-header {
	background: #D15B47;
	border-color: #D15B47
}

.widget-color-purple {
	border-color: #7E6EB0
}

.widget-color-purple>.widget-header {
	background: #7E6EB0;
	border-color: #7E6EB0
}

.widget-color-pink {
	border-color: #CE6F9E
}

.widget-color-pink>.widget-header {
	background: #CE6F9E;
	border-color: #CE6F9E
}

.widget-color-orange {
	border-color: #E8B10D
}

.widget-color-orange>.widget-header {
	color: #855D10 !important;
	border-color: #E8B10D;
	background: #FFC657
}

.widget-color-dark {
	border-color: #5a5a5a
}

.widget-color-dark>.widget-header {
	border-color: #666;
	background: #404040
}

.widget-color-grey {
	border-color: #9e9e9e
}

.widget-color-grey>.widget-header {
	border-color: #aaa;
	background: #848484
}

.widget-box.transparent {
	border-width: 0
}

.widget-box.transparent>.widget-header {
	background: 0 0;
	border-width: 0;
	border-bottom: 1px solid #DCE8F1;
	color: #4383B4;
	padding-left: 3px
}

.widget-box.transparent>.widget-header-large {
	padding-left: 5px
}

.widget-box.transparent>.widget-header-small {
	padding-left: 1px
}

.widget-box.transparent>.widget-body {
	border-width: 0;
	background-color: transparent
}

.itemdiv {
    padding-right: 3px;
    min-height: 66px;
}
.itemdiv.dialogdiv:before, .itemdiv.dialogdiv>.body:before, .itemdiv>.body>.text:after
	{
	content: "";
	position: absolute
}

.itemdiv>.body>.text:after {
	display: block;
	height: 1px;
	font-size: 0;
	overflow: hidden;
	left: 16px;
	right: -12px;
	margin-top: 9px;
	border-top: 1px solid #E4ECF3
}

.itemdiv>.body>.text>.ace-icon:first-child {
	color: #DCE3ED;
	margin-right: 4px
}

.itemdiv:last-child>.body>.text {
	border-bottom-width: 0
}

.itemdiv:last-child>.body>.text:after {
	display: none
}

.itemdiv.dialogdiv {
	padding-bottom: 14px
}

.dialogs, .itemdiv {
    position: relative;
}
.itemdiv > .body {
    width: auto;
    margin-left: 50px;
    margin-right: 12px;
    position: relative;
}

.itemdiv > .body > .name {
    display: block;
    color: #999;
}

.itemdiv.dialogdiv > .body > .text {
    padding-left: 0;
    padding-bottom: 0;
}   

.itemdiv.dialogdiv:last-child {
	padding-bottom: 0
}

.itemdiv.dialogdiv:last-child:before {
	display: none
}

.itemdiv.dialogdiv>.user>img {
	border-color: #C9D6E5
}

.itemdiv.dialogdiv>.body {
	border: 1px solid #DDE4ED;
	padding: 5px 8px 8px;
	border-left-width: 2px;
	margin-right: 1px
}

.itemdiv.dialogdiv>.body:before {
	display: block;
	left: -7px;
	top: 11px;
	width: 8px;
	height: 8px;
	border: 2px solid #DDE4ED;
	border-width: 2px 0 0 2px;
	background-color: #FFF;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.itemdiv.dialogdiv>.body>.time {
	position: static;
	float: right
}

.itemdiv.dialogdiv>.body>.text {
	padding-left: 0;
	padding-bottom: 0
}

.itemdiv.dialogdiv>.body>.text:after {
	display: none
}

.itemdiv.dialogdiv .tooltip-inner {
	word-break: break-all
}
.dialogs {
    padding: 9px;
}
.dialogs, .itemdiv {
    position: relative;
}

.nav-tabs {
    border-color: #C5D0DC;
    margin-bottom: 0 !important;
    position: relative;
    top: 1px;
}
.nav-tabs, .nav-tabs > li:first-child > a {
    margin-left: 0;
}
.help-button {
    display: inline-block;
    height: 22px;
    width: 22px;
    line-height: 22px;
    text-align: center;
    padding: 0;
    background-color: #65BCDA;
    color: #FFF;
    font-size: 12px;
    font-weight: 700;
    cursor: default;
    margin-left: 4px;
    border-radius: 100%;
    border: 2px solid #FFF;
    -webkit-box-shadow: 0 1px 0 1px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .2);
}
ol, ul {
    padding: 0;
    margin: 0 0 10px 25px;
}
.tab-content {
    border: 1px solid #C5D0DC;
    padding: 16px 12px;
    position: relative;
}

.space-6, [class*="vspace-6"] {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 6px 0 5px;
}


.nav-tabs, .nav-tabs > li:first-child > a {
    margin-left: 0;
}
.nav-tabs > li > a, .nav-tabs > li > a:focus {
    border-radius: 0 !important;
    border-color: #C5D0DC;
    background-color: #F9F9F9;
    color: #999;
    margin-right: -1px;
    line-height: 18px;
    position: relative;
}
.nav-tabs > li > a {
    padding: 7px 12px 8px;
}
.profile-info-row {
    display: table-row;
}
.profile-info-row:first-child .profile-info-name, .profile-info-row:first-child .profile-info-value {
    border-top: none;
}
.profile-user-info-striped .profile-info-name {
    color: white;
    background-color: #337ab7;
    border-top: 1px solid #CAD6E3;
}
.profile-info-name {
    text-align: left;
    padding: 9px 10px 6px 4px;
    color: #667E99;
    background-color: transparent;
    width: 180px;
}
.profile-info-name, .profile-info-value {
    display: table-cell;
    border-top: 1px dotted #D5E4F1;
}
.profile-info-row:first-child .profile-info-name, .profile-info-row:first-child .profile-info-value {
    border-top: none;
}
.profile-user-info-striped .profile-info-value {
    border-top: 1px solid #CAD6E3;
    padding-left: 12px;
    text-align: left;
}
.profile-info-value {
    padding: 6px 4px 6px 6px;
}
.profile-info-name, .profile-info-value {
    display: table-cell;
    border-top: 1px dotted #D5E4F1;
}
.accordion-style1.panel-group .panel {
    border-radius: 0;
    border-color: #CDD8E3;
    background-color: #FFF;
    box-shadow: none;
}
.accordion-style1.panel-group .panel-heading {
    padding: 0;
}
.accordion-style1.panel-group .panel-heading .accordion-toggle {
    color: #4C8FBD;
    background-color: #EEF4F9;
    position: relative;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    padding: 10px;
    display: block;
}
.accordion-style1.panel-group .panel .collapse {
    background-color: #FFF;
}
.profile-user-info-striped {
    border: 1px solid #CBCBCC;
}
.profile-user-info {
    display: table;
    width: 98%;
    width: calc(100% - 24px);
    margin: 0 auto;
}
.steps {
    list-style: none;
    display: table;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
}
.steps > li {
    display: table-cell;
    text-align: center;
    width: 1%;
}
steps > li.active .step, .steps > li.active::before, .steps > li.complete .step, .steps > li.complete::before {
    border-color: #5293C4;
}
.steps > li .step {
    border: 5px solid #CED1D6;
    color: #546474;
    font-size: 15px;
    border-radius: 100%;
    position: relative;
    z-index: 2;
    display: inline-block;
    width: 40px;
    height: 40px;
}
.steps > li .step, .steps > li.complete .step::before {
    line-height: 30px;
    background-color: #FFF;
    text-align: center;
}

.steps > li.active .title, .steps > li.complete .title {
    color: #2B3D53;
    font-weight: bold;
}
.steps > li .title {
    display: block;
    margin-top: 4px;
    max-width: 100%;
    color: #949EA7;
    font-size: 14px;
    z-index: 104;
    text-align: center;
    table-layout: fixed;
    word-wrap: break-word;
}

.steps > li:first-child::before {
    max-width: 51%;
    left: 50%;
}
.steps > li::before {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    font-size: 0;
    overflow: hidden;
    border-top: 4px solid #CED1D6;
    position: relative;
    top: 21px;
    z-index: 1;
}
.steps > li.active .step, .steps > li.active::before, .steps > li.complete .step, .steps > li.complete::before {
    border-color: #5293C4;
}

.steps>li.last-child:before {
	max-width: 50%;
	width: 50%
}

.steps>li:last-child:before {
	max-width: 50%;
	width: 50%
}

.steps>li.complete .step {
	cursor: default;
	color: #FFF;
	-webkit-transition: transform ease .1s;
	-o-transition: transform ease .1s;
	transition: transform ease .1s
}

 .steps>li.complete .step:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: 100%;
	 content: "";
	 background-image: url("../css/images/active.png");
    background-size: 60%; 
    background-repeat: no-repeat;
    background-position: center; 
	z-index: 3;
	font-family: FontAwesome;
	font-size: 17px;
	color: #87BA21
}

a:active, a:hover {
    outline: 0;
    text-decoration: none;
}
h1.block, h2.block, h3.block, h4.block, h5.block, h6.block {
    margin-bottom: 16px;
}
.pink {
    color: #C6699F !important;
}
.block {
    display: block !important;
}

.bg-secondary{
	background-color: #d2d6de;
}

.infobox > .infobox-icon {
    display: inline-block;
    vertical-align: top;
    width: 44px;
}


.infobox > .infobox-icon > .ace-icon {
    display: inline-block;
    height: 42px;
    margin: 0;
    padding: 1px 1px 0 2px;
    background-color: transparent;
    border-width: 0;
    text-align: center;
    position: relative;
    border-radius: 100%;
    -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
    box-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
}

.infobox > .infobox-icon > .ace-icon::before {
    font-size: 24px;
    display: block;
    padding: 6px 0 7px;
    width: 40px;
    text-align: center;
    border-radius: 100%;
    color: #FFF;
    color: rgba(255, 255, 255, .9);
    background-color: transparent;
    background-color: rgba(255, 255, 255, .2);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .14);
}

.infobox-green > .infobox-icon > .ace-icon {
    background-color: #9ABC32;
}

.infobox-pink > .infobox-icon > .ace-icon {
    background-color: #CB6FD7;
}

.itemdiv > .user > .img, .itemdiv > .user > img {
    border-radius: 100%;
    border: 2px solid #5293C4;
    max-width: 40px;
    position: relative;
}
.itemdiv > .body > .time {
    display: block;
    font-size: 11px;
    font-weight: 700;
    color: #666;
    position: absolute;
    right: 9px;
    top: 0;
}
.itemdiv > .body > .time .ace-icon {
    font-size: 14px;
    font-weight: 400;
}
.green {
    color: #69AA46 !important;
}
.itemdiv > .body > .name {
    display: block;
    color: #999;
}
.itemdiv > .user {
    display: inline-block;
    width: 42px;
    position: absolute;
    left: 0;
}
.no-close .ui-dialog-titlebar-close{display:none;}

.text-danger {

    color: #c10400;
	font-weight: bold;
}

a.my_class{color:black}

.custom-bg {
    background-color: #043458; 
    color: white;
} 
.customdiv-bg {
    background-color: #205d8c; 
    color: white;
}