.auth-wrapper {
    background: linear-gradient(45deg, #55117b, #e23c96);
}

.cursor-pointer
{
  cursor: pointer;
}

/* custom header */
.lay-customizer .theme-color.header-color > a[data-value="header-custom"] > span:nth-child(1),
  .theme-color.header-color > a[data-value="header-custom"] > span:nth-child(1) {
    background: -webkit-gradient(linear, left top, right top, from(#55117b), to(#9d83c6));
    background: linear-gradient(to right, #55117b, #9d83c6);
}

.lay-customizer .theme-color.header-color > a[data-value="header-custom"] > span:nth-child(1):after, .lay-customizer .theme-color.header-color > a[data-value="header-custom"] > span:nth-child(1):before,
    .theme-color.header-color > a[data-value="header-custom"] > span:nth-child(1):after,
    .theme-color.header-color > a[data-value="header-custom"] > span:nth-child(1):before {
    background: transparent;
}

.lay-customizer .theme-color.header-color.small > a[data-value="header-custom"],
  .theme-color.header-color.small > a[data-value="header-custom"] {
    background: #55117b;
}

.doc-img.header-color > a[data-value="header-custom"] > span:nth-child(1) {
    background: -webkit-gradient(linear, left top, right top, from(#55117b), to(#9d83c6));
    background: linear-gradient(to right, #55117b, #9d83c6);
}

.doc-img.header-color > a[data-value="header-custom"] > span:nth-child(1):after, .doc-img.header-color > a[data-value="header-custom"] > span:nth-child(1):before {
    background: transparent;
}

.pcoded-header.header-custom {
    /*
	background: -webkit-gradient(linear, left top, right top, from(#55117b), to(#9d83c6));
    background: linear-gradient(to right, #55117b, #9d83c6); */
	background: #55117b;
    color: rgba(255, 255, 255, 0.8);
}

.pcoded-header.header-custom .profile-notification li > a {
    color: #222;
}

.pcoded-header.header-custom .profile-notification li.active, .pcoded-header.header-custom .profile-notification li:active, .pcoded-header.header-custom .profile-notification li:focus, .pcoded-header.header-custom .profile-notification li:hover {
    background: rgba(64, 153, 255, 0.1);
}

.pcoded-header.header-custom .profile-notification li.active > a, .pcoded-header.header-custom .profile-notification li:active > a, .pcoded-header.header-custom .profile-notification li:focus > a, .pcoded-header.header-custom .profile-notification li:hover > a {
    background: transparent;
}

.pcoded-header.header-custom .dropdown-menu {
    color: #222;
}

.pcoded-header.header-custom .dropdown-menu a {
    color: #222;
}

.pcoded-header.header-custom .dropdown-menu > li > a {
    color: #222;
}

.pcoded-header.header-custom .dropdown-menu > li.active, .pcoded-header.header-custom .dropdown-menu > li:active, .pcoded-header.header-custom .dropdown-menu > li:focus, .pcoded-header.header-custom .dropdown-menu > li:hover {
    background: rgba(64, 153, 255, 0.1);
    color: #222;
}

.pcoded-header.header-custom .dropdown-menu > li.active > a, .pcoded-header.header-custom .dropdown-menu > li:active > a, .pcoded-header.header-custom .dropdown-menu > li:focus > a, .pcoded-header.header-custom .dropdown-menu > li:hover > a {
    background: transparent;
}

.pcoded-header.header-custom .input-group .input-group-text,
  .pcoded-header.header-custom a,
  .pcoded-header.header-custom dropdown-toggle {
    color: #fff;
}

.pcoded-header.header-custom .input-group .input-group-text:hover,
    .pcoded-header.header-custom a:hover,
    .pcoded-header.header-custom dropdown-toggle:hover {
    color: #666;
}

@media only screen and (max-width: 991px) {
    .pcoded-header.header-custom .input-group .input-group-text,
      .pcoded-header.header-custom a,
      .pcoded-header.header-custom dropdown-toggle {
        color: #666;
    }

    .pcoded-header.header-custom .input-group .input-group-text:hover,
        .pcoded-header.header-custom a:hover,
        .pcoded-header.header-custom dropdown-toggle:hover {
        color: #4d4d4d;
    }
}

@media only screen and (max-width: 991px) {
    .pcoded-header.header-custom .m-header > a {
        color: #fff;
    }
}

.pcoded-header.header-custom .main-search .search-close > .input-group-text {
    color: #55117b;
}

.pcoded-header.header-custom .main-search.open .input-group {
    background: rgba(255, 255, 255, 0.25);
    border: 0 solid rgba(255, 255, 255, 0.25);
    padding: 2px 2px 2px 20px;
}

@media only screen and (max-width: 991px) {
    .pcoded-header.header-custom .main-search.open .input-group {
        background: #f6f7fb;
    }
}

@media only screen and (min-width: 992px) {
    .pcoded-header.header-custom .main-search.open .input-group .form-control {
        color: #fff;
    }

    .pcoded-header.header-custom .main-search.open .input-group .form-control::-moz-placeholder {
        color: #fff;
        opacity: 1;
    }

    .pcoded-header.header-custom .main-search.open .input-group .form-control:-ms-input-placeholder {
        color: #fff;
    }

    .pcoded-header.header-custom .main-search.open .input-group .form-control::-webkit-input-placeholder {
        color: #fff;
    }
}

.pcoded-header.header-custom .main-search.open .input-group .search-btn {
    background: #55117b;
    border-color: #55117b;
}

.pcoded-header.header-custom .main-search.open .input-group .search-btn .input-group-text {
    color: #fff;
}

.pcoded-header.header-custom .dropdown .notification .noti-head a {
    color: #fff;
}

.pcoded-header.header-custom .dropdown .notification .noti-body li.notification:hover {
    background: rgba(64, 153, 255, 0.1);
}

.pcoded-header.header-custom .dropdown .profile-notification .pro-head {
    color: #fff;
    background: #55117b;
}

.pcoded-header.header-custom .dropdown .profile-notification .pro-head .dud-logout {
    color: #fff;
}

.pcoded-header.header-custom .b-bg {
    background: #fff;
    color: #55117b;
}
/* end of custom header */

/* custom colours of buttons */
.bg-c-grey {
    background: linear-gradient(45deg, #999999, #a8a8a8);
}

.statustic-card .card-body .progress .progress-bar.bg-c-grey:before {
    -webkit-animation: green-blink-bar 0.5s linear infinite;
    animation: green-blink-bar 0.5s linear infinite;
}

.latest-update-card .card-body .latest-update-box .update-meta .update-icon.bg-c-grey {
    box-shadow: 0 0 0 4px rgba(46, 216, 182, 0.5);
}

.btn-styled {
	background : #55117b;
	color : #fff;
}

.btn-styled:hover {
	background : #e23c96;
	
}
/* end of custom colours of buttons */

/* custom colour palette */
/* bootstrap original colours + customer styles*/
.text-avid-purple
{
	color: #55117b;
}

.text-green
{
	color: #5cb85c;
}

.text-red
{
	color: #d9534f;
}

.text-blue
{
	color: #0275d8;
}

.text-orange
{
	color: #f0ad4e;
}

.text-black
{
	color: #000000;
}

.btn-green
{
	background: #5cb85c;
	color : #fff;
}

.btn-red
{
	background: #d9534f;
	color : #fff;
}

.btn-blue
{
	background: #0275d8;
	color : #fff;
}

.btn-orange
{
	background: #f0ad4e;
	color : #fff;
}

.btn-pink
{
	background: #e23c96;
	color : #fff;
}

.bg-gradient-blue {
    background: linear-gradient(45deg, #077dc2, #67ACCE);
}

.bg-gradient-purple {
    background: linear-gradient(45deg, #55117b, #9461C1);
}

.bg-gradient-pink {
    background: linear-gradient(45deg, #e23c96, #E573B7);
}

.bg-gradient-orange {
    background: linear-gradient(45deg, #f7941e, #EAAE6E);
}

.bg-gradient-green {
    background: linear-gradient(45deg, #006837, #39B54A);
}

/* end custom colour palette */

/* password strength styles */
.passwordShort {  
    width: 100%;  
    background-color: #dc3545;  
    margin-top: 5px;  
    height: 3px;  
    color: #dc3545;  
    font-weight: 500;  
    font-size: 12px;  
}  
.passwordWeak {  
    width: 100%;  
    background-color: #ffc107;  
    margin-top: 5px;  
    height: 3px;  
    color: #ffc107;  
    font-weight: 500;  
    font-size: 12px;  
}  
.passwordGood {  
    width: 100%;  
    background-color: #28a745;  
    margin-top: 5px;  
    height: 3px;  
    color: #28a745;  
    font-weight: 500;  
    font-size: 12px;  
}  
.passwordStrong {  
    width: 100%;  
    background-color: #d39e00;  
    margin-top: 5px;  
    height: 3px;  
    color: #d39e00;  
    font-weight: 500;  
    font-size: 12px;  
}
/* end password strength styles */