a[style="margin:0 0 10px 0;padding:10px 35px;background-color:#ffffd2;color:#555;font-size:16px;text-align:center;"],
[style="text-align:center;"],
[style="position:absolute;top:0px;right:0px;padding:5px;background-color:#000066;font-family:Tahoma;font-size:11px;color:#ffffff"] {
    display: none;
}

body:not(.home-page) .page-bg:before {
    opacity: 0.1
}

#wrapper .page-header {
    display: none;
}

.modal-md {
    width: 468px;
}

.no-data {
    padding: 24px;
}

.no-data span {
    line-height: 25px;
}

.no-data icon-quotation:before {
    margin-right: -4px;
}

.no-data .no-data-slogan > span {
    max-width: 540px;
}

.no-data-success .icon-holder .circle {
    display: block !important;
    background-color: #48b54a;
}

.no-data-danger .icon-holder .circle {
    display: block !important;
    background-color: #ed4040;
}

.form-group {
    margin-bottom: 16px;
}

.control-label {
    color: #a0a6b2;
}

.input-lg {
    height: 48px;
    padding: 10px 16px;
    font-size: 14px;
    line-height: 24px;
    border-radius: 3px;
}

.input-xlg {
    height: 56px;
    padding: 10px 16px;
    font-size: 14px;
    line-height: 24px;
    border-radius: 3px;
}

.preloader .spinner {
    border-top-color: #5bc758;
}

.dataTables_empty {
    padding-top: 120px !important;
    text-align: center;
}

#invoice-gateway .panel-body,
#invoice-credits .panel-body {
    position: relative;
}

#invoice-gateway .preloader,
#invoice-credits .preloader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background-color: rgba(255, 255, 255, 0.8)
}

#invoice-gateway p {
    font-size: 12px;
    line-height: 18px;
}

/* 3.1.6 Form: Input Icon */
.input-icon {
    position: relative;
}

.input-icon .input-icon-addon + .form-control,
.input-icon-left .form-control {
    padding-left: 40px;
}

.input-icon-right .form-control {
    padding-right: 40px;
}

.input-icon-xlg .input-icon-addon + .form-control {
    padding-left: 56px;
}

.input-icon-addon {
    position: absolute;
    top: 0;
    z-index: 999;
    height: 100%;
    width: 40px;
}

.input-icon-xlg .input-icon-addon {
    width: 56px;
}

.input-icon .input-icon-addon > i {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 24px;
    width: 24px;
    margin: -12px 0 0 -12px;
    color: #737980;
    line-height: 24px;
    text-align: center;
}

.input-icon-left .input-icon-addon:first-child {
    left: 0;
}

.input-icon-right .input-icon-addon:last-child {
    right: 0;
}

.page-clientarea .page-title {
    padding-bottom: 32px;
    text-align: left;
}

/*
.page-clientarea.page-projects .page-bg  {
	height: 580px;
}
*/
.page-content {
    padding-top: 104px;
    padding-bottom: 56px;
    z-index: 2;
}

.page-notlogged .page-content {
    padding-top: 88px;
}

.page-projects .secondary-navbar {
    z-index: 3;
}

.page-projects .secondary-navbar.affix {
    z-index: 99;
}

@media (max-width: 1199px) {
    .page-notlogged .page-content {
        padding-top: 80px;
    }
}

@media (max-width: 768px) {
    .page-content {
        padding-bottom: 24px;
    }

    .page-notlogged .page-content {
        padding-top: 40px;
    }
}

.secondary-navbar.affix .navbar-nav > li > a:not(.btn) .badge {
    border-color: rgba(161, 166, 178, .5);
    color: #a1a6b2;
}

.btn-danger:hover {
    color: #fff;
}

/* PAGE BANNER */
.content-header {
    padding-bottom: 48px;
}

.content-header:after,
.content-header:before {
    display: block;
    content: "";
    clear: both;
}

.list-product-info > li,
.list-product-info > li a {
    color: #fff;
    line-height: 24px;
}

.list-product-info li:not(:last-of-type) {
    padding-right: 16px;
}

.list-product-info > li a > i {
    margin: -2px 0 0 6px !important;
    vertical-align: middle !important;
}

