/*
Author       : Area 14
Template Name: Colors M.Rosmar S.L
Version      : 1.0
*/

/*============================

/*-----------------
	1. General
-----------------------*/

body{
	color: #1f1f1f !important;
	background-color: #f0ffff !important;
}

.form-control{
	border-color: #e3e3e3 !important;
}

.form-control:focus{
	border-color: #ccc !important;
}

.input-group-text {
	background-color: #f0ffff !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.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: #417dc3 !important;
}
table.table td h2 span{
	color: #888 !important;
}
.table-hover tbody tr:hover {
    background-color: #f0ffff !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: #f0ffff !important;
}
.bg-purple,
.badge-purple {
	background-color: #7c2a2f !important;
}
.bg-primary,
.badge-primary {
	background-color: #417dc3 !important;
}
.bg-success,
.badge-success {
	background-color: #55ce63 !important;
}
.bg-info,
.badge-info {
	background-color: #009efb !important;
}
.bg-warning,
.badge-warning {
	background-color: #ffbc34 !important;
}
.bg-danger,
.badge-danger {
	background-color: #f62d51 !important;
}
.bg-white {
	background-color: #fff;
}
.text-primary,
.dropdown-menu > li > a.text-primary {
	color: #417dc3 !important;
}
.text-success,
.dropdown-menu > li > a.text-success {
	color: #55ce63 !important;
}
.text-danger,
.dropdown-menu > li > a.text-danger {
	color: #f62d51 !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: #7460ee !important;
}
.text-muted {
    color: #8e8e8e !important;
}
.btn-purple {
	background-color: #7460ee !important;
	border: 1px solid #7460ee !important;
	color: #fff !important;
}
.btn-purple:hover,
.btn-purple:focus {
	background-color: #482fe9 !important;
	border: 1px solid #482fe9 !important;
}
.btn-primary {
	background-color: #417dc3 !important;
	border: 1px solid #417dc3 !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.active,
.btn-primary:active,
.open > .dropdown-toggle.btn-primary {
	background-color: #f10e1d !important;
	border: 1px solid #f10e1d !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: #f10e1d !important;
	border: 1px solid #f10e1d !important;
}
.btn-primary.active:not(:disabled):not(.disabled),
.btn-primary:active:not(:disabled):not(.disabled),
.show > .btn-primary.dropdown-toggle {
	background-color: #f10e1d !important;
	border-color: #f10e1d !important;
	color: #fff !important;
}
.btn-primary.disabled, .btn-primary:disabled {
    background-color: #417dc3 !important;
    border-color: #417dc3 !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.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.disabled, .btn-danger:disabled {
    background-color: #f62d51 !important;
    border-color: #f62d51 !important;
    color: #fff !important;
}
.btn-custom {
	background: #417dc3 !important;
	background: -moz-linear-gradient(left, #417dc3 0%, #00bfbf 100%) !important;
	background: -webkit-linear-gradient(left, #417dc3 0%, #00bfbf 100%) !important;
	background: -ms-linear-gradient(left, #417dc3 0%, #00bfbf 100%) !important;
	background: linear-gradient(to right, #417dc3 0%, #00bfbf 100%) !important;
	color: #fff !important;
}
.btn-custom.focus,
.btn-custom:focus,
.btn-custom:hover {
	background: #417dc3 !important;
	background: -moz-linear-gradient(left, #417dc3 0%, #00bfbf 100%) !important;
	background: -webkit-linear-gradient(left, #417dc3 0%, #00bfbf 100%) !important;
	background: -ms-linear-gradient(left, #417dc3 0%, #00bfbf 100%) !important;
	background: linear-gradient(to right, #417dc3 0%, #00bfbf 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: #417dc3 !important;
	border-color: #417dc3 !important;
}
.pagination > li > a, 
.pagination > li > span {
	color: #417dc3 !important;
}
.page-link:hover {
	color: #417dc3 !important;
}
.page-item.active .page-link {
	background-color: #417dc3 !important;
	border-color: #417dc3 !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;
}
.form-text{
	color: #999 !important;
}
.dropdown-item.active, .dropdown-item:active {
	background-color: #417dc3 !important;
}
.list-group-item {
	border: 1px solid #e3e3e3 !important;
}
.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, #6e00ff 10%, #6e00ff 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;
}
.bg-offers{
	background-color: #b32328 !important;
}
.bg-candidates{
	background-color: #250075 !important;
}
.bg-employees{
	background-color: #68c9ff !important;
}
.bg-summaries{
	background-color: #6cde54 !important;
}
.bg-clients{
	background-color: #efc332 !important;
}
.bg-vehicle{
	background-color: #725f18 !important;
}
.bg-accountant{
	background-color: #921098 !important;
}
.bg-documents{
	background-color: #000 !important;
}

/*-----------------
	5. Animation
-----------------------*/

@-webkit-keyframes taskHighlighter {
	0% {
		background: #FEEB99;
	}
	100% {
		background: #fff;
	}
}
@keyframes taskHighlighter {
	0% {
		background: #FEEB99;
	}
	100% {
		background: #fff;
	}
}

/*-----------------
	6. Toggle Button
-----------------------*/

.checktoggle{
	background-color: #417dc3 !important;
}
.checktoggle:after{
	background-color: #fff !important;
}
.check:checked + .checktoggle {
	background-color: #55ce63 !important;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
	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;
}


/*-----------------
	8. Header
-----------------------*/

.header{
	background: #417dc3 !important;
	background: -moz-linear-gradient(left, #417dc3 0%, #00bfbf 100%) !important;
	background: -webkit-linear-gradient(left, #417dc3 0%, #00bfbf 100%) !important;
	background: -ms-linear-gradient(left, #417dc3 0%, #00bfbf 100%) !important;
	background: linear-gradient(to right, #417dc3 0%, #00bfbf 100%) !important;
}
.bar-icon span{
	background-color: #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;
    border-right: 1px solid transparent !important;
}
.sidebar-menu li a{
	color: #b7c0cd !important;
}
.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: #417dc3 !important;
}
.sidebar-menu li.menu-title a.btn{
	color: #fff !important;
}
.sidebar-menu ul ul a.active{
	color: #417dc3 !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: #417dc3 !important;
}
.noti-dot:before{
	border: 5px solid #417dc3 !important;
}
.noti-dot:after{
	border: 4px solid #417dc3 !important;
}
.sidebar-menu li a > .badge {
    color: #fff !important;
}

/*-----------------
	10. Content
-----------------------*/

.page-header .breadcrumb{
	background-color: transparent !important;
    color: #6c757d !important;
}
.page-header .breadcrumb a {
	color: #333 !important;
}
.card{
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2) !important;
	border: 1px solid #ededed !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: #417dc3 !important;
    border: 1px solid #417dc3 !important;
    color: #fff !important;
}
.add-btn:hover,
.add-btn:focus,
.add-btn:active {
	background-color: #f10e1d !important;
	border: 1px solid #f10e1d !important;
    color: #fff !important;
}
.cal-icon:after{
	color: #979797 !important;
}

/*-----------------
	11. Login
-----------------------*/

.account-subtitle{
	color: #4c4c4c !important;
}
.account-box{
	background-color: #fff !important;
    border: 1px solid #ededed !important;
}
.account-box .account-btn{
	background: #417dc3 !important;
	background: -moz-linear-gradient(left, #417dc3 0%, #00bfbf 100%) !important;
	background: -webkit-linear-gradient(left, #417dc3 0%, #00bfbf 100%) !important;
	background: -ms-linear-gradient(left, #417dc3 0%, #00bfbf 100%) !important;
	background: linear-gradient(to right, #417dc3 0%, #00bfbf 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: #417dc3 !important;
}
.account-footer a:hover {
	color: #417dc3 !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(244, 59, 72, 0.2) !important;
	color: #417dc3 !important;
}
.leave-info-box{
	border: 1px solid #e5e5e5 !important;
}
.load-more a{
	background-color: #fff !important;
    border: 1px solid #eaeaea !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: #417dc3 !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: #417dc3 !important;
	border-color: #417dc3 !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 #417dc3 !important;
    color: #417dc3 !important;
}
.continue-btn:hover,
.continue-btn:focus,
.continue-btn:active {
	background-color: #417dc3 !important;
	border: 1px solid #00bfbf !important;
	color: #fff !important;
}
.cancel-btn{
	background-color: #fff !important;
    border: 1px solid #417dc3 !important;
    color: #417dc3 !important;
}
.cancel-btn:hover,
.cancel-btn:focus,
.cancel-btn:active {
	background-color: #417dc3 !important;
	border: 1px solid #417dc3 !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: #f0ffff !important;
}
.fixed-header{
	background-color: #fff !important;
	border-bottom: 1px solid #eaeaea !important;
}
.fixed-header .user-info a{
	color: #555 !important;
}
.typing-text{
	color: #417dc3 !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: #f0ffff "!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) !important;
}
.chat-bubble .chat-action-btns a {
	color: #8c8c8c !important;
}
.chat-line{
	border-bottom: 1px solid #eaeaea !important;
}
.chat-date{
	background-color: #f0ffff !important;
	color: #727272 !important;
}
.chat-left .chat-content{
	background-color: #fff !important;
	border: 1px solid #eaeaea !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 #eaeaea !important;
}
.message-bar .link{
	color: #777 !important;
}
.message-area .input-group .form-control{
	background-color: #fff !important;
    border: 1px solid #eaeaea !important;
    color: #555 !important;
}
.change-img{
	background-color: rgba(0, 0, 0, 0.3) !important;
	color: #fff !important;
}
.user-name {
	color: #333 !important; 
}
.user-det-list .text-muted {
	color: #888 !important;
}
.files-list > li{
	border-bottom: 1px solid #eaeaea !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: #417dc3 !important;
}
.files-action > li > a {
	color: #777 !important;
}
.chat-placeholder{
	background: rgba(69, 81, 97, 0.6) !important;
	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 #eaeaea !important;
	background-color: #fff !important;
}
.chat-user-list .media:hover {
    background-color: #f0ffff !important;
}
.designation{
	color: #9e9e9e !important;
}
.online-date{
	color: #9e9e9e !important;
}
.drop-zone{
	border: 2px dashed #adb7be !important;
}
.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{
	background: none !important;
	color: #ccc !important;
}
.upload-list .file-close:hover {
	color: #00bfbf !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 #eaeaea !important;
}

/*-----------------
	20. Focus Label
-----------------------*/

.form-focus .form-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 !important;
}

/*-----------------
	21. Leave
-----------------------*/

/*-----------------
	22. Employee
-----------------------*/


.action-icon{
	color: #777 !important;
}
.profile-widget{
	background-color: #fff !important;
	border: 1px solid #ededed !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 !important;
	color: #797979 !important;
}
.fc-state-hover {
	background: #f3f3f3 !important;
}
.fc-state-highlight {
	background: #f0f0f0 !important;
}
.fc-state-down, .fc-state-active, .fc-state-disabled{
	background-color: #417dc3 !important;
	color: #fff !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 !important;
}
.external-event.bg-pink {
	background-color: rgba(240, 98, 146, 0.3) !important;
	color: #f06292 !important;
}
.external-event.bg-purple {
	background-color: rgba(107, 95, 181, 0.3) !important;
	color: #6b5fb5 !important;
}
.external-event.bg-inverse {
	background-color: rgba(59, 62, 71, 0.3) !important;
	color: #3b3e47 !important; 
}
.external-event.bg-orange {
	background-color: rgba(255, 152, 0, 0.3) !important;
	color: #ff9800 !important;
}
.external-event.bg-brown {
	background-color: rgba(141, 110, 99, 0.3) !important;
	color: #8d6e63 !important;
}
.external-event.bg-teal {
	background-color: rgba(38, 166, 154, 0.3) !important;
	color: #26a69a !important;
}


/*-----------------
	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: #417dc3 !important;
	border-color: #00bfbf !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 !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;
}
.bootstrap-tagsinput{
	background-color: #fff !important;
    border: 1px solid #e3e3e3 !important;
}
.add-more a {
	color: #417dc3 !important;
}
.add-more a:hover {
	color: #00bfbf !important;
}


/*-----------------
	25. Notifications
-----------------------*/

.notifications .notification-heading{
	color: #616161 !important;
}
.notifications .notification-time{
	color: #bdbdbd !important;
}
.notifications ul.notification-list > li a:hover {
	background-color: #fafafa !important;
}
.notifications .media a:hover {
	background-color: #fafafa !important;
}
.topnav-dropdown-header .notification-title{
	color: #333 !important;
}
.topnav-dropdown-header .clear-noti{
	color: #f83f37 !important;
}
.topnav-dropdown-footer a{
	color: #333 !important;
}
.user-menu.nav > li > a .badge{
	color: #fff !important;
}
.user-menu.nav > li > a .badge {
	background-color: #6e2424 !important;
}
.noti-details{
	color: #989c9e !important;
}
.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{
	border-left: 3px solid transparent !important;
    color: #333 !important;
}
.roles-menu > ul > li.active a {
	border-color: #417dc3 !important;
	color: #417dc3 !important;
}
.roles-menu > ul > li a:hover {
    background-color: #eee !important;
	border-color: #417dc3 !important;
}


/*-----------------
	27. Chat Right Sidebar
-----------------------*/

.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 !important;
	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) !important;
}

/*-----------------
	29. Invoice
-----------------------*/

.file-remove{
	color: #f00 !important;
}

/*-----------------
	30. Task
-----------------------*/

.task-chat-contents {
	background-color: #fff !important;
}
.task-chat-view {
	border-left: 1px solid #eaeaea !important;
}
.task-chat-view .chat-date {
	background-color: #fff !important;
}
.followers-add{
	background-color: #fff !important;
	border: 1px solid #ccc !important;
	color: #ccc !important;
}
.followers-add:hover {
	border: 1px solid #8c8c8c !important;
	color: #8c8c8c !important;
}
.file-attached{
	color: #333 !important;
}
.task-attach-img > img{
	border: 1px solid #eaeaea !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: #eaeaea !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 !important;
	border: 1px solid #2fa65c !important;
}
.action-circle.completed .material-icons {
	color: #fff !important;
}
.task-wrapper .mark-all-tasks .mark-all-btn#mark-all-finished {
	color: #35BA67 !important;
}
.task-wrapper .mark-all-tasks .mark-all-btn#mark-all-incomplete {
	color: #666 !important;
}
.task-wrapper .mark-all-tasks .mark-all-btn#mark-all-incomplete .action-circle {
	border: 1px solid #666 !important;
}
.task-wrapper .mark-all-tasks .mark-all-btn#mark-all-incomplete .action-circle .material-icons {
	color: #666 !important;
}
.task-wrapper .task-list-header h3,
.task-wrapper .task-list-footer h3 {
	color: #666 !important;
}
.task-wrapper #task-list{
	border-bottom: 1px solid #eaeaea !important;
}
.task-wrapper #task-list li .task-container{
	background: #fff !important;
	border: 1px solid #eaeaea !important; 
}
.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 !important;
}
.task-wrapper #task-list li.completed .task-container {
	background: #f9f9f9 !important;
}
.task-wrapper #task-list li.completed .task-container .complete-btn {
	background: #35BA67 !important;
	border: 1px solid #2fa65c !important;
}
.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 !important;
	border: 1px solid #2fa65c !important;
}
.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 {
	background: #9B1BCC !important;
}
.task-wrapper .task-list-footer .add-task-btn:hover .material-icons {
	color: #EBEEEF !important;
}
.task-wrapper .task-list-footer .add-task-btn .material-icons{
	color: #9B1BCC !important;
}
.task-wrapper .task-list-footer .new-task-wrapper textarea{
	border: 1px solid #eaeaea !important;
}
.task-wrapper .task-list-footer .new-task-wrapper textarea:focus{
	border: 1px solid #bfbfbf !important;
}
.task-wrapper .task-list-footer .new-task-wrapper textarea.error{
	border: 1px solid #D93737 !important;
}
.task-wrapper .task-list-footer .new-task-wrapper .error-message{
	color: #D93737 !important;
}
.task-wrapper .task-list-footer .new-task-wrapper .add-new-task-btn {
	background: #fff !important;
	border: 1px solid #ccc !important;
}
.notification-popup{
	background: #1F8FEF !important;
	border: 1px solid #1082e4 !important;
	color: #fff !important;
}
.notification-popup.success {
	background: #35BA67 !important;
	border: 1px solid #2fa65c !important;
}
.sidebar-overlay{
	background-color: rgba(0, 0, 0, 0.6) !important;
}
.task-header .assignee-info{
	border: 1px solid transparent !important;
}
.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 !important;
}
.remove-icon i{
	color: #8e8e8e !important;
}
.due-icon span{
	background-color: #fff !important;
    border: 1px solid #ccc !important;
    color: #ccc !important;
}
.task-due-date{
	border: 1px solid transparent !important;
}
.task-due-date:hover {
	border-color: #e3e3e3 !important;
}
.task-header .task-due-date > a{
	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: #f0ffff !important;
	color: #333 !important;
}
.task-completed {
	background-color: #35ba67 !important;
	border-color: #2fa65c !important;
	color: #fff !important;
}
.task-completed:hover {
	background-color: #35ba67 !important;
	border-color: #2fa65c !important;
	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 !important;
    border: 1px solid #e3e3e3 !important;
}
.punch-det p{
	color: #727272 !important; 
}
.punch-hours{
	background-color: #f9f9f9 !important;
    border: 5px solid #e3e3e3 !important;
}
.stats-box{
	background-color: #f9f9f9 !important;
    border: 1px solid #e3e3e3 !important;
}
.recent-activity .res-activity-list li:before{
	border: 2px solid #417dc3 !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: #417dc3 !important;
}
.unread .name,
.unread .subject,
.unread .mail-date {
	color: #000 !important;
}
.table-inbox .fa-star {
	color: #ffd200 !important;
}
.table-inbox .starred.fa-star {
	color: #ffd200 !important;
}
.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;
}
.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 !important;
}

