.btn.green-stripe {
    border-left: 3px solid #E96A2E
}

.btn.blue {
    background-color: #E96A2E
}

    .btn.blue:hover, .btn.blue:focus, .btn.blue:active, .btn.blue.active, .btn.blue[disabled], .btn.blue.disabled {
        background-color: #E96A2E !important;
    }

.btn-group .btn.blue:hover, .btn-group .btn.blue:focus, .btn-group .btn.blue:active, .btn-group .btn.blue.active, .btn-group .btn.blue.disabled, .btn-group .btn.blue[disabled] {
    background-color: #41b2ba !important;
}

.btn.green {
    background-color: #E96A2E
}

    .btn.green:hover, .btn.green:focus, .btn.green:active, .btn.green.active, .btn.green.disabled, .btn.green[disabled] {
        background-color: #41b2ba !important;
    }


.label-success, .badge-success {
    background-color: #41b2ba;
}


/*body {
    color: #000;
    font-family: 'Open Sans',sans-serif;
    padding: 0!important;
    margin: 0!important;
    font-size: 13px;
    direction: ltr
}*/

.bg-blue {
    background-color: #69c6cb !important;
    border-color: #69c6cb !important;
}

.bg-green {
    background-color: #E96A2E !important;
    border-color: #E96A2E !important;
}


[class^="icon-"].green, [class*=" icon-"].green {
    color: #E96A2E
}

.portlet > .portlet-body.blue, .portlet.blue {
    background-color: #69c6cb !important
}

.portlet > .portlet-body.green, .portlet.green {
    background-color: #E96A2E !important
}


.portlet.box.blue > .portlet-title {
    background-color: #69c6cb
}

.portlet.box.green > .portlet-title {
    background-color: #E96A2E
}



.ver-inline-menu li i {
    color: #E96A2E;
    background: transparent !important;
}

.ver-inline-menu li a {
    color: #E96A2E;
    background: transparent;
    border-left: solid 2px transparent;
}

.ver-inline-menu li:hover a, .ver-inline-menu li:hover i {
    color: #41b2ba;
}

.ver-inline-menu li:hover i {
    color: #41b2ba;
}

.ver-inline-menu li.active a {
    border-left: solid 2px transparent;
}

.ver-inline-menu li.active a, .ver-inline-menu li.active i {
    color: #41b2ba;
    background: transparent !important;
}

.ver-inline-menu li.active i {
    color: #41b2ba !important
}

.ver-inline-menu li.active:after {
    border-left: 6px solid transparent;
}

.form-wizard .active .step .number {
    background-color: #E96A2E;
}

.datetimepicker .active {
    background-color: #69c6cb !important;
}

.clockface .cell .inner.active, .clockface .cell .outer.active {
    background-color: #69c6cb !important;
}

.daterangepicker td.active {
    background-color: #69c6cb;
}

.profile p {
    color: #636363;
}

    .profile p a {
        color: #636363;
    }

.profile-classic .profile-button {
    opacity: 1;
    background: #E96A2E;
    filter: alpha(opacity=100)
}

profile ul.profile-nav > li > a {
    background: transparent;
    border-left: solid 2px transparent
}

.profile ul.profile-nav > li > a:hover {
    color: #41b2ba;
    background: transparent;
    border-left: solid 2px transparent;
}

.profile ul.profile-nav > li > a.profile-button {
    opacity: 1;
    background: #E96A2E;
    filter: alpha(opacity=100)
}

.profile ul.profile-nav > li > a > span {
    background: transparent;
}

.profile-info li:hover i {
    color: #41b2ba;
}

.profile .table-advance thead tr th {
    background: transparent;
}

.profile .table-striped tbody > tr:nth-child(2n+1) > td, .profile .table-striped tbody > tr:nth-child(2n+1) > th {
    background: transparent;
}

.profile .table-hover tbody tr:hover td, .profile .table-hover tbody tr:hover th {
    background: transparent;
}

.add-portfolio {
    background: transparent;
}

.portfolio-btn a:hover {
    background: #E96A2E !important
}

.pricing-table:hover {
    border-color: #69c6cb;
}

.pricing-table ul li i {
    color: #69c6cb;
}

.pricing-table.selected {
    background-color: #69c6cb;
}

.pricing-table2:hover {
    border-color: #69c6cb
}

.pricing-table2 ul li i {
    color: #69c6cb;
}

.pricing-table2 .rate {
    background-color: #69c6cb;
}

.pricing-table2.selected {
    background-color: #69c6cb
}

.pricing-active {
    border: 3px solid #69c6cb
}

.pricing:hover {
    border: 3px solid #69c6cb
}

    .pricing:hover h4 {
        color: #69c6cb
    }