@media (min-width: 768px) {
    .content-header {
        display: flex;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .content-header {
        padding-bottom: 38px;
    }

    .page-contetn {
        padding-top: 86px;
    }
}

@media (max-width: 767px) {
    .content-header {
        position: relative;
        padding-bottom: 22px;
    }

    .page-content {
        padding-top: 66px;
    }

    .page-bg.bg-project {
        height: 460px;
    }

    .list-product-info > li {
        margin-right: 8px
    }

    .breadcrumb > li {
        font-size: 12px;
    }

    .header-tickets .header-toolbar {
        width: 100%;
        padding-top: 16px;
    }

    .header-tickets .header-toolbar .btn {
        width: 47%;
    }

    .header-tickets .header-toolbar .btn:last-child {
        margin-left: 4%;
    }

    .page-filename-viewticket .header-tickets .header-toolbar .btn {
        margin: 0;
    }
}

/* Banner > Title */
.content-header .header-title:last-child {
    display: block;
    width: 100%;
}

.content-header .header-title h1 {
    margin: 0;
    color: #fff;
    font-size: 32px;
    line-height: 38px;
    text-shadow: 0px 6px 16px rgba(0, 0, 0, 0.08);
}

.content-header .list-product-info {
    margin-top: 6px;
}

.content-header .header-title h1[data-toggle] {
    cursor: pointer;
}

.content-header .header-title h1 > .label {
    position: relative;
    top: -4px;
    display: inline;
    margin: 0 0 0 10px;
    vertical-align: middle;
}

.content-header .header-title h1 + p {
    margin: 6px 0 0 0;
    color: rgba(221, 238, 255, 0.9);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}

.content-header .header-title .dropdown h1 {
    /*min-width: 230px;*/
    cursor: pointer;
    line-height: 40px;
}

.content-header .header-title .dropdown h1 > i {
    height: 24px;
    font-size: 24px;
    margin-left: 16px;
}

.content-header .header-title .dropdown-menu {
    width: 105%;
}

.content-header .header-title .dropdown-menu > li > a {
    padding: 8px 24px;
    line-height: 24px;
}

.content-header .header-title .dropdown-menu > .active > a {
    font-weight: 400;
}

.content-header .header-title .dropdown-menu .dropdown-title {
    padding: 8px 24px;
    line-height: 24px;
    color: #a1a6b2;
    font-size: 12px;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .content-header:not(.text-center) .header-title {
        float: left;
    }

    .title-back {
        position: relative;
        padding-left: 48px;
    }

    .title-back > .btn {
        position: absolute;
        left: -10px;
        top: 0;
        color: rgba(221, 238, 255, 0.8);
    }

    .title-back > .btn:hover {
        color: #fff;
    }
}

@media (max-width: 991px) {
    .content-header .header-title h1 {
        font-size: 30px;
        line-height: 38px;
    }
}

@media (max-width: 767px) {
    .content-header .header-title h1 {
        font-size: 22px;
        line-height: 26px;
    }

    .content-header .header-title h1 + .list-product-info {
        margin-top: 4px;
    }

    .title-back > .btn {
        display: none;
    }

    .content-header .header-title .dropdown-menu {
        width: 100%;
    }

    .content-header .header-title h1 + p {
        font-size: 14px;
        line-height: 22px;
    }
}

.header-title .dropdown > h1 > i {
    position: relative;
}

.header-title .dropdown > h1 > i:after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: -2px;
    z-index: 9999;
    display: inline-block;
    width: 0;
    height: 0;
    opacity: 0;
    vertical-align: middle;
    border-bottom: 8px solid #fff;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

.header-title .dropdown.open > h1 > i:after {
    bottom: -6px;
    opacity: 1;
}

.header-title .dropdown .dropdown-menu:before {
    display: none;
}

@media (max-width: 767px) {
    .header-title .dropdown > h1 > i:after {
        bottom: -13px;
    }

    .header-title .dropdown.open > h1 > i:after {
        bottom: -10px;
    }
}

/* Banner > sunav */
.page-subnav .navbar-account .dropdown-menu {
    left: auto;
    right: 0;
}

.page-subnav .navbar-account .open > a {
    color: #fff !important;
}

.page-subnav.affix .navbar-account .open > a {
    color: #5bc758 !important;
}

.page-subnav.affix .navbar-account .user-name > i {
    color: #a1a6b2;
}

.secondary-navbar ul.navbar-left > li:last-child {
    margin-right: 0;
}

@media (min-width: 992px) {
    .page-subnav .navbar-account {
        margin-right: 60px;
    }
}

@media (min-width: 992px) {
    .page-subnav .navbar-account-no-margin {
        margin-right: 0px;
    }
}

@media (min-width: 768px) {
    .page-subnav .navbar-account {
        float: right;

    }
}

@media (max-width: 767px) {
    .page-subnav {
        top: 0 !important;
    }

    .page-subnav .dropdown-mobile .mobile-content {
        padding-bottom: 16px;
    }

    .page-subnav .navbar-account {
        padding: 16px 0 0 0;
    }

    .page-subnav .navbar-account .dropdown-menu {
        display: block !important;
        width: 100%;
        opacity: 1 !important;
        visibility: visible !important;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .page-subnav .navbar-account .dropdown > a > i {
        display: none !important;
    }
}

/* Banner > Toolbar */
.header-toolbar {
    float: right;
}


.page-subnav ul.navbar-left > li > a:not(.btn) .badge,
.nav-transparent > li > a .badge {
    margin-left: 6px;
    background: transparent;
    border: 1px solid rgba(140, 176, 213, 0.3);
    color: rgba(221, 238, 255, 0.9);
    line-height: 15px;
    vertical-align: middle;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.page-subnav ul.navbar-left > li > a:not(.btn) .badge-warning,
.nav-transparent > li > a .badge-warning {
    border: 1px solid #ff8e2b !important;
    color: #ff8e2b !important;
}

.alert a {
    color: inherit;
    font-weight: bold;
}

@media (min-width: 992px) {
    .page-subnav ul.navbar-left > li > a:not(.btn) .badge,
    .nav-transparent > li > a .badge {
        display: inline-block;
    }
}

@media (min-width: 768px) {
    .header-toolbar > * {
        display: inline-block;
        margin-left: 8px;
        vertical-align: top;
    }

    .header-toolbar > *:first-child {
        margin: 0;
    }

    .header-toolbar {
        padding-left: 16px;
        text-align: right;
        -webkit-flex: 2 1 auto;
        -moz-flex: 2 1 auto;
        flex: 2 1 auto;
        white-space: nowrap;
    }
}

@media (max-width: 767px) {
    .header-toolbar {
        text-align: left;
    }

    .page-subnav ul.navbar-left > li > a:not(.btn) .badge {
        border-color: rgba(161, 166, 178, .5);
        color: #a1a6b2;
    }

    .dropdown-mobile .mobile-content:after {
        display: none;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .page-subnav ul.navbar-left > li > a:not(.btn) .badge,
    .nav-transparent > li > a .badge {
        line-height: 16px;
    }
}

/* Banner > Toolbar > Search */
.header-toolbar .toolbar-search .input-icon i {
    font-size: 19px;
}

.header-toolbar .toolbar-search .form-control {
    border: none;
}

@media (max-width: 991px) {
    .header-toolbar .toolbar-actions .btn {
        border: none;
        background: transparent;
        box-shadow: none;
        padding: 8px;
    }

    .header-toolbar .toolbar-actions .btn i {
        margin: 0;
    }

    .header-toolbar .toolbar-actions .btn-text {
        display: none
    }
}

@media (max-width: 767px) {
    .header-title {
        float: left;
    }

    .header-toolbar .toolbar-search {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: 0;
    }

    .header-toolbar .toolbar-search .input-icon-addon {
        display: none;
    }

    .toolbar-search .input-icon-left .form-control {
        padding-left: 0;
    }

    .toolbar-search input {
        background: transparent;
        box-shadow: none;
        border: 0;
        color: #fff;
        font-size: 24px;
        font-weight: 800
    }

    .toolbar-search input::placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .search-open .toolbar-search,
    .search-open .header-toolbar {
        display: block
    }

    .search-open .toolbar-actions [data-toggle="search"] .zmdi:before {
        content: "\f136"
    }

    .toolbar-search,
    .search-open .header-title,
    .search-open .banner-content .toolbar-actions,
    .banner-content .toolbar-search .input-icon-addon {
        display: none
    }

    .toolbar-search .btn {
        position: absolute;
        top: 0;
        right: 0;
        height: 52px;
        width: 52px;
        min-width: 0;
        padding: 0;
        line-height: 54px;
        text-align: center
    }

    .toolbar-search .btn i {
        margin: 0
    }

    .toolbar-actions .btn:focus,
    .toolbar-filters .btn:focus,
    .toolbar-actions .btn:hover,
    .banner-content .toolbar-filters .btn:hover,
    .banner-content .toolbar-actions .btn:active,
    .banner-content .toolbar-filters .btn:active {
        box-shadow: none
    }

    .toolbar-filters,
    .header-toolbar .toolbar-actions .btn {
        float: left
    }

    .header-toolbar .btn.btn-icon i {
        color: #fff;
    }

    .header-toolbar .toolbar-actions .btn {
        border: none;
        background: transparent;
        box-shadow: none;
        padding: 8px;
    }

    .header-toolbar .toolbar-actions .btn i {
        margin: 0;
    }

    .header-toolbar .toolbar-actions .btn-text {
        display: none
    }
}

/* Header > Account */
.header-account {
}

.header-account .header-title {
    position: relative;
    padding-left: 110px
}

.header-account .header-title .avatar {
    position: absolute;
    top: -12px;
    left: 0;
}

.header-account .header-title h1 > small {
    display: block;
    color: rgba(221, 238, 255, 0.9);
    font-size: 18px;
}

.header-account .header-toolbar {
    padding: 10px 0;
}

@media (max-width: 767px) {
    .header-account .header-title {
        padding-left: 60px;
    }

    .header-account .header-title .avatar {
        top: -2px;
        height: 48px;
        width: 48px;
    }
}

/* Label > Simple */

/* Label > Simple */
.label {
    padding: 5px 6px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.label-simple {
    padding: 0;
    box-shadow: none;
    background: transparent !important;
    font-size: 12px;
    text-transform: none;
}

.label-simple:before {
    display: inline-block;
    content: "";
    height: 6px;
    width: 6px;
    margin: -3px 8px 0 0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    vertical-align: middle;
}

.label-simple.label-finished,
.label-simple.label-success,
.label-simple.label-active,
.label-simple.label-paid,
.label-simple.label-accepted,
.label-simple.label-in-progress,
.label-simple.label-answered,
.label-simple.label-released {
    color: #5bc758;
}

.label-success,
.label-active,
.label-paid,
.label-accepted,
.label-in-progress,
.label-answered,
.label-simple.label-finished:before,
.label-simple.label-success:before,
.label-simple.label-active:before,
.label-simple.label-paid:before,
.label-simple.label-accepted:before,
.label-simple.label-in-progress:before,
.label-simple.label-answered:before,
.label-simple.label-released:before {
    background-color: #5bc758;
}

.label-active,
.label-success {
    background-color: #5bc758;
}

.label-simple.label-awaiting-reply,
.label-simple.label-fixes-in-progress {
    color: #26caaa;
}

.label-awaiting-reply,
.label-simple.label-awaiting-reply:before,
.label-simple.label-fixes-in-progress:before {
    background-color: #26caaa;
}

.label-simple.label-pending-release,
.label-simple.label-in.progress,
.label-simple.label-warning,
.label-simple.label-in-progress,
.label-simple.label-pending,
.label-simple.label-collections {
    color: #fc8b35;
}

.label-simple.label-pending-release:before,
.label-warning,
.label-in-progress,
.label-pending,
.label-simple.label-in.progress:before,
.label-collections .label-simple.label-warning:before,
.label-simple.label-in-progress:before,
.label-simple.label-pending:before,
.label-simple.label-collections:before {
    background-color: #fc8b35;
}

.label-simple.label-stopped,
.label-simple.label-danger,
.label-simple.label-terminated,
.label-simple.label-awaiting-payment,
.label-simple.label-unpaid,
.label-simple.label-pending-fix {
    color: #ed4040;
}

.label-danger,
.label-terminated,
.label-awaiting-payment,
.label-unpaid,
.label-simple.label-stopped:before,
.label-simple.label-danger:before,
.label-simple.label-terminated:before,
.label-simple.label-awaiting-payment:before,
.label-simple.label-unpaid:before,
.label-simple.label-pending-fix:before {
    background-color: #ed4040;
}

.btn-hover-danger.btn-icon.btn-link:hover {
    color: #ed4040;
}

.label-simple.label-on.hold,
.label-simple.label-info,
.label-simple.label-on-hold,
.label-simple.label-awaiting-tester {
    color: #1f75cc;
}

.label-simple.label-on.hold:before,
.label-info,
.label-released,
.label-on-hold,
.label-simple.label-info:before,
.label-simple.label-on-hold:before,
.label-simple.label-awaiting-tester:before {
    background-color: #1f75cc;
}

.label-simple.label-info-light,
.label-simple.label-awaiting-release,
.label-simple.label-open,
.label-simple.label-refunded,
.label-simple.label-in-verification {
    color: #2caed4;
}

.label-info-light,
.label-awaiting-release,
.label-open,
.label-refunded,
.label-simple.label-info-light:before,
.label-simple.label-awaiting-release:before,
.label-simple.label-open:before,
.label-simple.label-refunded:before,
.label-simple.label-in-verification:before {
    background-color: #2caed4;
}

.label-refunded {
    background-color: #2caed4;
}

.label-simple.label-default,
.label-simple.label-suspended,
.label-simple.label-draft {
    color: #737980;
}

.label-default,
.label-suspended,
.label-draft,
.label-simple.label-default:before,
.label-simple.label-suspended:before,
.label-simple.label-draft:before {
    background-color: #737980;
}

.label-simple.label-rejected,
.label-simple.label-muted,
.label-simple.label-closed,
.label-simple.label-declined,
.label-simple.label-cancelled,
.label-simple.label-awaiting-development {
    color: #a1a6b2;
}

.label-simple.label-rejected:before,
.label-muted,
.label-closed,
.label-declined,
.label-cancelled,
.label-fixes-in-progress,
.label-customer-reply,
.label-simple.label-muted:before,
.label-simple.label-closed:before,
.label-simple.label-declined:before,
.label-simple.label-cancelled:before,
.label-simple.label-awaiting-development:before {
    background-color: #a1a6b2;
}

.label-simple.label-customer-reply,
.label-simple.label-fraud {
    color: #2e3442;
}

.label-simple.label-fraud:before,
.label-simple.label-customer-reply:before {
    background-color: #2e3442;
}

.label-simple.label-customer-reply,
.label-simple.label-fraud {
    color: #2e3442;
}

.label-simple.label-fraud:before,
.label-simple.label-customer-reply:before {
    background-color: #2e3442;
}

.label-simple.label-in-progress {
    color: #7e5bef;
}

.label-simple.label-in-progress:before {
    background-color: #7e5bef;
}

.label-simple.label-in-progress-v6 {
    color: #603cd6;
}

.label-simple.label-in-progress-v6:before {
    background-color: #603cd6;
}

.label-simple.label-pending-fix,
.label-simple.label-awaiting-client {
    color: #ff6b36;
}

.label-simple.label-pending-fix:before,
.label-simple.label-awaiting-client:before {
    background-color: #ff6b36;
}

.label-simple.label-awaiting-verification {
    color: #cc9900;
}

.label-simple.label-awaiting-verification:before {
    background-color: #cc9900;
}

.label-simple.label-awaiting-advisor {
    color: #006699;
}

.label-simple.label-awaiting-advisor:before {
    background-color: #006699;
}

.label-simple.label-awaiting-manager,
.label-simple.label-ongoing-project {
    color: #a3823b;
}

.label-simple.label-awaiting-manager:before,
.label-simple.label-ongoing-project:before {
    background-color: #a3823b;
}

.label-simple.label-customer-reply {
    color: #2e3442;
}

.label-simple.label-customer-reply:before {
    background-color: #2e3442;
}

.label-fraud {
    background-color: #2e3442;
}

.label-default {
    color: #fff;
}

.label-danger {
    background-color: #ed4040
}

.label-expired,
.label-simple.label-expired:before {
    background-color: #996633;
}

.label-simple.label-expired {
    color: #996633;
}

.label-reissued,
.label-simple.label-reissued:before {
    background-color: #3399ff;
}

.label-simple.label-reissued {
    color: #3399ff;
}

.alert-sm {
    padding: 8px 10px;
    font-size: 12px;
    line-height: 18px;
}

/* MODULE LOGO */
.product-name {
    position: relative;
    padding-left: 56px;
}

.product-name > .m-logo {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -20px;
}

.m-logo {
    position: relative;
    display: inline-block;
    height: 126px;
    width: 126px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
}

.m-logo .title-icon {
    width: 112px;
    height: 112px;
    left: 50%;
    top: 50%;
    margin: -56px 0 0 -56px;
}

.m-logo .title-icon > img {
    height: 100%;
}

.m-logo .title-slogan {
    display: none;
}

/* Module Logo > XS */
.m-logo-xs .title-icon,
.m-logo-sm .title-icon {
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
    margin: 0;
}

.m-logo-xs {
    height: 40px;
    width: 40px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.m-logo-xs .title-icon > img {
    width: 24px;
}

.m-logo-xs .title-icon > span {
    display: none;
}

/* Module Logo > SM */
.m-logo-sm {
    height: 48px;
    width: 48px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.m-logo-sm .title-icon > img {
    width: 36px;
}

/* Module Logo > MD */
.m-logo-md {
    height: 138px;
    width: 138px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.m-logo-md .title-icon,
.m-logo-lg .title-icon {
    height: 136px;
    width: 136px;
    margin: -68px 0 0 -68px;
}

.m-logo-md .title-icon span:after,
.m-logo-lg .title-icon span:after {
    width: calc(100% + 96px);
    height: calc(100% + 96px);
    margin-top: calc(-50% - 48px);
    margin-left: calc(-50% - 48px);
}

@media (max-width: 767px) {
    .m-logo-md {
        height: 56px;
        width: 56px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    .m-logo-md .title-icon > img {
        width: 36px;
    }
}

/* Module Logo > LG */
.m-logo-lg {
    height: 152px;
    width: 152px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/* TYPOGRAPHY */
h4 {
    font-size: 16px;
    font-family: 500;
}

h5 {
    font-size: 15px;
}

h6 {
    color: #a1a6b2;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}

/* Typography > Text */
.font-bold {
    font-weight: bold !important;
}

/* Typography > Prices */
.price {
    font-size: 16px;
}

.price-lg {
    font-size: 34px;
    line-height: 34px;
    font-weight: 400;
}


/* HELPERS */

.mt-0 {
    margin-top: 0px !important;
}

.mt-88 {
    margin-top: 88px !important;
}

.mt-48 {
    margin-top: 48px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-32 {
    margin-top: 32px !important;
}

.mt-24 {
    margin-top: 24px !important;
}

.mt-16 {
    margin-top: 16px !important;
}

.mt-8 {
    margin-top: 8px !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.mb-8 {
    margin-bottom: 8px !important;
}

.mb-16 {
    margin-bottom: 16px !important;
}

.mb-24 {
    margin-bottom: 24px !important;
}

.mb-32 {
    margin-bottom: 32px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mr-8 {
    margin-right: 8px !important;
}

.ml-8 {
    margin-left: 8px !important;
}

@media (min-width: 768px) {
    .ml-24-md {
        margin-left: 24px !important;
    }
}

.p-24 {
    padding: 24px !important;
}

.p-32 {
    padding: 32px !important;
}

.pb-8 {
    padding-bottom: 8px !important;
}

.pb-16 {
    padding-bottom: 16px !important;
}

.pb-24 {
    padding-bottom: 24px !important;
}

.pb-32 {
    padding-bottom: 32px !important;
}

.pt-16 {
    padding-top: 16px !important;
}

.pt-24 {
    padding-top: 24px !important;
}

.pt-32 {
    padding-top: 32px !important;
}

.h-auto {
    min-height: 0 !important;
    height: auto !important;
}

.w-964 {
    max-width: 964px;
    margin: 0 auto;
}

.w-868 {
    max-width: 868px;
    margin: 0 auto;
}

.w-740 {
    float: none !important;
    max-width: 740px;
    margin: 0 auto;
}

.w-680 {
    max-width: 680px;
    margin: 0 auto;
}

.w-460 {
    max-width: 460px;
    margin: 0 auto;
}

.w-425 {
    max-width: 425px;
    margin: 0 auto;
}

.w-420 {
    max-width: 420px;
    margin: 0 auto;
}

.m-w-100 {
    min-width: 100px;
}

.form-section {
    padding-bottom: 8px;
}

a.well-outline {
    -webkit-transition: linear border-color .15s;
    transition: linear border-color .15s;
}

.well-outline {
    background: none;
    border: 1px solid #e9edf2;
}

a.well-outline:hover {
    border-color: #5bc758;
}

.well-icon {
    position: relative;
    padding-left: 150px;
    min-height: 130px;
}

.well-icon > img {
    position: absolute;
    left: 26px;
    top: 16px;
}

.list-unstyled {
    line-height: 20px;
}

.help-block {
    color: #a1a6b2;
    font-size: 11px;
}

.panel .no-data {
    padding: 0px;
}

.panel-hero label:not(.control-label),
.panel-xhero label:not(.control-label) {
    margin-bottom: 12px;
    color: #2e3442
}

.panel-hero .checkbox > label,
.panel-xhero .checkbox > label {
    margin: 0;
}

.panel-xhero.confirm-ticket {
    min-height: 510px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.panel-info {
    padding: 16px;
    background: #02a8f3;
    line-height: 24px;
    color: #fff;
    font-weight: bold;
}

.panel-hero .panel-info {
    padding: 16px 32px;
}

@media (min-width: 580px) {
    .tab-content > .tab-pane.tab-hero,
    .panel-hero .panel-body {
        padding: 32px;
    }

    .tab-content > .tab-pane.tab-xhero,
    .panel-xhero .panel-body {
        padding: 32px;
    }

    .panel-xxhero .panel-body {
        padding: 40px;
    }
}

@media (min-width: 992px) {
    .tab-content > .tab-pane.tab-xhero,
    .panel-xhero .panel-body {
        padding: 48px;
    }

    .panel-xxhero .panel-body {
        padding: 64px;
    }
}

@media (max-width: 579px) {
    .panel .panel-body {
        padding: 16px;
    }
}

.alert-primary {
    margin: -20px 0 30px 0;
}

.alert-icon {
    position: relative;
    padding-left: 60px;
}

.alert-icon > i {
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -12px;
}

a.well {
    display: block;
    color: #5c5f66;
}

.input-copy .btn {
    min-width: 120px;
}

.input-copy .input-group-btn {
    position: relative;
}

.copy-message {
    position: absolute;
    bottom: -20px;
    right: 0;
    font-size: 12px;
}

@media (min-width: 768px) {
    .tabs-offset {
        margin-top: -18px;
    }
}

@media (max-width: 767px) {
    .input-copy .btn {
        min-width: 0;
    }
}

/* Button > Light */
.btn.btn-light {
    background-color: rgba(134, 171, 210, 0.4);
}

.btn-light.btn-outline {
    background: transparent;
    color: #fff;
    border: 1px solid rgba(134, 171, 210, 0.4);
}

.btn-light.btn-outline:hover {
    border-color: rgba(91, 199, 88, .5);
    color: #5bc758;
}

.btn > i + span,
.btn > span + i {
    margin: 0;
}

.btn i:not(.spinner) {
    margin: 0 8px 0 -4px;
}

.btn .zmdi.zmdi-format-list-bulleted {
    font-size: 21px;
}

.btn-sm i,
.btn-xs i {
    margin: 0 4px 0 -8px !important;
}

.btn-icon i {
    margin: 0 !important;
}

.btn:not(.btn-lg) i:not(.spinner) {
    line-height: 24px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .btn:not(.btn-lg) i:not(.spinner) {
        line-height: 22px;
    }
}

.existing-cc {
    position: relative;
    padding: 0 0 0 70px;
    background: transparent !important;
}

.existing-cc h5 {
    margin: 0;
    color: #2e3442;
}

.existing-cc .text-muted {
    font-size: 13px;
}

.existing-cc .card-type {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 50px;
    color: #419ad9;
}

.card-remove {
    position: absolute;
    top: 0;
    right: 0;
}

.info-header {
    margin-bottom: 10px;
}

/* NAVIGATION */

/* Navigation > Account */
.navbar-account > li > a {
    color: #fff;
    font-weight: 700;
}

.navbar-account > li > a > .avatar {
    margin: -3px 16px 0 0;
}

.navbar-account .user-name {
    position: relative;
    display: inline-block;
    max-width: 160px;
    padding-right: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}

.navbar-account .user-name > i {
    position: absolute;
    top: 16px;
    right: 0;
    height: 24px;
    width: 24px;
    margin-left: 8px;
    color: rgba(221, 238, 255, 0.9);
    line-height: 24px;
    text-align: center;
}

.navbar-account > li > .dropdown-menu:before {
    left: auto;
    right: 12px;
}

@media (max-width: 1199px) {
    .navbar-account .user-name {
        max-width: 120px;
    }

    /* .navbar-account>li>a {
		padding-right: 0!important;
	} */
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-account .user-name {
        max-width: 90px;
    }
}

@media (max-width: 767px) {
    .navbar-account .user-name > i {
        display: none;
    }
}

/*  WIDGETS */
a.panel {
    display: block;
}

.panel-widget .panel-body,
.panel-widget .panel-cards {
    position: relative;
    height: 344px;
}

.no-data-auto {
    height: auto !important;
}

.tab-pane .no-data {
    margin: 0;
}

@media (min-width: 768px) {
    .tab-pane .no-data {
        height: 436px;
    }
}

@media (min-width: 580px) {
    .panel-widget .panel-body .no-data,
    .panel-widget .panel-cards .no-data {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: auto;
        min-height: auto;
    }
}

@media (max-width: 579px) {
    .panel-ticket {
        margin: 0 -20px -24px;
        box-shadow: none;
    }

    .panel-widget .panel-cards:not(.cards-carousel) {
        height: auto;
        padding: 20px 0px;
    }

    .panel-widget .panel-cards:not(.cards-carousel) .cards-nav {
        display: none;
    }

    .page-filename-viewticket .panel-ticket {
        margin-bottom: 16px;
    }
}

/* Widget > Heading */
.panel-heading {
    padding: 12px 24px;
    border-bottom: 1px solid #e9edf2;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.panel-heading:after,
.panel-heading:before {
    display: block;
    content: "";
    clear: both;
}

@media (max-width: 767px) {
    .panel-heading {
        padding-left: 16px;
        padding-right: 16px;
    }
}

/* Widget > Heading > Title */
.panel-heading .heading-title {
    float: left;
    margin: 0;
    line-height: 32px;
}

.panel-heading .heading-title a {
    color: #2e3442;
}

/* Widget > Heading > Actions */
.heading-actions {
    float: right;
    margin: 0 -16px 0 0;
}

@media (max-width: 767px) {
    .panel-widget .heading-actions .btn {
        padding-left: 4px;
        padding-right: 4px;
    }

    .panel-widget .heading-actions .btn > span {
        display: none;
    }
}

/* Widget > Account */
.panel-account .panel-body {
    height: 169px;
}

.panel-account .panel-heading {
    padding: 0;
    border: none;
    background-image: -moz-linear-gradient(110deg, rgb(65, 154, 217) 0%, rgb(60, 153, 214) 0%, rgb(91, 203, 240) 100%);
    background-image: -webkit-linear-gradient(110deg, rgb(65, 154, 217) 0%, rgb(60, 153, 214) 0%, rgb(91, 203, 240) 100%);
    background-image: -ms-linear-gradient(110deg, rgb(65, 154, 217) 0%, rgb(60, 153, 214) 0%, rgb(91, 203, 240) 100%);
}

.panel-account .heading-title {
    float: none;
    margin-bottom: 4px;
    color: rgba(0, 0, 0, 0.5);
}

.panel-account .heading-body {
    position: relative;
    padding: 12px 24px 24px 24px;
}

.panel-account .heading-actions {
    float: none;
    height: 40px;
    padding: 4px 8px;
    margin: 0;
    background-color: rgba(0, 0, 0, 0.1)
}

.panel-account .heading-actions .btn {
    color: #fff;
}

.panel-account .price {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.secondary-navbar #promotion-menu-btn .badge {
    color: #fff;
    border: 0;
}

@media (min-width: 768px) {
    .nav-account {
        margin-top: -18px;
    }

    .secondary-navbar #promotion-menu-btn .badge {
        position: absolute !important;
        top: 7px;
        right: -10px;
    }
}

/* Widget > Account > Details */
.account-details {
    height: 120px;
    padding-right: 100px;
    color: #fff;
}

.account-details .name {
    display: block;
    margin-bottom: 8px;
    font-size: 26px;
    font-weight: 400;
    line-height: 32px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.account-details .address {
    font-size: 13px;
    line-height: 20px;
}

@media (max-width: 1199px) {
    .account-details {
        height: 120px;
        padding-right: 72px;
    }

    .account-details .address {
        line-height: 16px;
    }
}

@media (max-width: 480px) {
    .account-details {
        height: auto;
    }
}

/* Widget > Account > Avatar */
.account-avatar {
    position: absolute;
    top: 32px;
    right: 24px;
}

.avatar img {
    height: 100%;
    width: 100%;
    vertical-align: top;
}

.avatar {
    display: inline-block;
    height: 40px;
    width: 40px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    overflow: hidden;
    vertical-align: middle;
}

.avatar-lg {
    height: 88px;
    width: 88px;
}

.avatar-md {
    height: 48px;
    width: 48px;
}

.avatar-sm {
    height: 32px;
    width: 32px;
}

.popover {
    text-align: center;
    border: none;
}

.popover .avatar {
    margin-bottom: 8px;
}

.popover h5 {
    margin: 0;
}

.popover-content {
    padding: 15px 20px;
}

@media (max-width: 1199px) {
    .panel-account .heading-title {
        margin-bottom: 4px;
    }

    .account-avatar.avatar-lg {
        top: 40px;
        height: 56px;
        width: 56px;
    }
}

/* cards */
.panel-cards {
    padding-bottom: 56px;
}

.panel-cards .lSSlideOuter {
    background: transparent;
    overflow: hidden;
}

.cards {
    margin: 0;
    padding: 0;
    list-style: none;
}

.card-row {
    position: relative;
    display: block;
    height: 72px;
    padding: 16px 24px;
    border-bottom: 1px solid #e9edf2;
    color: #737780;
    -webkit-transition: linear background-color .15s;
    transition: linear background-color .15s;
}

.card-row:hover,
.card-row:focus {
    background-color: #f5f7fa;
    color: #5c5f66;
}

.card-row:last-child {
    border: none;
}

.card-row > span {
    display: inline-block;
}

.card-row > .cell-title {
    display: block;
    margin-bottom: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.card-row > .cell-progress {
    position: absolute;
    top: 16px;
    right: 24px;
    font-weight: 700;
}

.card-row > .cell-date,
.card-row > .cell-cycle,
.card-row > .cell-status {
    float: left;
    font-size: 12px;
}

.card-row > .cell-date,
.card-row > .cell-license {
    float: right;
    font-size: 12px;
}

.card-row > .cell-total {
    position: absolute;
    right: 24px;
    top: 50%;
    height: 16px;
    width: 50%;
    margin-top: -8px;
    text-align: right;
}

@media (max-width: 1199px) {
    .card-row > .cell-license {
        display: none;
    }
}

@media (max-width: 767px) {
    .card-row {
        padding: 16px;
    }

    .card-row > .cell-total {
        top: 16px;
        right: 16px;
        margin-top: 0;
    }

    .card-row > .cell-progress {
        right: 16px;
    }

    .card-row > .cell-total .price {
        font-size: 14px;
    }
}

/* cards > Carousel */
.cards-carousel .cards:not(.lSSlide) > li {
    display: none;
}

.cards-carousel .cards:not(.lSSlide) > li:first-child {
    display: block;
}

.lScardr {
    display: none;
}

.panel-cards .lSSlideWrapper {
    height: 100%;
}

/* card > Navigation */
.cards-nav {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 56px;
    width: 100%;
    padding: 8px 16px;
    border-top: 1px solid #e9edf2;
    text-align: center;
}

.cards-nav .btn > i {
    font-size: 19px;
}

.card-number {
    display: inline-block;
    margin: 10px auto;
    font-size: 13px;
}

.panel-projects .card-row > .cell-title {
    padding-right: 30px;
}

.panel-products .card-row {
    padding-left: 76px;
}

.panel-products .card-row .m-logo {
    position: absolute;
    top: 12px;
    left: 16px;
}

.panel-products .card-row > .cell-title {
    font-weight: 700;
}

@media (max-width: 767px) {
    .panel-products .card-row {
        padding-left: 80px;
    }

    .panel-products .card-row .m-logo {
        top: 12px;
        height: 48px;
        width: 48px;
    }
}

/* PANEL TABLE */
.panel-table,
.pane-table {
    position: relative;
    min-height: 400px;
    padding-bottom: 56px;
}

.tab-content > .pane-table {
    padding: 0 !important;
}

.tab-content .tab-pane p {
    text-align: left;
}

.panel-masspayment .panel-table {
    padding-bottom: 0;
}

/* Table > Header */
.table thead > tr > th {
    height: 56px;
    padding: 12px;
    border-width: 1px;
    color: #a1a6b2;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    vertical-align: middle;
}

.table thead > tr > th.sorting_desc,
.table thead > tr > th.sorting_asc {
    color: #2e3442;
}

.table thead > tr > th[class*="sorting"] > div:after {
    display: inline-block;
    content: "";
    height: 16px;
    width: 10px;
    margin: -2px 0 0 8px;
    font-family: 'Material-Design-Iconic-Font';
    line-height: 16px;
    vertical-align: middle;
}

.table thead > tr > th.sorting_desc > div:after {
    content: '\f2fe';
}

.table thead > tr > th.sorting_asc > div:after {
    content: '\f303';
}

.table thead > tr > th[class*="sorting"] {
    cursor: pointer;
    outline: none !important;
}

.table thead > tr > th[class*="sorting"] > div {
    white-space: nowrap;
}

/* Table > Body */
.table {
    margin: 0;
}

.table tbody > tr > td {
    padding: 12px;
    vertical-align: middle;
    line-height: 20px;
    -webkit-transition: linear all .15s;
    transition: linear all .15s;
}

.table tbody > tr > td .badge {
    margin: -4px 8px 0 0;
    vertical-align: middle;
}

.table tbody > tr > td .m-logo {
    margin-right: 16px;
    vertical-align: middle;
}

.table tbody > tr > td .m-logo + b {
    display: inline-block;
    vertical-align: middle;
}

.table tbody > tr > td .m-logo + b > small {
    display: block;
    font-size: 11px;
    font-weight: normal;
    line-height: 14px;
}

.table thead > tr > th:first-child,
.table tbody > tr > td:first-child {
    padding-left: 24px;
}

.table thead > tr > th:last-child,
.table tbody > tr > td:last-child {
    padding-right: 24px;
}

.table thead > tr > th.cell-actions,
.table tbody > tr > td.cell-actions {
    padding-right: 12px;
}

.table thead > tr > th,
.table tbody > tr > td,
.table tfoot > tr > td {
    border-color: #e9edf2;
}

.table tbody > tr[data-url] td,
.table tbody > tr[data-toggle] td {
    cursor: pointer;
}

.table tbody > tr[data-url]:hover td {
    background-color: #f5f8fa;
}

.table .table-summary > tr > td:first-child {
    text-align: right;
    vertical-align: middle;
}

.table .table-summary > tr:not(:first-child) > td:first-child {
    border-color: transparent;
}

.value-discounted {
    color: #fc873e !important;
}

.table .help-block {
    margin-bottom: 0;
    line-height: 14px;
}

.cell-actions {
    white-space: nowrap;
    text-align: right;
}

.cell-actions > .btn {
    display: inline-block;
}

.cell-label {
    font-size: 13px;
}

.table > tbody > tr.row-after-heading > td {
    border-top: none;
}

.table > tbody > tr > .cell-heading {
    padding: 18px 24px 8px 24px;
}

/* Table > Bottom */
.panel-table .table-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #e9edf2;
}

.panel-table .table-bottom {
    padding: 12px 16px
}

.panel-table .table-bottom .pagination,
.panel-table .table-bottom .table-length {
    margin: 0;
}

.panel-table .table-bottom .table-length {
    float: right;
}

.panel-table .table-bottom .pagination > li > a,
.panel-table .table-bottom .table-length > li {
    display: inline-block;
    height: 32px;
    min-width: 32px;
    padding: 8px;
    border: none;
    background: transparent;
    color: #737980;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    cursor: pointer;
}

.panel-table .table-bottom .pagination > li.disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.panel-table .table-bottom .pagination > li > a:hover,
.panel-table .table-bottom .pagination > li.active > a,
.panel-table .table-bottom .table-length > li.active,
.panel-table .table-bottom .table-length > li:hover {
    color: #5bc758;
}

.panel-table .table-bottom .paging_simple_numbers > * {
    display: inline-block;
    vertical-align: middle;
}

.panel-table .table-bottom .pagination > li > a > i {
    font-size: 19px;
    line-height: 16px;
}

#tab-referrals .panel-table {
    font-size: 13px;
}

#tab-referrals .panel-table .table-bottom {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

.table-affilate thead > tr > th:first-child,
.table-affilate tbody > tr > td:first-child {
    padding-left: 0;
}

.table-affilate thead > tr > th:last-child,
.table-affilate tbody > tr > td:last-child {
    padding-right: 0;
}

@media (min-width: 768px) and (max-width: 991px) {
    .table-tickets > tbody > tr > td.cell-title {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .table-affilate > thead > tr,
    .table-affilate > tbody > tr {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* Table > Responsive */
@media (min-width: 992px) {
    .table-projects .cell-title > .badge {
        display: none;
    }
}

@media (min-width: 768px) {
    .table .responsive-label {
        display: none;
    }
}

@media (min-width: 768px) {
    .table-product > tbody > tr > .cell-title {
        height: 60px
    }
}

.table-product col:nth-child(1) {
    width: 40% !important;
}

.table-product col:nth-child(2) {
    width: 10% !important;
}

.table-product col:nth-child(3) {
    width: 13% !important;
}

.table-product col:nth-child(4) {
    width: 13% !important;
}

.table-product col:nth-child(5) {
    width: 13% !important;
}

.table-product col:nth-child(6) {
    width: 9% !important;
}

.table-product col:nth-child(7) {
    width: 0% !important;
}

.table-product col:nth-child(8) {
    width: 0% !important;
}

@media (max-width: 1200px) {
    .table-product col:nth-child(1) {
        width: 40% !important;
    }

    .table-product col:nth-child(2) {
        width: 0% !important;
        display: none;
    }

    .table-product col:nth-child(3) {
        width: 15% !important;
    }

    .table-product col:nth-child(4) {
        width: 15% !important;
    }

    .table-product col:nth-child(5) {
        width: 15% !important;
    }

    .table-product col:nth-child(6) {
        width: 10% !important;
    }

    .table-product col:nth-child(7) {
        width: 0% !important;
    }

    .table-product col:nth-child(8) {
        width: 0% !important;
    }
}


@media (max-width: 767px) {
    .table,
    .table > tbody,
    .table > thead,
    .table > tfoot,
    .table > tbody > tr,
    .table > tbody > tr > td,
    .table > tfoot > tr,
    .table > tfoot > tr > td,
    .table > thead > tr,
    .table > thead > tr > td {
        display: block;
        line-height: 16px;
    }

    .table > thead > tr > th {
        display: none;
        height: 48px;
        padding: 12px 16px;
        line-height: 24px;
    }

    .table > thead > tr > th:first-child {
        display: block;
        padding-left: 16px;
        width: 100% !important;
    }

    .table:not(.table-sub) > tbody > tr:not(.collapse-row) {
        position: relative;
        padding: 16px;
        border-top: 1px solid #e9edf2;
    }

    .table:not(.table-sub) > tbody > tr:not(.collapse-row):first-child {
        border-top: none;
    }

    .table > tbody > tr:after {
        display: block;
        content: "";
        clear: both;
    }

    .table > tbody > tr > td,
    .table > tbody > tr > td:first-child,
    .table > tbody > tr > td:last-child,
    .table > tfoot > tr > td,
    .table > tfoot > tr > td:first-child,
    .table > tfoot > tr > td:last-child {
        padding: 0;
        border: none;
    }

    .table > tbody > tr:hover > td,
    .table > tbody > tr:focus > td,
    .table > tbody > tr:active > td {
        background: transparent !important;
    }

    .table .cell-actions {
        display: none;
    }

    .table .cell-title {
        display: block;
        margin: 0 0 10px;
    }

    .table .cell-progress {
        position: absolute;
        top: 16px;
        right: 24px;
        font-weight: 700;
    }

    .table .cell-date,
    .table .cell-cycle {
        float: left;
        font-size: 12px;
    }

    .table .cell-status,
    .table .cell-license {
        float: right;
        font-size: 12px;
    }

    .table .cell-total {
        position: absolute;
        right: 24px;
        top: 50%;
        height: 16px;
        width: 50%;
        margin-top: -8px;
        text-align: right;
    }

    .table-invoice .cell-price {
        position: absolute;
        right: 16px;
        top: 16px;
        height: 16px;
        width: 40%;
        text-align: right;
        font-size: 14px;
        font-weight: bold;
    }

    .table-invoice .cell-title {
        width: 60%;
    }

    .panel-table .table-bottom .table-length {
        display: none;
    }

    .panel-table .table-bottom .table-pagination {
        text-align: center;
    }

    /* Table > Product */
    .table-product > tbody > tr {
        position: relative;
        padding-left: 64px;
    }

    .table-product .m-logo {
        position: absolute;
        left: 0;
        top: 20px;
    }

    .table-product .cell-title {
        margin: -5px 0 8px 0;
    }

    .table-product .cell-status {
        float: right;
    }

    .table-product .cell-cycle {
        padding-left: 56px;;
    }

    .table-product .product-name > b,
    .table-product .product-name > b > small {
        display: block !important;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    /* Table > Projects */
    .table-projects > tbody > tr {
        position: relative;
    }

    .table-projects .cell-title {
        padding-right: 60px !important;
    }

    /* Table Mass Payment */
    #masspay-table > thead > tr > .cell-actions,
    #masspay-table > tbody > tr > .cell-actions {
        position: absolute;
        top: 6px;
        right: 8px;
        display: block;
    }

    #masspay-table > thead > tr > .cell-actions {
        padding: 0;
        border: none;
    }

    #masspay-table > tbody > tr > .cell-total {
        right: 0;
        width: 40%;
        padding-right: 48px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    #masspay-table > tbody > tr > .cell-desc {
        width: 60%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}

/* PRODUCT DETAILS */
.header-product.content-header {
    padding-bottom: 28px;
}

.product-logo {
    float: left;
}

.product-logo .m-logo {
    -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 25px rgba(0, 0, 0, .1);
}

.product-content .breadcrumb {
    margin: -4px 0 0 0;
}

.product-content h1 {
    margin: 6px 0;
    color: #fff;
    font-size: 30px;
    line-height: 38px;
}

.product-content h1 > .label {
    display: inline;
    margin: -6px 0 0 16px;
    vertical-align: middle;
    position: relative;
    top: -3px;
}

.product-actions {
    padding-top: 16px;
}

.product-actions .pull-left > .btn {
    margin-right: 6px;
}

@media (min-width: 768px) {
    .product-content {
        margin-left: 24px;
    }
}

@media (max-width: 767px) {
    .product-content {
        margin-left: 72px;
    }

    .product-content h1 {
        margin: 4px 0;
        font-size: 18px;
        font-weight: 700;
        line-height: 24px;
    }

    .product-content h1 > .label {
        margin-left: 8px;
    }

    .product-content .list-product-info {
        display: none;
    }
}

@media (max-width: 579px) {
    .product-content h1 {
        margin: -4px 0 0 0;
        min-height: 60px;
    }

    .product-content .breadcrumb {
        display: none;
    }

    .product-actions {
        margin: 0 0 0 -72px;
    }

    .product-actions > div {
        float: none !important;
        margin: 0 0 8px 0;
    }

    .product-actions > div,
    .product-actions .btn {
        width: 100%;
    }

    .product-actions .btn + .btn {
        margin-top: 8px;;
    }

    .header-product.content-header {
        padding-bottom: 16px;
    }
}

/* Product > Tabs */
.tab-content > .tab-pane {
    padding: 24px;
    margin-bottom: 26px;
}

.tab-content > .tab-pane .tab-pane {
    min-height: 0;
    padding: 16px 0 0 0;
    margin: 0;
}

.tab-content > .tab-pane .tabs {
    margin-top: -16px;
}

.nav-tabs .badge {
    margin-top: -2px;
}

.tab-content > #tab-addons {
    padding: 0;

}

.tab-content > #tab-info.active,
.tab-content > #tab-downloads.active {
    display: table;
    width: 100%;
    padding: 0;
}

@media (min-width: 992px) {
    .tab-content > .tab-pane {
        min-height: 360px;
    }

    .product-details {
        display: table-row;
    }

    .product-details > * {
        display: table-cell
    }

    #upgrade-tabs > .tab-content > .tab-pane {
        min-height: 0px;
    }
}

@media (max-width: 767px) {
    .tab-content > .tab-pane {
        min-height: 0;
    }

    .list-product-info {
        padding: 0;
    }

    .list-product-info li:nth-of-type(1n+2) {
        display: inline-block;
    }

    .tab-content > .tab-pane {
        padding: 16px;
    }
}

@media (max-width: 579px) {
    .tabs {
        margin-left: -8px;
        margin-right: -8px;
    }
}

/* Details > List */
.details-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.details-list:after {
    display: block;
    content: "";
    clear: both;
}

.details-list > li {
    margin: 0 0 17px 0;
}

.details-list > li .label {
    margin-left: 8px;
}

.details-list > li > h6 {
    margin: 0;
}

.details-list > li > p {
    margin: 0 !important;
}

.details-list > li > p > span,
.details-list > li > p > .btn {
    margin-right: 12px;
    vertical-align: middle;
}

.details-list > li > .btn,
.details-list > li > form {
    display: inline-block;
    margin: 10px 6px 0 0;
    vertical-align: middle;
}

.details-list > .license-row > form,
.details-list > .license-row > .btn {
    margin-top: 0;
}

.details-list > .license-row > p {
    margin-bottom: 10px !important;
}

.details-list .price-discount {
    position: relative;
    font-size: 14px;
    line-height: 24px;
    vertical-align: unset;
    margin-right: 0;
}

.details-list .zmdi-help-outline {
    margin-left: 6px;
}

.details-list .price-discount:before {
    content: '';
    position: absolute;
    top: 55%;
    left: 0;
    width: 100%;
    height: 1px;
    margin-top: -1px;
    background: #ff8e2b;
}

@media (max-width: 767px) {
    .details-list .price-discount {
        font-size: 13px;
    }

    .details-list.list-horizontal li span {
        font-size: 13px;
    }
}

hr {
    margin-top: 24px !important;
    margin-bottom: 28px !important;
    border-color: #e9edf2
}

.details-list > li > p {
    display: inline-block;
    word-break: break-all;
}

@media (max-width: 991px) {
    #tab-info .details-download:not(.details-trial) {
        display: none;
    }

    #tab-downloads .downloads-list {
        padding: 0;
    }

    #tab-downloads .product-details {
        display: flex;
        flex-direction: column;
    }

    #tab-downloads .details-download {
        order: -1;
        text-align: left;
    }

    #tab-downloads .details-content h5,
    #tab-downloads .details-download h5 {
        margin-bottom: 16px;
        line-height: 20px;
    }

    #tab-downloads .details-download .version.version-xlg {
        font-size: 24px;
        line-height: 32px;
    }

    #tab-downloads .details-download .date {
        margin: 0;
        font-size: 12px;
        line-height: 20px;
    }

    #tab-downloads .details-download .latest-body {
        margin-right: 240px;
    }

    #tab-downloads .details-download .download-latest {
        position: relative;
    }

    #tab-downloads .details-download .latest-actions {
        position: absolute;
        right: 0;
        bottom: 12px;
    }

    #tab-downloads .details-download .latest-actions > br {
        display: none;
    }

    #tab-downloads .details-download .latest-actions .btn {
        float: right;
        min-width: 0;
        margin: 0;
        padding: 8px 16px;
        font-size: 13px;
        line-height: 24px;
    }

    #tab-downloads .details-download .latest-actions .btn-link {
        font-size: 13px;
    }

    #tab-downloads .details-content > h5 {
        margin-bottom: 0px;
    }

    #tab-downloads .downloads-list > li {
        padding-top: 16px;
    }

    #tab-downloads .downloads-list .list-actions {
        top: 50%;
        transform: translateY(-50%)
    }
}