/*-----------------
	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 !important;
}
.receiver-name {
	color: #777 !important;
}

/*-----------------
	38. Voice call
-----------------------*/

.voice-call-avatar .call-avatar{
	border: 1px solid rgba(0, 0, 0, 0.1) !important;
	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 !important;
    color: #fff !important;
}
.call-users ul li img{
	background-color: #fff !important;
	border: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.call-mute{
	background-color: rgba(0, 0, 0, 0.5) !important;
	color: #fff !important;
}
.call-timing{
	color: #727272 !important;
}

/*-----------------
	39. Video Call
-----------------------*/

/*-----------------
	40. Outgoing Call
-----------------------*/

.call-box{
	background: #417dc3 !important;
	background: -moz-linear-gradient(left, #417dc3 0%, #00bfbf 100%) !important;
	background: -webkit-linear-gradient(left, #417dc3 0%, #00bfbf 100%) !important;
	background: -ms-linear-gradient(left, #417dc3 0%, #00bfbf 100%) !important;
	background: linear-gradient(to right, #417dc3 0%, #00bfbf 100%) !important;
}
.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) !important;
    border: 1px solid transparent !important;
    color: #fff !important;
}
.call-box .call-wrapper .call-items .call-item.call-end{
	background: #f06060 !important;
	border: 1px solid #f06060 !important;
	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) !important;
}
@-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 #eaeaea !important;
}
.contacts-header .user-info a{
	color: #76838f !important;
}
.contacts-list > li{
	background-color: #fff !important;
	border-bottom: 1px solid #eaeaea !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 !important;
}
.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;
}
.chat-sidebar .chat-contents {
	background-color: #fff !important;
}
.chat-sidebar .chat-date {
	background-color: #fff !important;
}
.chat-sidebar .chat-left .chat-time{
	color: #888 !important;
}

