h1, h2, h3, .h1, .h2, .h3 { font-weight: 300; }

.badge.badge-pill {
    position: relative;
    top: -10px;
    margin: 0 -.8em;
    border-radius: 15px;
}
.btn-floating.btn-sm {
    width: 40px;
    height: 40px;
    padding: 0;
    font-size: 15px;
    border: 0;
}
.panel-body {
    padding: 20px;
}
.panel-bordered>.panel-heading {
    border-bottom: 1px solid #e4eaec;
    position: relative;
}
.panel-title {
    display: block;
    padding: 20px 30px;
    font-size: 18px;
    color: #37474f;
}
.panel-actions {
    position: absolute;
    top: 50%;
    right: 30px;
    z-index: 1;
    margin: auto;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.title-row { display: table; width: 100%; }

.input-search {
    position: relative;
}
.input-search-btn {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    padding: 0 15px;
    background: 0 0;
    border: none;
    border-radius: 0 200px 200px 0;
}
.input-search-btn+.form-control {
    padding-right: 40px;
}
.input-search .form-control {
    border-radius: 200px;
}


.dropdown-menu-media .dropdown-menu-header {
    position: relative;
    padding: 20px 20px;
    background-color: #fff;
    border-bottom: 1px solid #e4eaec;
}
.dropdown-menu-media .dropdown-menu-header .badge, .dropdown-menu-media .dropdown-menu-header .label {
    position: absolute;
    top: 55%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.label-danger {
    background-color: #f96868;
    color: #fff;
}
.label-round {
    border-radius: 1em;
}
.label {
    padding: .25em .9em .25em;
}

.list-group .media {
    padding: 2px 0;
    border-bottom: 0;
}
.dropdown-menu-media .list-group {
    max-height: 270px;
    margin: 0;
    font-size: 12px;
    border-radius: 0;
}

.dropdown-menu-media .list-group-item:first-child .media {
    border-top: none;
}

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}

.list-group .media .media-left, .list-group .media .pull-left {
    padding-right: 20px;
}
.icon.icon-circle {
    position: relative;
    margin: .5em;
}
.media-body {
    overflow: hidden;
}
.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}
.list-group .media .media-heading {
    font-size: 14px;
    color: #37474f;
	text-transform:initial;
	margin-bottom:2px;
}
.media-meta {
    margin-bottom: 3px;
    font-size: 12px;
    color: #526069;
	font-weight: 600;
}
.bg-red-600 {
    background-color: #f96868!important;
}
.bg-green-600 {
    background-color: #46be8a!important;
}
.bg-blue-600 {
    background-color: #0072c6!important;
}
.bg-orange-600 {
    background-color: #f2a654!important;
}
.white {
    color: #fff!important;
}
.icon.icon-circle:after {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    content: "";
    width: 2em;
    height: 2em;
    background-color: inherit;
    border-radius: 100%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.dropdown-menu-media .dropdown-menu-header>h3, .dropdown-menu-media .dropdown-menu-header>h4, .dropdown-menu-media .dropdown-menu-header>h5 {
    margin: 0;
}

.input-search .input-search-icon {
    left: 8px;
    font-size: 16px;
    color: #a3afb7;
    text-align: center;
    pointer-events: none;
}
.input-search .input-search-icon+.form-control {
    padding-left: 43.5px;
}
.input-search-dark .form-control {
    background: #f3f7f9;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.input-search-dark .input-search-icon {
    color: #76838f;
}
.input-search .input-search-icon {
    left: 8px;
    font-size: 16px;
    color: #a3afb7;
    text-align: center;
    pointer-events: none;
}
.input-search .input-search-close, .input-search .input-search-icon {
    position: absolute;
    top: 50%;
    z-index: 1;
    width: 36px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}



.list-group-dividered .list-group-item:first-child {
    border-top-color: transparent;
}

 
 .list-group-dividered .list-group-item {
     border: 1px solid transparent;
    border-top-color: #e4eaec;
    padding-left: 10px; 
    padding-right: 10px; 
}
.dropdown-menu-header h5 { font-size: 1rem; }
.dropdown-menu-media>.dropdown-menu-footer {
    background-color: #f3f7f9;
    border-top: 1px solid #e4eaec;
}
.noties-dropdown .dropdown-menu-media>.dropdown-menu-footer>a, .main-dp .dropdown-menu-media>.dropdown-menu-footer>a {
    padding: 15px 20px!important;
    color: #a3afb7!important;
    display: inline-block;
}
 
.dropdown-menu-media>.dropdown-menu-footer>.dropdown-menu-footer-btn {
    position: absolute;
    right: 0;
}

.list-group-menu {
    padding-left: 0;
    margin-bottom: 20px;
    margin-left: -15px;
    margin-right: -15px;
}
.list-group-link {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid transparent;
    color: #76838f;
    text-transform: capitalize;
    border-left: 5px solid transparent;
    font-size: 15px;
    font-weight: 400;
}
.portal-sidebar .list-group-link:hover, .list-group-link.in {
    color: #76838f;
    text-decoration: none;
    background-color: #f3f7f9;
    border-left: 5px solid #0072c6;
}
.list-group-link .icon,.list-group-menu i {
    margin-right: 10px;
} 

.dropdown-menu.bullet { margin-top: 12px; padding-top: 5px; border-radius: 3px; }

.dropdown-menu.bullet:after, .dropdown-menu.bullet:before {
    position: absolute;
    left: 10px;
    display: inline-block;
    width: 0;
    height: 0;
    content: '';
    border: 7px solid transparent;
    border-top-width: 0;
}

.dropdown-menu.bullet:after, .dropdown-menu.bullet:before {
    left: 11px;
}
.inner-header .dropdown-menu.bullet:after, .inner-header .dropdown-menu.bullet:before {
    left: 11px;
}

.dropdown-menu.bullet:before {
    top: -7px;
    border-bottom-color: #e4eaec;
}
.dropdown-menu.bullet:after {
    top: -6px;
    border-bottom-color: #fff;
}
.dropdown-menu>li {
    padding: 0px;
    margin: 2px 0;
}
 
 .dropdown-menu {
    margin-top: 5px;
    -webkit-box-shadow: 0 3px 12px rgba(0,0,0,.05);
    box-shadow: 0 3px 12px rgba(0,0,0,.05);
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
}
.dropdown-menu>li>a {
    padding: 10px 15px;
    border-radius: 3px;
    -webkit-transition: background-color .25s;
    -o-transition: background-color .25s;
    transition: background-color .25s;
    display: block;
    color: #76838f;
    white-space: nowrap;
    cursor: pointer !important;
}
.dropdown-menu>li>a {
    font-weight: 400;
}
.inner-header .avatar i, .home-header .avatar i {
    position: relative;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    border: 0px solid #fff;
    border-radius: 0;
}
.dropdown-menu li .icon:first-child, .dropdown-menu li>a .icon:first-child {
    width: 1em;
    margin-right: .5em;
    text-align: center;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 10px 0;
    overflow: hidden;
    background-color: #e4eaec;
}
.dropdown-menu .divider {
    margin: 6px 0;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #76838f;
    text-decoration: none;
    background-color: #f3f7f9;
}

.panel {
    position: relative;
    margin-bottom: 10px;
    border-width: 0;
}
.panel {
    margin-bottom: 22px;
    background-color: #fff;
   /* border: 1px solid transparent; */
    border-radius: 4px;
    -webkit-box-shadow: 0 0px 3px rgba(0,0,0,.05);
    box-shadow: 0 0px 3px rgba(0,0,0,.05);
}

/*.checkbox-custom, .radio-custom {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}
.radio-custom {
    padding-left: 20px;
}
.checkbox-custom input[type=checkbox], .radio-custom input[type=radio] {
    position: absolute;
    margin-left: -20px;
    margin-top: 0;
    margin-bottom: 0;
}
.radio-custom input[type=radio] {
    width: 20px;
    height: 20px;
    opacity: 0;
    z-index: 1;
}
.checkbox-custom label, .radio-custom label {
    min-height: 22px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}
.radio-custom label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 10px;
}
.radio-custom label:empty {
    padding-left: 0;
}
.radio-custom label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #e4eaec;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border .3s ease-in-out 0s,color .3s ease-in-out 0s;
    -o-transition: border .3s ease-in-out 0s,color .3s ease-in-out 0s;
    transition: border .3s ease-in-out 0s,color .3s ease-in-out 0s;
}
.radio-custom input[type=radio]:checked+label::before {
    border-color: #e4eaec;
    border-width: 10px;
}
.radio-custom label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 6px;
    height: 6px;
    left: 7px;
    top: 7px;
    margin-left: -20px;
    border: 2px solid #76838f;
    border-radius: 50%;
    background-color: transparent;
    -webkit-transform: scale(0,0);
    -ms-transform: scale(0,0);
    -o-transform: scale(0,0);
    transform: scale(0,0);
    transition-transform: .1s cubic-bezier(.8,-.33,.2,1.33);
}
.radio-custom input[type=radio]:checked+label::after {
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
}
.radio-primary input[type=radio]:checked+label::after {
    border-color: #fff;
}
.radio-primary input[type=radio]:checked+label::before {
    border-color: #0072c6;
}*/

.checkbox-custom, .radio-custom {
	position: relative;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px
}
.checkbox-custom label, .radio-custom label {
	min-height: 22px;
	margin-bottom: 0;
	cursor: pointer
}
.checkbox-custom input[type=checkbox], .radio-custom input[type=radio] {
	position: absolute;
	margin-left: -20px;
	margin-top: 0;
	margin-bottom: 0
}
.checkbox-custom.disabled label, .radio-custom.disabled label, fieldset[disabled] .checkbox-custom label, fieldset[disabled] .radio-custom label {
	cursor: not-allowed
}
.input-group-addon .checkbox-custom, .input-group-addon .radio-custom {
	margin: 0
}
.checkbox-custom {
	padding-left: 20px
}
.checkbox-custom label {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-left: 10px
}
.checkbox-custom label:empty {
	padding-left: 0
}
.checkbox-custom label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 20px;
	height: 20px;
	left: 0;
	margin-left: -20px;
	border: 1px solid #999;
	border-radius: 3px;
	background-color: #fff;
	-webkit-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}