@media (min-width: 768px) {
    .details-content,
    .product-addons .panel-body {
        padding: 32px 32px 16px 32px;
    }

    .details-list.list-horizontal > li {
        float: left;
        width: 33.33%;
    }
}

@media (max-width: 767px) {
    .details-content,
    .product-addons .panel-body {
        padding: 16px 16px 8px 16px;
    }

    .details-list > li {
        margin: 0 0 8px 0;
    }

    .details-list > li > h6 {
        display: inline-block;
        margin-right: 8px;
        text-transform: none;
    }

    .details-list > li > p {
        display: inline-block;
        word-break: break-all;
    }

    .details-list > li > p > .label {
        display: inline-block;
        margin-left: 0;
    }

    #tab-downloads .download-actions {
        padding: 0;
    }

    #tab-downloads .list-body .date {
        font-size: 12px;
        line-height: 20px;
    }
}

@media (max-width: 579px) {
    #tab-downloads .downloads-list > li .list-actions .btn,
    #tab-downloads .details-download .latest-actions .btn {
        padding: 12px;
    }

    #tab-downloads .downloads-list > li .list-actions .btn-link,
    #tab-downloads .downloads-list > li .list-actions .btn > span > span,
    #tab-downloads .details-download .latest-actions .btn-link,
    #tab-downloads .details-download .latest-actions .btn > span > span {
        display: none;
    }

    #tab-downloads .downloads-list > li .list-actions .btn > span > i,
    #tab-downloads .details-download .latest-actions .btn > span > i {
        margin: 0;
    }

    #tab-downloads .details-download .latest-body,
    #tab-downloads .downloads-list > li .list-body {
        margin-right: 56px;
    }
}