/*-----------------
	44. Jobs
-----------------------*/

.apply-btn{
	background: #417dc3 !important;
	background: -moz-linear-gradient(left, #417dc3 0%, #00bfbf 100%) !important;
	background: -webkit-linear-gradient(left, #417dc3 0%, #00bfbf 100%) !important;
	background: -ms-linear-gradient(left, #417dc3 0%, #00bfbf 100%) !important;
	background: linear-gradient(to right, #417dc3 0%, #00bfbf 100%) !important;
	border-color: transparent !important;
	box-shadow: 0 6px 15px rgba(36, 37, 38, 0.08) !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 !important;
}
.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 #417dc3 !important;
	color: #417dc3 !important;
}

/*-----------------
	45. Job Details
-----------------------*/

.job-info{
	background-color: #fff !important;
	border: 1px solid #efefef !important;
}
.job-title{
	color: #585858 !important;
}
.job-info .job-dept{
	color: #737882 !important;
}
.job-post-det{
	color: #737882 !important;
}
.job-det-info{
	background-color: #fff !important;
}
.info-list{
	color: #888 !important;
}
.info-list span{
	color: #417dc3 !important;
}
.info-list > h5{
	color: #585858 !important;
}
.app-ends{
	color: #46cd38 !important;
}
.job-btn{
	border: 2px solid #417dc3 !important;
    color: #417dc3 !important;
}
.job-btn:hover {
	background-color: #417dc3 !important;
	color: #fff !important;
}
.job-widget{
	background-color: #fff !important;
	border: 1px solid #efefef !important;
}
.job-widget h4{
	color: #585858 !important;
}
.job-description > p{
	color: #727272 !important;
}
.square-list li{
	color: #727272 !important;
}
.square-list li:before{
	color: #417dc3 !important;
}
.text-blue {
	color: #009ce7 !important;
}

/*-----------------
	46. Notification Settings
-----------------------*/

.leave-edit-btn{
	color: #216ef4 !important;
}
.leave-header{
	color: #212536 !important;
}
.leave-box .subtitle{
	color: #8e8e8e !important;
}
.leave-duallist{
	background-color: #f9f9f9  !important;
    border: 1px solid #e3e3e3 !important;
}

/*-----------------
	48. Termination
-----------------------*/

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
	background-color: #417dc3 !important;
}

/*-----------------
	49. Loader
-----------------------*/

#loader-wrapper{
	background-color: #fff !important;
}
.loader-ellips__dot:nth-child(1) { 
	background: #404040 !important;  
}
.loader-ellips__dot:nth-child(2) { 
	background: #417dc3 !important;  
}
.loader-ellips__dot:nth-child(3) { 
	background: #404040 !important;   
}
.loader-ellips__dot:nth-child(4) { 
	background: #404040 !important;  
}

/*-----------------
	50. Payroll Items
-----------------------*/

.table-radius.table{
	background: #fff !important;
}

/*-----------------
	51. Error
-----------------------*/

.error-page{
	background-color: rgba(244, 59, 72, 0.2) !important;
    color: #1f1f1f !important;
}
.error-box h1{
	color: #417dc3 !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: #417dc3 !important;
}

/*-----------------
	56. Search
-----------------------*/

.search-result u {
	color: #417dc3 !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) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #fff !important;
}
.top-nav-search .btn{
	background-color: transparent !important;
    border-color: transparent !important;
    color: rgba(255, 255, 255, 0.7) !important;
}
.top-nav-search .form-control::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.7) !important;
}
.top-nav-search .form-control::-moz-placeholder {
	color: rgba(255, 255, 255, 0.7) !important;
}
.top-nav-search .form-control:-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.7) !important;
}
.top-nav-search .form-control::-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.7) !important;
}
.top-nav-search .form-control::placeholder {
	color: rgba(255, 255, 255, 0.7) !important;
}
.responsive-search{
	color: #333 !important;
}