.checkbox-custom label::after {
	display: inline-block;
	position: absolute;
	width: 20px;
	height: 20px;
	line-height: 20px;
	left: 0;
	top: 0;
	margin-left: -20px;
	text-align: center;
	padding-top: 1px;
	font-size: 12px;
	color: #76838f
}
.checkbox-custom input[type=radio], .checkbox-custom input[type=checkbox] {
	opacity: 0;
	z-index: 1;
	width: 20px;
	height: 20px
}
.checkbox-custom input[type=radio]:focus+label::before, .checkbox-custom input[type=checkbox]:focus+label::before {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}
.checkbox-custom input[type=radio]:checked+label::before, .checkbox-custom input[type=checkbox]:checked+label::before {
	border-color: #e4eaec;
	border-width: 10px;
	-webkit-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}
.checkbox-custom input[type=radio]:checked+label::after, .checkbox-custom input[type=checkbox]:checked+label::after {
	font-family: "Web Icons";
	content: "\f192"
}
.checkbox-custom input[type=radio]:disabled+label, .checkbox-custom input[type=checkbox]:disabled+label {
	opacity: .65
}
.checkbox-custom input[type=radio]:disabled+label::before, .checkbox-custom input[type=checkbox]:disabled+label::before {
	background-color: #f3f7f9;
	border-color: #e4eaec;
	border-width: 1px;
	cursor: not-allowed
}
.checkbox-custom.checkbox-circle label::before {
	border-radius: 50%
}
.checkbox-custom.checkbox-inline {
	margin-top: 0;
	display: inline-block;
	margin-bottom: 0
}
.checkbox-inline+.checkbox-inline {
	margin-left: 20px
}
.checkbox-default input[type=radio]:checked+label::before, .checkbox-default input[type=checkbox]:checked+label::before {
	background-color: #fff;
	border-color: #e4eaec;
	border-width: 1px
}
.checkbox-default input[type=radio]:checked+label::after, .checkbox-default input[type=checkbox]:checked+label::after {
	color: #0072c6
}
.checkbox-primary input[type=radio]:checked+label::before, .checkbox-primary input[type=checkbox]:checked+label::before {
	background-color: #0072c6;
	border-color: #0072c6
}
.checkbox-primary input[type=radio]:checked+label::after, .checkbox-primary input[type=checkbox]:checked+label::after {
	color: #fff
}
.checkbox-danger input[type=radio]:checked+label::before, .checkbox-danger input[type=checkbox]:checked+label::before {
	background-color: #f96868;
	border-color: #f96868
}
.checkbox-danger input[type=radio]:checked+label::after, .checkbox-danger input[type=checkbox]:checked+label::after {
	color: #fff
}
.checkbox-info input[type=radio]:checked+label::before, .checkbox-info input[type=checkbox]:checked+label::before {
	background-color: #57c7d4;
	border-color: #57c7d4
}
.checkbox-info input[type=radio]:checked+label::after, .checkbox-info input[type=checkbox]:checked+label::after {
	color: #fff
}
.checkbox-warning input[type=radio]:checked+label::before, .checkbox-warning input[type=checkbox]:checked+label::before {
	background-color: #f2a654;
	border-color: #f2a654
}
.checkbox-warning input[type=radio]:checked+label::after, .checkbox-warning input[type=checkbox]:checked+label::after {
	color: #fff
}
.checkbox-success input[type=radio]:checked+label::before, .checkbox-success input[type=checkbox]:checked+label::before {
	background-color: #46be8a;
	border-color: #46be8a
}
.checkbox-success input[type=radio]:checked+label::after, .checkbox-success input[type=checkbox]:checked+label::after {
	color: #fff
}
.checkbox-sm {
	padding-left: 18px
}
.checkbox-sm label {
	padding-left: 8px
}
.checkbox-sm label:empty {
	padding-left: 0
}
.checkbox-sm label::after, .checkbox-sm label::before {
	width: 18px;
	height: 18px;
	margin-left: -18px
}
.checkbox-sm label::after {
	font-size: 10px;
	line-height: 18px
}
.checkbox-sm input[type=radio], .checkbox-sm input[type=checkbox] {
	width: 18px;
	height: 18px
}
.checkbox-sm input[type=radio]:checked+label::before, .checkbox-sm input[type=checkbox]:checked+label::before {
	border-width: 9px
}
.checkbox-lg {
	padding-left: 24px
}
.checkbox-lg label {
	padding-left: 12px
}
.checkbox-lg label:empty {
	padding-left: 0
}
.checkbox-lg label::after, .checkbox-lg label::before {
	width: 24px;
	height: 24px;
	margin-left: -24px
}
.checkbox-lg label::after {
	font-size: 14px;
	line-height: 24px
}
.checkbox-lg input[type=radio], .checkbox-lg input[type=checkbox] {
	width: 24px;
	height: 24px
}
.checkbox-lg input[type=radio]:checked+label::before, .checkbox-lg input[type=checkbox]:checked+label::before {
	border-width: 12px
}
.radio-custom {
	padding-left: 20px
}
.radio-custom label {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-left: 10px
}
.radio-custom label:empty {
	padding-left: 0
}
.radio-custom label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 20px;
	height: 20px;
	left: 0;
	margin-left: -20px;
	border: 1px solid #999;
	border-radius: 50%;
	background-color: #fff;
	-webkit-transition: border .3s ease-in-out 0s, color .3s ease-in-out 0s;
	-o-transition: border .3s ease-in-out 0s, color .3s ease-in-out 0s;
	transition: border .3s ease-in-out 0s, color .3s ease-in-out 0s
}
.radio-custom label::after {
	display: inline-block;
	position: absolute;
	content: " ";
	width: 6px;
	height: 6px;
	left: 7px;
	top: 7px;
	margin-left: -20px;
	border: 2px solid #76838f;
	border-radius: 50%;
	background-color: transparent;
	-webkit-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	transform: scale(0, 0);
	transform: .1s cubic-bezier(.8, -.33, .2, 1.33)
}
.radio-custom input[type=radio] {
	width: 20px;
	height: 20px;
	opacity: 0;
	z-index: 1
}
.radio-custom input[type=radio]:focus+label::before {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}
.radio-custom input[type=radio]:checked+label::before {
	border-color: #e4eaec;
	border-width: 10px
}
.radio-custom input[type=radio]:checked+label::after {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1)
}
.radio-custom input[type=radio]:disabled+label {
	opacity: .65
}
.radio-custom input[type=radio]:disabled+label::before {
	cursor: not-allowed
}
.radio-custom.radio-inline {
	margin-top: 0;
	display: inline-block;
	margin-bottom: 0
}
.radio-inline+.radio-inline {
	margin-left: 20px
}
.radio-default input[type=radio]:checked+label::before {
	background-color: #fff;
	border-color: #e4eaec;
	border-width: 1px
}
.radio-default input[type=radio]:checked+label::after {
	border-color: #0072c6
}
.radio-primary input[type=radio]:checked+label::before {
	border-color: #0072c6
}
.radio-primary input[type=radio]:checked+label::after {
	border-color: #fff
}
.radio-danger input[type=radio]:checked+label::before {
	border-color: #f96868
}
.radio-danger input[type=radio]:checked+label::after {
	border-color: #fff
}
.radio-info input[type=radio]:checked+label::before {
	border-color: #57c7d4
}
.radio-info input[type=radio]:checked+label::after {
	border-color: #fff
}
.radio-warning input[type=radio]:checked+label::before {
	border-color: #f2a654
}
.radio-warning input[type=radio]:checked+label::after {
	border-color: #fff
}
.radio-success input[type=radio]:checked+label::before {
	border-color: #46be8a
}
.radio-success input[type=radio]:checked+label::after {
	border-color: #fff
}
.radio-sm {
	padding-left: 18px
}
.radio-sm label {
	padding-left: 8px
}
.radio-sm label:empty {
	padding-left: 0
}
.radio-sm label::before {
	width: 18px;
	height: 18px;
	margin-left: -20px
}
.radio-sm label::after {
	width: 4px;
	height: 4px;
	left: 7px;
	top: 7px;
	margin-left: -20px;
	border-width: 2px
}
.radio-sm input[type=radio] {
	width: 18px;
	height: 18px
}
.radio-sm input[type=radio]:checked+label::before {
	border-width: 9px
}
.radio-lg {
	padding-left: 24px
}
.radio-lg label {
	padding-left: 12px
}
.radio-lg label:empty {
	padding-left: 0
}
.radio-lg label::before {
	width: 24px;
	height: 24px;
	margin-left: -20px
}
.radio-lg label::after {
	width: 8px;
	height: 8px;
	left: 8px;
	top: 8px;
	margin-left: -20px;
	border-width: 2px
}
.radio-lg input[type=radio] {
	width: 24px;
	height: 24px
}
.radio-lg input[type=radio]:checked+label::before {
	border-width: 12px
}