/*Details > Download */
.details-download {
    padding: 32px;
    width: 462px;
    background-color: #f5f8fa;
    text-align: center;
    /*vertical-align: middle;*/
}

.details-download h5 {
    margin-bottom: 25px;
}

.details-download .date {
    display: block;
    margin: 6px 0 10px 0;
}

.details-download .compatibility {
    display: block;
    margin: 6px 0 36px 0;
}

.details-download .btn-link {
    margin-top: 8px;
    font-weight: 400;
}

.details-download .btn {
    min-width: 160px;
}

.details-download .latest-actions {
    margin-top: 18px;
}

.details-download .latest-actions .btn-primary i {
    line-height: 25px;
}

#tab-info .download-latest .btn-primary {
    margin-top: 8px;
}

#tab-info .download-latest .btn-primary i {
    line-height: 25px;
}

.version {
    color: #55be55;
    font-weight: 800;
}

.version-md {
    font-size: 24px;
    line-height: 32px;
}

.version-xlg {
    font-size: 66px;
    line-height: 66px;
}

.download-actions {
    margin: 0 0 0 -15px;
    padding: 6px 0 15px 0;
}

.download-actions .btn {
    padding-right: 12px;
    padding-left: 12px;
}

.download-actions .btn .update {
    transform: rotate(90deg)
}

@media (max-width: 1199px) {
    .details-download {
        width: 362px;
    }
}

@media (max-width: 991px) {
    .details-download {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .details-download {
        padding: 16px;
    }

    .details-download h5 {
        margin-bottom: 8px;
    }

    .details-download .date {
        margin-bottom: 20px;
    }

    .details-download .btn-link {
        margin-top: 0;
    }
}

/* Details - Trial */

.trial-calendar {
    height: 139px;
    width: 141px;
    margin: 0 auto 24px;
    padding: 32px 8px 24px 8px;
    background: url(../img/trial-calendar.svg) no-repeat;
}

.trial-value {
    display: block;
    color: #55be55;
    font-size: 72px;
    font-weight: 900;
    line-height: 72px;
}

.trial-label {
    display: block;
    color: #55be55;
    font-display: 14px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 20px;
}

/* Details > Downloads > List */
.downloads-list {
    margin: 0;
    padding: 16px 0 0 0;
    list-style: none;
}

.downloads-list > li {
    position: relative;
    padding: 0 0 16px 0;
    margin: 0 0 16px 0;
    border-bottom: 1px solid #e9edf2;
}

.downloads-list > li:last-child {
    margin-bottom: 0;
}

.downloads-list > li:after {
    display: block;
    content: "";
    clear: both;
}

.downloads-list > li .list-body {
    margin-right: 240px;
}

.downloads-list > li .list-body .date {
    font-size: 12px;
    line-height: 20px;
}

.downloads-list > li .list-body p {
    margin: 0;
}

.downloads-list > li .list-actions {
    position: absolute;
    right: 0;
    top: 4px;
    height: 40px;
    width: 250px;
    text-align: right;
}

.downloads-list > li .list-actions .btn-link {
    margin-right: 12px;
    font-weight: 400;
}

/* Product > Addons */
.product-addons > h4 {
    margin: 0 0 17px;
}

.product-addons .widget {
    border: 1px solid #e9edf2;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: visible;
}

.product-addons .w-paddon {
    height: 150px;
    padding-left: 137px;
}

.product-addons .w-paddon .widget-actions {
    width: auto;
    padding: 16px;
}

.product-addons .w-paddon .widget-actions > .price {
    float: left;
    padding: 8px 0;
    color: #2e3442;
    font-size: 14px;
}

.product-addons .w-paddon .widget-header {
    display: blockr;
    padding: 0;
}

.product-addons .w-paddon .widget-header > .header-title {
    display: block
}

.product-addons .w-paddon .widget-header > .header-title > .title-icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    margin: auto;
}

@media (max-width: 1199px) {
    .product-addons .w-paddon {
        height: 170px;
    }
}

@media (min-width: 580px) {
    .product-addons .w-paddon .widget-header {
        position: absolute;
        top: -1px;
        left: -1px;
        height: calc(100% + 2px);
        width: 138px;
        -webkit-border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px;
    }

    .product-addons .w-paddon .widget-actions {
        left: 137px;
        right: 0;
    }
}

@media (max-width: 579px) {
    .product-addons .w-paddon {
        height: auto;
        padding-left: 0;
    }

    .product-addons .w-paddon .widget-header {
        width: calc(100% + 2px);
        margin: -1px -1px 0 -1px;
        -webkit-border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
    }
}

/* CANCELATION REQUEST */
.vote-list,
.yesno-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.vote-list > li,
.yesno-list > li {
    position: relative;
    padding: 2px 0;
    margin-bottom: 8px;
    line-height: 20px;
}

.vote-list > li {
    padding-right: 150px;
}

.yesno-list > li {
    padding-right: 56px;
}

.vote-list > li:after,
.yesno-list > li:after {
    display: block;
    content: "";
    clear: both;
}

.vote-list > li .vote,
.yesno-list > li .switch {
    position: absolute;
    top: 0;
    right: 0;
}

.vote > input {
    opacity: 0;
    visibility: hidden;
}

.vote > .radio-styled {
    height: 24px;
    width: 24px;
    margin: 0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    cursor: pointer;
}

.vote > .radio-styled:hover,
.vote > .radio-styled.checked {
    border-color: #5bc758;
}

.vote > .radio-styled.checked:before {
    color: #5bc758;
}

.vote > .radio-styled:before {
    top: 0;
    left: 3px;
    height: 24px;
    width: 16px;
    opacity: 1;
    background: transparent;
    color: #737780;
    font-size: 11px;
    line-height: 22px;
    text-align: center;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .vote > .radio-styled:before {
        line-height: 24px;
    }
}

.vote > .radio-styled:nth-child(1):before {
    content: "1";
}

.vote > .radio-styled:nth-child(2):before {
    content: "2";
}

.vote > .radio-styled:nth-child(3):before {
    content: "3";
}

.vote > .radio-styled:nth-child(4):before {
    content: "4";
}

.vote > .radio-styled:nth-child(5):before {
    content: "5";
}

.switch {
    position: relative;
    height: 22px;
    width: 46px;
    cursor: pointer;
}

.switch-checkbox {
    position: absolute;
    opacity: 0;
}

.switch-handle {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 2;
    display: block;
    height: 18px;
    width: 18px;
    background-color: #fff;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
}

