/* Orange style*/


/*
#ff7f50
#ff6348
*/

.app-orange .header {
    background-image: linear-gradient(to right, #ff6348, #ff8d1c);
}

.app-orange .sidebar {
    /*background: #ff7e67;*/
    /*#ff6348*/
}

.app-orange .sidebar-logo {
    background-color: #ff6348;
}

.app-orange .header .header-container .dropdown-menu.show .dropdown-item.active,
.app-orange .header .header-container .dropdown-menu.show .dropdown-item:active {
    background-color: #ff7f50 !important;
}


/*.app-orange .sidebar .nav-item.active,
.app-orange .sidebar .nav-item:hover > a,
.app-orange .sidebar .nav-item ul li:hover,
.app-orange .sidebar .nav-item ul li.active {
	background-color: #ffac9d;
}*/

.app-orange .box_content.bg-primary,
.app-orange .datepicker-date-display,
.app-orange .datepicker-date-display {
    background-color: #ffac9d;
    background-image: linear-gradient(to right, #ff6348, #ff8d1c);
}

.app-orange .datepicker-cancel,
.app-orange .datepicker-clear,
.app-orange .datepicker-today,
.app-orange .datepicker-done {
    color: #ff6348 !important;
}

.app-orange .btn-primary {
    background-color: #ff6348;
    border-color: #ff6348;
}

.app-orange input:not([type]):focus:not([readonly]),
.app-orange input[type=text]:not(.browser-default):focus:not([readonly]),
.app-orange input[type=password]:not(.browser-default):focus:not([readonly]),
.app-orange input[type=email]:not(.browser-default):focus:not([readonly]),
.app-orange input[type=url]:not(.browser-default):focus:not([readonly]),
.app-orange input[type=time]:not(.browser-default):focus:not([readonly]),
.app-orange input[type=date]:not(.browser-default):focus:not([readonly]),
.app-orange input[type=datetime]:not(.browser-default):focus:not([readonly]),
.app-orange input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
.app-orange input[type=tel]:not(.browser-default):focus:not([readonly]),
.app-orange input[type=number]:not(.browser-default):focus:not([readonly]),
.app-orange input[type=search]:not(.browser-default):focus:not([readonly]),
.app-orange textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #ff6348;
    -webkit-box-shadow: 0 1px 0 0 #ff6348;
    box-shadow: 0 1px 0 0 #ff6348;
}


/* Blue style*/

.app-blue .header {
    background: #24292e;
}

.app-blue .sidebar {
    /*background: #0a3d62;*/
    /*#2980b9*/
}

.app-blue .sidebar-logo {
    background-color: #24292e;
}

.app-blue .header .header-container .dropdown-menu.show .dropdown-item.active,
.app-blue .header .header-container .dropdown-menu.show .dropdown-item:active {
    background-color: #ff7f50 !important;
}


/*.app-blue .sidebar .nav-item.active,
.app-blue .sidebar .nav-item:hover > a,
.app-blue .sidebar .nav-item ul li:hover,
.app-blue .sidebar .nav-item ul li.active {
	background-color: #2980b9;
}*/

.app-blue .box_content.bg-primary,
.app-blue .datepicker-date-display,
.app-blue .datepicker-date-display {
    background: #24292e;
}

.app-blue .datepicker-cancel,
.app-blue .datepicker-clear,
.app-blue .datepicker-today,
.app-blue .datepicker-done {
    color: #2980b9 !important;
}

.app-blue .btn-primary {
    background-color: #2980b9;
    border-color: #2980b9;
}

.app-blue input:not([type]):focus:not([readonly]),
.app-blue input[type=text]:not(.browser-default):focus:not([readonly]),
.app-blue input[type=password]:not(.browser-default):focus:not([readonly]),
.app-blue input[type=email]:not(.browser-default):focus:not([readonly]),
.app-blue input[type=url]:not(.browser-default):focus:not([readonly]),
.app-blue input[type=time]:not(.browser-default):focus:not([readonly]),
.app-blue input[type=date]:not(.browser-default):focus:not([readonly]),
.app-blue input[type=datetime]:not(.browser-default):focus:not([readonly]),
.app-blue input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
.app-blue input[type=tel]:not(.browser-default):focus:not([readonly]),
.app-blue input[type=number]:not(.browser-default):focus:not([readonly]),
.app-blue input[type=search]:not(.browser-default):focus:not([readonly]),
.app-blue textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #2980b9;
    -webkit-box-shadow: 0 1px 0 0 #2980b9;
    box-shadow: 0 1px 0 0 #2980b9;
}


/* Common */

.sidebar-menu li a {
    display: block;
}

.app-x .header .header-container .nav-left li a,
.app-x .header .header-container .nav-right li a,
.app-x .header .header-container .nav-right li a span,
.app-x .header .header-container .dropdown-menu.show .dropdown-item.active,
.app-x .header .header-container .dropdown-menu.show .dropdown-item:active,
.app-x .logo-text
/*.app-x .sidebar-menu li a,
.app-x .sidebar-menu .icon-holder i*/

{
    color: #fff !important;
}

.app-x .header .header-container .dropdown-menu.show a,
.app-x .header .header-container .dropdown-menu.show a span,
.app-x .dropdown-content li>a,
.app-x .dropdown-content li>span {
    color: #212529 !important;
}

.app-x .sidebar-logo,
.app-x .header {
    border-color: rgba(255, 255, 255, .4);
}

.app-x .main-content,
.app-x .main-content .box_content .box_add {
    background-color: #fff !important;
}

.app-x .main-content .box_content {
    background-color: #f9fafb !important
}

.logo .logo-image {
    display: block;
}

.logo .logo-image-white {
    display: none;
}

.app-x .logo .logo-image {
    display: none;
}

.app-x .logo .logo-image-white {
    display: block;
}

.header .header-container .nav-left .notifications .counter,
.header .header-container .nav-right .notifications .counter {
    background-color: #bd2828 !important;
}