/*
Author       : Area 14
Template Name: Colors ETT Fenicia del Sur
Version      : 1.0
*/

/*============================

/*-----------------
	1. General
-----------------------*/

body {
	color: #1f1f1f !important;
	background-color: #f7f7f7 !important;	
}
.form-control {
	border-color: #e3e3e3 !important;
}
.form-control:focus {
	border-color: #ccc !important;
}
.input-group-text {
	background-color: #f7f7f7 !important;
	border-color: #e3e3e3 !important;
}
/*-----------------
	2. Table
-----------------------*/

.table {
	color: #333 !important;
}
.table.table-white {
	background-color: #fff !important;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
	background-color: #f6f6f6 !important;
}
.table-striped-2 > tbody > tr:nth-of-type(2n+1) {
	background-color: #E5979B !important;
}

table.table td h2.table-avatar.blue-link a {
	color: #007bff !important;
}
table.table td h2 a {
	color: #333 !important;
}
table.table td h2 a:hover {
	color: #b0cb19 !important;
}
table.table td h2 span {
	color: #888 !important;
}

.table-hover tbody tr:hover {
    background-color: #f7f7f7 !important;
    color: #212529 !important;
}

/*-----------------
	3. Helper Class
-----------------------*/


.text-muted-light {
	color: #aaa !important;
}


/*-----------------
	4. Bootstrap Classes
-----------------------*/