.switch:hover .switch-handle {
    -webkit-box-shadow: 0 1px 10px -1px rgba(37, 45, 51, .5);
    box-shadow: 0 1px 10px -1px rgba(37, 45, 51, .5);
}

.switch-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #dadfe5;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
}

.switch-checkbox:checked + .switch-container {
    background-color: #5bc758;
}

.switch-checkbox:checked + .switch-container:after {
    position: absolute;
    top: 0;
    left: 6px;
    z-index: 1;
    display: block;
    content: "yes";
    color: #fff;
    font-size: 9px;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 24px;
}

.switch-checkbox + .switch-container:after {
    position: absolute;
    top: 0;
    right: 6px;
    z-index: 1;
    display: block;
    content: "no";
    color: #8a9399;
    font-size: 9px;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 24px;
}

.switch-checkbox + .switch-container .switch-handle {
    right: 26px;
}

.switch-checkbox:checked + .switch-container .switch-handle {
    right: 2px;
}

/* LOGIN PAGE */
.page-login .page-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 120px 0 80px !important;
}

.page-login.page-notlogged .page-content {
    padding: 100px 0 !important;
}

.page-login .page-content .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.page-login .page-bg {
    height: 100%;
}

.page-login .page-bg:before {
    background-repeat: no-repeat !important;
    background-position: top center !important;
}

.panel-login {
    min-height: 410px;
    width: 420px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-item-items: center;
    align-items: center;
}

.panel-login .panel-body {
    width: 100%;
    padding: 48px;
}

.panel-login .no-data {
    height: auto;
}

.panel-login .panel-body h1 {
    margin: -10px 0 28px 0;
    font-size: 28px;
    line-height: 32px;
    text-align: center;
}

.panel-login .panel-body h1 + p {
    margin: -24px 0 28px 0;
    font-size: 14px;
    text-align: center;
}

.panel-login .panel-body .form-group {
    marign-bottom: 16px;
}

.panel-login .panel-body button.btn {
    margin-top: 30px;
}

.panel-login .panel-body .btn-link {
    font-weight: 400;
}

.panel-login .panel-body .remember:after {
    display: block;
    content: "";
    clear: both;
}

.panel-login .panel-body .remember .checkbox {
    margin: 0;
}

.panel-login .panel-body .remember a {
    display: block;
    margin: 4px 0;
    font-size: 13px;
}

@media (max-width: 767px) {
    .page-login .page-content {
        padding: 40px 0 !important;
    }

    .panel-login {
        min-height: 0;
    }

    .panel-login .panel-body .col-sm-6 + .col-sm-6 a.btn-outline {
        margin-top: 16px;
    }
}

@media (max-width: 579px) {
    .panel-login {
        width: 100%;
    }

    .panel-login .panel-body {
        padding: 24px;
    }
}

.panel-email-verification {
    background: #fff url(../img/account-verification-plane.jpg) no-repeat top center;
}

.panel-email-verification .icon-holder {
    background-color: #fff;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.panel-email-verification .icon-holder .zmdi-check {
    color: #48b54a;
    font-size: 72px;
    text-align: center;
    line-height: 160px;
}

.panel-email-verification .icon-holder .zmdi-check:after {
    color: #48b54a;
}

/* TICKETS */
.page-notlogged .header-tickets {
    padding-bottom: 48px;
}

.page-notlogged .header-tickets .header-title h1 {
    margin-top: -10px;
    font-size: 48px;
    line-height: 56px;
    text-align: center;
}

.page-notlogged .header-tickets .header-title h1 span {
    font-weight: 300;
}

.page-notlogged .header-tickets .header-title h1 + p {
    margin-top: 32px !important;
}

.page-notlogged .header-tickets .header-title {
    float: none;
    width: 100%;
    text-align: center;
}

@media (max-width: 767px) {
    .page-notlogged .header-tickets .header-title h1 {
        margin-top: -6px;
        font-size: 32px;
        line-height: 36px;
    }

    .page-notlogged .header-tickets {
        padding-bottom: 42px;
    }

    .page-notlogged .header-tickets .header-title h1 + p {
        margin-top: 21px !important;
    }
}

/* Ticket > Reply */
.ticket-reply {
    position: relative;
    padding-left: 62px;
    margin-bottom: 16px;
}

.reply-avatar {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f5f8fa;
}

.avatar-issue {
    background-color: #ed4040;
    text-align: center;
    color: #fff;
}

.reply-avatar > i {
    line-height: 40px;
    font-size: 24px;
}

.reply-content,
.timeline-panel {
    position: relative;
    background: #f5f8fa;
}

.reply-content:before,
.timeline-panel:before {
    position: absolute;
    top: 16px;
    left: -8px;
    display: block;
    content: '\f2f4';
    color: #f5f8fa;
    font-family: 'Material-Design-Iconic-Font';
    font-size: 56px;
}

.reply-staff .reply-content {
    background: #e9f7e9;
}

.reply-staff .reply-content:before {
    color: #e9f7e9;
}

@media (max-width: 767px) {
    .ticket-reply {
        padding-left: 48px;
    }

    .reply-avatar {
        height: 32px;
        width: 32px;
    }

    .reply-content:before,
    .timeline-panel:before {
        top: 8px;
        left: -6px;
    }
}

/* Ticket > Reply > Top */
.reply-content .content-top {
    padding: 16px;
    font-size: 12px;
}

.reply-content .content-top span > i {
    margin: -4px 8px 0;
    color: rgba(46, 52, 66, 0.2);
    font-size: 6px;
    vertical-align: middle;
}

.reply-content .content-top .name {
    font-size: 14px;
    font-weight: 700;
}

.reply-content .content-top .date {
    color: rgba(46, 52, 66, 0.5);
}

.reply-content .content-top .rating,
.reply-content .content-top .rating-done {
    float: right;
}

.reply-content .content-top .rating-done .rated {
    float: left;
    margin-right: 8px;
    color: rgba(46, 52, 66, 0.5);
}

.reply-content .content-top .rating-done > .star,
.reply-content .content-top .rating > .star {
    float: right;
    display: inline-block;
    height: 24px;
    width: 12px;
    cursor: pointer;
}

.reply-content .content-top .rating-done > .star:before {
    cursor: not-allowed;
}

.reply-content .content-top .rating-done > .star:before,
.reply-content .content-top .rating > .star:before {
    content: '\f27d';
    color: rgba(46, 52, 66, 0.5);
    font-family: 'Material-Design-Iconic-Font';
    -webkit-transition: linear all .15s;
    transition: linear all .15s;
}

.ticket-reply .rating span.star:hover:before,
.ticket-reply .rating span.star:hover ~ span.star:before,
.ticket-reply .rating-done span.star.active:before {
    color: #ffc300;
}

@media (max-width: 579px) {
    .reply-content .content-top {
        font-size: 12px;
    }

    .reply-content .content-top .name {
        font-size: 13px;
    }
}

/* Ticket > Reply > Body */
.reply-content .content-body {
    padding: 16px;
}

.reply-content .content-body,
.reply-content .content-body > * {

    line-height: 20px;
    word-wrap: break-word;
    color: #2e3442;
}

/* Ticket > Reply > Attachements */
.reply-content .content-attachments {
    padding: 16px;
    border-top: 1px solid rgba(46, 52, 66, 0.1);
}

.reply-content .content-attachments h6 {
    margin: 0 0 4px 0;
    color: rgba(46, 52, 66, 0.5);
    font-size: 11px;
    line-height: 16px;
}

.reply-content .content-attachments .attachments {
    margin: 0;
    padding: 0;
    list-style: none;
}

.reply-content .content-attachments .attachments:after {
    display: block;
    content: "";
    clear: both;
}

.reply-content .content-attachments .attachments > li {
    float: left;
    margin-right: 16px;
}

.reply-content .content-attachments .attachments > li > a {
    display: block;
    color: #737980;
    font-size: 12px;
    line-height: 24px;
}

.reply-content .content-attachments .attachments > li > a > i {
    float: left;
    margin-right: 8px;
    font-size: 19px;
    line-height: 24px;
}

/* Ticket > Reply > Message */
.ticket-message {
    position: relative;
    margin: 24px -24px -24px;
    padding: 24px;
    border-top: 1px solid #e5e9ee;
}

.ticket-message .anchor {
    position: absolute;
    top: -60px;
}

.panel-ticket .ticket-message {
    margin: 0 -24px 24px;
    padding: 0 24px 24px;
    border-top: 0;
    border-bottom: 1px solid #e5e9ee;
}

.panel-ticket + .btn-primary {
    float: right;
}

@media (max-width: 767px) {
    .ticket-message {
        margin: 12px -16px -16px;
        padding: 16px;
    }

    .panel-ticket + .btn-primary {
        width: 100%;
    }

    .page-filename-viewticket .panel-ticket .anchor {
        top: -180px;
    }
}

/* Ticket > Reply > Message > Attachments*/
.message-attachments h6 {
    margin: 0 0 8px;
    font-size: 11px;
    line-height: 11px;
}

.message-attachments .help-block {
    margin-bottom: 0;
}

.message-attachments .btn {
    margin-bottom: 0 !important;
}

.file-btn,
.file-uploads {
    display: inline-block;
}

/* .file-uploads .file-btn {
	margin: 0 10px 10px 0;
} */
.file-input {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.file-input + label {
}

.file-input:focus + label,
.file-input + label:hover {
}

.file-input + label {
    cursor: pointer;
    /* "hand" cursor */
}

.file-input:focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.panel-ticket .ticket-message .message-attachments {
    display: inline-block;
}

/* Ticket >  Message > Actions */
.message-actions {
    position: relative;
    margin: 24px 0 0 0;
}

@media (min-width: 768px) {
    .message-actions .btn {
        float: right;
        min-width: 160px;
    }
}

@media (max-width: 767px) {
    .message-actions > .btn {
        display: block;
        width: 100%;
    }

    .message-attachments {
        margin-bottom: 16px;
    }

    .panel-ticket .ticket-message .message-attachments {
        margin-bottom: 8px;
    }
}

/* Ticket > Message > Secure */
.message-secure {
    margin-top: 16px;
    background-color: #e9f7e9;
    border-radius: 4px;
}

.message-secure > h5 {
    margin: 0;
    padding: 10px 16px;
    color: #5c5f66;
    cursor: pointer;
    -webkit-transition: linear color .15s;
    transition: linear color .15s;
}

.message-secure > h5:hover {
    color: #5bc758;
}

.message-secure > h5 > i {
    margin: -6px 8px 0 0px;
    font-size: 24px;
    vertical-align: middle;
}

.message-secure > p {
    padding: 0 16px 10px 16px;
}

.message-secure > .panel-collapse > .collapse-body {
    padding: 0 16px 16px;
}

.message-secure p {
    margin: 0 0 8px 0 !important;
    font-size: 13px;
    line-height: 20px;
}

.message-secure textarea {
    min-height: 48px;
}

/* Ticket >  Message  > Editor  */
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
    margin: 0 24px 0 0;
}

.md-editor {
    display: block;
    border: 1px solid #d7dbe0;
    border-radius: 4px;
    overflow: hidden;
}

.md-editor .md-footer,
.md-editor > .md-header {
    display: block;
    padding: 6px 8px;
    background: #fff;
}

.md-editor .md-footer {
    font-size: 11px;
}

.md-editor > .md-header {
    margin: 0
}

.md-editor > .md-preview {
    background: #fff;
    border-top: 1px dashed #e9edf2;
    border-bottom: 1px dashed #e9edf2;
    min-height: 10px;
    overflow: auto
}

.md-editor > textarea {
    color: #737780;
    font-size: 14px;
    outline: 0;
    margin: 0;
    display: block;
    padding: 16px;
    width: 100%;
    border: 0;
    border-top: 1px solid #e9edf2 !important;
    border-bottom: 1px solid #e9edf2 !important;
    border-radius: 0;
    box-shadow: none;
    background: #fff;
}

.md-editor > textarea:focus,
.md-editor > textarea:hover {
    box-shadow: none;
    background: #fff;
    border: 0;
    border-top: 1px solid #e9edf2;
    border-bottom: 1px solid #e9edf2;
}

.md-editor.active {
    outline: 0;
}

.md-editor .md-controls {
    float: right;
    padding: 3px
}

.md-editor .md-controls .md-control {
    right: 5px;
    color: #bebebe;
    padding: 3px 3px 3px 10px
}

.md-editor .md-controls .md-control:hover {
    color: #333
}

.md-editor.md-fullscreen-mode {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    padding: 60px 30px 15px;
    background: #fff !important;
    border: 0 !important
}

.md-editor.md-fullscreen-mode .md-footer {
    display: none
}

.md-editor.md-fullscreen-mode .md-input,
.md-editor.md-fullscreen-mode .md-preview {
    margin: 0 auto !important;
    height: 100% !important;
    font-size: 20px !important;
    padding: 20px !important;
    color: #999;
    line-height: 1.6em !important;
    resize: none !important;
    box-shadow: none !important;
    background: #fff !important;
    border: 0 !important
}

.md-editor.md-fullscreen-mode .md-preview {
    color: #333;
    overflow: auto
}

.md-editor.md-fullscreen-mode .md-input:focus,
.md-editor.md-fullscreen-mode .md-input:hover {
    color: #333;
    background: #fff !important
}

.md-editor.md-fullscreen-mode .md-header {
    background: 0 0;
    text-align: center;
    position: fixed;
    width: 100%;
    top: 20px
}

.md-editor.md-fullscreen-mode .btn-group {
    float: none
}

.md-editor.md-fullscreen-mode .btn {
    border: 0;
    background: 0 0;
    color: #b3b3b3
}

.md-editor.md-fullscreen-mode .btn.active,
.md-editor.md-fullscreen-mode .btn:active,
.md-editor.md-fullscreen-mode .btn:focus,
.md-editor.md-fullscreen-mode .btn:hover {
    box-shadow: none;
    color: #333
}

.md-editor.md-fullscreen-mode .md-fullscreen-controls {
    position: absolute;
    top: 20px;
    right: 20px;
    text-align: right;
    z-index: 1002;
    display: block
}

.md-editor.md-fullscreen-mode .md-fullscreen-controls a {
    color: #b3b3b3;
    clear: right;
    margin: 10px;
    width: 30px;
    height: 30px;
    text-align: center
}

.md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover {
    color: #333;
    text-decoration: none
}

.md-editor.md-fullscreen-mode .md-editor {
    height: 100% !important;
    position: relative
}

.md-editor .md-fullscreen-controls {
    display: none
}

.md-nooverflow {
    overflow: hidden;
    position: fixed;
    width: 100%
}

@media (max-width: 579px) {
    .md-editor > .md-header {
        display: none;
    }
}

/* INVOICE */
.currency-credit-box {
    position: relative;
}

.currency-credit-box.has-prefix input {
    padding-left: 25px;
}

.currency-credit-box.has-suffix input {
    padding-right: 25px;
}

.currency-credit-box.has-prefix span {
    top: 16px;
    left: 15px;
    position: absolute;
}

.currency-credit-box.has-suffix span {
    top: 16px;
    right: 15px;
    position: absolute;
}

.alert-invoice-upgrage-warning {
    border: none;
    border-radius: 0;
    background-color: white;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .invoice-container > div:last-child:not(.col-md-3) {
        width: 242px !important;
    }
}

.status-label {
    float: right;
    background-color: rgba(255, 255, 255, .1);
}

