header a, aside a {transition: all 0.5s ease;}
.clear {clear:both;}
.skin-red-light .main-header .navbar {background-color: #fff;}
.skin-red-light .main-header .navbar .nav > li > a { color:#888 /*#3a7de2*/;}
.skin-red-light .main-header .navbar .nav > li > a:hover,
.skin-red-light .main-header .navbar .nav > li > a:active,
.skin-red-light .main-header .navbar .nav > li > a:focus,
.skin-red-light .main-header .navbar .nav .open > a,
.skin-red-light .main-header .navbar .nav .open > a:hover,
.skin-red-light .main-header .navbar .nav .open > a:focus,
.skin-red-light .main-header .navbar .nav > .active > a,
.skin-red-light.layout-top-nav .mega-dropdown > a.nav-link.dropdown-toggle:hover { background: rgba(0, 0, 0, 0.05); color: #333; }
.skin-red-light .main-header .navbar .sidebar-toggle { color: #888; }
.skin-red-light .main-header .navbar .sidebar-toggle:hover { color: #333; background: rgba(0, 0, 0, 0.05); }
.skin-red-light .main-header .navbar .sidebar-toggle { color: #bbb; }
.skin-red-light .main-header .navbar .sidebar-toggle:hover { background-color: transparent; }

@media (max-width: 767px) {
  .skin-red-light .main-header .navbar .dropdown-menu li.divider { background-color: rgba(255, 255, 255, 0.1); }
  .skin-red-light .main-header .navbar .dropdown-menu li a { color: #888; }
  .skin-red-light .main-header .navbar .dropdown-menu li a:hover { background: #fff; }
}

.skin-red-light .main-header .logo { color: #555; background-color: #ffffff; border-bottom: 0 solid transparent; transition:all 0.5s ease;}
.skin-red-light .main-header .logo:hover { background-color: #fff;  color: #3a7de2; }
.skin-red-light .main-header li.user-header { background-color: #fff; }
.skin-red-light .content-header, .skin-red-light .content { background: #f2f6f8; }
.skin-red-light .wrapper,
.skin-red-light .main-sidebar,
.skin-red-light .left-side { background-color: #ffffff;  box-shadow: 1px 0px 20px rgba(0,0,0,0.05); }
.skin-red-light .user-panel > .info, skin-red-light .user-panel > .info > a {  color: #fff; }
.skin-red-light .sidebar-menu > li.header { color: #333; background: #fff; }
.skin-red-light .sidebar-menu > li > a { border-left:none; }
.skin-red-light .sidebar-menu > li:hover > a{ color: #3a7de2; background: rgba(0,0,0,0.05); }
.skin-red-light .sidebar-menu > li.active > a,
.skin-red-light .sidebar-menu > li.menu-open > a { color: #3a7de2; }
.skin-red-light .sidebar-menu > li.active > a { border-left-color: #3a7de2; }
.skin-red-light .sidebar-menu > li > .treeview-menu { margin: 0; /* background: #f0f4f6; */}
.skin-red-light .sidebar a { color: #9ea9b9;}
.skin-red-light .sidebar a:hover { text-decoration: none; }
.skin-red-light .sidebar-menu .treeview-menu > li > a {  color: #9ea9b9; }
.skin-red-light .sidebar-menu .treeview-menu > li.active > a,
.skin-red-light .sidebar-menu .treeview-menu > li > a:hover {color: #3a7de2;}
.skin-red-light .sidebar-form { border-radius: 3px;  border: 1px solid #898989;}
.skin-red-light .sidebar-form input[type="text"],
.skin-red-light .sidebar-form .btn { box-shadow: none; background-color: rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.05); height: 35px; }
.skin-red-light .sidebar-form input[type="text"] { color: #fff; border-top-left-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0;  border-bottom-left-radius: 2px; }
.skin-red-light .sidebar-form input[type="text"]:focus,
.skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { color: #fff;}
.skin-red-light .sidebar-form .btn { color: #f7f7f7; border-top-left-radius: 0; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 0; }
.skin-red-light.layout-top-nav .main-header > .logo { background-color: #3a7de2; color: #ffffff; border-bottom: 0 solid transparent;}
.skin-red-light.layout-top-nav .main-header > .logo:hover { background-color: #3a7de2; }
.skin-red-light .btn-blue{ 	background-color: #3a7de2; color: #fff; border: 1px solid #3a7de2;}
.skin-red-light .btn-blue:hover{background-color: #fff;	color: #3a7de2;	}
.horizontal-menu .skin-red-light.layout-top-nav .sidebar-menu > li.active > a {background: #3a7de2; color: #fff;}

.skin-red-light .main-header .messages-menu .dropdown-toggle i::after, 
.skin-red-light .main-header .notifications-menu .dropdown-toggle i::after, 
.skin-red-light .main-header .tasks-menu .dropdown-toggle i::after { border-color: #3a7de2;	background-color: #3a7de2; }

.main-header .logo-lg {text-align:left; font-size:24px;letter-spacing:0.1px;}
.main-header .logo-lg b {font-weight:700;}

/*
.projecttable-status span, .projecttable-priority span {display:inline-block; font-size:11px; line-height:11px; font-weight:600; }
.projecttable-status span span, .projecttable-priority span span {display:inline-block; margin-right:5px; width:13px; height:13px; line-height:11px; border-radius:50%; position:relative; top:2px;}
*/

.usertable-status, .projecttable-status, .projecttable-priority {font-size:11px; text-transform:lowercase;}
.usertable-status .fa, .projecttable-status .fa, .projecttable-priority .fa {padding-right:6px; display:inline-block; font-size:16px;}

.usertable-status.status-active .fa {color: #46be8a;}
.usertable-status.status-inactive .fa {color: #f96868;}

.projecttable-status.status-inactive .fa, .fa.status-inactive {color: #b5bbb5;}
.projecttable-status.status-inprogress .fa, .fa.status-inprogress   {color: #48b0f7;}
.projecttable-status.status-complete .fa, .fa.status-complete  {color: #46be8a;}
.projecttable-status.status-failed .fa, .fa.status-failed  {color: #f96868;}

.projecttable-priority.priority-low .fa, .fa.priority-low {color: #f0e660;}
.projecttable-priority.priority-medium .fa, .fa.priority-medium  {color: #f6a248;}
.projecttable-priority.priority-high .fa, .fa.priority-high , .deadline-today, .deadline-missed {color: #f96868;}
.projecttable-priority.priority-critical .fa, .fa.priority-critical {color: #c11;}

.box-priority-low {border-left: 3px solid #f0e660;}
.box-priority-medium {border-left: 3px solid #f6a248;}
.box-priority-high {border-left: 3px solid #f96868;}
.box-priority-critical {border-left: 3px solid #c11;}

.deadline-tomorrow {color: #b5bbb5;}

.table-actions {float:right; line-height:1;}
.table-actions a {display:inline-block; margin-right:10px; font-size:16px; color:#aaaaad; transition:all 0.5s ease;}
.table-actions a:hover {color:#3a7de2;}

.msg_pwdrec_success {padding:10px 0; display:block; line-height:1.15 !important; font-size:85%;}
.btn .fa {display:inline-block; padding-right:3px;}

.dataTables_wrapper .dataTables_paginate .paginate_button {color: #67757c;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #fff; border: 1px solid #3a7de2; background-color: #3a7de2; }
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
  color: #67757c;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: #fff; border: 1px solid #3a7de2; background-color: #3a7de2; }
.dataTables_wrapper .dataTables_paginate .paginate_button:active { background-color: #39609a; border-color:#39609a; }

.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #3a7de2 !important; border: 1px solid #3a7de2 !important; border-radius: 2px; margin-right: 5px; margin-top: 5px; padding: 2px 6px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove, 
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, 
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus, 
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:active { color: #fff !important; padding-right:3px; }
.select2-container--default .select2-selection--multiple {  background-color: #fff; border: 1px solid #d2d6de; border-radius: 0; cursor:pointer;}

.content-header h1 {font-size:1.6rem; margin-top:10px}
.content-header h1 small {font-size:1rem; display:block; padding:5px 0 0 0;color:#aaabaf;}
.content-header h1 small a {color:#aaabaf; transition:color 0.6s ease;}
.content-header h1 small a:hover, .content-header h1 small a:focus, .content-header h1 small a:active {color:#3a3b3f;}

.box-sidebar .box-header .box-title .fa {display:inline-block; width:20px; text-align:left; color:#bbb; font-size:18px; position:relative; top:1px;}

.projectinfo-description, .projectinfo-extrafields, .task-extrafields {font-size:13px; line-height:15px;}
.projectinfo-priority, .projectinfo-status, .projectinfo-users, .projectinfo-client {display:block; padding:10px 0; border-bottom:1px solid #eee; font-size:13px;}
.projectinfo-priority .fa, .projectinfo-status .fa, .projectinfo-users .fa, .projectinfo-users .fas, .projectinfo-client .fa {font-size:15px; display:inline-block; width:22px; text-align:center;}
.projectinfo-btn {display:block; padding:10px 0 0 0;}
.projectinfo-activeuser {display:inline-block; margin:0 4px 4px 0; padding:2px 7px 3px 7px; border-radius:2px; background:#e9e9e9; white-space: normal; font-size:12px; line-height:12px;}
.projectinfo-extrafield {margin-bottom:10px;}
.projectinfo-extrafield-label, .task-extrafield-label {font-weight:600; display:inline-block; padding-right:2px;}
.task-extrafield {color:#666; margin-bottom:10px;}

.filters {}
.filters-heading {float:left; font-size:14px;}
.filters-heading .fa {font-size:15px; padding-right:4px;}
.filters-body {float:right;}
.filters-body select {border:1px solid #d9d9d9; font-size:12px;}
.filters-body .btn {font-size:12px;}

.taskbox .box-body {border-bottom:0; padding-top:0;}
.taskbox .box-footer {border-top:0; padding-top:0;}
.task-header-item {display:inline-block; padding-right:10px; font-size:12px;}
.task-header-users .task-activeuser {display:inline-block; margin-right:10px;}
.task-header-users .task-header-users-icon {margin-right:6px;}
.task-sendmessage {float:right; color:#97a0b3; transition:all 0.5s ease;}
.taskbox .task-description {font-size:13px; line-height:1.05; color:#666;
  padding: 12px 12px;
  border: 1px solid #e3e4e6;
  background: #fff;
  margin-bottom: 4px;
}
.taskbox .task-description-heading {display:block; color: #444; font-size:14px; font-weight: 600; padding-bottom: 10px;}
.taskbox .task-description pre {font-size:inherit; font-family:inherit; color:inherit; line-height:inherit; margin:0; padding:0; border:0;
  white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap;
  word-wrap: break-word;  overflow:hidden;
}

.taskbox-subheader-1 {}
.taskbox-subheader-2 {padding:10px 0;}
.task-edit {font-size:12px; color:#97a0b3; transition:all 0.6s ease;}

.task-attachments {padding:10px 0 5px 0; font-size:12px;}
.task-attachments-heading {display:inline-block; padding-right:10px;}
.task-attachments-heading .fa {display:inline-block; padding-right:6px;}
.task-attachments-list {}
.task-attachments-item {display:inline-block; margin-right:10px; color:#97a0b3; transition:all 0.6s ease;}

.insert-comment {margin-bottom:10px;}
.commentupload {display:none;}
.comment-text .comment {display:block; font-size:13px; line-height:15px;}
.comment-text .attachment {display:block; font-size:12px; }
.comment-text .attachment a {color:#aaa;}
.comment-text .attachment a:hover {color:#888;}
.uploadtrigger {font-size:12px; transition:color 0.6s ease;}
.attn-deadline {display:inline-block; padding-left:8px; font-size:14px;}
.dataTables_length select {border:1px solid #d9d9d9;}
.extrafieldscontainer {padding-bottom:10px;}
.addfields {font-size:12px; color: #3a7de2;}
.extrafieldsset {padding-bottom:10px;}
.extrafieldsset .form-control {margin-bottom:5px;}
.removefields-sm, .removefields-xs, .removeorderart {font-size:20px; position:relative; left:6px; top:2px;}
.orderitem {margin-bottom:10px;}

.table {min-width:600px;}
.table thead, .table tbody, .table tr {min-width:600px;}
.alert-page {margin-bottom:0 !important;}
.alert .close {color:#fff; opacity:0.6; text-shadow: 0 0 rgba(0,0,0,0); cursor:pointer; transition:opacity 0.4s ease;}
.alert .close:hover {color:#fff; opacity:1; }

.taskbox-project-name {font-size:11px; text-transform:uppercase; font-weight:400; padding-right:5px; display:inline-block;}
.taskbox-project-name a {font-weight:400; transition:all 0.4s ease; padding:1px 5px; position:relative; left:-5px;}
.taskbox-project-name a:hover, .taskbox-project-name a:focus, .taskbox-project-name a:active {color:#111; background:#f0f0f0;}

.sidebar-comment {border-bottom:1px solid #d9d9d9; margin-bottom:16px; padding-bottom:16px; line-height:1.1;}
.sidebar-comment a {transition:color 0.4s ease;}
.sidebar-comment a:hover, .sidebar-comment a:focus, .sidebar-comment a:active {color:#111;}
.sidebar-comment-author {display:block; color:#444; font-weight:600; font-size:14px;}
.sidebar-comment-task {display:block; font-size:11px; padding:4px 0 8px 0;}
.sidebar-comment-task a {color:#888;}
.sidebar-comment-task a:hover, .sidebar-comment-task a:focus, .sidebar-comment-task a:active {color:#111;}
.sidebar-comment-content {display:block; font-size:12px; }
.sidebar-comment-attachment {display:block; font-size:12px; padding-top:8px;}
.sidebar-comment-attachment a {color:#aaa; transition:color 0.5s ease;}
.sidebar-comment-attachment a:hover, .sidebar-comment-attachment a:focus, .sidebar-comment-attachment a:active {color:#888;}

.file-actions a {display:inline-block; margin-right:10px; font-size:16px; color:#aaaaad; transition:all 0.5s ease;}
.file-actions a:hover, .file-actions a:focus, .file-actions a:active {color:#3a7de2;}

#files_num {text-transform:lowercase; font-size:14px; font-weight:500; color:#444; line-height:1; padding-top:14px;}
#files_totalsize {font-size:1.6rem; font-weight:500; color:#444; line-height:1; padding-top:4px;}

#ordertotal {padding:20px 0;}
#ordertotal span {display:block; line-height:1.2;}
.ordertotal-label {font-weight:700;font-size:16px; }
.ordertotal-amount {font-weight:700; font-size:28px;}



@media (min-width:1px) {
.addbutton-container {text-align:left; padding-top:8px;}
.dataTables_filter input {width:160px;}
.removefields-sm {display:none}
}

@media (min-width:576px) {
.addbutton-container {text-align:right; padding-top:13px;}
.dataTables_filter input {width:200px;}
.removefields-xs {display:none}
.removefields-sm {display:inline}
#files_num, #files_totalsize {text-align:right;}
}

@media (min-width:768px) {
  .checkbox .label, .fog-pwd a span {font-size:13px;}
}