/**
*       NEW RESPONSIVE DESIGN THEME CSS
*       used only in new design templates
*/

/* MAIN HTML CSS */
body {
    color: #393a33;
    background-color: #fe2600;
}

body.login-body{
    background-color: #ffffff;
}

body header,
.foot-annex,
.footer-login,
html div.ui-dialog .ui-dialog-titlebar {
    background: #393a33;
}

.border {
    border: 1px solid #fe2600;
}
.border-theme {
    border: 1px solid #393a33;
}
.media-carousel .carousel-indicators li.border-bottom-client.active{
    border-bottom: 2px solid #393a33;
}

ul.dropdown-menu li.divider {
    background-color: #393a33;
}

.theme-color-30{
    background: rgba(57,58,51,0.3);
}
/* MAIN MENU */

nav.navbar-main-menu ul li a {
    color: #393a33;
}

#header-navigation .header-container .menu-container div.navigation-container ul.main-navigation li.nav-li div.sub-menu span.arrow {
    border-bottom-color: #393a33;
}

#header-search .search-container,
#header-navigation .header-container .navigation-container ul.main-navigation li.nav-li:hover,
#header-navigation .header-container .navigation-container ul.main-navigation li.nav-li.opened,
#header-navigation .header-container .navigation-container ul.main-navigation li.search-icon-container span.active,
#header-navigation .header-container .navigation-container ul.main-navigation li.nav-li .sub-menu-container,
#header-navigation .header-container .navigation-container .notifications-container ul.right-menu-container li.nav-li .sub-menu .sub-menu-container {
    background-color: #393a33;
}
#header-navigation .header-container .navigation-container .notifications-container ul.right-menu-container li.nav-li .sub-menu .arrow {
    border-bottom: 10px solid #393a33;
}

nav.navbar-main-menu ul>li>a:hover {
    color: #393a33;
}

nav.navbar-main-menu .dropdown-menu {
    background-color: #393a33;
    border-color: #393a33;
}

nav.navbar-main-menu .dropdown-menu li a {
    color: #393a33;
}

nav.navbar-main-menu .dropdown-menu li a:hover {
    background-color: #393a33;
}

.nav-tabs > li.border-bottom-blue:hover {
    border-bottom: #393a33 !important;
}
/* CONTENT */

/* GENERAL TYPOGRAPHY ON H-x AND TITLES */
h1, h2, h3, h4, h5, h6,
.edit-user,
.user-name,
#jobs-counter,
#event-view .description-subtitle,
#job-board-single-external .description-subtitle,
#job-board-single .description-subtitle,
.campaign-block .container-box .raised,
.campaign-block .container-box .supporters,
.campaign-block .container-box .days-left,
.campaign-block .container-box .percent,
#job-board-single-external .job-title,
#job-board-single .job-title,
#job-board .job-title,
#job-board .job-title a,
.title-map,
.title-content,
.collapse-search,
.label-form,
.price-support,
.label-user,
.donation-amount-input .input-group-addon,
.donation-amount-input input,
.title-user,
#group-page .posted-by,
#profile .profile-title .title, #group-page .group-title .title,
#event-tickets .organizer-title, #event-view .organizer-title, #group-page .organizer-title,
.title-page,
.event-wizard div,
.client-color,
.attendees-page-title,
#attendee-list .attendee-list-row .statusof-value .is-member,
#attendee-list .attendee-list-row .tickets-value .is-checked,
#attendee-list .attendee-list-row .fields-value,
#attendee-list .attendee-list-row .status-value {
    color: #393a33;
}

hr.client-color{
    border-top: 1px solid rgba(57,58,51,0.3);
}

.fancy-btn-color {
    color: #393a33;
}

.event-wizard div.active hr {
    box-shadow: 2px -3px 0 2px #393a33;
    -webkit-box-shadow: 2px -3px 0 2px #393a33;
    -o-box-shadow: 2px -3px 0 2px #393a33;
    -moz-box-shadow: 2px -3px 0 2px #393a33;
}