.invoice-logo img {
    max-width: 280px;
}

.invoice-top ul > li {
    position: relative;
    margin: 0 0 8px 0;
    text-align: right;
}

.invoice-top ul .list-label {
    display: inline-block;
    padding: 0 15px 0 0;
    color: #a1a6b2;
}

.invoice-status {
    color: #fff;
}

.invoice-status .status-id {
    padding-left: 44px !important;
}

.invoice-status.status-md .status-id {
    padding-right: 10px;
    text-align: right;
}

.invoice-status.status-md .status-label {
    font-weight: 700;
}

.panel-invoice .list-address,
.panel-invoice address {
    font-size: 13px;
}

.form-actions table,
.form-actions table > tbody,
.form-actions table > tbody > tr,
.form-actions table > tbody > tr > td,
.form-actions table > tbody > tr > td > form {
    display: block;
    width: 100%;
}

.form-actions table > tbody > tr > td:first-child {
    margin-bottom: 8px;
}

.form-actions table > tbody > tr > td > form input[type*="image"] {
    height: 48px;
    opacity: 0;
}

@media (min-width: 768px) {
    .panel-invoice .row {
        margin-left: -20px;
        margin-right: -20px;
    }

    .panel-invoice [class*="col-"] {
        padding-left: 20px;
        padding-right: 20px;
    }

    .panel-invoice .table > tbody > tr > td,
    .panel-invoice .table > thead > tr > th,
    .panel-invoice .table > tfoot > tr > td {
        padding: 10px 25px;
    }

    .panel-invoice .table > tbody > tr > td:first-child,
    .panel-invoice .table > thead > tr > th:first-child,
    .panel-invoice .table > tfoot > tr > td:first-child,
    .panel-invoice > .panel-body > h4,
    .panel-invoice > .panel-body > p {
        padding-left: 0;
    }

    .panel-invoice .table > tbody > tr > td:last-child,
    .panel-invoice .table > thead > tr > th:last-child,
    .panel-invoice .table > tfoot > tr > td:last-child,
    .panel-invoice > .panel-body > h4,
    .panel-invoice > .panel-body > p {
        padding-right: 0;
    }

    .status-label {
        padding: 0 20px;
    }

    .invoice-top,
    .invoice-status {
        margin-bottom: 40px;
    }

    .invoice-info {
        margin-bottom: 20px;
    }

    .invoice-status.status-lg {
        height: 80px;
        font-size: 32px;
        font-weight: 100;
        line-height: 80px;
    }

    .invoice-status.status-md {
        height: 40px;
        color: #fff;
        font-size: 16px;
        font-weight: 100;
        line-height: 40px;
    }

    .invoice-taxitem {
        margin: -30px 0 40px;
    }
}

@media (max-width: 767px) {
    .invoice-status {
        padding-left: 54px;
        margin: 0 0 20px -40px;
    }

    .invoice-status .status-id {
        padding-left: 10px !important;
    }

    .invoice-status .status-label {
        padding-left: 10px;
    }

    .invoice-payto,
    .invoice-invoicedto {
        margin-bottom: 20px !important;
    }

    .invoice-top {
        margin-bottom: 20px !important;
    }

    .invoice-taxitem {
        margin: -10px 0 20px;
    }

    .invoice-status.status-lg {
        height: 50px;
        font-size: 20px;
        font-weight: 100;
        line-height: 50px;
    }

    .invoice-status.status-md {
        height: 32px;
        font-size: 14px;
        font-weight: 100;
        line-height: 32px;
    }

    .panel-invoice h4 {
        margin-bottom: 10px;
    }

    .invoice-table .table > tbody > tr,
    .invoice-table .table > thead > tr th {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .invoice-table .table > tbody > tr .amount-col {
        line-height: 32px;
    }

    .invoice-table .table td {
        word-break: break-word;
    }

    .table-summary tr {
        width: 100%;
        padding: 10px 0;
    }

    .table-summary tr:after {
        display: block;
        content: "";
        clear: both;
    }

    .table-summary tr td {
        float: left;
        width: 50%;
        padding: 0 10px !important;
    }
}

@media (max-width: 579px) {
    .panel-invoice .panel-body {
        padding: 16px;
    }

    .invoice-logo {
        text-align: center;
        margin-bottom: 20px;
    }

    .invoice-logo img {
        max-width: 200px;
    }

    .invoice-top ul > li {
        float: left;
        width: 50%;
        margin: 0;
        text-align: left;
    }

    .invoice-top ul > li .list-label {
        display: block;
    }

    .invoice-status {
        padding-left: 12px;
        margin: 0 0 20px -16px;
    }

    .invoice-status .status-id {
        padding-left: 10px !important;
    }

    .invoice-status .status-label {
        padding-left: 12px;
    }
}

.table > tbody > tr.collapse-row > td {
    padding: 0 !important;
    border-top: 0;
}

.table > tbody > tr .table-sub {
    border-left: 1px solid #ebedf2;
}

.table > tbody > tr.collapse-row div > div {
    padding: 5px 0 20px 20px;
}

.table > tbody > tr.product-discounts > td {
    padding: 0 0 12px 0 !important;
    border-top: transparent;
}

.table-collapsible tbody tr.collapsed td.cell-actions > .collapse-close,
.table-collapsible tbody tr td.cell-actions > .collapse-open,
.collapse-show .zmdi-minus,
.collapse-hide .zmdi-plus {
    display: none;
}

.table-collapsible tbody tr.collapsed td.cell-actions > .collapse-open,
.table-collapsible tbody tr td.cell-actions > .collapse-close .collapse-hide .zmdi-minus,
.collapse-show .zmdi-plus {
    display: inline-block;
}

.table > tbody > tr.collapse-row .table {
    border-left: 1px solid #ebedf2;
}

.table > tbody > tr .table-sub > tbody > tr > td {
    border: 0;
    color: #8a8e99;
    font-size: 12px;
    padding: 4px 16px !important;
}

.table > tbody > tr.product-discounts > td > .table-sub > tbody > tr > td.amount-col {
    padding-left: 26px !important;
    color: #fc873e;
}

.collapse-row .table > tbody > tr.product-discounts > td > .table-sub > tbody > tr > td.amount-col {
    padding-left: 11px !important;
}

.table > tbody > tr .table-sub > tbody > tr > td .table > tbody > tr .table-sub > tbody > tr:first-child > td {
    padding-top: 0;
}

.panel-summary .list-summary li {
    padding: 15px 0;
    text-align: left;
    line-height: 1;
}

.panel-summary .list-summary li:first-child {
    padding-top: 0;
}

.panel-summary .list-summary li .list-price {
    float: right;
    font-weight: bold;
}

.panel-summary .list-summary {
    margin-bottom: 8px;
}

.list-unstyled {
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}

.value-sm {
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
}

.value-lg {
    font-size: 32px;
    line-height: 40px;
    font-weight: 400;
}

.value-xlg {
    font-size: 45px;
    line-height: 50px;
    font-weight: 400;
}

.value-title {
    display: block;
    color: #a1a6b2;
    font-size: 12px;
}

@media (min-width: 768px) {
    .table > tbody > tr .table-sub > tbody > tr > td.amount-col {
        padding-left: 6px !important;
    }
}

@media (max-width: 767px) {
    .table > tbody > tr.collapse-row div > div {
        padding: 5px 0 16px 16px;
    }
}

/* Project Details */

/* Project Details > Tiles */
@media (min-width: 768px) {
    .project-details {
        margin-top: -10px;
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .project-details {
        margin-bottom: 16px;
    }
}

/* Project Details > Tile > Body */
.details-tile .tile-body {
    position: relative;
    min-height: 128px;
    padding: 10px 20px;
    background: #fff;
    -webkit-box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.07);

    -moz-box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.07);
}

.progress-tile .tile-body,
.invoice-tile .tile-body {
    padding-bottom: 40px;
}

.details-tile .tile-body h6 {
    margin-top: 0;
}

.details-tile .tile-body .value-lg {
    font-size: 30px;
    line-height: 34px;
    color: #5bc758;
}

.details-tile .tile-body .tile-actions {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25px;
    background: #fff;
    border-top: 1px solid #e9edf2;
}

.progress-tile .tile-body .tile-actions {
    background: #e9edf2;
    border-top: none;
}

.details-tile.invoices-tile .tile-body,
.details-tile.tasks-tile .tile-body {
    display: block;
}

/* Project Details > Tile > Progress Bar */
.details-tile .progress-bar {
    background-color: #5bc758;
    height: 25px;
}

.details-tile .progress-bar .progress-value {
    padding: 0 10px;
    line-height: 25px;
    color: #2e3442;
    left: 10px !important;
    font-size: 12px;
}

.details-tile.invoices-tile .tile-body .tile-actions > span,
.details-tile.tasks-tile .tile-body .tile-actions > span {
    background: #fff;
    display: block;
    font-size: 12px;
    color: #2e3442;
    line-height: 24px;
    text-align: center;
    text-decoration: none;
}

.assigned-users {
    margin: 0 -6px 0 0;
    padding: 0;
    list-style: none;
}

.assigned-users:after {
    display: block;
    content: "";
    clear: both;
}

.assigned-users li {
    float: left;
    margin: 0 6px 6px 0;
    cursor: pointer;
}

.assigned-users li + .tooltip p:last-of-type {
    font-size: 12px;
    color: #737780;
    margin: -8px 0 0;
    line-height: 16px;
}

.user-tooltip {
    padding: 8px;
    text-align: center;
}

.user-tooltip > .avatar {
    margin-bottom: 8px;
}

.user-name,
.user-profession {
    display: block;
}

.user-name {
    font-size: 13px;
}

.user-profession {
    color: rgba(255, 255, 255, 0.6)
}

.assigned-users .more-user-el {
    margin-bottom: 0;
}

.more-users {
    display: block;
    height: 32px;
    line-height: 32px;
}

.assigned-users .more-user-el .dropdown-menu {
    width: 100%;
}

.assigned-users .more-user-el .dropdown-menu:before {
    display: none;
}

@media (min-width: 768px) {
    .more-users + .dropdown-menu {
        margin-top: 6px;
        padding: 20px 14px 14px 20px;
    }
}

@media (max-width: 767px) {
    .details-tile.users-tile {
        margin-top: 16px;
    }

    .details-tile .tile-body {
        min-height: 82px;
        padding: 10px 10px 30px;
    }

    .details-tile .tile-body h6 {
        margin: 0 0 6px;
        font-size: 10px;
        line-height: 12px;
    }

    .details-tile .tile-body .value-lg {
        font-size: 14px;
        font-weight: 700;
        line-height: 18px;
    }

    .details-tile .progress-bar .progress-value,
    .details-tile .tile-body .tile-actions > span {
        font-size: 10px !important;
    }

    .assigned-users li > .avatar {
        height: 24px;
        width: 24px;
        margin-bottom: 4px;
    }

    .assigned-users .more-user-el .dropdown-menu {
        margin-top: 4px;
        padding: 10px 4px 4px 10px;
    }

    .dropdown-more-users {
        bottom: 6px;
    }

    .more-users {
        padding: 0 10px;
        font-size: 13px;
    }

    .users-tile .tile-body {
        padding-bottom: 10px;
        min-height: 0;
    }
}

/* Project Details > Activity Log */
.timeline {
    margin: 0;
    padding: 0;
    list-style: none;
}

.timeline > li {
    position: relative;
    padding: 0 0 0 62px;
    margin: 0 0 16px 0;
}

.timeline .reply-content .content-top .name,
.timeline .reply-content .content-body ul li {
    font-size: 13px;
}

/* Activity Log > Badge */
.timeline-badge {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 40px;
    width: 40px;
    padding: 8px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.timeline-badge > i {
    display: inline-block;
    height: 24px;
    width: 24px;
    color: #fff;
    font-family: 14px;
    text-align: center;
    line-height: 24px;
}

@media (max-width: 767px) {
    .timeline-badge {
        height: 32px;
        width: 32px;
        padding: 4px;
    }

    .timeline > li {
        padding: 0 0 0 42px;
    }
}

/* Activity Log > Panel */
.timeline-panel {
    padding: 16px;
}

.timeline-heading:after {
    display: block;
    content: "";
    clear: both;
}

.timeline-heading > h4 {
    margin: 0;
    font-size: 14px;
    line-height: 24px;
}

.timeline-heading > p {
    margin: 0 !important;
}

.timeline-heading > p .fa {
    margin: -6px 4px 0 0;
    font-size: 14px;
    vertical-align: middle;
}

.timeline-heading + .timeline-body {
    padding-top: 8px;
}

@media (min-width: 768px) {
    .timeline-heading > p .label {
        margin-left: 16px;
    }

    .timeline-heading > p {
        float: left;
        margin: 0 0 0 16px !important;
    }

    .timeline-heading > h4 {
        float: left;
    }
}

@media (max-width: 767px) {
    .timeline-panel {
        padding: 12px 16px 16px;
    }

    .timeline-heading > p .label {
        margin-left: 8px;
    }
}

/* Project Details > Phases */
.phases {
    margin: 0;
    padding: 0;
    list-style: none;
}

.phase-item {
    position: relative;
    padding-left: 64px;
    margin-bottom: 24px;
}

.phase-item h5 {
    margin-bottom: 8px;
}

.phase-item p {
    margin: 0;
}

.phase-step {
    position: absolute;
    top: -6px;
    left: 0;
    display: block;
    height: 40px;
    width: 40px;
    border: 1px solid #d7dbe0;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    font-size: 15px;
    font-weight: 700;
    line-height: 38px;
    text-align: center;
}

.phase-step.current {
    background-color: #5bc758;
    border-color: #5bc758;
    color: #fff;
}

/* Quoatation */

/* Quote > Header  */
.quote-header {
    overflow: hidden;
    margin-bottom: 24px;
}

.quote-header .header-logo {
    margin-top: 16px;
    float: left;
}

.quote-header .header-logo img {
    width: 280px;
    max-width: 100%;
}

.quote-footer .footer-summary-height {
    height: 60px;
}

@media (min-width: 768px) {
    .quote-footer .footer-summary,
    .quote-header .header-details {
        float: right;
    }
}

@media (max-width: 767px) {
    .quote-header .header-logo {
        float: none;
        margin: 8px 0 24px;
        text-align: center;
    }
}

/* Quote > Title  */
.quote-title:after {
    display: block;
    content: "";
    clear: both;
}

.quote-title {
    padding: 40px 24px;
    background: #e9f7e9;
}

.quote-title:after {
    display: block;
    content: "";
    clear: both;
}

.quote-title h2 {
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 32px;
}

.quote-title .title-buttons .btn {
    min-width: 230px;
}

.quote-title .title-details .by-client {
    color: #e51e1e;
}

.quote-footer #quote-total-price,
.quote-title .title-details ul li #quote-total-price2 {
    color: #db1c1c;
    font-size: 32px;
    vertical-align: middle;
    line-height: 34px;
}

@media (min-width: 768px) {
    .quote-title .title-left,
    .quote-title .title-details {
        float: left;
        width: 50%;
    }
}

@media (max-width: 767px) {
    .quote-header {
        margin-bottom: 16px;
    }

    .quote-title {
        padding: 24px 16px;
        margin: 0 -16px;
    }

    .quote-title .title-left {
        margin-bottom: 24px;
    }

    .quote-title .title-buttons {
        text-align: center;
    }

    .quote-title h2 {
        margin-bottom: 16px;
        font-size: 22px;
        line-height: 26px;
        text-align: center;
    }
}