/*-----------------
	57. Knowledgebase
-----------------------*/

.topics{
	background-color: #fff !important;
    border: 1px solid #ededed !important;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2) !important;
}
.topics .topic-title{
	color: #333 !important;
}
.topics .topic-title a{
	color: #333 !important;
}
.topics .topic-title a:hover {
    color: #417dc3 !important;
}
.topics .topic-title a span {
    color: #417dc3 !important;
}
.topics .topic-title a i{
	color: #417dc3 !important;
}
.topics .topics-list li a{
	color: #555 !important;
}
.topics .topics-list li a:hover {
	color: #417dc3 !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 !important;
}
.widget-category li a:hover {
    color: #417dc3 !important;
}
.post .meta{
	background-color: #f9f9f9 !important;
    border: 1px solid #efefef !important;
}
.post .meta li{
	color: #86939e !important;
}
.post .meta li span {
	color: #43484d !important;
}
.feedback{
	background-color: #f9f9f9 !important;
    border: 1px solid #efefef !important;
}
.feedback h3{
	color: #333 !important;
}
.post .meta a {
    color: #417dc3 !important;
}
.widget .widget-title{
	color: #417dc3 !important;
}
ul.comment-list li .author-name > a{
	color: #2f363f !important;
}
ul.comment-list li .reply a{
	color: #2f363f !important;
}
.comment-reply .form-control{
	background-color: #f9f9f9 !important;
    border: 1px solid #e7e7e7 !important;
}