.btn-white {
	background-color: #fff !important;
	border: 1px solid #ccc !important;
	color: #333 !important;
}
.btn-white:focus, .btn-white:hover {
    background-color: #f7f7f7 !important;
}
.bg-purple,
.badge-purple {
	background-color: #11568a !important;
}
.bg-primary,
.badge-primary {
	background-color: #b0cb19 !important;
}
.bg-success,
.badge-success {
	background-color: #55ce63 !important;
}
.bg-info,
.badge-info {
	background-color: #1e9dfc !important;
}
.bg-warning,
.badge-warning {
	background-color: #fccb05 !important;
}
.bg-danger,
.badge-danger {
	background-color: #c90b04 !important;
}
.bg-yellow,
.badge-yellow {
	background-color: #f7fc05 !important;
}
.bg-carrot,
.badge-carrot {
	background-color: #fccb05 !important;
}
.bg-caqui,
.badge-caqui {
	background-color: #adb00c !important;
}
.bg-olive,
.badge-olive {
	background-color: #95964e !important;
}
.bg-turquesa,
.badge-turquesa {
	background-color: #12fce6 !important;
}
.bg-azul,
.badge-azul {
	background-color: #4e7796 !important;
}
.bg-white {
	background-color: #fff !important;
}
.text-primary,
.dropdown-menu > li > a.text-primary {
	color: #b0cb19 !important;
}
.text-success,
.dropdown-menu > li > a.text-success {
	color: #55ce63 !important;
}
.text-info,
.dropdown-menu > li > a.text-info {
	color: #009efb !important;
}
.text-warning,
.dropdown-menu > li > a.text-warning {
	color: #ffbc34 !important;
}
.text-purple,
.dropdown-menu > li > a.text-purple {
	color: #53c3ef !important;
}
.text-muted {
    color: #8e8e8e !important;
}
.btn-purple {
	background-color: #53c3ef !important;
	border: 1px solid #53c3ef !important;
	color: #fff !important;
}
.btn-purple:hover,
.btn-purple:focus {
	background-color: #53c3ef !important;
	border: 1px solid #53c3ef !important;
}
.btn-primary {
	background-color: #b0cb19 !important;
	border: 1px solid #b0cb19 !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.active,
.btn-primary:active,
.open > .dropdown-toggle.btn-primary {
	background-color: #126420 !important;
	border: 1px solid #126420 !important;
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.focus:active,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
	background-color: #126420 !important;
	border: 1px solid #126420 !important;
}
.btn-primary.active:not(:disabled):not(.disabled),
.btn-primary:active:not(:disabled):not(.disabled),
.show > .btn-primary.dropdown-toggle {
	background-color: #126420 !important;
	border-color: #126420 !important;
	color: #fff !important;
}

.btn-primary.disabled, .btn-primary:disabled {
    background-color: #126420 !important;
    border-color: #126420 !important;
    color: #fff !important;
}
.btn-success {
	background-color: #55ce63 !important;
	border: 1px solid #55ce63 !important
}
.btn-success:hover,
.btn-success:focus,
.btn-success.active,
.btn-success:active,
.open > .dropdown-toggle.btn-success {
	background: #4ab657 !important;
	border: 1px solid #4ab657 !important;
	color: #fff !important;
}
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success.focus:active,
.btn-success:active:focus,
.btn-success:active:hover,
.open > .dropdown-toggle.btn-success.focus,
.open > .dropdown-toggle.btn-success:focus,
.open > .dropdown-toggle.btn-success:hover {
	background: #4ab657 !important;
	border: 1px solid #4ab657 !important
}

.btn-success.disabled, .btn-success:disabled {
    background-color: #55ce63 !important;
    border-color: #55ce63 !important;
    color: #fff !important
}
.btn-info {
	background-color: #009efb !important;
	border: 1px solid #009efb !important
}
.btn-info:hover,
.btn-info:focus,
.btn-info.active,
.btn-info:active,
.open > .dropdown-toggle.btn-info {
	background-color: #028ee1 !important;
	border: 1px solid #028ee1 !important
}
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info.focus:active,
.btn-info:active:focus,
.btn-info:active:hover,
.open > .dropdown-toggle.btn-info.focus,
.open > .dropdown-toggle.btn-info:focus,
.open > .dropdown-toggle.btn-info:hover {
	background-color: #028ee1 !important;
	border: 1px solid #028ee1 !important
}
.btn-info.active:focus:not(:disabled):not(.disabled), 
.btn-info:active:focus:not(:disabled):not(.disabled), 
.show > .btn-info.dropdown-toggle:focus {
	box-shadow: unset;
}
.btn-info.disabled, .btn-info:disabled {
    background-color: #009efb !important;
    border-color: #009efb !important;
    color: #fff !important
}
.btn-warning {
	background: #ffbc34 !important;
	border: 1px solid #ffbc34 !important
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.active,
.btn-warning:active,
.open > .dropdown-toggle.btn-warning {
	background: #e9ab2e !important;
	border: 1px solid #e9ab2e !important
}
.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning.focus:active,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open > .dropdown-toggle.btn-warning.focus,
.open > .dropdown-toggle.btn-warning:focus,
.open > .dropdown-toggle.btn-warning:hover {
	background: #e9ab2e !important;
	border: 1px solid #e9ab2e !important
}

.btn-warning.disabled, .btn-warning:disabled {
    background-color: #ffbc34 !important;
    border-color: #ffbc34 !important;
    color: #fff !important
}
.btn-danger {
	background: #f62d51 !important;
	border: 1px solid #f62d51 !important
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.active,
.btn-danger:active,
.open > .dropdown-toggle.btn-danger {
	background-color: #e6294b !important;
	border: 1px solid #e6294b !important
}
.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger.focus:active,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open > .dropdown-toggle.btn-danger.focus,
.open > .dropdown-toggle.btn-danger:focus,
.open > .dropdown-toggle.btn-danger:hover {
	background: #e9ab2e !important;
	border: 1px solid #e9ab2e !important
}
.btn-danger.active:focus:not(:disabled):not(.disabled), 
.btn-danger:active:focus:not(:disabled):not(.disabled), 
.show > .btn-danger.dropdown-toggle:focus {
	box-shadow: unset;
}
.btn-danger.disabled, .btn-danger:disabled {
    background-color: #f62d51 !important;
    border-color: #f62d51 !important;
    color: #fff !important
}
.btn-custom {
	background: #b0cb19 !important;
	background: -moz-linear-gradient(left, #b0cb19 0%, #53c3ef 100%) !important;
	background: -webkit-linear-gradient(left, #b0cb19 0%, #53c3ef 100%) !important;
	background: -ms-linear-gradient(left, #b0cb19 0%, #53c3ef 100%) !important;
	background: linear-gradient(to right, #b0cb19 0%, #53c3ef 100%) !important;
	color: #fff
}
.btn-custom.focus,
.btn-custom:focus,
.btn-custom:hover {
	background: #b0cb19 !important;
	background: -moz-linear-gradient(left, #b0cb19 0%, #53c3ef 100%) !important;
	background: -webkit-linear-gradient(left, #b0cb19 0%, #53c3ef 100%) !important;
	background: -ms-linear-gradient(left, #b0cb19 0%, #53c3ef 100%) !important;
	background: linear-gradient(to right, #b0cb19 0%, #53c3ef 100%) !important;
	color: #fff !important
} 
.pagination > .active > a, 
.pagination > .active > a:focus,
.pagination > .active > a:hover, 
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
	background-color: #b0cb19 !important;
	border-color: #b0cb19 !important;
}
.pagination > li > a, 
.pagination > li > span {
	color: #b0cb19 !important;
}
.page-link:hover {
	color: #b0cb19 !important;
}
.page-item.active .page-link {
	background-color: #b0cb19 !important;
	border-color: #b0cb19 !important;
}
.dropdown-menu {
	border: 1px solid rgba(0, 0, 0, 0.1) !important;
	background-color: #fff !important;
}
.navbar-nav .open .dropdown-menu {
	background-color: #fff !important;
	border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.btn-link {
	color: #333 !important;
}
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
	background-color: rgba(0, 0, 0, 0.2) !important;
}

.dropdown-item.active, .dropdown-item:active {
	background-color: #b0cb19 !important;
}
.list-group-item {
	border: 1px solid #e3e3e3 !important;
}
.custom-file {
	height: 44px;
}
.custom-file .custom-file-label {
	border: 1px solid #e3e3e3 !important;
}
.custom-file-label::after {
    background-color: #f2f2f2 !important; 
}
.bg-inverse-primary {
	background: rgba(77, 138, 240, .2) !important;
	color: #4d8af0 !important;
}
.bg-inverse-secondary {
	background: rgba(194, 198, 209, .2) !important;
	color: #c2c6d1 !important;
}
.bg-inverse-success {
	background-color:rgba(15, 183, 107,0.12) !important;
	color: #26af48 !important;
}
.bg-inverse-purple {
	background: rgba(108, 97, 246, .2) !important;
	color: #6c61f6 !important;
}
.bg-inverse-warning {
	background-color: rgba(255, 152, 0,0.12) !important;
	color: #f39c12 !important;
}
.bg-inverse-danger {
	background-color: rgba(242, 17, 54,0.12) !important;
	color: #e63c3c !important;
}
.bg-inverse-light {
	background: rgba(223, 223, 223, .2) !important;
	color: #dfdfdf !important;
}
.bg-inverse-dark {
	background: rgba(116, 118, 123, .2) !important;
	color: #74767b !important;
}
.bg-inverse-white {
	background: rgba(255, 255, 255, .2) !important;
	color: #fff !important;
}
.bg-inverse-info {
    background-color: rgba(2, 182, 179,0.12) !important;
    color: #1db9aa !important;
}
.bg-inverse-default {
	background-color: rgba(40, 52, 71,0.12) !important;
	color: #283447 !important;
}
.bg-gradient-primary {
	background: linear-gradient( to  right, #0f4975 10%, #53c3ef 100%) !important;
}
.bg-gradient-secondary {
	background: linear-gradient(to bottom right,#f35c38 0,#f35c38  100%) !important;
}
.bg-gradient-success {
	background: linear-gradient(to bottom right,#0ba408 0,#28e224 100%) !important;
}
.bg-gradient-info {
	background: linear-gradient(to bottom right,#69c7de 0, #1e9fc4 100%) !important;
}
.bg-gradient-warning {
	background: linear-gradient(to bottom right,#ecd53e  0,#efaf28  100%) !important
}
.bg-gradient-teal {
	background: linear-gradient(to bottom right,#00796b 0,#4db6ac 100%) !important;
}
.bg-gradient-blue {
	background: linear-gradient(to right,#1976d2 0,#64b5f6 100%) !important;
}
.bg-gradient-danger {
	background: linear-gradient(to right,#f95058 0,#f33540  100%) !important;
}
.bg-gradient-purple {
	background: linear-gradient(to right,#8a56e6  0,#6f3cca  100%) !important;
}

/*-----------------
	5. Animation
-----------------------*/


@-webkit-keyframes taskHighlighter {
	0% {
		background: #FEEB99 !important;
	}
	100% {
		background: #fff !important;
	}
}
@keyframes taskHighlighter {
	0% {
		background: #FEEB99 !important;
	}
	100% {
		background: #fff !important;
	}
}

/*-----------------
	6. Toggle Button
-----------------------*/

.checktoggle {
    background-color: #e0001a !important;
}
.checktoggle:after {
	background-color: #fff !important;
}
.check:checked + .checktoggle {
	background-color: #55ce63 !important;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    box-sizing: border-box;
    color: #fff !important;
}
.onoffswitch-inner:before {
	background-color: #55ce63 !important;
    color: #fff !important
}
.onoffswitch-inner:after {
    background-color: #ccc !important;
    color: #fff !important;
}
.onoffswitch-switch {
    background: #fff !important;
}

/*-----------------
	7. Modal
-----------------------*/


.custom-modal .close {
    background-color: #a0a0a0 !important;
    color: #fff !important;
}

/*-----------------
	8. Header
-----------------------*/

.header {
	background: #b0cb19 !important;
	background: -moz-linear-gradient(left, #b0cb19 0%, #53c3ef 100%) !important;
	background: -webkit-linear-gradient(left, #b0cb19 0%, #53c3ef 100%) !important;
	background: -ms-linear-gradient(left, #b0cb19 0%, #53c3ef 100%) !important;
	background: linear-gradient(to right, #b0cb19 0%, #53c3ef 100%) !important;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2) !important;
}

.bar-icon span {
    background-color: #fff !important;
}

.header .has-arrow .dropdown-toggle:after {
	border-bottom: 2px solid #fff !important;
	border-right: 2px solid #fff !important;
}
.page-title-box h3 {
	color: #fff !important;
}
.user-menu.nav > li > a {
	color: #fff !important;
}
.user-menu.nav > li > a:hover,
.user-menu.nav > li > a:focus {
	background-color: rgba(0, 0, 0, 0.2) !important;
}
.user-img .status {
	border: 2px solid #fff !important;
}
.status {
	background-color: #263238 !important;
}
.status.online {
	background-color: #55ce63 !important;
}
.status.offline {
	background-color: #f62d51 !important;
}
.status.away {
	background-color: #faa937 !important;
}

/*-----------------
	9. Sidebar
-----------------------*/

.sidebar {
    background-color: #34444c !important;
 }
.sidebar-menu li a {	/* ERP.ETT v1.1 p27 */
	color: #b7c0cd;
}
.sidebar-menu li a:hover {
	color: #fff !important;
}
.sidebar-menu li.active a {
	color: #fff !important;
	background-color: rgba(0, 0, 0, 0.2) !important;
}
.menu-title {
    color: #ebecf1 !important;
}
.sidebar-menu li.menu-title a {
    color: #196fb6 !important;
}
.sidebar-menu li.menu-title a.btn {
    color: #fff !important;
}
.sidebar-menu ul ul a.active {
	color: #2694ee !important;
}
.mobile-user-menu {
    color: #fff !important;
}
.mobile-user-menu > a {
    color: #fff !important;
}
.mobile-user-menu a:hover {
	color: #fff !important;
}
.profile-rightbar {
	color: #b0cb19 !important;
}
.noti-dot:before {	
	border: 5px solid #2b99f3;
	background-color: #b0cb19 !important;
}
.noti-dot:after {
	border: 4px solid #7dc4ff !important;
	background: transparent !important; 
}
.sidebar-menu li a > .badge {
    color: #fff !important;
}
.text-danger,
.dropdown-menu > li > a.text-danger, .sidebar-menu > li > a.text-danger {
	color: #f62d51 !important;
}

/*-----------------
	10. Content
-----------------------*/

.page-header .breadcrumb {
    background-color: transparent !important; 
    color: #6c757d !important;
}
.page-header .breadcrumb a {
	color: #333 !important;
}
.card {
	border: 1px solid #ededed !important;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2) !important;
}
.card-title {
    color: #1f1f1f !important;
}
.card-header {
    background-color: #fff !important;
}
.card-footer {
    background-color: #fff !important;
}
.page-title {
    color: #1f1f1f !important;
}
.page-sub-title {
	color: #565656 !important;
}
.add-btn {
    background-color: #b0cb19 !important;
    border: 1px solid #b0cb19 !important;
    color: #fff !important;
    
}
.add-btn:hover,
.add-btn:focus,
.add-btn:active {
	background-color: #126420 !important; 
	border: 1px solid #126420 !important; 
    color: #fff !important;
}
.cal-icon:after {
	color: #979797 !important;
}

/*-----------------
	11. Login
-----------------------*/

.account-subtitle {
    color: #4c4c4c;
}
.account-box {
	background-color: #fff !important;
    border: 1px solid #ededed !important;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2) !important;
}
.account-box .account-btn {
	background: #b0cb19 !important;
	background: -moz-linear-gradient(left, #b0cb19 0%, #53c3ef 100%) !important;
	background: -webkit-linear-gradient(left, #b0cb19 0%, #53c3ef 100%) !important;
	background: -ms-linear-gradient(left, #b0cb19 0%, #53c3ef 100%) !important;
	background: linear-gradient(to right, #b0cb19 0%, #53c3ef 100%) !important;
}

.account-box .form-control {
    background-color: #fbfbfb !important;
    border: 1px solid #e3e3e3 !important;
}
.account-box label {
	color: #1f1f1f !important;
}
.account-footer a {
	color: #b0cb19 !important;
}
.account-footer a:hover {
	color: #b0cb19 !important;
}

/*-----------------
	12. Dashboard
-----------------------*/

.card-table .card-header {
	background-color: #fff !important;
	border-bottom: 1px solid #ddd !important;
}
.card-table .card-footer {
	background-color: #fff !important;
}
.card-table .card-footer a {
	color: #333 !important;
}
.card-title > a.btn {
	color: #fff !important;
}
.custom-table tr {
	background-color: #fff !important;
	box-shadow: 0 0 3px #e5e5e5 !important;
}
.dash-widget-icon {
	background-color: rgba(102, 126, 234, 0.2);
	color: #b0cb19 !important;
}
.leave-info-box {
	border: 1px solid #e5e5e5 !important;
}
.load-more a {
    background-color: #fff !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
}
.bg-offers{
	background-color: #3D6290 !important;
}
.bg-candidates{
	background-color: #003862 !important;
}
.bg-employees{
	background-color: #001237 !important;
}
.bg-summaries{
	background-color: #718792 !important;
}
.bg-clients{
	background-color: #455A64 !important;
}
.bg-vehicle{
	background-color: #1C313A !important;
}
.bg-accountant{
	background-color: #1D3918 !important;
}
.bg-documents{
	background-color: #72916A !important;
}

/*-----------------
	13. Activity
-----------------------*/

.activity .activity-list > li .activity-content {
	background-color: #fff !important;
}
.activity-list::before {
	background: #ddd !important;
}
.activity .activity-list li::before {
	background: #ddd !important;
}
.activity-list li::before {
	background: #eee !important;
}
.activity-list > li {
	background-color: #fff !important;
	border: 1px solid #ededed !important;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2) !important;
}
.activity-list > li .activity-user {
	background: #fff !important;
}
.activity-list > li .activity-content {
	background-color: #fff !important;
}
.activity-list > li .activity-content .timeline-content {
	color: #9e9e9e !important;
}
.activity-list > li .activity-content .timeline-content a {
    color: #616161 !important;
}
.activity-list > li .time {
	color: #bdbdbd !important;
}

/*-----------------
	14. Select2
-----------------------*/

.select2-container .select2-selection--single {
    border: 1px solid #e3e3e3 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #ccc transparent transparent !important;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #ccc !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #676767 !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #b0cb19 !important;
}

/*-----------------
	15. Nav Tabs
-----------------------*/

.nav-tabs > li > a {
	color: #888 !important;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    background-color: #eee !important;
    border-color: transparent !important;
	color: #333 !important;
}
.nav-tabs.nav-justified > li > a:hover,
.nav-tabs.nav-justified > li > a:focus {
	border-bottom-color: #ddd !important;
}
.nav-tabs.nav-justified.nav-tabs-solid > li > a {
	border-color: transparent !important;
}
.nav-tabs.nav-tabs-solid > li > a {
	color: #333 !important;
}
.nav-tabs.nav-tabs-solid > li > a.active,
.nav-tabs.nav-tabs-solid > li > a.active:hover,
.nav-tabs.nav-tabs-solid > li > a.active:focus {
	background-color: #b0cb19 !important;
	border-color: #b0cb19 !important;
	color: #fff !important;
}
.nav-tabs-justified > li > a:hover,
.nav-tabs-justified > li > a:focus {
	border-bottom-color: #ddd !important;
}
.nav-tabs-justified.nav-tabs-solid > li > a {
	border-color: transparent !important;
}

/*-----------------
	16. Holidays
-----------------------*/

.custom-table tr.holiday-completed {
	color: #aaa !important;
}

/*-----------------
	17. Delete Modal
-----------------------*/

.form-header h3 {
    color: #333 !important;
}
.form-header p {
    color: #929292 !important;
}
.continue-btn {
    background-color: #fff !important;
    border: 1px solid #b0cb19 !important;
    color: #b0cb19 !important;
}
.continue-btn:hover,
.continue-btn:focus,
.continue-btn:active {
	background-color: #b0cb19 !important;
	border: 1px solid #b0cb19 !important;
	color: #fff !important;
}
.cancel-btn {
    background-color: #fff !important;
    border: 1px solid #b0cb19 !important;
    color: #b0cb19 !important;
}
.cancel-btn:hover,
.cancel-btn:focus,
.cancel-btn:active {
	background-color: #b0cb19 !important;
	border: 1px solid #b0cb19 !important;
	color: #fff !important;
}

/*-----------------
	18. Edit Profile
-----------------------*/

.profile-img-wrap {
	background: #fff !important;
}
.fileupload.btn {
	background: rgba(33, 33, 33, 0.5) !important;
}
.btn-text {
	color: #fff !important;
}

/*-----------------
	19. Chat
-----------------------*/


.chat-window {
	background-color: #f7f7f7 !important;
}
.fixed-header {
	background-color: #fff !important;
	border-bottom: 1px solid #e5e5e5 !important;
}
.fixed-header .user-info a {
	color: #555 !important;
}
.typing-text {
	color: #b0cb19 !important;
}
.last-seen {
	color: #888 !important;
}
.custom-menu.nav > li > a {
    color: #bbb !important; 
}
.custom-menu.navbar-nav > li > a:hover,
.custom-menu.navbar-nav > li > a:focus {
	background-color: transparent !important; 
}
.search-box .input-group {
    background-color: #f7f7f7 !important;
    border: 1px solid #e3e3e3 !important;
}
.search-box .input-group .form-control {
	background: transparent !important; 
}
.search-box .btn {
	background-color: transparent !important; 
}
.chat-right .chat-content {
    background-color: #f2f2f2 !important; 
    border: 1px solid #e3e3e3 !important;
    color: #727272 !important; 
}
.chat-time {
	color: rgba(0, 0, 0, 0.5);
}
.chat-bubble .chat-action-btns a {
	color: #8c8c8c !important; 
}
.chat-line {
	border-bottom: 1px solid #e5e5e5 !important;
}
.chat-date {
	background-color: #f7f7f7 !important;
	color: #727272 !important; 
}
.chat-left .chat-content {
	background-color: #fff !important;
	border: 1px solid #e5e5e5 !important;
	color: #888 !important;
}
.avatar {
	background-color: #aaa !important;
	color: #fff !important;
}
.avatar:hover {
	color: #fff !important;
}
.chat-left .chat-time {
	color: #a9a9a9 !important;
}
.attach-list {
	color: #a3a3a3 !important; 
}
.chat-footer {
	background-color: #fff !important;
	border-top: 1px solid #e5e5e5 !important;
}
.message-bar .link {
	color: #777 !important; 
}
.message-area .input-group .form-control {
    background-color: #fff !important;
    border: 1px solid #e5e5e5 !important;
    color: #555 !important;
}
.change-img {
	background-color: rgba(0, 0, 0, 0.3);
	color: #fff !important;
}
.user-name {
	color: #333 !important;
}
.user-det-list .text-muted {
	color: #888 !important;
}
.files-list > li {
	border-bottom: 1px solid #e5e5e5 !important;
}
.files-icon {
	background-color: #f3f7f9 !important; 
	border: 1px solid #e4eaec !important; 
}
.files-icon i {
	color: #76838f !important; 
}
.file-name a {
	color: #333 !important;
}

.file-date {
	color: #888 !important;
}
.file-author a {
	color: #b0cb19 !important;
}
.files-action > li > a {
	color: #777 !important; 
}
.chat-placeholder {
	background: rgba(69, 81, 97, 0.6);
	color: #fff !important;
	
}
.chat-right .chat-content.img-content {
	background-color: transparent !important; 
	color: #76838f !important; 
}
.chat-right .img-content .chat-time {
	color: #a3a3a3 !important; 
}
.chat-user-list .media {
	border-bottom: 1px solid #e5e5e5 !important;
	background-color: #fff !important;
}
.chat-user-list .media:hover {
    background-color: #f7f7f7 !important;
}
.designation {
	color: #9e9e9e !important;
}
.online-date {
	color: #9e9e9e !important;
}
.drop-zone {
	border: 2px dashed #adb7be;
}
.upload-list .file-list {
	background-color: #fff !important;
	border-top: 1px solid #e3e3e3 !important;
}
.upload-list .file-size {
	color: #888 !important;
}
.upload-list .file-close {
	color: #ccc !important; 
}
.upload-list .file-close:hover {
	color: #f62d51 !important; 
}
.upload-list .upload-process {
	color: #888 !important;
}
.upload-list .file-name i {
	color: #888 !important;
}
.upload-drop-zone {
    background-color: #fff !important;
    border: 2px dashed #e3e3e3 !important;
    color: #ccc !important; 
}
.upload-drop-zone.drop {
	color: #222 !important; 
	border-color: #222 !important; 
}
.files-share-list {
	border: 1px solid #e5e5e5 !important;
}

/*-----------------
	20. Focus Label
-----------------------*/

.form-focus .focus-label {
	color: #888 !important;
}
.form-focus .form-control::-webkit-input-placeholder {
	color: transparent !important; 
}
.form-focus.focused .form-control::-webkit-input-placeholder {
	color: #bbb !important; 
}
.form-focus .select2-container .select2-selection--single {
	border: 1px solid #e3e3e3 !important;
}
.form-focus .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #ccc transparent transparent !important; 
}
.form-focus .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #ccc !important; 
}
.form-focus .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #676767 !important;
}
.form-focus .select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #fc6075;
}

/*-----------------
	21. Leave
-----------------------*/


/*-----------------
	22. Employee
-----------------------*/

.action-icon {
	color: #777 !important; 
}
.profile-widget {
	background-color: #fff !important;
	border: 1px solid #ededed !important;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2) !important;
}
.profile-widget .user-name > a {
	color: #333 !important;
}
.mobile-no > a {
	color: #777 !important; 
}
.staff-mail > a {
	color: #777 !important; 
}
.view-icons .btn {
	background-color: #fff !important;
    border: 1px solid #e3e3e3 !important;
	color: #888 !important;
}
.view-icons .btn.active {
	color: #333 !important;
}

/*-----------------
	23. Events
-----------------------*/

.fc-day {
	background: #fff !important;
}

.fc th.fc-widget-header {
	background: #eeeeee !important;
}
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-popover {
	border-color: #f3f3f3 !important; 
}
.fc-button {
	background: #f1f1f1;
	color: #797979;
}
.fc-state-hover {
	background: #f3f3f3 !important; 
}
.fc-state-highlight {
	background: #f0f0f0 !important; 
}
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
	background-color: #b0cb19 !important;
	color: #fff !important;
	text-shadow: none !important;
}
.fc-cell-overlay {
	background: #f0f0f0 !important; 
}
.fc-unthemed .fc-today {
	background: #fff !important;
}
.external-event.bg-primary {
	background-color: rgba(127, 193, 252, 0.3) !important;
	color: #7fc1fc !important; 
}
.external-event.bg-success {
	background-color: rgba(75, 211, 150, 0.3) !important;
	color: #4bd396 !important; 
}
.external-event.bg-info {
	background-color: rgba(58, 201, 214, 0.3) !important;
	color: #3ac9d6 !important; 
}
.external-event.bg-warning {
	background-color: rgba(249, 200, 81, 0.3) !important;
	color: #f9c851 !important; 
}
.external-event.bg-danger {
	background-color: rgba(245, 112, 122, 0.3) !important;
	color: #f5707a;
}
.external-event.bg-pink {
	background-color: rgba(240, 98, 146, 0.3) !important;
	color: #f06292;
}
.external-event.bg-purple {
	background-color: rgba(107, 95, 181, 0.3) !important;
	color: #6b5fb5;
}
.external-event.bg-inverse {
	background-color: rgba(59, 62, 71, 0.3) !important;
	color: #3b3e47;
}
.external-event.bg-orange {
	background-color: rgba(255, 152, 0, 0.3) !important;
	color: #ff9800;
}
.external-event.bg-brown {
	background-color: rgba(141, 110, 99, 0.3) !important;
	color: #8d6e63;
}
.external-event.bg-teal {
	background-color: rgba(38, 166, 154, 0.3) !important;
	color: #26a69a;
}

/*-----------------
	24. Profile
-----------------------*/

.personal-info li .title {
	color: #4f4f4f !important; 
}
.personal-info li .text {
	color: #8e8e8e !important; 
}
.edit-icon {
    background-color: #eee !important;
    border: 1px solid #e3e3e3 !important;
    color: #bbb !important; 
}
.edit-icon:hover {
	background-color: #b0cb19 !important;
	border-color: #b0cb19 !important;
    color: #fff !important;
}
.delete-icon {
    color: #e30b0b !important; 
}
.delete-icon:hover {
    color: #e30b0b !important; 
}
.experience-list::before {
	background: #ddd !important;
}
.experience-list > li .experience-user {
	background: #fff !important;
}
.experience-list > li .experience-content {
	background-color: #fff;
}
.experience-content-child {
	background-color:#fdfcf3 !important;
}
.experience-list > li .experience-content .timeline-content {
	color: #9e9e9e !important;
}
.experience-list > li .experience-content .timeline-content a.name {
	color: #616161 !important;
}
.experience-list > li .time {
	color: #bdbdbd !important;
}
.before-circle {
	background-color: #ddd !important;
}
.skills > span {
	border: 1px solid #ccc !important; 
}
.profile-info-left {
	border-right: 2px dashed #ccc !important; 
}
.bootstrap-tagsinput {
    background-color: #fff !important;
    border: 1px solid #e3e3e3 !important;
}
.add-more a {
	color: #b0cb19 !important;
}
.add-more a:hover {
	color: #126420 !important; 
}

/*-----------------
	25. Notifications
-----------------------*/

.notifications .notification-heading {
	color: #616161 !important;
}
.notifications .notification-time {
	color: #bdbdbd !important;
}
.notifications ul.notification-list > li{
	border-bottom: 1px solid #f5f5f5 !important; 
}
.notifications ul.notification-list > li a:hover {
	background-color: #fafafa !important; 
}
.notifications .media {
	border-bottom: 1px solid #f5f5f5 !important; 
}
.notifications .media a:hover {
	background-color: #fafafa !important; 
}
.topnav-dropdown-header {
	border-bottom: 1px solid #eee !important;
}
.topnav-dropdown-header .notification-title {
    color: #333 !important;
}
.topnav-dropdown-header .clear-noti {
    color: #f83f37;
}
.topnav-dropdown-footer a {
	color: #333 !important;
}
.user-menu.nav > li > a .badge {
    color: #fff !important;
}
.user-menu.nav > li > a .badge {
	background-color: #53c3ef;
}
.noti-details {
    color: #989c9e;
}
.noti-title {
	color: #333 !important;
}

/*-----------------
	26. Roles & Permissions
-----------------------*/

.roles-menu > ul {
    background-color: #fff !important;
    border: 1px solid #e3e3e3 !important;
}
.roles-menu > ul > li a {
    color: #333 !important;
}
.roles-menu > ul > li.active a {
	border-color: #b0cb19 !important;
	color: #b0cb19 !important;
}
.roles-menu > ul > li a:hover {
    background-color: #eee !important;
	border-color: #b0cb19 !important;
}

/*-----------------
	27. Chat Right Sidebar
-----------------------*/

.topnav-dropdown-footer {
	border-top: 1px solid #eee !important;
}
.list-item {
	border-bottom: 1px solid #e5e5e5 !important;
}
.files-icon {
	background-color: #f5f5f5 !important; 
	border: 1px solid #ddd !important;
}
.files-icon i {
	color: #777 !important; 
}
.message-author {
	color: #333 !important;
}
.message-time {
	color: #888 !important;
}
.message-content {
	color: #333 !important;
}

/*-----------------
	28. Projects
-----------------------*/

.team-members > li > a {
	border: 2px solid #fff !important;
}
.all-users {
	background-color: #ff5e3a;
	color: #fff !important;
}
.all-users:hover, .all-users:active {
	color: #fff !important;
}
.project-title > a {
	color: #333 !important;
}
.avatar-dropdown .avatar-pagination {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

/*-----------------
	29. Invoice
-----------------------*/

.file-remove {
	color: #f00;
}

/*-----------------
	30. Task
-----------------------*/

.task-chat-contents {
	background-color: #fff !important;
}
.task-chat-view {
	border-left: 1px solid #e5e5e5 !important;
}
.task-chat-view .chat-date {
	background-color: #fff !important;
}
.task-chat-view .chats {
	padding: 15px 15px 30px;
}
.followers-add {
	background-color: #fff !important;
	border: 1px solid #ccc !important; 
}
.followers-add:hover {
	border: 1px solid #8c8c8c !important; 
	color: #8c8c8c !important; 
}
.task-attach-img > img {
	border: 1px solid #e5e5e5 !important;
}
.task-chat-view .chat-left .chat-time {
	color: #a3a3a3 !important; 
}
.task-chat-user {
	color: #333 !important;
}
.task-time {
	color: #a3a3a3 !important; 
}
.task-success {
	color: #55ce63 !important;
}
.task-success a {
	color: #55ce63 !important;
}
.task-line {
	border-color: #e5e5e5 !important;
}
.task-information {
	color: #a3a3a3 !important; 
}
.task-user {
	color: #888 !important;
}
.action-circle {
	background-color: #fff !important;
	border: 1px solid #ccc !important; 
}
.action-circle .material-icons {
	color: #ccc !important; 
}
.action-circle.completed {
	background: #35BA67;
	border: 1px solid #2fa65c;
}
.action-circle.completed .material-icons {
	color: #fff !important;
}
.task-wrapper .mark-all-tasks .mark-all-btn#mark-all-finished {
	color: #35BA67;
}
.task-wrapper .mark-all-tasks .mark-all-btn#mark-all-incomplete {
	color: #666;
}
.task-wrapper .mark-all-tasks .mark-all-btn#mark-all-incomplete .action-circle {
	border: 1px solid #666;
}
.task-wrapper .mark-all-tasks .mark-all-btn#mark-all-incomplete .action-circle .material-icons {
	color: #666;
}
.task-wrapper .task-list-header h3,
.task-wrapper .task-list-footer h3 {
	color: #666;
}
.task-wrapper #task-list li .task-container .task-label {
	color: #333 !important;
}
.task-wrapper #task-list li .task-container .task-action-btn .action-circle:hover {
	border: 1px solid #8c8c8c !important; 
	background: #fff !important;
}
.task-wrapper #task-list li .task-container .task-action-btn .action-circle:hover .material-icons {
	color: #8c8c8c !important; 
}
.task-wrapper #task-list li .task-container:hover {
	background: #EBEEEF;
}
.task-wrapper #task-list li.completed .task-container {
	background: #f9f9f9;
}
.task-wrapper #task-list li.completed .task-container .complete-btn {
	background: #35BA67;
	border: 1px solid #2fa65c;
}
.task-wrapper #task-list li.completed .task-container .complete-btn .material-icons {
	color: #fff !important;
}
.task-wrapper #task-list li.completed .task-container .complete-btn:hover {
	background: #35BA67;
	border: 1px solid #2fa65c;
}
.task-wrapper #task-list li.completed .task-container .complete-btn:hover .material-icons {
	color: #fff !important;
}
.task-wrapper #task-list li.completed .task-container .task-label {
	color: #ccc !important; 
}
.task-wrapper .task-list-footer .add-task-btn:hover .material-icons {
	color: #EBEEEF;
}
.task-wrapper .task-list-footer .add-task-btn .material-icons {
	color: #9B1BCC;
}
.task-wrapper .task-list-footer .new-task-wrapper .error-message {
	color: #D93737;
}
.task-wrapper .task-list-footer .new-task-wrapper .add-new-task-btn {
	background: #fff !important;
	border: 1px solid #ccc !important; 
}
.notification-popup {
	background: #1F8FEF;
	border: 1px solid #1082e4;
	color: #fff !important;
}
.notification-popup.success {
	background: #35BA67;
	border: 1px solid #2fa65c;
}
.sidebar-overlay {
	background-color: rgba(0, 0, 0, 0.6);
}
.task-header .assignee-info > a {
    color: #333 !important;
}
.task-header .task-head-title {
    color: #8e8e8e !important; 
}
.assignee-info:hover {
	border-color: #e3e3e3 !important;
}
.remove-icon {
    background-color: #e3e3e3 !important;
    color: #333 !important;
}
.remove-icon:hover {
	background-color: #d3d3d3;
}
.remove-icon i {
    color: #8e8e8e !important; 
}
.due-icon span {
    background-color: #fff !important;
    border: 1px solid #ccc !important; 
    color: #ccc !important; 
}
.task-due-date:hover {
	border-color: #e3e3e3 !important;
}
.task-header .task-due-date > a {
	align-items: center;
	color: #333 !important;
}
.due-info .due-date {
	color: #f62d51 !important;
}
.task-desc-icon {
    color: #ccc !important; 
}
.task-textarea:hover .form-control {
	border-color: #e3e3e3 !important;
}
.task-complete-btn {
    background-color: #fff !important;
    border: 1px solid #ccc !important; 
    color: #333 !important;
}
.task-complete-btn:hover {
	background-color: #f7f7f7 !important;
	color: #333 !important;
}
.task-completed {
	background-color: #35ba67;
	border-color: #2fa65c;
	color: #fff !important;
}
.task-completed:hover {
	background-color: #35ba67;
	border-color: #2fa65c;
	color: #fff !important;
}

/*-----------------
	31. Project View
-----------------------*/

.project-files i {
	color: #76838f !important; 
}
.table-border {
	border: 1px solid #ddd !important;
}
.file-size {
	color: #888 !important;
}
.uploaded-box {
	background-color: #fff !important;
	border: 1px solid #ddd !important;
}
.uploaded-box .uploaded-img-name {
	color: #333 !important;
}

/*-----------------
	32. Payslip
-----------------------*/

/*-----------------
	33. Attendance
-----------------------*/

.stats-info {
    background-color: #fff !important;
    border: 1px solid #e5e5e5 !important;
}
.stats-info h6 {
    color: #1f1f1f !important;
}
.stats-info h4 span {
	color: #727272 !important; 
}
.punch-det {
    background-color: #f9f9f9;
    border: 1px solid #e3e3e3 !important;
}
.punch-det p {
    color: #727272 !important; 
}
.punch-hours {
    background-color: #f9f9f9;
    border: 5px solid #e3e3e3 !important;
}
.stats-box {
    background-color: #f9f9f9;
    border: 1px solid #e3e3e3 !important;
}
.recent-activity .res-activity-list li:before {
	border: 2px solid #b0cb19 !important;
	background: #fff !important;
}
.recent-activity .res-activity-list:after {
	border: 1px solid #e5e5e5 !important;
}
.recent-activity .res-activity-time {
    color: #bbb !important; 
}

/*-----------------
	34. Ticket
-----------------------*/


/*-----------------
	35. Client Profile
-----------------------*/

.team-members a.followers-add {
	background-color: #fff !important;
	border: 1px solid #ccc !important; 
	color: #ccc !important; 
}

/*-----------------
	36. Inbox
-----------------------*/

.mail-list > li > a {
	color: #333 !important;
}
.mail-list > li.active > a {
	color: #b0cb19 !important;
}
.unread .name,
.unread .subject,
.unread .mail-date {
	color: #000;
}
.table-inbox .fa-star {
	color: #ffd200;
}
.table-inbox .starred.fa-star {
	color: #ffd200;
}
.table.table-inbox > tbody > tr > td,
.table.table-inbox > tbody > tr > th,
.table.table-inbox > tfoot > tr > td,
.table.table-inbox > tfoot > tr > th,
.table.table-inbox > thead > tr > td,
.table.table-inbox > thead > tr > th {
    border-bottom: 1px solid #f2f2f2 !important; 
}
.table-inbox {
	font-size: 14px;
}
.note-editor.note-frame {
	border: 1px solid #ccc !important; 
}
.note-editor.note-frame .note-statusbar {
	background-color: #fff !important;
}
table.table-inbox tbody tr.checked {
	background-color: #ffffcc;
}
/*-----------------
	37. Mail View
-----------------------*/

.attachments li {
	border: 1px solid #eee !important;
}
.attach-file {
	color: #777 !important; 
}
.attach-info {
	background-color: #f4f4f4 !important; 
}
.attach-filename {
	color: #777 !important; 
}
.attach-filesize {
	color: #999;
}
.mailview-footer {
	border-top: 1px solid #ddd !important;
}
.receiver-name {
	color: #777 !important; 
}

/*-----------------
	38. Voice call
-----------------------*/

.voice-call-avatar .call-avatar {
	background-color: #fff !important;
}
.call-icons .call-items .call-item a {
	color: #777 !important; 
	border: 1px solid #ddd !important;
}
.my-video ul li img {
	border: 3px solid #fff !important;
}
.end-call a {
    background-color: #f06060;
    color: #fff !important;
}
.call-users ul li img {
	background-color: #fff !important;
	border: 1px solid rgba(0, 0, 0, 0.1);
}
.call-mute {
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff !important;
	border: 3px solid transparent !important; 
}
.call-timing {
	color: #727272 !important; 
}

/*-----------------
	39. Video Call
-----------------------*/


/*-----------------
	40. Outgoing Call
-----------------------*/

.call-box {
	display: block;
	background: #b0cb19 !important;
	background: -moz-linear-gradient(left, #b0cb19 0%, #53c3ef 100%);
	background: -webkit-linear-gradient(left, #b0cb19 0%, #53c3ef 100%);
	background: -ms-linear-gradient(left, #b0cb19 0%, #53c3ef 100%);
	background: linear-gradient(to right, #b0cb19 0%, #53c3ef 100%);
}
.call-box .call-wrapper .call-user h4 {
	color: #fff !important;
}
.call-box .call-wrapper .call-user span {
	color: #fff !important;
}
.call-box .call-wrapper .call-items .call-item {
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid transparent !important; 
    color: #fff !important;
}
.call-box .call-wrapper .call-items .call-item.call-end {
	background: #f06060;
	border: 1px solid #f06060;
	color: #fff !important;
}
.call-box .call-wrapper .call-items .call-item.call-start {
	background: #55ce63 !important;
	border: 1px solid #55ce63 !important;
	color: #fff !important;
}
.call-box .btn {
    background: rgba(0, 0, 0, 0);
}
@-webkit-keyframes ripple {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
	}
	100% {
		-webkit-box-shadow: 0 0 0 50px rgba(0, 0, 0, 0);
	}
}
@keyframes ripple {
	0% {
		-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
	}
	100% {
		-moz-box-shadow: 0 0 0 50px rgba(0, 0, 0, 0);
		box-shadow: 0 0 0 50px rgba(0, 0, 0, 0);
	}
}

/*-----------------
	41. Incoming Call
-----------------------*/


/*-----------------
	42. Contacts
-----------------------*/

.contacts-header {
	background-color: #fff !important;
	border-bottom: 1px solid #e5e5e5 !important;
}
.contacts-header .user-info a {
	color: #76838f !important; 
}
.contact-list > li {
	background-color: #fff !important;
	border-bottom: 1px solid #e5e5e5 !important;
}
.contact-icon {
	background-color: #f3f7f9 !important; 
	border: 1px solid #e4eaec !important; 
}
.contact-icon i {
	color: #76838f !important; 
}
.contact-date {
	color: #888 !important;
}
.contact-author a {
	color: #1d6ad2;
}
.contact-alphapets {
	background-color: #fff !important;
	border-left: 1px solid #ddd !important;
}
.alphapets-inner a {
	color: #333 !important;
}

/*-----------------
	43. Chat Sidebar
-----------------------*/

.chat-sidebar {
	background-color: #fff !important;
	border-left: 1px solid #e5e5e5 !important;
}
.chat-sidebar .chat-contents {
	background-color: #fff !important;
}
.chat-sidebar .chat-left .chat-content {
	background-color: transparent !important; 
}
.chat-sidebar .chat-date {
	background-color: #fff !important;
}
.chat-sidebar .chat-left .chat-time {
	color: #888 !important;
}

/*-----------------
	44. Jobs
-----------------------*/

.apply-btn {
	background: #b0cb19 !important;
	background: -moz-linear-gradient(left, #b0cb19 0%, #53c3ef 100%);
	background: -webkit-linear-gradient(left, #b0cb19 0%, #53c3ef 100%);
	background: -ms-linear-gradient(left, #b0cb19 0%, #53c3ef 100%);
	background: linear-gradient(to right, #b0cb19 0%, #53c3ef 100%);
	border-color: transparent !important; 
	color: #fff !important;
}
.job-list {
	background-color: #fff !important;
	border: 1px solid #ededed !important;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2) !important;
}
.job-list h4.job-department {
	color: #777 !important; 
}
.job-list h3.job-list-title {
	color: #333 !important;
}
.job-list .job-list-footer {
	background-color: #f9f9f9;
}
.job-list .job-list-footer ul li {
	color: #777 !important; 
}
.job-list .job-list-footer ul li i {
	color: #777 !important; 
}
.job-types {
	background-color: transparent !important; 
	border: 1px solid #b0cb19 !important;
	color: #b0cb19 !important;
}

/*-----------------
	45. Job Details
-----------------------*/

.job-info {
	background-color: #fff !important;
	border: 1px solid #efefef;
}
.job-title {
	color: #585858;
}
.job-info .job-dept {
	color: #737882;
}
.job-post-det {
	color: #737882;
}
.job-det-info {
	background-color: #fff !important;
}
.info-list {
	color: #888 !important;
}
.info-list span {
	color: #b0cb19 !important;
}
.info-list > h5 {
	color: #585858;
}
.app-ends {
	color: #46cd38;
}
.job-btn {
    border: 2px solid #e26614;
    color: #e26614;
}
.job-btn:hover {
	background-color: #e26614;
	color: #fff !important;
}
.job-widget {
	background-color: #fff !important;
	border: 1px solid #efefef;
}
.job-widget h4 {
	color: #585858;
}
.job-description > p {
	color: #727272 !important; 
}
.square-list li {
	color: #727272 !important; 
}
.square-list li:before {
	color: #b0cb19 !important;
}
.text-blue {
	color: #009ce7;
}

/*-----------------
	46. Notification Settings
-----------------------*/


/*-----------------
	47. Leave Settings
-----------------------*/

.leave-edit-btn {
    color: #216ef4;
    background-color: transparent !important; 
}
.leave-header {
    color: #212536;
}
.leave-box .subtitle {
    color: #8e8e8e !important; 
}
.leave-duallist {
    background-color: #f9f9f9;
    border: 1px solid #e3e3e3 !important;
}

/*-----------------
	48. Termination
-----------------------*/

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
	background-color: #b0cb19 !important;
}

/*-----------------
	49. Loader
-----------------------*/

#loader-wrapper {
	background-color: #fff !important;
}
.loader-ellips__dot:nth-child(1) { 
	background: #404040;  
}
.loader-ellips__dot:nth-child(2) { 
	background: #b0cb19 !important;  
}
.loader-ellips__dot:nth-child(3) { 
	background: #404040;  
}
.loader-ellips__dot:nth-child(4) { 
	background: #404040;  
}

/*-----------------
	50. Payroll Items
-----------------------*/

.table-radius.table {
	background: #fff !important;
}

/*-----------------
	51. Error
-----------------------*/

.error-page {
    background-color: rgba(102, 126, 234, 0.2);
    color: #1f1f1f !important;
}
.error-box h1 {
    color: #b0cb19 !important;
}

/*-----------------
	52. Lock Screen
-----------------------*/


/*-----------------
	53. OTP
-----------------------*/

.otp-input {
    background-color: #fff !important;
    border: 1px solid #e3e3e3 !important;
}

/*-----------------
	54. Salary Settings
-----------------------*/


/*-----------------
	55. Components
-----------------------*/

.stickyside .sidebar-menu > ul > li > a.active {
	color: #b0cb19 !important;
}

/*-----------------
	56. Search
-----------------------*/

.search-result u {
	color: #b0cb19 !important;
}
.search-result p {
	color: #777 !important; 
}
.search-lists .nav-tabs.nav-tabs-solid {
	background-color: #fff !important;
	border: 1px solid #e3e3e3 !important;
}
.top-nav-search .form-control {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #fff !important;
}
.top-nav-search .btn {
    background-color: transparent !important; 
    border-color: transparent !important; 
    color: rgba(255, 255, 255, 0.7);
}
.top-nav-search .form-control::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.7);
}
.top-nav-search .form-control::-moz-placeholder {
	color: rgba(255, 255, 255, 0.7);
}
.top-nav-search .form-control:-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.7);
}
.top-nav-search .form-control::-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.7);
}
.top-nav-search .form-control::placeholder {
	color: rgba(255, 255, 255, 0.7);
}
.responsive-search {
	color: #333 !important;
}

/*-----------------
	57. Knowledgebase
-----------------------*/

.topics {
    background-color: #fff !important;
    border: 1px solid #ededed !important;
}
.topics .topic-title {
    color: #333 !important;
}
.topics .topic-title a {
    color: #333 !important;
}
.topics .topic-title a:hover {
    color: #b0cb19 !important;
}
.topics .topic-title a span {
    color: #ff9b44;
}
.topics .topic-title a i {
    color: #b0cb19 !important;
}
.topics .topics-list li a {
	padding-left: 25px;
	color: #555 !important;
}
.topics .topics-list li a:hover {
	color: #b0cb19 !important;
}
.topics .topics-list li:before {
	color: #555 !important;
}
.widget {
    background-color: #fff !important;
    border: 1px solid #ededed !important;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2) !important;
}
.widget h4 {
    color: #333 !important;
}
.widget-category li:before {
	color: #555 !important;
}
.widget-category li a {
    color: #5e6977;
}
.widget-category li a:hover {
    color: #b0cb19 !important;
}
.post {
    margin-bottom: 50px;
}
.post .meta {
    background-color: #f9f9f9;
    border: 1px solid #efefef;
}
.post .meta li {
    color: #86939e;
}
.post .meta li span {
	color: #43484d;
}
.feedback {
    background-color: #f9f9f9;
    border: 1px solid #efefef;
}
.feedback h3 {
    color: #333 !important;
}
.post .meta a {
    color: #b0cb19 !important;
}
.widget .widget-title i {
    color: #b0cb19 !important;
}
ul.comment-list li div.comment {
    border-bottom: 1px solid #ccc !important; 
}
ul.comment-list li .author-name > a {
    color: #2f363f;
}
ul.comment-list li .reply a {
    color: #2f363f;
}
.comment-reply .form-control {
    background-color: #f9f9f9;
    border: 1px solid #e7e7e7;
}

/*-----------------
	58. FAQ
-----------------------*/

.faq-card .card-header {
    background-color: #fff !important;
}
.faq-card .card {
    border-color: #ddd !important;
}
.faq-card .card .card-header h4 > a {
    color: #090909;
}

.faq-card .card .card-header h4 > label {
    color: #fff !important;
}

/*-----------------
	59. Employee Dashboard
-----------------------*/

.welcome-box {
    background-color: #fff !important;
    border-bottom: 1px solid #ededed !important;
}
.welcome-det p {
    color: #777 !important; 
}
.dash-list {
	background-color: white !important; 
    border-color: #f1f6f8;
    color: #2e424d;
}
.e-avatar {
    background-color: #fff !important;
    border: 3px solid #e7e7e7;
}
.dash-info-list .dash-card {
    background-color: #fff !important;
    border: 1px solid #e5e5e5 !important;
    color: #575757;
}
.dash-sec-content .dash-info-list + .dash-info-list {
	margin-top: 15px;
}
.dash-sidebar h5 {
    color: inherit;
}
.dash-sidebar p {
    color: #777 !important; 
}
.dash-stats-list + .dash-stats-list {
	border-left: 1px solid #e7e7e7;
}
.dash-stats-list h4 {
    color: #1f1f1f !important;
}

/*-----------------
	60. Performance Review
-----------------------*/

.review-table tr {
    background-color: #fff !important;
}
.review-header {
    background-color: #fff !important;
    border: 1px solid #dee2e6;
}

/*-----------------
	61. Kanban Board
-----------------------*/

.task-header a {
	color: #1f1f1f !important;
}
.kanban-list > .kanban-header > .status-title {
    color: #fff !important;
}
.kanban-list > .kanban-wrap > .drag-placeholder {
	background-color: rgba(0, 0, 0, 0.05);
}
.kanban-list > .kanban-wrap > .card {
    border: 1px solid #e3e3e3 !important;
}
.kanban-list > .kanban-wrap > .card.drop-here > a {
	color: #333 !important;
}
.kanban-list > .kanban-wrap > .card.ui-sortable-helper {
	box-shadow: 0 2px 20px 0 #d7dceb;
}

.kanban-list > .kanban-wrap > .card > .kanban-box > .task-body > .kanban-info > .progress .progress-bar {
    background-color: #42a5f5;
}
.kanban-list > .kanban-wrap > .card > .kanban-box > .task-body > .kanban-footer .ks-icon {
	color: #d7dceb;
}
.kanban-list.kanban-danger {
	background-color: #fef7f6;
}
.kanban-list.kanban-danger > .kanban-header {
	background-color: #ef5350;
}
.kanban-list.kanban-danger > .kanban-wrap > .card.drop-here {
	border-color: #f7c1b7;
}
.kanban-list.kanban-danger > .kanban-wrap > .card > .kanban-box > .task-body > .kanban-info > .progress .progress-bar {
    background-color: #ef5350;
}
.kanban-list.kanban-success {
	background-color: #b8f3be;
}
.kanban-list.kanban-success > .kanban-header {
	background-color: #d9d9d9;
}
.kanban-list.kanban-success > .kanban-wrap > .card.drop-here {
	border-color: #abebc6;
}
.kanban-list.kanban-success > .kanban-wrap > .card > .kanban-box > .task-body > .kanban-info > .progress .progress-bar {
    background-color: #b8f3be;
}
.kanban-list.kanban-info {
	background-color: #e7f3fe;
}
.kanban-list.kanban-info > .kanban-header {
	background-color: #42a5f5;
}
.kanban-list.kanban-info > .kanban-wrap > .card.drop-here {
	border-color: #a6dbf9;
}
.kanban-list.kanban-warning {
	background-color: #fdfcf3;
}
.kanban-list.kanban-warning > .kanban-header {
	background-color: #ffb300;
}
.kanban-list.kanban-warning > .kanban-wrap > .card.drop-here {
	border: 1px solid #f2e49e;
}
.kanban-list.kanban-warning > .kanban-wrap > .card > .kanban-box > .task-body > .kanban-info > .progress .progress-bar {
    background-color: #ffb300;
}
.task-board-header a {
	color: #1f1f1f !important;
}
.progress > .progress-bar {
	background-color: #25628F;
}
.kanban-list > .kanban-header > .status-title {
    color: #fff !important;
}
.kanban-list > .kanban-wrap > .drag-placeholder {
	background-color: rgba(0, 0, 0, 0.05);
}
.kanban-list > .kanban-wrap > .card {
	background-color: #fff !important;
    border: 1px solid #e3e3e3 !important;
}
.kanban-list > .kanban-wrap > .card.active {
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}
.kanban-list > .kanban-wrap > .card.ui-sortable-helper {
	box-shadow: 0 2px 20px 0 #d7dceb;
}
.kanban-list > .kanban-wrap > .card > .kanban-box > .task-board-body > .kanban-info > .progress .progress-bar {
    background-color: #42a5f5;
}
.kanban-list.kanban-danger > .kanban-wrap > .card.active {
	border-color: #ef5350;
}
.kanban-list.kanban-success > .kanban-wrap > .card.active  {
	border-color: #4caf50;
}
.kanban-list.kanban-info > .kanban-wrap > .card.active  {
	border-color: #42a5f5;
}
.kanban-list.kanban-warning > .kanban-wrap > .card.active  {
	border-color: #ffb300;
}
.kanban-list.kanban-danger {
	background-color: #fef7f6;
}
.kanban-list.kanban-danger > .kanban-header {
	background-color: #ef5350;
}
.kanban-list.kanban-danger > .kanban-wrap > .card > .kanban-box > .task-board-body > .kanban-info > .progress .progress-bar {
    background-color: #ef5350;
}
.kanban-list.kanban-success {
	background-color: #edf7ee;
}
.kanban-list.kanban-success > .kanban-header {
	background-color: #b8f3be;
}
.kanban-list.kanban-success > .kanban-wrap > .card > .kanban-box > .task-board-body > .kanban-info > .progress .progress-bar {
    background-color: #b8f3be;
}
.kanban-list.kanban-info {
	background-color: #e7f3fe;
}
.kanban-list.kanban-info > .kanban-header {
	background-color: #42a5f5;
}
.kanban-list.kanban-warning {
	background-color: #fdfcf3;
}
.kanban-list.kanban-warning > .kanban-header {
	background-color: #ffb300;
}
.kanban-list.kanban-warning > .kanban-wrap > .card > .kanban-box > .task-board-body > .kanban-info > .progress .progress-bar {
    background-color: #ffb300;
}
.kanban-list.kanban-purple {
	background-color: #f1effd;
}
.kanban-list.kanban-purple > .kanban-header {
	background-color: #53c3ef;
}
.kanban-list.kanban-purple > .kanban-wrap > .card > .kanban-box > .task-board-body > .kanban-info > .progress .progress-bar {
    background-color: #53c3ef;
}
.kanban-list.kanban-primary {
	background-color: #fff5ec;
}
.kanban-list.kanban-primary > .kanban-header {
	background-color: #ff9b44;
}
.kanban-list.kanban-primary > .kanban-wrap > .card > .kanban-box > .task-board-body > .kanban-info > .progress .progress-bar {
    background-color: #ff9b44;
}
.kanban-action > a {
    color: #fff !important;
    background-color: rgba(0, 0, 0, 0.3);
}
.board-control > .board-control-input:checked ~ .board-indicator:before {
    color: #fff !important;
}
.board-control.board-primary > .board-indicator {
    background: #ff9b44;
}
.board-control.board-success > .board-indicator {
    background: #4caf50;
}
.board-control.board-info > .board-indicator {
    background: #42a5f5;
}
.board-control.board-purple > .board-indicator {
    background: #53c3ef;
}
.board-control.board-warning > .board-indicator {
    background: #ffb300;
}
.board-control.board-danger > .board-indicator {
    background: #ef5350;
}
.board-view-header .view-icons {
    background-color: #fff !important;
    border: 1px solid #ccc !important; 
}
.pro-progress-bar .progress {
    background-color: #e3e3e3 !important;
}
.pro-progress-bar .progress > .progress-bar {
    background-color: #ff9b44;
}
.pro-teams .avatar-group .avatar {
    background-color: transparent !important; 
}
.pro-teams .avatar-group .avatar .border {
    border: 3px solid #fff !important;
}
.border-white {
    border-color: #fff !important;
}
.pro-teams .avatar-title {
    background-color: #ff9b44;
    color: #fff !important;
}
.task-follower-list span i {
    color: #f00;
}
.add-new-task a {
    color: #333 !important;
}

/*-----------------
	62. File Manager
-----------------------*/

.file-wrap {
    border: 1px solid #e0e3e4;
}
.file-wrap .file-sidebar {
    border-right: 1px solid #e0e3e4;
}
.file-wrap .file-sidebar .file-header {
    background-color: #fff !important;
    border-bottom: 1px solid #e0e3e4;
    color: #324148;
}
.file-wrap .file-sidebar .file-search {
    background-color: #f5f5f6;
    border-bottom: 1px solid #e5e5e5 !important;
}
.file-wrap .file-sidebar .file-search .input-group .form-control {
    background-color: #fff !important;
}
.file-wrap .file-sidebar .file-search .input-group .form-control:focus {
    border-color: #ccc !important; 
}
.file-wrap .file-sidebar .file-search .input-group .input-group-prepend {
    color: #666;
}
.file-wrap .file-sidebar .file-pro-list {
    background-color: #fff !important;
}
.file-side-close {
    background-color: #eee !important;
    border: 1px solid #e3e3e3 !important;
    color: #bbb !important; 
}
.file-wrap .file-content .file-header {
    background-color: #fff !important;
    border-bottom: 1px solid #e0e3e4;
}
.file-wrap .file-content .file-body {
    background-color: #f5f5f6;
}
.dropdown-file .dropdown-link {
    color: #777 !important; 
}
.dropdown-file .dropdown-link:hover, .dropdown-file .dropdown-link:focus {
	color: #1b2e4b;
}
.card-file:hover, .card-file:focus {
	border-color: #ccc !important; 
}
.card-file .card-footer {
	color: #a9a9a9 !important; 
	background-color: transparent !important; 
}
.card-file h6 a {
	color: #333 !important;
}
.card-file span {
	color: #888 !important;
}
.card-file-thumb {
	background-color: #f5f5f5 !important; 
	color: #777 !important; 
}
.file-wrap .file-cont-wrap .file-cont-inner {
	flex: 0 0 100%;
	max-width: 100%;
}
.file-wrap .file-cont-wrap .file-cont-inner .file-cont-header {
	background: #fff !important;
	border-bottom: 1px solid #e0e3e4;
}
.file-wrap .file-cont-wrap .file-cont-inner .file-cont-header > span {
	color: #333 !important;
}
.file-wrap .file-cont-wrap .file-cont-inner .file-cont-header .file-sidebar-toggle {
	color: #333 !important;
}
.file-wrap .file-cont-wrap .file-cont-inner .file-cont-header .file-options > a, 
.file-wrap .file-cont-wrap .file-cont-inner .file-cont-header .file-options > span {
	color: #333 !important;
}
.file-wrap .file-content .file-search {
    background-color: #f5f5f6;
    border-bottom: 1px solid #e5e5e5 !important;
}
.file-wrap .file-content .file-search .input-group .form-control {
    background-color: #fff !important;
}
.file-wrap .file-content .file-search .input-group .form-control:focus {
    border-color: #ccc !important; 
}
.file-wrap .file-content .file-search .input-group .input-group-prepend {
    color: #666;
}
.file-menu li a {
	color: #333 !important;
}
.file-menu li a i {
	color: #878787;
}
.file-menu li a:hover, .file-menu li.active a, .file-menu li a:focus {
	background: rgba(33, 33, 33, 0.05);
}

/*-----------------
	63. Subscriptions
-----------------------*/

.pricing-box ul li i {
	color: #00bf6f;

/*-----------------
	64. Responsive
-----------------------*/

@media only screen and (min-width: 991px) {
	#toggle_btn {
		color: #999;
	}
}
@media only screen and (min-width: 768px) {
	.nav-tabs.nav-justified.nav-tabs-top {
		border-bottom: 1px solid #ddd !important;
	}
	.nav-tabs.nav-tabs-top > li.open > a,
	.nav-tabs.nav-tabs-top > li > a:hover,
	.nav-tabs.nav-tabs-top > li > a:focus {
		border-top-color: #ddd !important;
	}
	.nav-tabs.nav-tabs-top > li > a.active,
	.nav-tabs.nav-tabs-top > li > a.active:hover,
	.nav-tabs.nav-tabs-top > li > a.active:focus {
		border-top-color: #b0cb19 !important;
	}
	.nav-tabs.nav-tabs-bottom > li > a.active, 
	.nav-tabs.nav-tabs-bottom > li > a.active:hover, 
	.nav-tabs.nav-tabs-bottom > li > a.active:focus {
		border-color: transparent !important; 
		border-bottom-color: #b0cb19 !important;
		background-color: transparent !important; 
	}
	.nav-tabs.nav-tabs-solid {
		background-color: #fafafa !important; 
	}
	.nav-tabs.nav-tabs-solid > li > a {
		border-color: transparent !important; 
	}
	.nav-tabs.nav-tabs-solid > li > a:hover,
	.nav-tabs.nav-tabs-solid > li > a:focus {
		background-color: #f5f5f5 !important; 
	}
	.nav-tabs.nav-tabs-solid > .open:not(.active) > a {
		background-color: #f5f5f5 !important; 
		border-color: transparent !important; 
	}
	.nav-tabs-justified.nav-tabs-top {
		border-bottom: 1px solid #ddd !important;
	}
	.nav-tabs-justified.nav-tabs-top > li > a,
	.nav-tabs-justified.nav-tabs-top > li > a:hover,
	.nav-tabs-justified.nav-tabs-top > li > a:focus {
		border-width: 2px 0 0 0;
	}
}
@media only screen and (max-width: 991.98px) {
	.profile-info-left {
		border-bottom: 2px dashed #ccc !important; 
	}
	a.mobile_btn {
		color: #fff !important;
	}
	.responsive-search {
		color: #fff !important;
	}
	.top-nav-search .form-control {
		background-color: #fff !important;
		border-color: #e3e3e3 !important;
		color: #333 !important;
	}
	.top-nav-search .btn {
		color: #999;
	}
	.top-nav-search .form-control::-webkit-input-placeholder {
		color: #999;
	}
	.top-nav-search .form-control::-moz-placeholder {
		color: #999;
	}
	.top-nav-search .form-control:-ms-input-placeholder {
		color: #999;
	}
	.top-nav-search .form-control::-ms-input-placeholder {
		color: #999;
	}
	.top-nav-search .form-control::placeholder {
		color: #999;
	}
}
@media only screen and (max-width: 767.98px) {
	
	.profile-info-left {
		border-bottom: 2px dashed #ccc !important; 
	}
	.nav-tabs.nav-justified {
		border-bottom: 1px solid #ddd !important;
	}
	.nav-tabs.nav-justified > li > a.active,
	.nav-tabs.nav-justified > li > a.active:hover,
	.nav-tabs.nav-justified > li > a.active:focus {
		border-color: transparent transparent transparent #b0cb19 !important;
	}
	.nav-tabs {
		background-color: #fff !important;
		border: 1px solid #ddd !important;
	}
	.nav-tabs > li > a {
		border-left-color: transparent !important; 
	}
	.nav-tabs> li > a:hover,
	.nav-tabs> li > a:focus {
		background-color: #fafafa !important; 
	}
	.nav-tabs .nav-item.show .nav-link,
	.nav-tabs .nav-link.active,
	.nav-tabs> li > a.active,
	.nav-tabs> li > a.active:hover,
	.nav-tabs> li > a.active:focus {
		background-color: #f5f5f5 !important; 
		border-color: transparent transparent transparent #b0cb19 !important;
	}
	.nav-tabs > li.open:not(.active) > a,
	.nav-tabs > li.open:not(.active) > a:hover,
	.nav-tabs > li.open:not(.active) > a:focus {
		background-color: #fafafa !important; 
	}
	.nav-tabs-justified {
		border-bottom: 1px solid #ddd !important;
	}
	.nav-tabs-justified > li > a.active,
	.nav-tabs-justified > li > a.active:hover,
	.nav-tabs-justified > li > a.active:focus {
		border-left-color: #b0cb19 !important;
	}
}
/*-----------------
	65. OpenStreetMap
-----------------------*/

/*-----------------
	66. Text
-----------------------*/
}
.text-color-light{
	color: #fff !important;
}

.dropzone{
	border: 2px solid #e5e5e5 !important;
	background-color: #f4f4f4 !important; 
}

/*-----------------
	67. Switch
-----------------------*/


/* The slider */
.slider {
  background-color: #ccc !important; 
}

.slider:before {
  background-color: white !important; 
}

input:checked + .slider {
  background-color: green !important; 
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3 !important;
}


/*-----------------
	68. ScrollDiv
-----------------------*/


/*-----------------
	69. Img QR
-----------------------*/

/*-----------------
	70. Enlaces
-----------------------*/

.enlace{
	color:#6c757d;
}