.event-wizard .badge,
#campaign-page .progress-bar-info, .campaign-block .progress-bar-info,
#payment-page .nav-wizard > li.active {
    background-color: #393a33;
}

#campaign-page .progress, .campaign-block .container-box .progress{
    border: 1px solid #393a33;
}


a,
.link-display,
.text-client-color,
.btn-link{
    color: #464646;
}
.list-title small,
a:hover,
a:focus,
.btn-link:focus,
.btn-link:hover,
header a:hover,
.link-display:hover,
.link-display:focus {
    color: #fe2600;
}

.container-box {
    border: 1px solid rgba(254,38,0,0.35);
}
.container-box hr{
    border-top: 1px solid rgba(254,38,0,0.25);
}
#profile .container-box hr{
    border-top: 1px solid rgba(254,38,0,0.5);
}
.title,
.title-content-head,
ul.nav-tabs#headlinerss_tabs > li.active > a:first-child {
    color: #999999;
}

/* BUTTONS COLORS AND BORDERS */
.btn-right-list-title,
.btn-right-list-title:visited,
.btn-right-list-title:focus,
.btn-white,
.btn-white:visited,
.btn-white:focus,
.k-button.k-primary {
    border: 1px solid #393a33;
    color: #393a33;
}

.ui-widget-content a.btn-blue,
.btn-blue,
.btn-blue:visited,
.btn-blue:focus,
.btn-full-color,
.btn-full-color:focus,
.btn-full-color:visited,
.btn-white.btn-active,
#search_type_switch li.active a,
.btn-default.btn-active,
.facebook-icon,
.linkedin-icon,
.email-icon,
.btn-right-list,
.btn.btn-primary,
.btn-send-com,
.btn-done-com,
.btn-cancel-com,
.ui-dialog-buttonset button,
.ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-active,
.ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-active.ui-state-highlight,
.ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-hover,
.k-button.k-primary,
.customers .deleteBtn {
    background-color: #393a33;
    color: #ffffff;
    border: 1px solid #393a33;
}
.profile-intro-tabs .nav-tabs > li > a {
    color: #464646;
}
.profile-intro-tabs .nav > li > a:hover,
.profile-intro-tabs .nav > li > a:focus,
.profile-intro-tabs .nav > li > b > a:hover,
.profile-intro-tabs .nav > li > b > a:focus,
.profile-intro-tabs .nav-tabs > li > button.dropdown-toggle:hover,
.profile-intro-tabs .nav-tabs > li > button.dropdown-toggle:focus {
    color: #fe2600;
}

.btn-empty-color,
.btn-empty-color:visited,
.btn-empty-color:focus {
    border: 1px solid #393a33;
    color: #393a33;
    background-color: #FFFFFF;
}
#search_type_switch.nav-tabs > li.active > a:focus,
#search_type_switch.nav-tabs > li.active > a,
#search_type_switch li.active a{
    border-color: #393a33;
}
.corner-flag-box {
    background: #393a33;
}

.btn-white.btn-active .fa{
    color: #fff;
}
.btn-send-com:hover {
    text-decoration: none;
}

/* BUTTON ICONS COLOR */
.btn-blue i,
.btn-full-color i{
    color: #fff;
}
.btn-white i,
.btn-empty-color i {
    color: #393a33;
}


.ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-highlight{
    background-color: rgba(57,58,51,0.5);
    color: #ffffff;
    border: 1px solid rgba(57,58,51,0.5);
}