.aside-menu-media .dropdown-menu-media .list-group-item {
    padding: 0 20px;
    border: none;
    border-radius: 0!important;
}
.aside-menu-media .dropdown-menu-media .dropdown-menu-header {
    position: relative;
    padding: 20px 20px;
    background-color: #fff;
    border-bottom: 1px solid #e4eaec;
}
 
.media-meta {
    margin-bottom: 3px;
    font-size: 12px;
    color: #526069;
	text-transform:initial;
}
.page-title {
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 300;
}

.list-group a.list-group-item { border-top: none;border-right: none;border-left: none; }
.panel-heading { position: relative; }
.ui-datatable .ui-datatable-data > tr.ui-widget-header > td { 
   background-color: #fdfdfd !important;
   border-bottom-color: #eff1f1 !important;
}









.view-panel-body html[subframe] body,.view-panel-body  html[subframe] body #sub-frame-error { background: #fff !important; }
.view-toolbar .navbar-toolbar {
    float: left;
}
.view-toolbar .navbar-toolbar>li {
    float: left;
    position: relative;
}
.view-toolbar .navbar-right { float: right; }
.view-toolbar .dropdown-toggle::after { display: none; }
.view-toolbar .nav>li>a:focus, .view-toolbar .nav>li>a:hover {
    text-decoration: none;
    background-color: #f3f7f9;
}
.view-toolbar .example-title, .view-toolbar h4.example-title {
    font-size: 14px;
    margin-top: 15px;
}

.page-header-actions {
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
}

/*Caledar popup css*/
.cal-pop-body .form-group { margin-bottom: 5px; }
.cal-pop-body p { margin-bottom: 3px; }