/* Quote > Addon  */
.quote-services-addons {
    margin-top: 40px;
}

.quote-services-addon-item {
    position: relative;
    overflow: hidden;
    padding: 15px 0 15px 60px;
    border-bottom: 1px solid #e9edf2;
    -webkit-transition: linear all .15s;
}

.quote-services-addon-item:hover {
    background-color: #f5f7fa;
}

.quote-services-addon-item:first-of-type {
    border-top: 1px solid #e9edf2;
}

.quote-services-addon-item > .item-title {
    position: relative;
    display: block;
    float: left;
    width: 81%;
    padding: 0 15px 0 80px;
    font-weight: 400;
    cursor: pointer;
}

.quote-services-addon-item > .item-title h5 {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 10px;
}

.quote-services-addon-item > .item-title p {
    margin: 0;
    padding: 0;
    font-size: 13px;
    line-height: 20px;
}

.quote-services-addon-item > div.item-price {
    color: #2e3442;
    font-weight: bold;
}

.quote-services-addon-item > div {
    float: left;
}

.quote-services-addon-item > .item-checkbox {
    position: absolute;
    left: 8px;
    top: 15px;
    width: 40px;
}

.quote-services-addon-item > .item-checkbox input {
    margin: 0;
}

@media (min-width: 768px) {
    .quote-services-addons h4 {
        font-size: 18px;
        margin: 0 0 24px;
    }
}

@media (max-width: 767px) {
    .quote-services-addons {
        margin-top: 24px;
    }

    .quote-services-addon-item {
        padding: 15px 0 15px 48px;
    }

    .quote-services-addon-item > .item-title {
        width: 100%;
        padding: 0;
    }

    .quote-services-addons h4 {
        font-size: 16px;
        margin: 0 0 10px;
    }

    .quote-services-addon-item > .item-title h5 {
        font-size: 14px;
    }
}

@media (max-width: 579px) {
    .quote-services-addon-item > .item-title p,
    .quote-services-addon-item .item-price {
        margin-left: -30px
    }
}

/* Quote > Addon > Icons */
.quote-services-addon-item > .item-title .title-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
}

.quote-services-addon-item > .item-title .title-icon.fast-project-turnaround {
    background: url('../img/quote/quote-icon-1.png') no-repeat top center;
}

.quote-services-addon-item > .item-title .title-icon.hire-our-developer {
    background: url('../img/quote/quote-icon-2.png') no-repeat top center;
}

.quote-services-addon-item > .item-title .title-icon.official-module {
    background: url('../img/quote/quote-icon-3.png') no-repeat top center;
}

.quote-services-addon-item > .item-title .title-icon.documentation {
    background: url('../img/quote/quote-icon-4.png') no-repeat top center;
}

.quote-services-addon-item > .item-title .title-icon.sla {
    background: url('../img/quote/quote-icon-5.png') no-repeat top center;
}

.quote-services-addon-item > .item-title .title-icon.custom-deployment {
    background: url('../img/quote/quote-icon-6.png') no-repeat top center;
}

.quote-services-addon-item > .item-title .title-icon.extended-guarantee {
    background: url('../img/quote/quote-icon-7.png') no-repeat top center;
}

.quote-services-addon-item > .item-title .title-icon.sponsored-module {
    background: url('../img/quote/quote-icon-8.png') no-repeat top center;
}

.quote-services-addon-item > .item-title .title-icon.advanced-quality-assurance {
    background: url('../img/quote/quote-icon-9.png') no-repeat top center;
}

.quote-services-addon-item > .item-title .title-icon.extended-verification-time {
    background: url('../img/quote/quote-icon-10.png') no-repeat top center;
}

.quote-services-addon-item > .item-title .title-icon.standard-quality-assurance {
    background: url('../img/quote/quote-icon-11.png') no-repeat top center;
}

.quote-services-addon-item > .item-title .title-icon.module-marketing {
    background: url('../img/quote/quote-icon-12.png') no-repeat top center;
}

.quote-services-addon-item > .item-title .title-icon.extended-license-agreement {
    background: url('../img/quote/quote-icon-13.png') no-repeat top center;
}

@media (max-width: 767px) {
    .quote-services-addon-item > .item-title .title-icon {
        display: none;
    }
}

/* Quote > List */
.quote-title .title-details ul,
.quote-footer .footer-summary ul,
.quote-header .header-details ul {
    margin: 0;
    padding: 0;
}

.quote-footer .footer-summary ul li,
.quote-title .title-details ul li,
.quote-header .header-details ul li {
    margin-bottom: 8px;
    color: #a1a6b2;
    list-style: none;
    line-height: 20px;
    text-align: right;
}

.quote-footer .footer-summary ul li {
    margin-bottom: 16px;
}

.quote-title .title-details ul li {
    color: rgba(46, 52, 66, 0.5);
}

.quote-footer .footer-summary ul li span,
.quote-title .title-details ul li span,
.quote-header .header-details ul li span:not(.label) {
    display: inline-block;
    min-width: 112px;
    margin-left: 15px;
    color: #2e3442;
    font-weight: bold;
    text-align: left;
}

.quote-footer .footer-summary ul li:last-of-type,
.quote-title .title-details ul li:last-of-type {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .quote-footer .footer-summary ul li span,
    .quote-header .header-details ul li span:not(.label) {
        min-width: 134px !important;
    }
}

@media (max-width: 767px) {
    .quote-footer .footer-summary ul li,
    .quote-title .title-details ul li,
    .quote-header .header-details ul li {
        margin-bottom: 4px;
        text-align: left;
        font-size: 13px;
    }

    .quote-footer .footer-summary ul li span,
    .quote-title .title-details ul li span,
    .quote-header .header-details ul li span:not(.label) {
        min-width: 0;
        margin: 0;
    }
}

/* Quote > Footer  */
.quote-footer {
    padding-top: 24px;
    position: relative;
}

.quote-footer:after {
    display: block;
    content: "";
    clear: both;
}

.quote-footer .footer-buttons > .btn {
    display: inline-block;
    min-width: 130px;
    margin-right: 6px;
}

.panel-quote .quote-decline {
    margin-top: 30px;
    padding: 30px;
    border: 1px solid #e51e1e;
    background: #FFEAEA;
    overflow: hidden;
}

.panel-quote .quote-decline h2 {
    font-size: 19px;
    line-height: 1;
}

.panel-quotes.panel-widget .card-row .cell-title > i {
    font-size: 19px;
    margin: -4px 8px 0 1px;
    color: #fc8b35;
    vertical-align: middle;
}

@-moz-document url-prefix() {
    .panel-quotes.panel-widget .card-row .cell-title > i {
        margin: -2px 8px 0 1px
    }
}

@media (min-width: 768px) {
    .quote-footer .footer-buttons {
        position: absolute;
        left: 0;
        bottom: 0;
    }
}

@media (max-width: 767px) {
    .quote-footer .footer-summary {
        margin-bottom: 24px;
    }

    .quote-footer .footer-summary > ul > li {
        margin-bottom: 16px;
        font-size: 14px;
    }
}

/* AFFILIATE */
@media (max-width: 767px) {
    .nav-affiliate.nav-transparent > li > a {
        color: #737780
    }

    .nav-affiliate.nav-transparent > li.active > a {
        color: #5bc758;
    }
}

/* 3.14 Panel: Stats */

/* 3.3.1 Stats: Header */
.stats-header {
    padding: 20px;
    border-bottom: 1px solid #ebedf2;
    text-align: center;
}

.stats-header > .value {
    margin: 8px 0;
}

.stats-header > .value + .btn {
    margin: 8px 0 8px 0;
}

@media (max-width: 991px) {
    .stats-header > h6 {
        margin-top: 0;
    }

    .stats-header > .value.value-xlg {
        margin-bottom: 0;
        font-size: 32px;
        line-height: 32px;
    }
}

/* 3.3.1 Stats: Values */
.stats-values:after {
    display: block;
    content: "";
    clear: both;
}

.stats-values.row {
    display: table;
    margin: 0;
}

.stats-values .value {
    padding: 15px 20px;
    border-bottom: 1px solid #ebedf2;
}

.stats-values .value[class*="col-"] {
    display: table-cell;
    float: none;
    padding: 15px 20px;
    border-right: 1px solid #ebedf2;
    border-bottom: none;
}

.stats-values .value:last-child {
    border: none;
}

