/***************************************************************************
* BUTTONS
***************************************************************************/

button[type="button"] {
    transition: background-color 0.3s, color 0.3s;
}

.btn {
    transition: background-color 0.3s, color 0.3s;
    color: #949ba2;
}

.btn:hover {
    background-color: rgba(255,255,255,0.07);
}

.btn-primary {
    color: #949ba2;
    /*background-color: #2196F3;*/
    border-color: #f6a821;
    background-color: transparent;
}

.btn-default {
    color: #949ba2;
    border: none;
    background-color: transparent;
}

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

.btn-link:hover, .btn-link:focus {
    color: #fff;
}

.btn-primary:focus, .btn-primary.focus, .btn-primary:hover {
    border-color: #f6a821;
    background-color: rgba(255,255,255,0.07);
}

.btn-primary:focus, .btn-primary:active, .btn-primary:active:focus {
    border-color: #f6a821;
    background-color: transparent;
}

.btn-info {
    color: #949ba2;
    border-color: #f6a821;
    background-color: transparent;
}

.btn-info:focus, .btn-info.focus, .btn-info:hover {
    background-color: transparent;
    border-color: #f6a821;
}

.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
    background-color: transparent;
    border-color: #f6a821;
}

.btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus {
    background-color: transparent;
    border-color: #f6a821;
}

.btn-success, .bg-success, .btn-success:active:hover, .btn-success.active:hover, .btn-success:active:focus, .btn-success.active:focus {
    background-color: transparent;
    border-color: #4CAF50;
}

.btn-success:active, .btn-success:focus, .btn-success.focus, .btn-success:hover {
    background-color: rgba(255,255,255,0.07);
}

.btn-warning, .bg-warning, .btn-warning:active:hover, .btn-warning.active:hover, .btn-warning:active:focus, .btn-warning.active:focus {
    background-color: transparent;
    border-color: #c04b42;
}

.btn-warning:active, .btn-warning:focus, .btn-warning.focus, .btn-warning:hover {
    background-color: rgba(255,255,255,0.07);
}


.btn-danger, .bg-danger, .btn-danger:active:hover, .btn-danger.active:hover, .btn-danger:active:focus, .btn-danger.active:focus {
    background-color: transparent;
    border-color: #F44336;
}

.btn-danger:active, .btn-danger:focus, .btn-danger.focus, .btn-danger:hover {
    background-color: rgba(255,255,255,0.07);
}

.bg-green {
    background-color: #60a250;
    border-color: #60a250;
    color: #fff;
}

.bg-teal {
    background-color: #009688;
    border-color: #009688;
    color: #fff;
}

.btn.bg-teal {
    background-color: transparent;
    border-color: #009688;
}





.bg-purple-400 {
    color: #949ba2;
    border-color: #7E57C2;
    background-color: transparent;
}

.bg-purple-400 {
    /*background-color: #7E57C2;*/
    border-color: #7E57C2;
    color: #949ba2;
}

.bg-purple-400:hover {
    border-color: #7E57C2;
}

/***************************************************************************
* TAG IT
***************************************************************************/

ul.tagit {
    background-color: #494b54;
}

ul.tagit li.tagit-choice-editable {
    background-color: #777;
    border: none;
    color: #fff;
}

ul.tagit li.tagit-choice .tagit-close .text-icon {
    display: inline;
    padding-right: 4px;
    color: #f6a821;
}

/***************************************************************************
* SECTIONS ON ARTICLES PAGE
***************************************************************************/

.js-tree-root {
    background-color: #494b54;
    color: #fff;
    border: 0
}

.js-tree-root li {
    list-style: none;
    list-style-position: inside;
}


.sf-menu li {
    padding: 7px 10px;
    font-weight: normal;
    background-color: #494b54;
}

.sf-menu li:hover {
    background-color: #3a3c45;
    color: #fff;
}

.sf-menu li, .sf-menu ul li, .sf-menu ul ul li {
    background-color: #3a3c45;
    color: #fff;
}

.sf-menu li:hover, .sf-menu li.sfHover {
    background-color: #3a3c45;
    color: #fff;
    -webkit-transition: none;
    transition: none;
}

.sf-menu a {
    border: none;
    zoom: 1;
    padding: 0;
    color: #fff;
}

/***************************************************************************
* REST OF RULES
***************************************************************************/



body {
    background-color: #2f323b;
    color: #fff;
}

.page-container {
    padding: 0!important;
}

.page-header {
    display: none;
}

.panel .gm-style-iw h5 {
    color: #000;
}

pre {
    background-color: #494b54;
    color: #949ba2;
    border: none;
}