.mini-pop { position: absolute; left:50%; top: 70px; width: 440px; border: 1px solid #ccc;
background: #fff; box-shadow: 1px 5px 10px rgba(0,0,0,.3); z-index: 9; }
.mini-header { background: #526069; height: 60px; position: relative; }
.mini-body { padding: 15px; min-height: 200px; }
.mini-footer { background: #eee; height: 45px; }
.label-action{  
        position: absolute;
    right: 8px;
    top: 7px;
    transform: translate(0, 0%);
    padding-right: 22px;
}
.label-action p { margin: 0; padding: 0; color: #fff; font-size: 11px; }
.mini-pop-title { line-height: 60px; color: #fff; font-size: 20px; font-weight: 300; padding-left: 15px; margin: 0; }
.launched-label{background-color: #dbedfd; padding: 4px 20px; color: #555; font-size: 12px; 
display: inherit; margin: 0 -12px -12px;}

.icon-pop-group { margin-left: 10px; }
.icon-pop-group a { font-size:20px; padding: 8px 10px; display: inline-block; cursor: pointer; }
.cal-save { color: #0072c6; }
.cal-cancel { color: #555; }
.cal-delete { color: #f86c6b; }
.cal-pop-form .form-control-label { line-height: 34px; } 
.chk-list label {
    font-size: 15px;
    padding-left: 15px;
    text-transform: uppercase;
}
.cal-pop-form { margin: 15px 0 0; }


.my-ds-list h5 { padding-left:5px; margin-bottom:0; font-weight:500; }
.my-ds-list  .media-heading { margin-bottom: 5px; font-weight:500; }
.my-ds-list .dropdown-menu-media .list-group-item { padding:8px 20px; }
.my-ds-list .dropdown-menu-media .dropdown-menu-footer { position:relative; }
.my-ds-list .dropdown-menu-media .dropdown-menu-footer a { display:block; cursor:pointer; padding: 15px 22px;
    color: #000;}
.my-ds-list .dropdown-menu-media .dropdown-menu-footer a.all-link { text-align:right; padding:15px 60px 15px 15px !important;  }
.my-ds-list .dropdown-menu-media .dropdown-menu-footer:hover a { color:#000 !important; }

.window-store { position: absolute;
    right: 6px;
    top: 4px;
}
.window-store i { color: #fff; font-size: 18px; line-height: 0; cursor: pointer;  }


.cal-sent-ul { margin: 10px 0; padding: 0; opacity: .7; text-align: center; }
.cal-sent-ul li { margin: 0 5px 0; display: inline-block; }
.cal-sent-ul li i { padding: 0 10px 0; display: table-cell; vertical-align: top; font-size: 25px; line-height: normal; }
.cal-sent-ul .ca-sent { display: table-cell; vertical-align: top; position: relative; top: 3px; }
.cal-sent-ul .ca-sent p { margin: 0; padding: 0; line-height: normal; }
.ca-sent .sent-label { font-size: 11px; }






.mini-pop.bullet:after, .mini-pop.bullet:before {
      position: absolute;
    left: -14px;
    display: inline-block;
    width: 0;
    height: 0;
    content: '';
    border: 15px solid transparent;
    border-left-width: 0;
}
.mini-pop.bullet:before {
        top: 37px;
    border-right-color: #aaa;
    margin-left: -1px;
}
.mini-pop.bullet:after {
        top: 37px;
    border-right-color: #ffffff;
}
 
.btn-outline.btn-primary.active, .btn-outline.btn-primary:active, .btn-outline.btn-primary:focus, .btn-outline.btn-primary:hover, .open>.dropdown-toggle.btn-outline.btn-primary {
    color: #fff;
    background-color: #0072c6;
    border-color: #0072c6;
}

.ui-togglebutton.ui-button.ui-state-default, .ui-selectbutton .ui-button.ui-state-default {
    border: 1px solid #0072c6;
    background: #ffffff;
    font-weight: 300;
    color: #0072c6;
}

 
.ui-button-text-only .ui-button-text {
    padding: 6px 15px !important;
    font-size: 15px;
    line-height: 1.57142857;
}
 

.ui-buttonset .ui-button {
    margin-left: -1px !important;
}
.ui-togglebutton.ui-button.ui-state-active, .ui-selectbutton .ui-button.ui-state-active {
    border: 1px solid #0072c6;
    background: #0072c6;
    color: #FFFFFF;
}
.ui-togglebutton.ui-button.ui-state-active span, .ui-selectbutton .ui-button.ui-state-active span {
    color: #FFFFFF;
}
.sc-warning 
.ui-togglebutton.ui-button.ui-state-default span, .sc-warning 
.ui-selectbutton .ui-button.ui-state-default span{
    padding-top: 0; padding-bottom: 0;
}

.sc-group 
.ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover {
    border-color: #0072c6;
    background: #0072c6;
    color: #FFFFFF;
}

.sc-group 
.ui-togglebutton.ui-button.ui-state-active .ui-button-text:before,
.sc-group 
.ui-selectbutton .ui-button.ui-state-active .ui-button-text:before
{
  content: "\f192";
  position: relative;
  margin: 0 5px;
  font-size: 14px;
  font-family: 'Web Icons';
}

.weekdays-group 
.ui-togglebutton.ui-button.ui-state-default, 
.weekdays-group 
.ui-selectbutton .ui-button.ui-state-default {
    /* color: #76838f;
    background-color: #e4eaec;
    border-color: #e4eaec; */
    margin-bottom: 2px;
}
 /* .weekdays-group  
.ui-togglebutton.ui-button.ui-state-active, 
.weekdays-group  
.ui-selectbutton .ui-button.ui-state-active {
    background-color: #ccd5db;
    border-color: #ccd5db;
} */
.weekdays-group 
.ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover {
  /*  border-color: #ccd5db;
    background: #ccd5db; */
	color: #ffffff;
    background: #0072c6;
    border-color: #0072c6;
}

.sc-group  .ui-button-text-only .ui-button-text {
    height: calc(2.09375rem + 0px);
    }
.sc-warning  
.ui-togglebutton.ui-button.ui-state-default, 
.sc-warning  
.ui-selectbutton .ui-button.ui-state-default {
    border: 1px solid #f8cb00;
    font-weight: 400;
    color: #f8cb00;
    vertical-align: middle;
}

.sc-warning  
.ui-togglebutton.ui-button.ui-state-active, 
.sc-warning  
.ui-selectbutton .ui-button.ui-state-active {
    border: 1px solid #f8cb00;
    background: #f8cb00;
    color: #FFFFFF;
}
.sc-warning 
.ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover {
    border-color: #f8cb00;
    background: #f8cb00;
    color: #FFFFFF;
}


.re-panels table { margin-bottom: 0 !important; }
.re-panels a {
    color: #0072c6 !important;
    text-decoration: none;
    cursor: pointer !important; 
	font-weight:400;
	font-size:14px;
}

.re-panels .table th, .re-panels .table td {
    padding: 8px 24px;
    vertical-align: top;
    border-top: 1px solid #e4eaec;
}






/*prime Table*/
.btn.btn-radius { border-radius: 4px; }
/*.btn i { margin-left: 10px; }*/
.btn.table-btn .icon { font-size: 12px; }
.btn.table-btn { padding-left: 20px; padding-right: 20px; font-size: 13px; font-weight: 600; }
.panel-tile h3 {
        border-bottom: 1px solid #eee !important;
        font-weight: 300;
        text-transform: inherit !important;
        padding-bottom: 8px !important; 
}
.question-icon { font-size: 22px !important; }
.ui-grid-icons { display: inline-block;white-space: nowrap; }
.ui-grid-icons span { 
    cursor: pointer; 
    border-radius: 100%;    
    display: inline-block;
    text-align: center;    
	font-size:16px;
	white-space:nowrap;
	width: 24px;
    height: 24px;
}
span.dropdown.more_icon_dd {
      vertical-align: middle;
}
span.dropdown.more_icon_dd a {
    line-height: 1;
} 
.ui-grid-icons span:hover,
.ui-grid-icons span:focus {
    background: #fff;
    box-shadow: 1px 0 3px rgba(4, 4, 4, 0.1);
}
.w-widget-table { border: 1px solid #eee !important; }
.ui-datatable .ui-datatable-thead > tr > th {
    background: rgba(0,0,0,0.05);
}
.ui-datatable .ui-datatable-thead > tr > th, .ui-datatable .ui-datatable-tfoot > tr > td, .ui-datatable .ui-datatable-data > tr > td
{
	background: #fff;
    border-color: #eee !important;
    color: #555;
	white-space: normal;
	word-break:break-word;
	overflow:visible;
}
.ui-datatable .ui-paginator{
    padding: 20px !important;
    background: #e7f0f3;
    border-color: #eee !important;
}
.ui-widget * { font-weight: 400; }
.ui-datatable .ui-datatable-thead > tr > th span.ui-column-title {font-size: 12px;}
.md-edit { color: #0072c6; }
.md-delete { color: #f96868; }


.ui-paginator .ui-paginator-page, .ui-paginator .ui-paginator-pages, .ui-paginator .ui-paginator-next, .ui-paginator .ui-paginator-last, .ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-prev, .ui-paginator .ui-paginator-current
{
    margin-left: 0px !important;
    margin-right: -1px !important;
    padding: 0.125em 1em !important;
    border-color: #fff !important;
}
.ui-paginator-bottom .ui-widget select {
    padding: 0.125em 1em !important;
    width: 65px !important;
}
.input-search .form-control
{  padding: 0.5rem 1rem; }

.ui-widget-header .btn { line-height: 1.35 !important; }
.setup-filter-row { border-bottom: 1px solid #eee; margin-bottom: 15px; padding-bottom: 10px; }

.ui-paginator .ui-paginator-current, .ui-paginator .ui-paginator-rpp-options {
        padding: 2px 7px;
        min-width: 60px;
}
.ui-paginator .ui-paginator-current, .ui-paginator .ui-paginator-rpp-options{
    background:#fff url("images/select.png") no-repeat right center  !important;
    background-size: 24px !important;
}
button:focus {
    outline: 0px dotted !important;
    outline: 0px auto -webkit-focus-ring-color !important;
}
body select {
    background:#fff url("images/select.png") no-repeat right center  !important;
}

.poup-overflow .ui-dialog {
    height: auto;
max-height: 550px;
}
.poup-overflow .ui-dialog-content {
    overflow: auto;
    max-height: calc(500px - 50px);
}



/**/

.setup-filter-row  .ratop-radio { margin-top: 34px; }
.white-btn {
    background: #fff;
    border-color: #eee;
}
.input-search i { color: #76838f; }
.dropdown-menu { margin-top: 0 !important; }
.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #a94442;
}
 
.has-error .help-block,.has-error .form-control, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label,.has-error .form-control:focus {
    border-color: #a94442;
    /* box-shadow: 0 1px 2px rgba(0, 0, 0, .075); */
}
.btn.btn-white { background: #fff; }
.btn-white:hover,.btn-white:focus { background: #0072c6; color: #fff; border-color: #0072c6; }
.calendar-section .fc .fc-toolbar .fc-next-button .ui-icon,
.calendar-section .fc .fc-toolbar .fc-prev-button .ui-icon { margin-top: 0; line-height: 1.4; }

.input-radio-row {
    padding-top: 34px;
}
.recurring-type { padding: 20px; }
.lightbg { background-color:#f9f9f9; }



/*steps changes*/
.targetstep { padding: 15px; }


.widget-accordion-s .ui-panel.ui-widget .ui-panel-titlebar.ui-corner-all{
    position: relative;
}
 .step-compon-panels .ui-panel .ui-panel-content {
    background: #f9f9f9;
    border: 1px solid #eee;
    border-top: 0;
    padding: 0em;
}
.step-compon-panels .ui-panel.ui-widget .ui-panel-titlebar {
    border: 1px solid #eee;
}
.step-compon-panels .widget-accordion-s .ui-panel.ui-widget.ui-widget-content.ui-corner-all {
    margin: 0 0 10px;
}
.step-compon-panels .ui-panel-title {
    font-size: 17px;
}
.step-compon-panels .ui-panel .ui-panel-titlebar-icon {
    float: right;
    cursor: pointer;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    text-align: right;
    margin: 0;
    padding: 8px 15px;
    z-index: 1;
    background: transparent;
}
.modal-label-col {
    display: inline-block;
    max-width: 150px;
	vertical-align:top;
	padding-right:10px;
}
.input-radio-row .radio-custom.radio-primary {
    display: inline-block;
    padding-right: 20px;
    margin-top: 2px;
}


.ta-inner-tab .ui-tabview.ui-tabview-top > .ui-tabview-nav {
    padding: 20px 1em 0;
    border-bottom: 1px solid #eee;
    background: #f9f9f9;
}
.ta-inner-tab .ui-tabview { padding: 0; margin-top: -20px; }

.ta-inner-tab .ui-tabview.ui-tabview-top > .ui-tabview-nav li {
    top: 2px;
    border-bottom: 1px solid #eee;
}
.ta-inner-tab .ui-tabview .ui-tabview-nav > li.ui-state-active{
   border-bottom: 1px solid #fff;
}
.ta-inner-tab .ui-tabview .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover{
    border-color: #eee;
} 

.ta-inner-tab .ui-tabview .ui-tabview-nav li .ui-tabview-title{
    padding-left: 10px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
} 
.toemail-row { padding: 20px 0; }
.stepPreview {   
     margin-bottom: 30px;
    display: inline-block;
    width: 100%;
    margin-top: 20px;
 }
 .step-sub-title {
    border-bottom: 1px solid #eee;
    padding: 0 0 10px;
    margin-bottom: 20px;
   font-size: 1.1rem;
}
.steps-continue-row .btn i { vertical-align: middle; }
.selectlayout-col { padding-right: 30px !important; }

.step-head-title .title-label i {     
    font-size: 15px;
    position: relative;
    padding-right: 5px;
    top: -2px; 
}
.step-head-title .title-label {     
    padding-top: 3px;
}
.step-head-title .question-icon { right: 15px; }
.step-head-title .question-icon i { margin-left: 10px; }

/**/
.stepsblast-icon .ui-steps-item .ui-steps-number {
    position: relative;
}
.stepsblast-icon .ui-steps-item.ui-state-highlight .ui-steps-number:before {
   border: 2px solid #0072c6;
   color: #0072c6;
}
.stepsblast-icon .ui-steps-number:before {
  position: absolute;
  margin: auto;
  background: #fff;
  border: 2px solid #93b2c7;
  height: 35px;
  width: 35px;
  border-radius: 100%;
  display: inline-block;
  line-height: 31px;
  font-size: 17px;
  font-family: Material-Design-Iconic-Font;
  text-align: center;
  left: 0;
  right: 0;
  top: 0;
  color: #93b2c7;
}
.stepsblast-icon li.ui-steps-item:nth-child(1) .ui-steps-number:before {
  content: '\f158';
}
.stepsblast-icon li.ui-steps-item:nth-child(2) .ui-steps-number:before {
  content: '\f322';
}
.stepsblast-icon li.ui-steps-item:nth-child(3) .ui-steps-number:before {
  content: '\f20d';
}
.stepsblast-icon li.ui-steps-item:nth-child(4) .ui-steps-number:before {
  content: '\f101';
  font-family: Flaticon !important;
}
.margin-label label{ margin-top: 15px; }


/******/
.table-tablist li.ui-steps-item:nth-child(1) .ui-steps-number:before {
    content: "\f09d";
	font-family: FontAwesome;
}
.table-tablist li.ui-steps-item:nth-child(2) .ui-steps-number:before {
    content: "\f100";
	font-family: Flaticon;
}
.table-tablist li.ui-steps-item:nth-child(3) .ui-steps-number:before {
     content: "\f10b";
	font-family: Flaticon;
}



.starttime-row .col-time .ui-button-text-only .ui-button-text {
    padding: 6px 8px !important;
    font-size: 15px;
    line-height: 1.57142857;
}

/*DB2*/
.maximum-modal {
        background: rgba(0, 0, 0, .5);
        z-index: 9999;
        overflow: auto;
    }
   
    .maximum-modal .modal-dialog {
        max-width: 1000px;
        margin: 80px auto 40px;
        width: 90%;
    }
   
    .maximum-modal .modal-body {
        padding: 0px;
    }
    .canvas-body { padding:20px 10px; }
    .maximum-modal .panel-title {
        margin: 0;
    }
   
    .maximum-modal .panel-heading {
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        position: relative;
    }
   
    #connected {
        padding-left: 15px;
        padding-right: 15px;
    }

 .customer-timeinline {
            margin: 0px 0px 30px;
            border-bottom: 1px solid #f5f5f5;
        }
       
        .c-timeinline-tab {
            margin: 0;
            padding: 0;
            list-style: none;
            width: 200px;
            min-width: 200px;
            display: table-cell;
            vertical-align: top;
        }
       
        .c-timeinline-tab li a {
            margin: 0;
            padding: 0 15px;
            background: #fff;
            border-right: 4px solid #f5f5f5;
            border-bottom: 1px solid rgba(0, 0, 0, 0.05);
            display: block;
            line-height: 50px;
            font-size: 14px;
            font-weight: 400;
        }
       
        .c-icontimeline {
            display: table-cell;
            vertical-align: top;
            position: relative;
        }
       
        .c-table {
            width: 100%;
            display: table;
        }
       
        .c-timeinline-icons {
            position: relative;
            margin: 0;
            padding: 0;
            line-height: 40px;
            white-space: nowrap;
            height: 52px;
        }
       
        .c-timeinline-icons:before {
            position: absolute;
            left: 0;
            top: 50%;
            right: 0;
            border-top: 1px solid #ddd;
            content: '';
            z-index: 0;
        }
       
        .c-timeinline-icons li:before {
            position: absolute;
            left: 0;
           top: 50%;
            right: 0;
            border-top: 1px solid #ddd;
            content: '';
            z-index: 0;
        }
       
        .c-timeinline-icons li {
            display: table-cell;
            position: relative
        }
       
        .c-timeinline-icons li i {
            padding: 0 5px;
            background: #fff;
            position: relative;
            margin: 0 5px;
            font-size: 16px;
            height: 35px;
            width: 35px;
            border-radius: 100%;
            overflow: hidden;
            line-height: 34px;
            text-align: center;
            border: 1px solid #eee;
            top: 8px;
            z-index: 2;
        }
       
        .c-timeinline-icons li:first-child {
            padding-left: 15px;
        }
       
        .c-icontimeline-col {
            height: calc(100% + 16px);
            overflow-x: auto;
            position: absolute;
            width: 100%;
            left: 0;
            top: 0;
            padding-left: 0;
        }
       
        .c-blue {
            color: #389af1 !important;
        }
       
        .c-red {
            color: #e35c45 !important;
        }
       
        .c-orange {
            color: #f49c31 !important;
        }
       
        .c-purple {
            color: #5b4db3 !important;
        }
       
        .c-green {
            color: #65a54f !important;
        }
       
        .c-pink {
            color: #FF1493 !important;
        }
       
        .c-timeinline-tab .active a {
            border-right: 4px solid #5481e6;
            background-color: #f9f9f9;
        }
        /**/
       
        .p-pic-bg {
            width: 106px;
            height: 106px;
            overflow: hidden;
            border-radius: 100%;
            box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
            background: #fff url(assets/img/Customer360/p-pic.png) no-repeat;
            display: inline-block;
            background-size: cover;
        }
       
        .customer-timestamp-img img {
            width: 100%;
        }
       
        .customerinfo-sidebar {
            padding: 0;
            box-shadow: 0 1px 6px rgba(0, 0, 0, .1);
            background-color: #fff;
            padding-bottom: 30px;
        }
       
        .customerinfo-sidebar h3 {
            text-align: center;
            border-bottom: 2px solid #f5f7f7;
            padding-bottom: 25px;
            margin-top: 25px;
        }
       
        .customer-userinfo {
            background-color: #e4f0f7;
            padding: 30px 0;
            text-align: center;
        }
       
        .customer-userinfo img {
            height: 110px;
        }
       
        .customerinfo-details {
            list-style: none;
            margin: 0;
            padding: 0 20px;
        }
       
        .customerinfo-details li {
            padding-top: 10px;
            font-size: 18px;
            color: #006cc9;
            font-weight: 400;
        }
       
        .customerinfo-details li span {
            color: #37474f;
            font-size: 13px;
            display: block;
        }
       
        .timeline-view,
        .h1,
        .h2,
        .h3,
        .h4,
        .h5,
        .h6,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-weight: 400;
        }
       
        .chk-list label {
            font-size: 15px;
            padding-left: 15px;
            text-transform: uppercase;
        }
       
        .chk-list .checkbox-custom {
            padding-left: 30px;
        }
        /*Latest Changes 050617*/
       
        .container-user {
            padding: 0px 20px 20px;
        }
       
        .user-pic.manageProfilePic {
            width: 220px;
            height: 250px;
            background-color: #fff;
            border-radius: 0;
            position: relative;
            margin: 0px auto;
            box-shadow: 0px 2px 15px rgba(0, 0, 0, .07);
        }
       
        .manageProfilePic img {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            opacity: .6;
        }
       
        .manageProfilePic .addplus {
            bottom: -15px;
            right: 25px;
        }
       
        .field_req {
            color: red;
        }
       
        h6,
        .h6 {
            font-size: 1.5rem;
        }
       
        form label {
            line-height: 1.5;
           color: #444D58;
            font-weight: 400;
        }
       
        .profile-cont {
            padding: 20px;
            background: #FFF;
            box-shadow: 1px 0px 6px rgba(0, 0, 0, 0.1);
            border: 1px solid rgba(0, 0, 0, 0.05);
            margin-top: 15px;
        }
       
        .profile-pic {
            margin-top: 20px;
            height: 160px;
            text-align: center;
            line-height: 160px;
            border-right: 1px solid rgba(0, 0, 0, 0.05);
        }
       
        .profile-details ul {
            margin: 0px;
            padding: 0px;
        }
       
        .profile-details ul li {
            list-style: none;
            font-size: 16px;
            line-height: 35px;
        }
       
        .profile-details ul li span {
            color: #006cc9;
        }
       
        .profile-media a {
            color: #d4d4d4;
            font-size: 20px;
            margin: 5px;
            transition: all linear 0.5s;
        }
        
        .profile-media a:hover {
            color: #0072C6;
        }
       
        .profile-bottom-cont {
            padding: 0px;
            margin: 25px 0px 35px;
        }
       
        .profile-sidebar li {
            font-size: 15px;
        }
       
        .profile-sidebar {
            border-right: 3px solid rgba(0, 0, 0, 0.1);
            padding: 0px;
        }
       
        .profile-sidebar li a {
            color: #474849;
            padding: 15px 0px;
            transition: all linear 0.2s;
        }
       
        .profile-sidebar li a:hover,
        .profile-sidebar li.active a {
            color: #cc0000;
            background: none;
            border-right: 3px solid #cc0000;
            margin-right: -3px;
        }
       
        .customer-marketing-cont {
            padding: 0px;
            background: #FFF;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
            border: 1px solid rgba(0, 0, 0, 0.1);
            display: inline-block;
            width: 100%;
        }
       
        .chk-list label {
            font-size: 15px;
            padding-left: 15px;
            text-transform: uppercase;
			font-weight:500;
        }
       
        .chk-list .checkbox-custom {
            padding-left: 30px;
        }
       
        .timeline>li.timeline-period {
            padding: 15px 10px;
            font-size: 18px;
            border-radius: 100px;
            font-weight: 400;
        }
       
        .customer-timeline .timeline {
            margin-bottom: 0;
            width: 100%;
        }
       
        .customer-timeline .timeline::before {
            left: 0;
            top: 20px;
            width: 1px;
            /* height: 85%;*/
            margin-left: 0;
            background-color: #e5e5e5;
            position: absolute;
			z-index:0;
        }
       
        .timeline:before {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 50%;
            width: 2px;
            margin-left: -1px;
            content: "";
            background-color: #e4eaec;
        }
 .customer3-timeline	ul.timeline>li:before {
    content: ' ';
	display:none;
}
.customer-timeline  {
    padding-left: 20px !important;
}
       
        .timeline>li.timeline-reverse {
            float: right;
            padding-right: 0;
            padding-left: 40px;
        }
       
        .timeline.timeline-icon {
            float: left;
            position: relative;
        }
       
        .customer-timeline {
            float: left;
            width: 100%;
        }
       
        .timelinegroup {
            padding-left: 50px;
            width: 100%;
            display: inline-block;
        }
       
        .customer-timeline .timeline {
            margin-bottom: 0;
            position: relative;
        }
       
        .customer-timeline .timeline>li {
            width: 100%;
            padding-left: 49px;
            padding-right: 0;
            margin-bottom: 0;
            margin-top: 0;
        }
       
        .customer-timeline .timeline-content {
            float: none;
        }
       
        .customer-timeline .timeline-content-wrap {
            padding-top: 15px;
            padding-bottom: 15px;
        }
       
        .customer-timeline .timeline-icon .timeline-reverse .timeline-dot {
            top: 12px;
            left: 0px;
        }
       
        .customer-timeline .timeline-content .title {
            color: #76838f;
        }
       
        .customer-timeline .timeline-content .metas {
            padding: 3px 0;
            color: #a3afb7;
        }
       
        .customer-timeline .timeline-content .members {
            padding-left: 0;
            margin-top: 7px;
            list-style-type: none;
        }
       
        .customer-timeline .timeline-content .members>li {
            display: inline-block;
            margin-right: 10px;
        }
       
        .customer-timeline .timeline-content .members .avatar-sm {
            width: 27px;
            border-radius: 100%;
            overflow: hidden;
        }
       
        .customer-timeline .widget-header {
            padding: 30px 30px 10px;
        }
       
        .customer-timeline .widget-header:after,
        .customer-timeline .widget-header:before {
            content: " ";
            display: table;
        }
       
        .customer-timeline .widget-header .label {
            padding: 3px 21px;
            line-height: 26px;
            font-size: 14px;
            font-weight: 400;
            color: #76838f;
            cursor: pointer;
        }
       
        .customer-timeline .widget-title {
            display: inline;
            margin-bottom: 0;
            line-height: 32px;
            font-weight: 300;
            color: #37474f;
            font-weight: 400;
            text-transform: uppercase;
        }
       
        .customer-timeline .timeline-content .operates {
            padding-left: 0;
            margin-top: 7px;
            list-style-type: none;
        }
       
        .customer-timeline .timeline-content .operates>li {
            display: inline-block;
            margin-right: 30px;
        }
       
        .customer-timeline .timeline-content .operates .btn {
            width: 103px;
            height: 30px;
            line-height: 16px;
            color: #76838f;
        }
       
        .customer-timeline .timeline>li:last-child .timeline-content-wrap {
            border-bottom: none;
        }
       
        .customer-timeline .timeline-content .photos {
            padding-left: 0;
            margin-top: 7px;
            list-style-type: none;
        }
       
        .customer-timeline .timeline-content .photos>li {
            float: left;
            width: 31%;
            margin-right: 3%;
        }
       
        .customer-timeline .timeline-content .photos>li:last-child {
            margin-right: 0;
        }
       
        .customer-timestamp {
            width: 100%;
            padding: 20px 10px;
            background: #f4f4f4;
            margin: 0px;
            float: left;
        }
       
        .customer-timestamp ul {
            padding: 0px;
            margin: 0px;
        }
       
        .customer-timestamp li {
            float: left;
            list-style: none;
            margin: 0px 30px;
            position: relative;
        }
       
        .customer-timestamp li a {
            text-align: center;
            display: inline-block;
            color: #6d6d6d;
        }
       
        .customer-timestamp li a i {
            font-size: 20px;
            display: block;
            height: 40px;
            width: 40px;
            line-height: 38px;
            border: 1px solid rgba(0, 0, 0, 0.1);
            border-radius: 100%;
            background: #FFF;
            margin: 0px auto;
            margin-bottom: 10px;
        }
       
        .customer-timestamp ul:before {
            content: "";
            border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
            position: absolute;
            display: block;
            height: 1px;
            width: 80%;
            left: 60px;
            top: 38px;
        }
       
        .customer-timestamp ul li a i:after {
            content: "";
            background: #8e8e8e;
            position: absolute;
            display: block;
            height: 10px;
            width: 10px;
            right: -11px;
            top: 14px;
            border-radius: 100%;
        }
       
        .customer-timestamp ul li a span:before {
            font-family: Material-Design-Iconic-Font;
            content: '\f2fb';
            position: absolute;
            display: block;
            height: 10px;
            width: 10px;
            right: 100%;
            top: 5px;
            border-radius: 100%;
            font-size: 18px;
        }
       
        .customer-timestamp ul li:last-child a i:after,
        .customer-timestamp ul li:first-child a span:before {
            display: none;
        }
       
        .timeline-date {
            display: block;
            float: left;
            position: relative;
            width: 100%;
        }
       
        .timeline-date:before {
            content: "";
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
            position: absolute;
            display: block;
            height: 1px;
            width: 100%;
            left: 0px;
            top: 10px;
        }
       
        .timeline-date strong {
            background: #FFF;
            padding: 2px 8px;
            border: 1px solid rgba(0, 0, 0, 0.2);
            border-radius: 6px;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
            position: relative;
        }
       
        .nav>li {
            position: relative;
            display: block;
        }
       
        .profile-sidebar ul.nav-sidebar {
            display: inline-block;
            width: 100%;
        }
       
        .profile-sidebar ul.nav-sidebar li,
        .profile-sidebar ul.nav-sidebar li a {
            float: left;
            width: 100%;
        }
       
        .profile-sidebar ul.nav-sidebar li a {
            float: left;
            width: 100%;
            padding-left: 15px;
        }
       
        .customer-timeline .timeline-content-wrap {
            padding-top: 15px;
            padding-bottom: 15px;
            border-top: 1px solid #e5e5e5;
        }
       
        .customer-timeline .timeline-content-wrap:first-child {
            border-top: 0px solid #e5e5e5;
        }
       
        .timeline>li {
            position: relative;
            display: block;
        }
       
        .timeline-dot {
            position: absolute;
            right: 0;
            z-index: 11;
            color: #fff;
            text-align: center;
            cursor: pointer;
            background-color: #0072c6;
            border-radius: 50%;
            top: 7.5px;
        }
       
        .timeline-icon .timeline-reverse .timeline-dot {
            margin-left: -20px;
            top: 12px;
        }
       
        .timeline-icon .timeline-dot {
            width: 40px;
            height: 40px;
            margin-right: -20px;
            line-height: 40px;
        }
       
        .timeline-heading h3 {
            font-weight: 400;
            padding: 20px;
        }
       
        @media (max-width:768px) {
            .customer-marketing-cont {
                padding: 0px;
                margin: 0px;
            }
            .customer-timestamp li {
                width: 15%;
            }
            .customer-timestamp ul::before,
            .customer-timestamp ul li a i::after,
            .customer-timestamp ul li a span::before,
            .customer-timestamp ul li a span {
                display: none;
            }
            .customer-timestamp li {
                margin: 0px;
            }
            .customer-timestamp li a {
                position: relative;
            }
            .customer-timestamp li a:hover span {
                display: block;
                position: absolute;
                top: -35px;
                background: #FFF;
                padding: 2px 8px;
                margin: 0 auto;
                left: 0px;
                right: 0px;
                width: 100px;
                margin-left: -30px;
                border: 1px solid rgba(0, 0, 0, 0.2);
                border-radius: 6px;
                box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
            }
            .customer-timestamp {
                margin: 0px;
                padding: 10px;
                width: 100%;
            }
            .profile-sidebar.pro-height {
                height: auto !important;
            }
        }
       
        .menu-group-title {
            padding: 2px 0px;
            border-bottom: 1px solid #eee;
            text-transform: uppercase;
			    font-size: 14px;
        }
       
        .metas p {
            margin: 0;
        }
/*Approval Modal*/
  .send-approval-modal .ui-dialog-content {
    padding: 1em!important;
	min-width:300px;
  }
  .approval-chklist{
    border-bottom: 1px solid #eee;
    padding-left: 10px;
  }
  .approval-chklist label{
    text-transform: lowercase;
  }
  .approval-chklist label span{
    text-transform: capitalize;
    font-weight: 500;
  }
  .approval-chklist label p{
    margin-bottom: 0;
    color: #76838f;
  }
  .send-approval-modal .list-group{
    max-height: 300px;
    overflow-y: auto;
  }
  .confirm-send{
    background: #0072C6;
    border-color: #0072C6;
    color: #fff;
  }
 .confirm-cancel{
  border: 1px solid #E3E8EC;
  }
  /*SRP landing*/
  .column-container {
	 width:100%;
	display: table;	 
	padding:30px 25px 20px; 
  }
.column-container .col-sm-4 { 
   float: left;
   width: 33.3333%;
   padding:15px;
}
.column-container .mediaimage {
    max-width: 85px;
    margin-bottom: 10px;
}
.column-container h4 {
    font-size: 18px;
}
.column-container p {
    font-size: 14px;
}
.column-container .btn {
    padding: 9px 30px;
    font-size: 15px;
    font-weight: 600;
    background: #0072c6;
    border-color: #0072c6;
}
.column-container .btn i {
    font-size: 16px;
    margin-left: 5px;
    vertical-align: middle;
    position: relative;
    top: 1px;
}
.srp-landing .customer-promo-top { margin-left:0; margin-right:0; }
.srp-landing .promo-bg-white { margin-left:0; margin-right:0; }
.ui-dialog-content .ui-datatable-tablewrapper { min-height: 150px; }
.ui-dialog .ui-dialog-buttonpane { padding: 20px 20px; margin-top:0; }
.ui-dialog .ui-dialog-buttonpane .btn { text-transform: uppercase; font-weight:400; }
.ui-dialog .ui-dialog-titlebar-icon:hover {
    border-color: #c0c0c0;
    background: #ffffff;
    color: #212121;
    border-radius: 5px;
}
.ui-widget-header .ui-button, .ui-widget-content .ui-button, .ui-button {
    border: 1px solid #0072c6;
    color: #FFFFFF;
    background: #0072c6;
}
.ui-widget-header .ui-button:enabled:hover, .ui-widget-header .ui-button:focus, .ui-widget-content .ui-button:enabled:hover, .ui-widget-content .ui-button:focus, .ui-button:enabled:hover, .ui-button:focus {
   background: #0662a7;
   border-color:#0662a7;
}

.theme-settings-list li  a:hover,.theme-settings-list li  a:focus,.theme-settings-list li  a:active {
    box-shadow: 1px 1px 10px rgba(0,0,0,.5);
}
.theme-settings-list li  a {
	border: 2px solid #fff;
}
.ui-grid-icon-img { display: inline-block;}






/***Prime NG CSS***/
.ui-inputgroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.ui-inputgroup .ui-inputgroup-addon {
    border-color: #d6d6d6;
    background-color: #f0f0f0;
    color: #222222;
}
.ui-inputgroup .ui-inputgroup-addon {
    display: inline-block;
    text-align: center;
    min-width: 1.5em;
    padding: .45em 1em;
    border-width: 1px;
    border-style: solid;
}
.ui-fluid .ui-inputgroup .ui-inputtext {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.ui-fluid .ui-inputgroup .ui-button {
    width: auto;
    padding: .5em;
}
.ui-fluid .ui-inputtext {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.ui-inputgroup .ui-inputtext {
    padding-left: .5em;
}
.ui-inputgroup .ui-inputtext {
    padding-left: .5em;
}
.panel-padding { padding:20px; }
.group-margin { margin-bottom:25px; }

.tree-md-eye{width:100%}

.tree-md-eye:before{
position: absolute;
right: 20px;
z-index: 2;
top: 11px;
font-size: 16px;
display: none;
}
.tree-md-eye:hover .tree-md-eye:before { display: block; }
.panel-padding h5 { margin-bottom:5px; padding-left:.2em; }

/*******/
.inline-search-group .ui-button-text{ padding:0 10px !important; }
.chips-catloglist .ui-chips li { margin:2px 5px }
.ui-chips > ul.ui-inputtext { padding:5px 10px; }
.disable-toggle .ui-button-text { padding: 0.15em 1em !important; }
.prime-listbox .ui-listbox { width:100%; min-width:240px; }
.prime-listbox .ui-listbox-footer { padding-left:10px; padding-right:10px; }
.chkbox-label-margin .ui-chkbox-label,.chkbox-label-margin .ui-radiobutton-label { margin-bottom:0; }

/* .ui-rating a:hover,.ui-rating a:focus {
    color: #e6ec20;
} */

/** Accordian CSS ***/
.tabview-tabs .ui-tabview .ui-tabview-nav > li.ui-state-default {
    background: #ffffff;
    border: 0;
}
.tabview-tabs .ui-tabview-top .ui-tabview-nav {
    background: transparent;
    border-bottom: 1px solid #ccc;
}
.tabview-tabs .ui-tabview.ui-tabview-top > .ui-tabview-nav li {
    border-bottom: 3px solid transparent;
}
.tabview-tabs .ui-tabview .ui-tabview-nav > li:not(.ui-state-active):not(.ui-state-disabled):hover {
    background: #f9f9f9;
	 border-bottom: 3px solid #f5f5f5;
}
.tabview-tabs .ui-widget-header .ui-state-active a, 
.tabview-tabs .ui-widget-content .ui-state-active a, 
.tabview-tabs .ui-state-active a {
    color: #0072c6;
}
.tabview-tabs .ui-tabview .ui-tabview-nav > li.ui-state-active {
    font-weight: normal;
    color: #0072c6;
    border-bottom: 3px solid #0072c6 !important;
}


.tabview-tabs .ui-tabview-left .ui-tabview-nav {
    border-right: 1px solid #ccc;
}
.tabview-tabs .ui-tabview.ui-tabview-left .ui-tabview-nav > li:not(.ui-state-active):not(.ui-state-disabled):hover {
    background: #f9f9f9;
	border-bottom:0;
	 border-right: 3px solid #f9f9f9;
}
.tabview-tabs .ui-tabview.ui-tabview-left .ui-tabview-nav > li.ui-state-active {
    font-weight: normal;
    color: #0072c6;
	border-bottom:0 !important;
    border-right: 3px solid #0072c6 !important;
}

/*** Normal Accordian **/
.tabview-tabs .ui-tabmenu .ui-tabmenu-nav {
	border-bottom: 1px solid #ccc;
}
.tabview-tabs .ui-tabmenu .ui-tabmenu-nav > li.ui-state-default {
    background: #ffffff;
}
.tabview-tabs .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { 
    border: 0;
   border-bottom: 3px solid transparent;
}
.tabview-tabs .ui-tabmenu .ui-tabmenu-nav > li.ui-state-active {
    background: #ffffff;
    font-weight: normal;
    color: #0072c6;
	border-bottom: 3px solid #0072c6;
}
.tabview-tabs .ui-tabmenu .ui-tabmenu-nav > li:not(.ui-state-active):not(.ui-state-disabled):hover {
    background: #f9f9f9;
	 border-bottom: 3px solid #f5f5f5;
}
/****/
.tab-integration .tabview-tabs .ui-tabview-nav { margin:-27px -24px 0; }
.tabview-tabs .ui-state-default { text-align: center; padding:15px 20px 5px !important; }
.tabview-tabs .ui-state-default .icon{ 
    background: #fff;
    border: 2px solid #93b2c7;
    height: 35px;
    width: 35px;
	margin:auto;
	border-radius: 100%;
    display: inline-block;
    line-height: 31px;
    font-size: 17px;
	color: #93b2c7;

 }
.tabview-tabs .ui-state-default .ui-tabview-title{ font-size:14px; font-weight:500; display:block; padding:5px 1px; }
.inline-steps .steps-basic>ul {    
    background-color: #fff;
    border-bottom: 1px solid #eee;
}
.inline-steps .steps-basic>ul>li {
    display: inline-block !important;
    width: auto !important;
    min-width: 250px;
 }


/**Service On Demand**/
.serviceondemand-tabs  
.stepsblast-icon li.ui-steps-item:nth-child(1) .ui-steps-number:before {
  content: "\f103";
  font-family: Flaticon;
}
.serviceondemand-tabs 
.stepsblast-icon li.ui-steps-item:nth-child(2) .ui-steps-number:before {
      content: "\f100";
}
.serviceondemand-tabs 
.stepsblast-icon li.ui-steps-item:nth-child(3) .ui-steps-number:before {
  content: '\f104';
}
.dialog-footer-row  { padding:1em;}

/**save buttons in poup**/
.confirm-send-btn {
	background: #0072C6;
	border-color: #0072C6;
	color: #fff !important;
}
.confirm-send-btn-disable {
	opacity: 0.65;
	cursor: not-allowed !important;
}
a.confirm-send-btn:hover {
	background: #4e97d9!important;
}
.confirm-cancel-btn {
	border: 1px solid #E3E8EC;
}
.confirm-cancel-btn,  .confirm-send-btn {
	display: inline-block;
	padding: 6px 20px;
	font-weight: 500;
	border-radius: 20px;
}
.approval-chklist:hover,  .approval-chklist-active {
	background-color: #f5f5f5;
}
.send-mail-modal .ui-dialog-title {
    color: #000000;
  }


  
  
 .btn.send-test-btn {
	 Height:30px;
	 width:30px;
	 border-radius:200px;
 }
 .poup-lg .ui-dialog {
    height: 95%;
}
 .poup-lg .ui-dialog-content {
    overflow: auto;
    max-height: calc(100% - 50px);
	padding-bottom:30px !important;
}
.dropdown-list-border .ui-dropdown-item .ui-helper-clearfix {
	    text-overflow: ellipsis;
	    white-space: normal;
	    padding: 2px 0px 10px;
	    height: auto !important;
	    border-bottom: 1px solid #d2c6c6;
}

.ui-fileupload-row > div {
word-wrap: break-word

}
.managelist-tabs li.ui-steps-item:nth-child(2) .ui-steps-number:before {
    content: "\f20d";
    font-family: Material-Design-Iconic-Font;
}
.managelist-tabs li.ui-steps-item:nth-child(1) .ui-steps-number:before {
    content: "\f276";
    font-family: Material-Design-Iconic-Font;
}

.tabview-tabs.secondary-tabs .ui-state-default {
    text-align: center;
    padding: 4px !important;
	border: 0px !important;
}
.orp-channels-section .tabview-tabs.secondary-tabs .ui-tabview .ui-tabview-nav li a {
    padding: 10px 20px 5px !important;
}

.orp-channels-section .ui-tabview .ui-tabview-nav li a .ui-tabview-left-icon {
    font-weight: normal !important;
}
.summary-tab li.ui-steps-item:nth-child(3) .ui-steps-number:before {
    content: "\f176";
    font-family: 'Web Icons';
    font-size: 16px;
}
.noti-caption {text-transform:initial;}

.steps6-icon.stepsblast-icon li.ui-steps-item:nth-child(5) .ui-steps-number:before {
    content: '\f222';
}
.steps6-icon.stepsblast-icon li.ui-steps-item:nth-child(6) .ui-steps-number:before {
   content: '\f267'; 
}



.step-compon-panels.templatePanels .ui-panel .ui-widget-content {
    padding: 5px;
    display: inline-block;
	width: 100%;
}