/*
 *  Document   : social.css
 *  Author     : pixelcave
 */
.block-options .btn, .chosen-container-single .chosen-single, .form-control, .nav-pills > li > a, .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .nav-tabs > li > a, .nav-users a, .nav.navbar-nav-custom > li > a, .navbar-default .navbar-nav > li > a, .sidebar-nav a.active, .text-dark, .text-dark:hover, .toggle-menu a, a.text-dark, a.text-dark:focus, a.text-dark:hover, body, li.dropdown-header {
    color: #333
}

.themed-color-dark {
    color: #333 !important
}

#page-container, #sidebar, .sidebar-nav ul .active > ul, .sidebar-nav ul .open + ul, body {
    background-color: #252d2f
}

.themed-background-dark {
    background-color: #333 !important
}

.sidebar-nav ul a {
    border-left-color: #333
}

#sidebar-alt, #sidebar-alt-close {
    background: rgba(51, 51, 51, .9)
}

@media screen and (min-width: 992px) {
    #page-container.sidebar-visible-lg-mini #sidebar .sidebar-nav .sidebar-nav-menu + ul {
        background-color: #282828
    }
}

.sidebar-content, .sidebar-nav a {
    color: #bfbfbf
}

#page-content, .slider-track, .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th, li.dropdown-header, thead th.fc-widget-header {
    background-color: #f2f2f2
}

.dataTables_wrapper > div, .dropzone, .list-group-item, .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .nav-tabs > li > a:hover, .pager > li.disabled > a:hover, .pager > li > a, .pager > li > span, .table tbody + tbody, .table tbody > tr > td, .table tbody > tr > th, .table tfoot > tr > td, .table tfoot > tr > th, .table thead > tr > td, .table thead > tr > th, .table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border-color: #ECEFF1;
}

.form-bordered .form-group, fieldset legend {
    border-bottom-color: #f2f2f2
}

.block-title .nav-tabs > li.active > a, .block-title .nav-tabs > li.active > a:focus, .block-title .nav-tabs > li.active > a:hover, .csscheckbox-default input:checked + span:after, .switch-default input:checked + span {
    background-color: #e5e5e5
}

.block .block, .chosen-container-multi .chosen-choices, .chosen-container-single .chosen-search input[type=text], .chosen-container-single .chosen-single, .csscheckbox span, .dropdown-menu, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed hr, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead, .form-control, .input-group-addon, .select2-container .select2-dropdown, .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single, .select2-container--default.select2-container--focus .select2-selection--multiple, div.tagsinput {
    border-color: #CFD8DC;
}

#page-content-sidebar, .block-title, .content-header, .navbar.navbar-default, .navbar.navbar-default.navbar-glass:hover {
    border-bottom-color: #e5e5e5
}

.block {
    -webkit-box-shadow: 0 2px 0 rgba(229, 229, 229, .5);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12);
}

.block-title {
    background: rgba(229, 229, 229, .15)
}

@media screen and (min-width: 768px) {
    #page-content.inner-sidebar-left #page-content-sidebar {
        border-right-color: #e5e5e5
    }

    #page-container.sidebar-light #page-content.inner-sidebar-left #page-content-sidebar, #page-content.inner-sidebar-right #page-content-sidebar {
        border-left-color: #e5e5e5
    }
}

.btn-link, .btn-link:focus, .btn-link:hover, .nav-pills > .active > a > .badge, .pagination > li > a, .pagination > li > span, .text-primary, .text-primary:hover, .toggle-menu a.active, .toggle-menu a:focus, .toggle-menu a:hover, a, a.text-primary, a.text-primary:focus, a.text-primary:hover, a:focus, a:hover {
    color: #627aad
}

.themed-color {
    color: #627aad !important
}

.bootstrap-timepicker-widget table td a:hover, .chosen-container .chosen-results li.highlighted, .chosen-container-multi .chosen-choices li.search-choice, .csscheckbox-primary input:checked + span:after, .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled], .datepicker table tr td.active, .datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled], .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .fc-event, .label-primary, .label-primary[href]:focus, .label-primary[href]:hover, .nav .open > a, .nav .open > a:focus, .nav .open > a:hover, .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover, .nav.navbar-nav-custom > li.open > a, .nav.navbar-nav-custom > li > a:focus, .nav.navbar-nav-custom > li > a:hover, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover, .navbar.navbar-inverse, .navbar.navbar-inverse.navbar-glass:hover, .pager > li > a:hover, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination > li > a:hover, .progress-bar-primary, .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-selection--multiple .select2-selection__choice, .sidebar-title, .slider-selection, .switch-primary input:checked + span, .table.table-pricing th, a.list-group-item.active, a.list-group-item.active:focus, a.list-group-item.active:hover, div.tagsinput span.tag {
    background-color: #f2f2f2
}


/* custom start */
.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {
    background-color: #627aad;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #627aad;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .nav .open > a, .nav .open > a:focus, .nav .open > a:hover, .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #627aad;
}

div.tagsinput span.tag {
    border: 1px solid #627aad;
    background-color: #627aad;
    color: #fff;
    font-weight: 600;
    border-radius: 2px;
    display: block;
    float: left;
    padding: 0 20px 0 5px;
    height: 20px;
    line-height: 18px;
    text-decoration: none;
    margin-right: 4px;
    margin-bottom: 6px;
    font-size: 12px;
    position: relative;
}
.chosen-container .chosen-results li.highlighted {
    background-color: #627aad;
    color: #fff;
}
.label-primary, .label-primary[href]:focus, .label-primary[href]:hover {
    background-color: #627aad;
}
.label-primary {
    background-color: #627aad;!important;
}
/* custom end */

.themed-background {
    background-color: #f2f2f2 !important
}

.chosen-container .chosen-drop, .chosen-container-active .chosen-choices, .chosen-container-active .chosen-single, .chosen-container-active.chosen-with-drop .chosen-single, .chosen-container-multi .chosen-choices li.search-choice, .fc-event, .form-control:focus, .pager > li > a:hover, .pagination > li > a:hover, .select2-container--default.select2-container--focus.select2-container--open .select2-selection--multiple, .select2-container--default.select2-container--open .select2-selection--multiple, .select2-container--default.select2-container--open .select2-selection--single, .select2-container.select2-container--open .select2-dropdown, .table.table-pricing.table-featured, .table.table-pricing:hover, a.list-group-item.active, a.list-group-item.active:focus, a.list-group-item.active:hover, div.tagsinput span.tag {
    border-color: #66afe9;
    border-radius: 5px;

    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.sidebar-nav a.active {
    border-right-color: #627aad
}

.nav .caret, .nav a:focus .caret, .nav a:hover .caret {
    border-top-color: #627aad;
    border-bottom-color: #627aad
}

.btn-primary, .fc-state-default {
    background-color: #627aad;
    border-color: #627aad
}

.btn-primary.active, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus, .btn-primary:active, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary:focus, .btn-primary:hover, .fc-state-active, .fc-state-disabled, .fc-state-down, .fc-state-hover, .open .btn-primary.dropdown-toggle, .open .btn-primary.dropdown-toggle.focus, .open .btn-primary.dropdown-toggle:focus, .open .btn-primary.dropdown-toggle:hover {
    background-color: #40588b;
    border-color: #40588b
}

.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].active, .btn-primary[disabled].active:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:active:focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.active:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:active:focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #627aad;
    border-color: #627aad
}

.sidebar-nav-ripple {
    background: rgba(98, 122, 173, .3)
}

.navbar.navbar-inverse.navbar-glass {
    background: #f2f2f2;
}