/*Just change your choise color here its theme Colors*/

body {
    background: #fff;
}

/*Top Header Part*/

.top-left-part {
    background: #00A9BE;
}

.logo i {
    color: #ffffff;
}

.navbar-header, .elite-wrapper .table-striped tbody tr:first-child th {
    background: #00BCD4;
}

.nav.navbar-top-links > li > a {
    color: #ffffff;
}

/*Right panel*/

.right-sidebar .rpanel-title {
    background: #00BCD4;
}

/*Bread Crumb*/

.bg-title .breadcrumb .active {
    color: #00BCD4;
}

/*Sidebar*/

.sidebar {
    background: #fff;
    -webkit-box-shadow: -1px 0px 20px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: -1px 0px 20px rgba(0, 0, 0, 0.08);
    box-shadow: -1px 0px 20px rgba(0, 0, 0, 0.08);
}

    .sidebar .label-custom {
        background: #01c0c8;
    }

#side-menu li a {
    color: #54667a;
}

#side-menu li.active > a {
    background: #f3f6f8;
}

#side-menu > li > a.active {
    background: #f5f8fa;
    border-right: 3px solid #00BCD4;
    color: #2b2b2b;
}

#side-menu > li > a:hover {
    background: #f1f4f6;
}

#side-menu > li > a.active i {
    color: #00BCD4;
}

#side-menu ul > li > a.active {
    color: #2b2b2b;
}

#side-menu ul > li > a:hover {
    color: #00BCD4;
}

.sidebar #side-menu .user-pro .nav-second-level a:hover {
    color: #00BCD4;
}

/*themecolor*/

.bg-theme {
    background-color: #fb9678 !important;
}

.bg-theme-dark {
    background-color: #01c0c8 !important;
}

/*Chat widget*/

.chat-list .odd .chat-text {
    background: #00BCD4;
}

/*Button*/

.btn-custom {
    background: #00BCD4;
    border: 1px solid #00BCD4;
    color: #ffffff;
}

    .btn-custom:hover {
        background: #00BCD4;
        opacity: 0.8;
        color: #ffffff;
        border: 1px solid #00BCD4;
    }

/*Custom tab*/

.customtab li.active a,
.customtab li.active a:hover,
.customtab li.active a:focus {
    border-bottom: 2px solid #00BCD4;
    color: #00BCD4;
}

.tabs-vertical li.active a,
.tabs-vertical li.active a:hover,
.tabs-vertical li.active a:focus {
    background: #00BCD4;
    border-left: 2px solid #00BCD4;
}

/*Nav-pills*/

.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
    background: #00BCD4;
    color: #ffffff;
}

.panel-darkblue .panel-heading,
.panel-primary .panel-heading {
    border-color: #00BCD4;
    color: #fff;
    background-color: #00BCD4;
}