/* states for buttons */
.ui-widget-content a.btn-blue:hover,
.btn-blue:hover,
.btn-blue:active,
.btn-full-color:hover,
.btn-full-color:active,
.profile-intro-info .btn-full-color:focus,
.btn-empty-color:hover,
.btn-empty-color:active,
.profile-intro-info .btn-empty-color:focus,
.btn-white.btn-active:hover,
a.btn-white.btn-active:hover,
.btn-white.btn-active:active,
a.btn-white.btn-active:active,
.btn.btn-primary:hover,
.btn-right-list-title:hover,
.btn-right-list:hover,
.facebook-icon:hover,
.linkedin-icon:hover,
.email-icon:hover,
.btn-done-com:hover,
.btn-done-com:active,
.btn-done-com:focus,
.btn-cancel-com:hover,
.btn-cancel-com:active,
.btn-cancel-com:focus,
.btn-send-com:hover,
.btn-send-com:active,
.btn-send-com:focus,
.ui-dialog-buttonset button:hover,
.ui-dialog-buttonset button:active{
    background-color: #fe2600;
    border: 1px solid #fe2600;
    color: #ffffff;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #fe2600;
    outline: 0;
}

.btn-white:hover,
.btn-white:focus:hover,
.btn-white:visited:hover {
    color: #ffffff;
}

.btn-white:hover,
.btn-white:focus:hover,
.btn-white:visited:hover {
    background-color: #393a33;
    border: 1px solid #393a33;
    color: #ffffff;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
#membershipMetricsModule .react-table-pagination > .react-page-btn.active-button,
#membershipMetricsModule .react-table-pagination > .react-page-btn.active-button:hover,
#membershipMetricsModule .react-table-pagination > .react-page-btn.active-button:active,
#membershipMetricsModule .react-table-pagination > .react-page-btn.active-button:focus {
    background-color: #393a33;
    border: 1px solid #393a33;
    color: #ffffff;
}

.pagination > li > a,
.pagination > li > span,
#membershipMetricsModule .react-table-pagination > .react-page-btn {
    color: #393a33;
}

/**** OTHER CSS REQUIRED ****/

#invoice-view .label {
    background: #fe2600;
}

#newsletter-setup .step.selected {
    color: #464646;
}

#newsletter-setup.finish .row .label {
    background: #fe2600;
}

/**** OTHER CSS REQUIRED ****/

#invoice-view .label {
    background: #fe2600;
}

#newsletter-setup .step.selected {
    color: #464646;
}

#newsletter-setup.finish .row .label {
    background: #fe2600;
}

/* upload button color */
.inputfile + label {
    color: #393a33;
}
.inputfile + label svg path {
    fill: #393a33;
}
.inputfile:focus + label,
.inputfile + label:hover {
    color: #fe2600;
}
.inputfile:focus + label svg path,
.inputfile + label:hover svg path {
    fill: #fe2600;
}
/* end upload button */

/* pills */
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    border-bottom: 3px solid #393a33;
    color: #393a33 !important;
}

/* panels */
.panel-client > .panel-heading {
    background-color: #393a33;
}


/* THEME FOR SCROOL-BAR */
::-webkit-scrollbar
{
    width: 12px;  /* for vertical scrollbars */
    height: 12px; /* for horizontal scrollbars */
}

::-webkit-scrollbar-track
{
    background: rgba(57,58,51,0.2);
}

::-webkit-scrollbar-thumb
{
    background: rgba(57,58,51,0.5);
}
/* THE TWITTER BOX CUSTOM COLORS */

.timeline-Body.customisable-border{
    border: 1px solid rgba(57,58,51,0.35)!important;
}
footer.timeline-Footer.u-cf{
    background: #393a33!important;
}