.text-primary, .text-primary:hover, .text-primary:focus {
    color: #f6a821!important;
}

@media (min-width: 769px) {
    .sidebar {
        padding-right: 0;
    }
}

.navbar-inverse .navbar-nav > li > a {
    color: #949ba2;
    transition: background-color 0.3s, color 0.3s;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    color: #565d64;
    background-color: rgba(0, 0, 0, 0.1);
}

.sidebar {
    background-color: #2a2d35;
}

.sidebar .sidebar-content {
    border: 0;
    margin-bottom: 0;
}


.sidebar-default .sidebar-content {
    background-color: #2a2d35;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

.panel {
    border: 0;
    box-shadow: none;
    background-color: transparent;
    color: #fff;
}

.panel-flat > .panel-heading {
    background-color: transparent;
}

.text-highlight {
    color: #f6a821;
    padding: 0;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-top: 1px solid #3d404c;
    color: #949ba2;
}

/*.table > thead > tr > th {*/
    /*color: #fff;*/
    /*!*font-weight: bold;*!*/
/*}*/

.dataTables_filter input {
    border-radius: 0;
    background-color: #494b54;
    border: 0;
    color: #fff;
}

.datatable-header {
    border-bottom: 1px solid #5c5f6d;
}

.datatable-footer {
    border-top: 1px solid #5c5f6d;
}

.table > thead > tr > th {
    border-bottom: 1px solid #5c5f6d;
}

/***********************************************************************
SELECT 2
 ***********************************************************************/

.select2-selection--single:not([class*=bg-]):not([class*=border-]) {
    border: 0;
}

.select2-selection--single {
    border-radius: 0;
    background-color: #494b54;
    color: #949ba2;
}

.select2-selection--single:not([class*=bg-]) {
    background-color: #494b54;
}

.select2-dropdown {
    border: 0;
    background-color: #494b54;
    color: #949ba2;
}

.select2-results__option.select2-results__option--highlighted {
    background-color: #585b69;
    color: #949ba2;
}

.select2-results > .select2-results__options {
    padding-bottom: 0;
}

.select2-selection--multiple:not([class*=bg-]):not([class*=border-]) {
    border: 0;
}

.select2-selection--multiple {
    border-radius: 0;
}

.select2-selection--multiple:not([class*=bg-]):not([class*=border-]) {
    background-color: #494b54;
}

.select2-selection--multiple .select2-selection__choice {
    background-color: #777;
    border-radius: 0;
}

.select2-container--disabled .select2-selection--single:not([class*=bg-]) {
    background-color: #34353c;
    color: #656565;
}

.select2-dropdown.select2-dropdown--below {
    -webkit-box-shadow: 0px 7px 15px 0px rgba(0,0,0,0.36);
    -moz-box-shadow: 0px 7px 15px 0px rgba(0,0,0,0.36);
    box-shadow: 0px 7px 15px 0px rgba(0,0,0,0.36);
}

/***************************************************************************
* IMAGE SELECT
***************************************************************************/

.select-image-container {
    background-color: #494b54;
}

.select-image-container i {
    color: #85868c;
}




.btn {
    border-radius: 0;
}

.dt-buttons a.btn-default {
    background-color: #494b54;
    color: #949ba2;
    border: 1px solid #2d3038;
    transition: background-color 0.3s;
}

.dt-buttons a:hover.btn-default {
    background-color: #585b69;
}

.dataTables_paginate .paginate_button.current,
.dataTables_paginate .paginate_button.current:hover,
.dataTables_paginate .paginate_button.current:focus {
    background-color: #494b54;
    border-radius: 0;
}

.dataTables_paginate .paginate_button {
    transition: background-color 0.3s, color 0.3s;

    border-radius: 0;
    background-color: #2d3038;
    color: #949ba2;

}

.dataTables_paginate .paginate_button:hover,
.dataTables_paginate .paginate_button:focus {
    background-color: #585b69;
    border-radius: 0;
    color: #fff;
}

.label {
    border-radius: 2px;
}

hr {
    border-top: 1px solid #5c5f6d;
}

.sidebar-default .navigation li > a {
    color: #848c94;
}

/*.sidebar-default .navigation > li.active > a,*/
/*.sidebar-default .navigation > li.active > a:hover,*/
/*.sidebar-default .navigation > li.active > a:focus {*/
    /*color: #c0c4c8;*/
    /*background-color: transparent;*/
    /*border-left: 6px solid #c37e08;*/
/*}*/

.sidebar-default .navigation li > a:hover,
.sidebar-default .navigation li > a:focus {
    background-color: rgba(255, 255, 255, 0.1);
}

.sidebar-default .navigation li.active > a,
.sidebar-default .navigation li.active > a:hover,
.sidebar-default .navigation li.active > a:focus {
    border-left: 6px solid #c37e08;
    background-color: transparent;
    color: #fff;
}

.navbar-inverse {
    background-color: #fff;
    border-color: #fff;
    color: #000;
}


.form-control {
    background-color: #494b54;
    color: #fff;
    border: 0;
    border-radius: 0;
}

.icon-star-full2 {
    color: #f6a821;
}

/********************************************************
 * TABS
 *******************************************************/

.panel-tabs-title {
    background-color: #3d3f48;
}

.panel-title i {
    color: #f6a821;
}

.panel-tabs {
    display: block;
    background-color: #3d3f48;
    padding-top: 16px;
    box-sizing: border-box;
    height: 56px;
}

.panel-tabs .panel-tab {
    /*border: 0;*/
    /*border-bottom: 1px solid #2d3038;*/
}

.panel-tabs:last-child .panel-tab {
    /*border: 0;*/
}

.panel-tabs .panel-tab:hover {
    background-color: #2d3038;
    color: #fff;
}

.panel-tabs .panel-tab.active {
    /*border-bottom: 1px solid #2d3038;*/
    border-top: 2px solid #f6a821;
    background-color: #2d3038;
    color: #fff;
}


/*-------------------------------------------------------------------------------------*/

.panel {
    color: #949ba2;
}

.panel h1,
.panel h2,
.panel h3,
.panel h4,
.panel h5,
.panel h6 {
    color: #fff;
}

h5 button {
    color: #848c94;
    background-color: transparent;
    transition: background-color 0.3s, color 0.3s;
}

h5 button:hover {
    color: #fff;
    background-color: #494b54;
}


/*
 * RANGE SLIDER
 */

.irs-line {
    background-color: #444444;
}

.irs-bar {
    background-color: #f6a821;
}

.irs-min, .irs-max {
    color: #999999;
    font-size: 11px;
    line-height: 1;
    top: 0;
    padding: 5px;
    background-color: #444444;
    border-radius: 2px;
}







.input-group-addon {
    background-color: #494b54;
    color: #949ba2;
    border-color: #494b54;
}

.form-control[readonly] {
    background-color: #494b54;
}

.picker__holder {
    background-color: #494b54;
    border: 1px solid #494b54;
    border-top: 1px solid #656874;
}

.picker__nav--prev,
.picker__nav--next {
    border-radius: 0;
    transition: background-color 0.3s, color 0.3s;
}

.picker__nav--prev:hover,
.picker__nav--next:hover {
    background-color: #656874;
}

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
    background-color: #26A69A;
    color: #fff;
    border-radius: 0;
}