@media (max-width: 991px) {
    .stats-values .value[class*="col-"] {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

.widget-default {
    background: #00a2e8;
    background: -moz-linear-gradient(top, #00a2e8 0%, #99d9ea 100%);
    background: -o-linear-gradient(top, #00a2e8 0%, #99d9ea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00a2e8), color-stop(1, #99d9ea));
    background: -webkit-linear-gradient(top, #00a2e8 0%, #99d9ea 100%);
    background: -ms-linear-gradient(top, #00a2e8 0%, #99d9ea 100%);
    background: linear-gradient(top, #00a2e8 0%, #99d9ea 100%)
}

.section-info-tickets {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
}

.section-info-tickets .info-content {
    position: relative;
    padding-left: 40px;
    line-height: 20px;
    font-weight: 400;
}

.section-info-tickets .info-content > I {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    font-size: 24px;
}

.anchor {
    display: block;
    position: relative;
    top: -80px;
}

.full-width-tooltip + .tooltip > .tooltip-inner {
    max-width: 400px;
}

/*
.page-instant-unsubscribe form.unsubscribe label {
	width: 100%;
	display: block;
	margin: 15px 0;
}
.page-instant-unsubscribe form.unsubscribe label .checkbox-styled {
	top: 4px;
}
*/
.checkbox > label > .radio-styled,
.checkbox-inline > .radio-styled {
    position: absolute;
    left: 0;
    top: 2px;
}

@media (max-width: 768px) {
    .panel-complete.pc-big-p {
        margin-top: 20px;
    }

    .panel-complete.pc-big-p .panel-body {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

.tabs-boxed {
    background: #fff;
    -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, .07);
    -moz-box-shadow: 0 6px 20px rgba(0, 0, 0, .07);
    box-shadow: 0 6px 20px rgba(0, 0, 0, .07);
}

.tabs-boxed .tab-content {
    background: transparent;
    box-shadow: none;
}

.tabs-boxed .tabs {
    height: 56px;
    margin: 0;
    border-bottom: 1px solid #e9edf2;
}

.tabs-boxed .tabs > .nav {
    margin: 0;
}

.tabs-boxed .tabs > .nav > li > a {
    margin: 0 0 0 16px;
    color: #2e3442;
    line-height: 56px;
}

.tabs-boxed .tabs > .nav > li > a:after {
    display: nonee;
}

.tabs-boxed .tabs > .nav > li > a:before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    content: "";
    height: 2px;
    background-color: #5bc758;
}

.tabs-boxed .tabs > .nav > li.active > a,
.tabs-boxed .tabs > .nav > li:hover > a {
    color: #5bc758;
}

.tabs-boxed .tabs > .nav > li.active > a:before {
    display: block;
}

.tabs-boxed .tab-content > .tab-pane {
    min-height: 0;
}

.has-error .md-editor {
    border: 1px solid #ed4040 !important;
}

.has-error .md-editor textarea {
    border-top: 1px solid #e9edf2 !important;
    border-bottom: 1px solid #e9edf2 !important;
}


/* metrics cube banner */

.promo-banner {
    position: relative;
    /*z-index: 11; */
    background: -moz-linear-gradient(180deg, rgba(82, 66, 200, 1) 0%, rgba(119, 93, 255, 1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(119, 93, 255, 1)), color-stop(100%, rgba(82, 66, 200, 1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(180deg, rgba(82, 66, 200, 1) 0%, rgba(119, 93, 255, 1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(180deg, rgba(82, 66, 200, 1) 0%, rgba(119, 93, 255, 1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(180deg, rgba(82, 66, 200, 1) 0%, rgba(119, 93, 255, 1) 100%); /* ie10+ */
    background: linear-gradient(270deg, rgba(82, 66, 200, 1) 0%, rgba(119, 93, 255, 1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#775dff', endColorstr='#5242c8', GradientType=1); /* ie6-9 */
    margin-top: 84px;
    margin-bottom: -84px;
    color: #fff;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
}

@media (max-width: 991px) and (min-width: 768px) {
    .promo-banner {
        margin-top: 72px;
        margin-bottom: -72px;
    }
}

@media (max-width: 767px) {
    .promo-banner {
        margin-top: 60px;
        margin-bottom: -60px;
    }
}

.promo-banner-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 8px 0;
}

.promo-banner-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.promo-banner-desc {
    line-height: 30px;
    padding-right: 16px;
}

.promo-banner-icon {
    margin-right: 16px;
}

.promo-banner-actions .btn {
    background: #745bfb;

    color: #fff;
    font-weight: 300;
    min-width: 134px;
    font-size: 15px;
    box-shadow: none;
}

.promo-banner-actions .btn:hover {
    background: #7b63fb;
}


.promo-banner-actions .btn:after,
.promo-banner-actions .btn:before {
    display: none;
}

.promo-banner-code {
    padding: 8px;
    border: 1px dashed #8a75ff;
    border-radius: 3px;
}

@media (max-width: 559px) {
    .promo-banner-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -ms-grid-row-align: flex-start;
        align-items: flex-start
    }

    .promo-banner-desc {
        padding-right: 0;
        line-height: 24px;
    }

    .promo-banner-actions {
        width: 100%;
    }

    .promo-banner-actions .btn {
        margin-top: 8px;
        width: 100%;
        background: rgba(255, 255, 255, 0.2);

    }

    .promo-banner-code {
        padding: 4px;
    }
}

@media (max-width: 991px) {
    body.main-menu-open .promo-banner {
        -webkit-transform: translateX(260px);
        transform: translateX(260px);
        -ms-transform: translateX(260px);
        overflow: hidden;
    }
}

@media (max-width: 767px) {
    .page-clientarea.no-scroll .page-wrapper {
        z-index: 999;
    }
}

.alert-purple {
    color: #f17b27 !important;
    border-color: #f17b27;
}

.alert-purple:hover {

}

.form-group #inputEmail.form-control,
.form-group #inputName.form-control,
.form-group #inputSubject.form-control {
    font-size: 14px;
}

.form-group #inputEmail.form-control,
.form-group #inputName.form-control {
    height: 48px;
}

.page-clientarea .panel-xhero .form-group label {
    font-size: 15px;
    line-height: 20px;
}

.page-clientarea .panel-xhero .form-group {
    margin-bottom: 32px;
}

.page-clientarea .panel-xhero .form-group .btn-toolbar .btn-group,
.page-clientarea .ticket-message .md-editor .btn-toolbar .btn-group {
    margin: 0px;
}

.page-clientarea .panel-xhero .form-group .input-lg {
    line-height: 20px;
    padding: 6px 12px;
}

.page-clientarea .panel-xhero .form-group .md-footer .small-font {
    line-height: 20px;
}

.page-clientarea .panel-xhero .form-group .btn-toolbar .btn-group button,
.page-clientarea .ticket-message .md-editor .btn-toolbar .btn-group button {
    margin-left: 0px;
}

.page-clientarea .select2 .selection .select2-selection,
.page-clientarea .select2 .selection span .select2-selection__arrow {
    display: flex;
    align-items: center;
}

.page-clientarea .select2 .selection .select2-selection .select2-selection__rendered {
    font-size: 14px;
}

@media (max-width: 579px) {
    .page-clientarea .md-editor .md-header {
        display: block;
    }

    .page-clientarea .md-editor .md-header .md-controls {
        display: none;
    }

    .page-clientarea .md-editor .md-header .btn-group:nth-child(5) {
        display: none;
    }
}

@media (max-width: 449px) {
    .page-clientarea .md-editor .md-header .btn-group .btn-default {
        padding-inline: 4px;
    }
}


.page-clientarea .panel-account .panel-body.credit-active {
    padding-block: 14px;
}

.page-clientarea .panel-account .panel-body .account-credit {
    color: #a1a6b2;
    font-size: 13px;
    margin-bottom: 6px;
    margin-top: -9px;
}

.page-clientarea .panel-account .panel-body .account-credit .credit-value {
    color: #2e3442;
    font-weight: 600;
}

.page-clientarea .panel-account .panel-body .badge-account {
    line-height: 12px;
    min-width: 12px;
    margin-bottom: 2px;
    margin-left: 10px;
    color: white;
    background-color: #B9BDC5;
}

.page-clientarea .panel-account .panel-body .account-credit .tooltip .tooltip-inner {
    width: 230px;
    max-width: 230px;
    position: absolute;
    left: -5px;
    bottom: 5px;
}

.page-clientarea .panel-account .panel-body.credit-active h6 {
    margin-bottom: -1px;
}

.page-clientarea .panel-account .panel-body.credit-active .mb-16 {
    margin-bottom: 9px !important;
}

.page-clientarea .panel-account .panel-body.credit-active .account-credit {
    margin-bottom: 10px;
}

@media (max-width: 991px) {
    .page-clientarea .panel-account .credit-active {
        padding-inline: 16px;
    }
}

@media (max-width: 767px) {
    .page-clientarea .panel-account .panel-body .account-credit {
        font-size: 12px;
    }
}

@media (max-width: 570px) {
    .page-clientarea .panel-account .panel-body .account-credit .tooltip .tooltip-inner {
        width: 150px;
    }
}

@media (max-width: 450px) {
    .page-clientarea .panel-account .panel-body .account-credit .tooltip .tooltip-inner {
        width: 120px;
    }
}

@media (max-width: 390px) {
    .page-clientarea .panel-account .panel-body .account-credit .tooltip .tooltip-inner {
        width: 80px;
    }
}

/* footer ticket */
.page-clientarea .panel-ticket .message-actions {
    display: flex;
    padding-bottom: 16px;
}

.page-clientarea .panel-ticket .message-actions .message-attachments {
    flex-grow: 1;
}

.page-clientarea .panel-ticket .message-actions .message-attachments h6 {
    margin-bottom: 0px;
}

.page-clientarea .panel-ticket .message-actions .message-attachments .file-uploads {
    display: flex;
    flex-wrap: wrap;
}

.page-clientarea .panel-ticket .message-actions .message-attachments .file-uploads .file-btn label {
    margin: 10px 10px 0px 0px;
}

.page-clientarea .panel-ticket .message-actions .message-attachments .file-btn label {
    padding-block: 0px;
    display: flex;
    align-items: center;
    height: 34px;
    min-width: 0;
}

.page-clientarea .panel-ticket .message-actions .message-attachments .file-btn label i {
    line-height: 26px;
    position: relative;
    top: -1px;
}

.page-clientarea .panel-ticket .message-actions .message-attachments .file-btn label span {
    top: 1px;
}

.page-clientarea .panel-ticket .message-actions .message-attachments .file-btn.has-file label {
    display: flex;
    align-items: center;
    padding-right: 0px;
    padding-block: 0px;
    height: 34px;
}

.page-clientarea .panel-ticket .message-actions .message-attachments .file-btn.has-file label i {
    line-height: 26px;
}

.page-clientarea .panel-ticket .message-actions .message-attachments .file-btn.has-file label span {
    top: 0px;
    display: flex;
    max-width: 200px;
}

.page-clientarea .panel-ticket .message-actions .message-attachments .file-btn.has-file label span p {
    margin-bottom: 0px;
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    top: 1px;
}

.page-clientarea .panel-ticket .message-actions .message-attachments .file-btn.has-file label button {
    min-width: auto;
    padding-block: 0px;
}

.page-clientarea .panel-ticket .message-actions .btn-container {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
    margin-left: 30px;
}

@media (max-width: 991px) {
    .page-clientarea .panel-ticket .message-actions {
        flex-direction: column;
    }

    .page-clientarea .panel-ticket .message-actions .btn-container {
        margin-top: 16px;
        margin-left: 0px;
    }
}

@media (max-width: 767px) {
    .page-clientarea .panel-ticket .message-actions .btn-container button {
        margin-bottom: 0px;
    }

    .page-clientarea .panel-ticket .message-actions .btn-container .btn-primary {
        min-width: 160px;
    }
}

@media (max-width: 500px) {
    .page-clientarea .panel-ticket .message-actions .btn-container {
        flex-direction: column;
    }

    .page-clientarea .panel-ticket .message-actions .btn-container button {
        width: 100%;
    }

    .page-clientarea .panel-ticket .message-actions .btn-container .btn-secondary {
        margin-right: 0px;
        margin-top: 16px;
    }
}

.page-clientarea .panel-ticket .message-actions .btn-container .btn {
    max-height: 48px;
}

.page-clientarea .panel-body .btn-top {
    display: flex;
    align-items: center;
    width: 100%;
    text-align: left;
    height: 51px;
    margin-bottom: 24px;
    background: linear-gradient(160deg, #6ad15c 0%, #4fb250 100%);
    transition: 0.2s linear;
}

.page-clientarea .panel-ticket .panel-body .btn-bottom::before,
.page-clientarea .panel-ticket .panel-body .btn-top::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(160deg, #50c940 0%, #419543 100%);
    opacity: 0;
    z-index: -1;
    transition: 0.3s linear all;
}

.page-clientarea .panel-ticket .panel-body .btn-bottom:hover::before,
.page-clientarea .panel-ticket .panel-body .btn-top:hover::before {
    opacity: 1;
    z-index: 10;
    transition: 0.3s linear all;
}

.page-clientarea .panel-ticket .panel-body .btn-top.btn-top_active::before {
    display: none;
}

.page-clientarea .panel-ticket .panel-body .btn-bottom {
    background: linear-gradient(160deg, #6ad15c 0%, #4fb250 100%);
    margin-top: 24px;
}

.page-clientarea .panel-ticket .panel-body .btn-bottom::after {
    display: none;
}

.page-clientarea .panel-ticket .panel-body {
    padding-block: 24px;
}

.page-clientarea .panel-body .btn-top.btn-top_active {
    background: white;
    border: none;
    box-shadow: none;
}

.page-clientarea .panel-body .btn-top.btn-top_active span {
    color: #000000;
}

.page-clientarea .panel-body .btn-top.btn-top_active:hover {
    background: white;
}

.page-clientarea .panel-body .btn-top.btn-top_active:active {
    background: white;
}

.page-clientarea .panel-body .btn-top.btn-top_active i {
    color: #5BC758;
}

.page-clientarea .panel-body .message-concent {
    margin-inline: 0px;
    padding: 0px;
}

.page-clientarea .panel-body .message-concent.message-concent_active {
    border: 1px solid #5BC758;
    border-radius: 4px;
    transition: 0.3s;
}

.page-clientarea .panel-body .btn-top div,
.page-clientarea .panel-body .btn-bottom span {
    font-size: 15px;
    flex-grow: 1;
    z-index: 11;
}

.page-clientarea .panel-body .btn-top div i,
.page-clientarea .panel-body .btn-bottom span i {
    font-size: 22px;
}

.page-clientarea .panel-body .btn-top .zmdi-caret-down {
    font-size: 26px;
    margin: 0px;
    text-align: center;
    z-index: 11;
}

.page-clientarea .panel-body .btn-top.btn-top_active .zmdi-caret-down {
    rotate: 180deg;
    color: #ACAFB9;
}

.page-clientarea .panel-body .btn-top::after {
    display: none;
}

.page-clientarea #collapseExample {
    padding-inline: 16px;
}

.page-clientarea .message-actions .btn-secondary {
    margin-right: 16px;
}

.page-clientarea .btn-bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 51px;
}

.page-clientarea .btn-hidden {
    display: none !important;
}

.page-clientarea .alert-ticket_closed div {
    display: flex;
    justify-content: center;
    color: #FF8E2B;
    font-weight: 600;
    font-size: 15px;
}

.page-clientarea .alert-ticket_closed .zmdi-info-outline {
    padding-right: 12px;
    font-size: 19px;
}

.page-clientarea .panel-body .btn-bottom span i {
    rotate: 180deg;
    font-size: 26px !important;
    margin-left: 10px;
}

@media (max-width: 767px) {
    .page-filename-viewticket .message-actions .btn {
        margin-bottom: 16px;
    }
}

#rate-product-modal .modal-body {
    padding-block: 24px;
}

#rate-product-modal .modal-rate {
    height: auto;
    width: 500px;
}

#rate-product-modal .client-rating,
#thanks-modal .client-rating {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

#rate-product-modal .client-rating p,
#thanks-modal .client-rating p {
    margin-bottom: 0px;
}

#rate-product-modal .client-rating .star,
#thanks-modal .client-rating .star {
    padding-inline: 10px;
    cursor: pointer;
}

#rate-product-modal .client-rating .star i,
#thanks-modal .client-rating .star i {
    font-size: 20px;
    color: #FFC300;
}

#rate-product-modal .control-label {
    line-height: 20px;
    font-size: 13px;
}

#rate-product-modal h4.text-center {
    font-size: 16px;
    line-height: 24px;
}

#rate-product-modal p.text-center {
    font-size: 14px;
    line-height: 19px;
    color: #2E3442;
}

#rate-product-modal .thanks-text,
#thanks-modal .thanks-txt {
    color: #64C960;
    font-size: 11px;
    line-height: 16px;
    font-weight: 500;
    margin-block: 18px 0;
}

#rate-product-modal .client-rating .color i {
    color: #FFC300;
}

#rate-product-modal .client-rating .star i {
    color: black;
}

#rate-product-modal .client-rating .star.pull i {
    color: #FFC300;
}

#thanks-modal .thanks-body {
    width: 500px;
    height: min-content;
}

#thanks-modal .modal-icon {
    background-image: url(../../../../../../products/assets/img/rate-product/rate-icon.png);
    height: 105px;
    width: 105px;
    margin: auto;
}

#thanks-modal .modal-body h4 {
    margin-block: 24px 16px;
}

#thanks-modal .client-rating {
    justify-content: center;
}

#thanks-modal .client-rating p {
    display: none;
}

#thanks-modal #thanks-modal-submit {
    margin-block: 24px 18px;
}


.product-link, .product-link:hover {
    color: inherit;
    text-decoration: inherit;
}

.page-clientarea .toolbar-invoices {
    display: flex;
    justify-content: flex-end;
}

.page-clientarea .actions-invoices {
    margin-left: 0px;
}

.page-clientarea .btn-invoices {
    margin-left: 8px;
}

.alert-orange {
    color: #ff6c2c !important;
    border-color: #ff6c2c;
}

.alert-orange a {
    color: #ff6c2c !important;
}

.alert-orange a:hover {
    color: #ef4800 !important;
}

.alert-orange-proxmox {
    color: #f17b27 !important;
    border-color: #f17b27;
}

.alert-orange-proxmox a:hover {
    color: #e0660e !important;
}


.alert-green-dc {
    color: #2db82d !important;
    border-color: #2db82d;
}

.alert-green-dc a {
    color: #2db82d !important;
}

.alert-green-dc a:hover {
    color: #249224 !important;
}

.alert-green-pgc {
    color: #92bb34 !important;
    border-color: #92bb34;
}

.alert-green-pgc a {
    color: #92bb34 !important;
}

.alert-green-pgc a:hover {
    color: #7d9f2d !important;
}

.alert-eos {
    color: #990000 !important;
    border-color: #990000;
}

.alert-eos a {
    color: #990000 !important;
}

.section-info.section-info-tickets {
    background-color: #02a8f3 !important;
    /*background-color: #08c07e!important;*/
}

.section-info.section-info-tickets {
    /*background-color: #000!important;*/
    color: #FFF !important;
}

.section-info.section-info-tickets a {
    color: #FFF !important; /*#e6e600*/
}

.section-info.section-info-tickets a:hover {
    opacity: 0.75;
}

/*.section-info.section-info-tickets a:hover{*/
/*	color: #b00730!important;*/
/*}*/


#register-submit-button[disabled] {
    opacity: 0.5;
!important;
}

@media (max-width: 991px) {
    .header-toolbar.toolbar-invoices .toolbar-actions .btn.btn-invoices {
        display: block !important;
        border: 1px solid rgba(134, 171, 210, 0.4);
    }

    .header-toolbar.toolbar-invoices .toolbar-actions .btn.btn-invoices > span {
        display: flex;
    }

    .header-toolbar.toolbar-invoices .toolbar-actions .btn.btn-invoices .btn-text {
        display: block !important;
        margin-left: 8px;
    }
}

@media (max-width: 767px) {
    .header-toolbar.toolbar-invoices .toolbar-actions .btn.btn-invoices {

        border: none;
    }

    .header-toolbar.toolbar-invoices .toolbar-actions .btn.btn-invoices > span {
        display: flex;
    }

    .header-toolbar.toolbar-invoices .toolbar-actions .btn.btn-invoices .btn-text {
        display: none !important;
    }
}

.color-orange {
    color: #ff8e2b;
}

.table-product .cell-latest-version i,
.table-product .zmdi-format-valign-top.color-orange {
    margin-left: 5px;
}

.nav-transparent > li > a .badge.badge-warning-fill,
.page-subnav ul.navbar-left > li > a:not(.btn) .badge.badge-warning-fill,
.nav-transparent > li > a .badge.badge-warning-fill {
    line-height: 18px !important;
}

#product-alerts .alert > a {
    font-weight: normal !important;
}

/* Error Contacts */

.error-contacts {
    text-align: center;
}

.error-contacts h1 {
    color: #fff;
    font-size: 32px;
    line-height: 38px;
    text-shadow: 0px 6px 16px rgba(0, 0, 0, 0.08);
    margin-top: 8px;
}

.error-contacts p {
    color: #DDEEFF;
    font-weight: 400;
    line-height: 24px;
    font-size: 16px;
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
}

.error-contacts .buttons {
    margin-top: 24px;
}

.error-contacts .buttons .btn {
    min-width: 116px;
}

.error-contacts .btn + .btn {
    margin-left: 10px;
}

.error-contacts .well {
    box-shadow: 0px 4px 15px 0px #00000014;
    margin: 48px 0 0 0;
    color: #2E3442;
    font-size: 15px;
    line-height: 24px;
    padding: 32px;
    background-color: #fff;
}

.error-contacts .well p {
    font-weight: 600;
    color: #2E3442;
    margin-bottom: 16px;
    font-size: 15px;
    line-height: 24px;
}

.error-contacts .well ul {
    margin: 0;
    padding-left: 16px;
}

.error-contacts .well ul li::marker {
    color: #25A75B;
}

.page-content:has(.error-contacts) + .page-bg {
    height: 435px;
}

.btn-proxmox-upgrade {
    background-image: linear-gradient(160deg, #ff6d4d, #ff5733);
    color: #FFF;
}

.btn-proxmox-upgrade:hover,
.btn-proxmox-upgrade:active{
    color: #FFF;
}