/*-----------------
	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 !important;
}
.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 !important;
    color: #2e424d !important;
}
.e-avatar{
	background-color: #fff !important;
    border: 3px solid #e7e7e7 !important;
}
.dash-info-list .dash-card{
	background-color: #fff !important;
    border: 1px solid #eaeaea !important;
    color: #575757 !important;
}
.dash-sidebar p{
	color: #777 !important;
}
.dash-stats-list + .dash-stats-list {
	border-left: 1px solid #e7e7e7 !important;
}
.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 !important;
}

/*-----------------
	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) !important;
}
.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 !important;
}
.kanban-list > .kanban-wrap > .card > .kanban-box > .task-body > .kanban-info > .progress .progress-bar {
    background-color: #42a5f5 !important;
}
.kanban-list > .kanban-wrap > .card > .kanban-box > .task-body > .kanban-footer .ks-icon{
	color: #d7dceb !important;
}
.kanban-list.kanban-danger {
	background-color: #fef7f6 !important;
}
.kanban-list.kanban-danger > .kanban-header {
	background-color: #ef5350 !important;
}
.kanban-list.kanban-danger > .kanban-wrap > .card.drop-here {
	border-color: #f7c1b7 !important;
}
.kanban-list.kanban-danger > .kanban-wrap > .card > .kanban-box > .task-body > .kanban-info > .progress .progress-bar {
    background-color: #ef5350 !important;
}
.kanban-list.kanban-success {
	background-color: #edf7ee !important;
}
.kanban-list.kanban-success > .kanban-header {
	background-color: #4caf50 !important;
}
.kanban-list.kanban-success > .kanban-wrap > .card.drop-here {
	border-color: #abebc6 !important;
}
.kanban-list.kanban-success > .kanban-wrap > .card > .kanban-box > .task-body > .kanban-info > .progress .progress-bar {
    background-color: #4caf50 !important;
}
.kanban-list.kanban-info {
	background-color: #e7f3fe !important;
}
.kanban-list.kanban-info > .kanban-header {
	background-color: #42a5f5 !important;
}
.kanban-list.kanban-info > .kanban-wrap > .card.drop-here {
	border-color: #a6dbf9 !important;
}
.kanban-list.kanban-warning {
	background-color: #fdfcf3 !important;
}
.kanban-list.kanban-warning > .kanban-header {
	background-color: #ffb300 !important;
}
.kanban-list.kanban-warning > .kanban-wrap > .card.drop-here {
	border: 1px solid #f2e49e !important;
}
.kanban-list.kanban-warning > .kanban-wrap > .card > .kanban-box > .task-body > .kanban-info > .progress .progress-bar {
    background-color: #ffb300 !important;
}
.task-board-header a {
	color: #1f1f1f !important;
}
.progress > .progress-bar {
	background-color: #25628F !important;
}
.kanban-list > .kanban-header > .status-title{
	color: #fff !important;
}
.kanban-list > .kanban-wrap > .drag-placeholder{
	background-color: rgba(0, 0, 0, 0.05) !important;
}
.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) !important;
}
.kanban-list > .kanban-wrap > .card.ui-sortable-helper {
	box-shadow: 0 2px 20px 0 #d7dceb !important;
}
.kanban-list > .kanban-wrap > .card > .kanban-box > .task-board-body > .kanban-info > .progress .progress-bar {
    background-color: #42a5f5 !important;
}
.kanban-list.kanban-danger > .kanban-wrap > .card.active {
	border-color: #ef5350 !important;
}
.kanban-list.kanban-success > .kanban-wrap > .card.active  {
	border-color: #4caf50 !important;
}
.kanban-list.kanban-info > .kanban-wrap > .card.active  {
	border-color: #42a5f5 !important;
}
.kanban-list.kanban-warning > .kanban-wrap > .card.active  {
	border-color: #ffb300 !important;
}
.kanban-list.kanban-danger {
	background-color: #fef7f6 !important;
}
.kanban-list.kanban-danger > .kanban-header {
	background-color: #ef5350 !important;
}
.kanban-list.kanban-danger > .kanban-wrap > .card > .kanban-box > .task-board-body > .kanban-info > .progress .progress-bar {
    background-color: #ef5350 !important;
}
.kanban-list.kanban-success {
	background-color: #edf7ee !important;
}
.kanban-list.kanban-success > .kanban-header {
	background-color: #4caf50 !important;
}
.kanban-list.kanban-success > .kanban-wrap > .card > .kanban-box > .task-board-body > .kanban-info > .progress .progress-bar {
    background-color: #4caf50 !important;
}
.kanban-list.kanban-info {
	background-color: #e7f3fe !important;
}
.kanban-list.kanban-info > .kanban-header {
	background-color: #42a5f5 !important;
}
.kanban-list.kanban-warning {
	background-color: #fdfcf3 !important;
}
.kanban-list.kanban-warning > .kanban-header {
	background-color: #ffb300 !important;
}
.kanban-list.kanban-warning > .kanban-wrap > .card > .kanban-box > .task-board-body > .kanban-info > .progress .progress-bar {
    background-color: #ffb300 !important;
}
.kanban-list.kanban-purple {
	background-color: #f1effd !important;
}
.kanban-list.kanban-purple > .kanban-header {
	background-color: #7460ee !important;
}
.kanban-list.kanban-purple > .kanban-wrap > .card > .kanban-box > .task-board-body > .kanban-info > .progress .progress-bar {
    background-color: #7460ee !important;
}
.kanban-list.kanban-primary {
	background-color: #fff5ec !important;
}
.kanban-list.kanban-primary > .kanban-header {
	background-color: #ff9b44 !important;
}
.kanban-list.kanban-primary > .kanban-wrap > .card > .kanban-box > .task-board-body > .kanban-info > .progress .progress-bar {
    background-color: #ff9b44 !important;
}
.kanban-action > a{
	color: #fff !important;
    background-color: rgba(0, 0, 0, 0.3) !important;
}
.board-control > .board-control-input:checked ~ .board-indicator:before{
	color: #fff !important;
}
.board-control.board-primary > .board-indicator {
    background: #ff9b44 !important;
}
.board-control.board-success > .board-indicator {
    background: #4caf50 !important;
}
.board-control.board-info > .board-indicator {
    background: #42a5f5 !important;
}
.board-control.board-purple > .board-indicator {
    background: #7460ee !important;
}
.board-control.board-warning > .board-indicator {
    background: #ffb300 !important;
}
.board-control.board-danger > .board-indicator {
    background: #ef5350 !important;
}
.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 !important;
}
.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 !important;
    color: #fff !important;
}
.task-follower-list span i{
	color: #f00 !important;
}
.add-new-task a{
	color: #333 !important;
}

/*-----------------
	62. File Manager
-----------------------*/