.picker__day--today {
    position: relative;
    background-color: #656874;
}

.picker__day--today:before {
    border-top: 6px solid #fff;
    border-left: 6px solid transparent;
}

.picker__footer button {
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 7px 12px;
    font-weight: 500;
    cursor: pointer;
    display: inline-block;
}

.picker__footer button:hover,
.picker__footer button:focus {
    outline: 0;
    background-color: #656874;
}

.picker__button--today:before {
    border-top: 6px solid #fff;
}

.picker__day--infocus:hover,
.picker__day--outfocus:hover {
    background-color: #656874;
}

.picker__day.picker__day--infocus {
    color: #fff;
}

.picker__day--outfocus {
    color: #656874;
}

input.pickadate {
    color: #949ba2;
}


.weekpicker {
    background-color: #494b54!important;
    border: 1px solid #494b54!important;
    border-top: 1px solid #656874!important;
}

.weekpicker .calendar .box0 {
    background-color: #494b54!important;
    color: #656874!important;
}

.weekpicker .calendar .box1 {
    background-color: #494b54!important;
    color: #fff!important;
}

.weekpicker .highlighted .box0,
.weekpicker .highlighted .box1 {
    background-color: #656874!important;
    color: #fff!important;
}

.weekpicker .selected .box0,
.weekpicker .selected .box1 {
    background-color: #656874!important;
    color: #fff!important;
}

.weekpicker .week-nav {
    color: inherit!important;
}

input[data-weekpicker="weekpicker"] {
    color: #949ba2;
}

.uploader .filename {
    background-color: #494b54;
    border-color: #494b54;
}

.panel-body + .dataTables_wrapper {
    border-top: 0;
}

.panel-flat > .panel-heading + .dataTables_wrapper {
    border-top: 0;
}

.uploader span {
    border-radius: 0!important;
}

.uploader span.action {
    background-color: #f6a821!important;
    border-color: #f6a821!important;
}