.pricing.selected .pricing-head h3 {
    background: #E96A2E
}

.pricing.selected:hover h4 {
    color: #E96A2E
}

.pricing.selected .pricing-content li {
    color: #E96A2E
}

    .pricing.selected .pricing-content li i {
        color: #E96A2E
    }

.pricing-head h3 {
    background: #69c6cb;
}

.pricing-head-active h4 {
    color: #69c6cb
}

.pricing-content li {
    color: #69c6cb;
}

    .pricing-content li i {
        color: #69c6cb;
    }

.price-active h4 {
    color: #69c6cb
}

.no-space-pricing .price-active .pricing-head h4, .no-space-pricing .pricing:hover .pricing-head h4 {
    color: #69c6cb;
}
/*
.timeline li.timeline-green .timeline-body:after {
    border-right-color: #E96A2E
}

.timeline li.timeline-green .timeline-body {
    background: #E96A2E
}

.timeline li.timeline-green .timeline-time span.time {
    color: #E96A2E
}

.timeline li.timeline-blue .timeline-body:after {
    border-right-color: #69c6cb
}

.timeline li.timeline-blue .timeline-body {
    background: #69c6cb
}

.timeline li.timeline-blue .timeline-time span.time {
    color: #69c6cb
}
.timeline li.timeline-blue .timeline-body:after {
    border-bottom-color: #69c6cb
}

.timeline li.timeline-green .timeline-body:after {
    border-bottom-color: #E96A2E
}
    */
.color-green {
    color: #E96A2E !important
}

.bg-color-green {
    background-color: #E96A2E !important;
}

.green-border {
    border: solid 1px #E96A2E !important
}

.border-top-green {
    border-top: solid 1px #E96A2E !important
}

.border-bottom-green {
    border-bottom: solid 1px #E96A2E !important
}

.day.today:not(.active) {
    border: solid 1px #E96A2E !important
}

.portlet-title.green {
    border-bottom: 1px solid #E96A2E !important
}

    .portlet-title.green > .caption, .portlet > .portlet-title.green > .caption i {
        color: #E96A2E !important
    }

@media(max-width: 769px) {
    .tabbable-custom .nav-tabs > li {
        background: transparent;
    }

        .tabbable-custom .nav-tabs > li a {
            color: #E96A2E;
            background: transparent;
            border-left: solid 2px transparent;
        }

        .tabbable-custom .nav-tabs > li i {
            color: #E96A2E;
            background: transparent !important
        }

        .tabbable-custom .nav-tabs > li:hover a {
            background: transparent;
            border-left: solid 2px transparent;
        }

        .tabbable-custom .nav-tabs > li:hover i {
            color: #E96A2E;
            background: transparent !important
        }

        .tabbable-custom .nav-tabs > li.active {
            background: transparent;
            border-top: solid 1px transparent;
        }

            .tabbable-custom .nav-tabs > li.active a {
                background: transparent;
                color: #41b2ba;
            }

            .tabbable-custom .nav-tabs > li.active i {
                color: #41b2ba;
                background: transparent !important;
            }

            .tabbable-custom .nav-tabs > li.active:hover a {
                background: transparent;
                color: #41b2ba;
                border-left: solid 2px transparent;
            }

            .tabbable-custom .nav-tabs > li.active:hover i {
                color: #41b2ba;
                background: transparent !important;
            }
}

.web-search-result .web-search-url {
    color: #E96A2E;
}

.cms-layout-grids h4 {
    color: #69c6cb
}

.login-form a.login-help i, .login-form a.forgot-password-help i {
    color: #69c6cb;
}

.progress-container {
    background: #69c6cb;
    border: solid 1px #69c6cb;
}

a.progress-cancel {
    background: #69c6cb;
}
/*
.timeline li.timeline-blue .timeline-body {
    border: solid 1px #69c6cb;
}
.timeline li.timeline-green .timeline-body {
    border: solid 1px #E96A2E;
}
.timeline li.timeline-blue .timeline-container {
    border-left: solid 10px #69c6cb;
}
.timeline li.timeline-green .timeline-container {
    border-left: solid 10px #E96A2E;
}
.panel-group .timeline li .timeline-body .caption {
    background: #E96A2E;
}
@media(max-width: 768px) {
    .panel-group .timeline li .timeline-body:after {
        border-bottom-color: #69c6cb
    }
}
*/
@media(min-width: 420px) and (max-width:1280px) {
    .pricing:hover .pricing-item {
        border-left: solid 3px #69c6cb
    }
}

.payment .portlet-title .caption span a {
    color: #69c6cb !important
}