.tableHeader,
.table-colored thead tr,
#style_page .footable-bordered thead tr,
#email-marketing-admin-page .footable-bordered thead tr,
#service-fee-table .footable-bordered thead tr,
#sync-resume-table .footable-bordered thead tr,
#event-view .footable-bordered thead tr,
#my-contributions .footable-bordered thead tr,
#receipt-reporting .footable-bordered thead tr,
#search_result_table .footable-bordered thead tr,
#search_result_table .footable-bordered thead tr a,
#user-search .footable-bordered thead tr,
#user-search .footable-bordered thead tr a,
#user-activity-notes.footable-bordered thead tr,
#user-activity-notes.footable-bordered thead tr a,
#campaign-metrics .footable-bordered thead .footable-header,
#headline-admin-page .footable-bordered thead .footable-header,
#event-metrics .footable-bordered thead .footable-header,
#sponsor-management .footable-bordered thead .footable-header {
    background: #393a33;
    color: white;
}
#sync-resume-table .footable-bordered,
#sync-resume-table .footable-bordered thead tr:nth-child(1) {
    border: 1px solid #393a33;
}
#sync-resume-table .footable-bordered tbody tr td:not(:first-child):not(.checkbox-cell) {
    border-left: 1px solid #393a33;
}
#sync-resume-table .footable-bordered tbody tr {
    border-top: 1px solid #393a33;
    border-bottom: 1px solid #393a33;
}
#sync-resume-table .footable-bordered tbody tr.border-bottom-row:not(:last-child) td {
    border-bottom: 1px solid #393a33;
}
#sync-resume-table .footable-bordered tbody tr.border-top-row td {
    border-top: 1px solid #393a33;
}

/* THEME FOR MOBILE */

@media screen and (max-width: 767px)
{
    ul.nav.nav-tabs li a{
        border: 1px solid #393a33;
        color: #393a33;
    }
    ul.nav.nav-tabs li.active a{
        background-color: #fe2600;
        border: 1px solid #fe2600;
    }
    ul.nav.nav-tabs li a:hover{
        background-color: #fe2600;
        border: 1px solid #fe2600;
    }
    ul.nav.nav-tabs li a.btn-full-color {
        background-color: #393a33;
        color: #ffffff;
        border: 1px solid #393a33;
    }
    #payment-page .nav-wizard > li.active {
        background-color: transparent;
        color: #0a60a3;
    }
    .icon-blue,
    .second-header {
        background: #393a33;
    }

    .btn-mobile-round,
    .btn-mobile-round i,
    .btn-mobile-round:focus,
    .btn-mobile-round:visited{
        color:#fff;
        background-color: #fe2600;
    }
}
/* ATTENDEES LIST */
#attendee-list{
    overflow: hidden;
    overflow-x: auto;
}
#refunded-list .attendee-list-header ,
#attendee-list .attendee-list-header {
    background: rgba(57,58,51,0.1);
}

#groups .one-list .page_links_icon.white,
#events .one-list .event_links_icon.white {
    border: 1px solid #393a33;
    background-color: white;
}
#events .one-list .event_links_icon.dark {
    background-color: #393a33;
    border: 2px solid transparent;
}
#events .one-list .event_links_icon.dark > i{
    color: #fff;
}
#events .one-list .event_thumb_placeholder {
    background-color: #393a33;
}

.client-background {
    background-color: #393a33;
    color: #fff;
}

div table thead tr th a {
    color: white;
}

.multifil-form {
    background: rgba(57,58,51,0.1);
    border:1px solid #393a33;
    border-radius:3px;
}


.js-add-custom-field-option-edit-profile {
    color:#393a33;
}

.client-link-background{
    background-color: #393a33;
    color: #fff;
}
.client-link-background:hover{
    background-color: #393a33;
    color: #fff;
}

.one-row-user-form  button.multiselect.dropdown-toggle.btn.btn-default:hover, .one-row-user-form  button.multiselect.dropdown-toggle.btn.btn-default:focus {
    border:1px solid #393a33!important;
    background:  rgba(57,58,51,0.35)!important;
    font-weight: bold;
}

.one-row-user-form .dropdown-menu > li > a:hover, .one-row-user-form .dropdown-menu > li > a:focus {
    background: #393a33!important;
    color:white;
}

.one-row-user-form .dropdown-menu > .active > a, .one-row-user-form .dropdown-menu > .active > a:hover, .one-row-user-form .dropdown-menu > .active > a:focus {
    background:#393a33;
}

#study-organization-view table tr button, #study-organization-view table tr a {
    background: #fff;
    border:1px solid #393a33;
    color: #393a33;
    text-transform: capitalize;
}

#study-organization-view table tr i {
    color: #393a33!important;
}


#trackId {
    color: #393a33;
}