#avatar-image {
    border-radius: 50%;
}

@media (min-width: 769px) {
    .sidebar-xs .sidebar-default .navigation-main > li > ul {
        background-color: #494b54;
        border: 1px solid #494b54;
        border-top: 0;
    }

    .sidebar-xs .sidebar-default .navigation-main > li > a > span {
        background-color: #f6a821;;
    }
}

a {
    color: #f6a821;
}



/********************************************************
* SWEET ALERT
********************************************************/

.sweet-alert {
    background-color: #333333;
}

.sa-confirm-button-container button.confirm {
    border-radius: 0;
    background-color: transparent;
    border: 1px solid #c04b42;
    color: #949ba2;
    transition: background-color 0.3s, color 0.3s;
}

.sa-confirm-button-container button.confirm:hover {
    color: #fff;
    background-color: #585b69;
}

.sa-button-container button.cancel {
    border-radius: 0;
    background-color: transparent;
    /*border: 1px solid #c04b42;*/
    color: #949ba2;
    transition: background-color 0.3s, color 0.3s;
}

.sa-button-container button.cancel:hover {
    color: #fff;
}







.nav-notification {
    color: #949ba2;
}

.navbar-inverse {
    /*border-color: #494b54;*/
}

.navbar .navbar-inverse {
    /*border-bottom: none;*/
}



@media (max-width: 768px) {
    .navbar-nav {
        border-bottom: none;
    }

    .navbar-inverse .navbar-collapse {
        background-color: #494b54;
    }
}

.margin-top-wizard {
    margin-top: 40px;
}

.wizard > .actions > ul > li > a {
    background: transparent;
    color: #949ba2;
    border-radius: 0;
    border: 1px solid #f6a821;
    transition: background-color 0.3s, color 0.3s, color 0.3s, color 0.3s;
}

.wizard > .actions > ul > li > a:hover {
    color: #fff;
    background-color: rgba(255,255,255,0.07);
}

.wizard > .actions > ul > li > a[href="#previous"] {
    background: transparent;
    color: #949ba2;
    border: none;
}

.wizard > .actions > ul > li > a[href="#previous"]:hover {
    color: #fff;
}

.wizard > .actions > ul > li.disabled > a[href="#previous"]:hover {
    color: #949ba2;
    cursor: default;
}

.wizard > .steps > ul > li.current > a {
    color: #f6a821;
}

.wizard > .steps .number {
    background-color: #2f323b;
}

.wizard > .steps > ul > li a {
    margin-top: 24px;
}

.wizard > .steps .number {
    line-height: 36px;
}

.wizard > .steps > ul > li.current .number {
    border-color: #f6a821;
    background-color: #2f323b;
    color: #f6a821;
}

.wizard > .steps > ul > li.done .number {
    border-color: #f6a821;
    background-color: #f6a821;
    color: #2f323b;
}

.wizard > .steps > ul > li:before, .wizard > .steps > ul > li:after {
    background-color: #f6a821;
}

.select2-search--dropdown .select2-search__field {
    border-radius: 0;
    background-color: #585b69;
    border: 0;
}

.image-select-container .select-option:hover {
    background-color: #363841;
}

.image-select-container .select-option.selected {
     background-color: #363841;
 }

.image-select-container .select-option.selected i {
    color: #f6a821;
}

select[multiple] option, select[size] option {
    border-radius: 0;
}

.select2-results__option[aria-selected=true] {
    background-color: #f6a821;
    color: #fff;
}