.payment a.cvv-help i {
    color: #69c6cb;
}

.info-label {
    color: #69c6cb;
    border-color: #69c6cb
}
/* login */
.login form {
    background-color: #fff !important;
}

.login .content h3 {
    color: #E96A2E !important;
}

.login .content h4 {
    color: #555 !important;
}

.login .content p,
.login .content label {
    color: #555 !important;
}

.login-form {
    border: medium;
    border-style: solid;
    border-color: #e9e4e4 !important;
}

.register-form {
    border: medium;
    border-style: solid;
    border-color: #e9e4e4 !important;
}

.login-status .navbar-nav {
    background-color: #e0f4f5 !important;
}

.forgot-password a, .create-account a, .custom_home a {
    text-decoration: underline;
    font-weight: 600;
    color: #E96A2E;
}

    .forgot-password a:hover, .create-account a:hover, .custom_home a:hover {
        color: #E96A2E;
    }

body {
    background-color: #ffffff !important;
}

ul.page-sidebar-menu > li.active > span > a .selected {
    background-image: none;
}

ul.page-sidebar-menu > li.active > span > a {
    background: #41b2ba !important;
}

.sidebar-toggler {
    background-image: none;
}

.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove {
    background-image: none;
}

.white-background .content .login-form, .white-background .content .forgot-form, .white-background .content .register-form {
    background-color: #FFF !important;
}


/*@media(min-width: 900px) {
    .login .page-container {
        width: 800px;
        margin: 0 auto;
    }

    .login .page-container {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .login .page-container {
        flex: 1;
        max-width: 50%;
        padding-right: 5px;
        box-sizing: border-box;
    }

        .login .page-container::after {
            content: "";
            flex: 0 0 50%;
            margin: 0;
            padding-left: 5px;
            margin-top: 150px;
            box-sizing: border-box;
            background: url('https://appsuat76.aspho.org/Impexium/LoginInstr.png') no-repeat right center;
            display: block;
            height: 540px;
        }
}*/

ul.page-sidebar-menu > li.active > a .selected,
ul.page-sidebar-menu > li.active > span > a .selected {
    background-image: none !important;
}

@media screen and (min-width: 768px) {
    .modal-dialog {
        width: 80% !important;
    }
}

h1 {
    font-weight: 300 !important;
    color: #110f03;
    line-height: 1.15em;
    font-size: 40px;
}

h2 {
    color: #47BABF;
    line-height: 1.15em;
    font-size: 32px;
    font-weight: 400 !important;
}

h3 {
    font-weight: 400 !important;
}

.payment .portlet-title .caption, .payment .portlet-title .caption i {
    color: #47BABF !important;
}

.tooltip-label-icon {
    color: #47BABF !important;
}

.payment .portlet-title {
    border-bottom: solid 1px #47BABF !important;
}

.timeline-container h2 {
    color: #000 !important;
}

.timeline > li .timeline-content {
    font-size: 16px;
}


.lDirectoryStatus {
    display: none !important;
}

div[id*="_divPreferredDirectory"] {
    display: none !important;
}


body {
    font-size: 16px !important;
}

@media screen and (min-width: 768px) {
    .page-title small {
        font-size: 25px !important;
    }
}

.white-background a, .white-background a:link, .white-background a:active, .white-background a:hover, .white-background a:focus {
    color: #E96A2E !important;
}

li[id*="main_status_liNotifications"] {
    display: none !important;
}

li[id*="main_status_liTasks"] {
    display: none !important;
}

.page-header-user-dropdown-timezone-link {
    display: none !important;
}

.page-header-user-dropdown-country-link {
    display: none !important;
}

li[id*="main_status_liSignUp"] {
    display: none !important;
}

.wizard-title {
    display: none !important;
}

    .wizard-title h3 > div:not(.alert.alert-block.alert-warning) {
        display: none !important;
    }

.text-orange {
    color: #E96A2E !important;
}

a.orange {
    color: #E96A2E !important;
}

    a.orange:hover {
        color: #47BABF !important;
    }

.text-green {
    color: #47BABF !important;
}

ul.no-bullets {
    list-style-type: none; /* remove bullets */
}

nav[id*="_ctlProducts_navCategories"] {
    min-width: 200px !important;
}

@media(min-width: 750px) {
    .panel-title ul {
        display: flex;
        align-items: flex-start; /* optional */
    }
}
        .panel-title ul li {
            list-style: none; /* optional, removes bullets */
        }

    .panel-default > .panel-heading {
        background-color: #fff;
    }
#main_content_Login_LoginPanel .form-title::before {
    content: "Welcome to ASPHO";
    display: block;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 5px;
}