.file-wrap{
	border: 1px solid #e0e3e4 !important;
}
.file-wrap .file-sidebar{
	border-right: 1px solid #e0e3e4 !important;
}
.file-wrap .file-sidebar .file-header{
	background-color: #fff !important;
    border-bottom: 1px solid #e0e3e4 !important;
    color: #324148 !important;
}
.file-wrap .file-sidebar .file-search{
	background-color: #f5f5f6 !important;
    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 !important;
}
.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 !important;
}
.file-wrap .file-content .file-body {
    background-color: #f5f5f6 !important;
}
.dropdown-file .dropdown-link{
	color: #777 !important;
}
.dropdown-file .dropdown-link:hover, .dropdown-file .dropdown-link:focus {
	color: #1b2e4b !important;
}
.card-file:hover, .card-file:focus {
	border-color: #ccc !important;
}
.card-file .card-footer{
	color: #a9a9a9 !important;
	background-color: transparent;
}
.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 .file-cont-header{
	background: #fff !important;
	border-bottom: 1px solid #e0e3e4 !important;
}
.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 !important;
    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 !important;
}
.file-menu li a{
	color: #333 !important;
}
.file-menu li a i{
	color: #878787 !important;
}
.file-menu li a:hover, .file-menu li.active a, .file-menu li a:focus {
	background: rgba(33, 33, 33, 0.05) !important; 
}

/*-----------------
	63. Subscriptions
-----------------------*/

.pricing-box ul li i{
	color: #00bf6f !important;
}

/*-----------------
	64. Responsive
-----------------------*/

/*-----------------
	65. OpenStreetMap
-----------------------*/

/*-----------------
	66. Text
-----------------------*/
.text-color-light{
	color: #fff;
}
.dropzone{
	border: 2px solid #e5e5e5 !important;
	background-color: #f4f4f4 !important;
}

/*-----------------
	67. Switch
-----------------------*/

.slider{
	background-color: #ccc !important;
}
.slider:before{
	background-color: white !important;
}
input:checked + .slider {
  background-color: green;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

/*-----------------
	68. ScrollDiv
-----------------------*/