select[multiple]:focus option:checked {
    background: linear-gradient(0deg, #f6a821 0%, #f6a821 100%);
}

.back {
    background-color: #363841;
    margin-top: 15px;
    border-bottom: 2px solid #f6a821;
    border-top: 2px solid #f6a821;
}

.bootstrap-duallistbox-container button.btn-default {
    background-color: #545960;
    border-color: #545960;
}

.bootstrap-duallistbox-container button.btn-default:hover {
    background-color: #666c75;
    border-color: #666c75;
    color: #fff;
}

.sweet-alert.show-input input {
    background-color: rgb(73, 75, 84);
}

.sweet-alert input {
    background-color: rgb(73, 75, 84) !important;
}

.sweet-alert .sa-error-container {
    background-color: transparent;
}

button.confirm{
    background-color: transparent !important;
    border-color: transparent !important;
}

.po-summary {
    font-size: 16px;
    color: #f6a821;
}

.po-summary span {
    color: #949ba2;
}

.total-table td {
    color: #fff;
}

.table.order td {
    color: #fff!important;
}

.total-table td.total-label {
    color: #f6a821;
}


.modal-content {
    background-color: #2f323b;
    color: #949ba2;
}

.switch-selected {
    color: #f6a821;
}

.checker span {
    color: #949ba2;
    border: 2px solid #949ba2;
}

.image-details {
    background-color: #282b32;
}

/******************************************************
SUMMERNOTE EDITOR
*******************************************************/

.note-editor {
    border-radius: 0;
    border-color: #494b54;
}

.note-editor .note-toolbar {
    border-radius: 0;
}

.note-editor .btn-group > .btn:hover {
    color: #494b54;
}

.note-editor .dropdown-menu h1,
.note-editor .dropdown-menu h2,
.note-editor .dropdown-menu h3,
.note-editor .dropdown-menu h4,
.note-editor .dropdown-menu h5,
.note-editor .dropdown-menu h6 {
    color: #333333;
}

.note-editing-area {
    background-color: #494b54;
}

/**************************************************************
Daterange picker
***************************************************************/


.daterangepicker .calendar {
    background-color: #494b54;
    border: 1px solid #494b54;
    border-top: 1px solid #656874;
    border-radius: 0;
}

.daterangepicker .table-condensed .month {
    color: #949ba2;
}

.daterangepicker .dropdown-menu {
    color: #656874;
}

.daterangepicker .table-condensed tr > th,
.daterangepicker .table-condensed tr > td {
    color: #fff;
}

.daterangepicker td.off,
.daterangepicker td.disabled {
    color: #656874!important;
}

.daterangepicker td.available:hover,
.daterangepicker td.available:focus {
    background-color: #656874;
}

.daterangepicker td.available.off:hover,
.daterangepicker td.available.off:focus {
    color: #333333!important;
}

.daterangepicker td.active,
.daterangepicker td.active:hover,
.daterangepicker td.active:focus {
    border-radius: 0;
}

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
    background-color: #656874;
    border: 0;
    height: 24px;
    outline: none;
}

.daterangepicker td.in-range {
    background-color: transparent;
    color: #fff;
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect{
    background-color: #656874;
    border: 0;
    height: 24px;
    outline: none;
}



.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #656874;
    opacity: 0.5;
}

.custom-field .inner {
    background-color: #282b32;
}


/************************************************************************
  HANDSONTABLE
************************************************************************/

.handsontable th:not([class*=bg-]) {
    background-color: #37383f;
}

.handsontable th:first-child, .handsontable td:first-of-type, .handsontable .htNoFrame + th, .handsontable .htNoFrame + td {
    border-left: 1px solid #54565f;
}

.handsontable th, .handsontable td {
    border-right: 1px solid #54565f;
    border-bottom: 1px solid #54565f;
}

.handsontable tr th:first-child, .handsontable tr td {
    border-left: none;
}

.handsontable th {
    border-bottom: none;
}

.htColumnHeaders .handsontable tr:first-child td {
    border-top-color: #54565f;
}

.handsontable td:not([class*=bg-]) {
    background-color: #494b54;
}


/************************************************************************
  MULTISELECT
************************************************************************/

.multiselect.btn-default, .multiselect.btn-default.disabled {
    background-color: #494b54;
    border-color: #494b54;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #f6a821;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    background-color: #656874;
}

.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    background-color: #656874;
    border-color: #656874;
    color: #fff;
}

.multiselect.btn-default:active, .btn-group.open .multiselect.btn-default {
    border-color: #656874;
}

/************************************************************************
  BUTTONS
************************************************************************/

.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
    background-color: #656874;
    border-color: #656874;
    color: #fff;
}



.choice span {
    border: 2px solid #949ba2;
}

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: none;
}

.dashboard-box {
    margin-top: 20px;
}

.dashboard-panel {
    background-color: #2a2d35;
}

.dasboard-heading-label {
    color: #fff;
}

.dashboard-panel .panel-tabs .panel-tab {
    position: relative;
    border-bottom: 1px solid transparent;
    border-top: none;
    /*top: 1px;*/
}

.dashboard-panel .panel-tabs .panel-tab:hover {
    background-color: transparent;
    border-bottom: 1px solid #f6a821;
}

.label-menu-notification {
    border: 1px solid #f6a821!important;
    background-color: #f6a821!important;
    color: #000!important;
    margin-left: 10px;
}

.text-large {
    color: #f6a821;
}

.article-view-stat {
    color: #f6a821;
}

.article-back-button {
    top: 36px;
}

li.multiselect-filter i {
    margin-top: -17px;
}

.multiselect-filter input {
    background-color: #656874;
}

.grey-box {
    background-color: #3d3f48;
}