body {
   padding: 0;
   margin: 0;
   outline: 0;
   overflow-x: hidden;
}

a {
   text-decoration: none;
}

.dateFilterDashboard {
   width: 300px;
}

.modal {
   z-index: 99999;
}

.howl {
   z-index: 9999;
}

.bg-tarkie {
   background-color: #96c75a;
}

.btn-success {
   background-color: #A2D268;
   border: 1px solid #A2D268;
}

.btn-success:hover{
   background-color: #96ca59;
   border: 1px solid #A2D268;
}

.btn-success:active{
   background-color: #96ca59;
   border: 1px solid #A2D268;
}

.btn-success:focus{
   background-color: #8cc349;
   border: 1px solid #A2D268;
}

.btn-success.disabled, .btn-success:disabled {
   color: #fff;
   background-color: #8cc349;
   border: 1px solid #A2D268;
}

.btn-outline-success {
   color: #A2D268;
   border: 1px solid #A2D268;
}

.btn-outline-success:hover {
   background-color: #96ca59;
   border: 1px solid #A2D268;
   color: #fff;
}

.removeMargin {
   margin: 0px;
}

.removeMarginTop {
   margin-top: 0px!important;
}

.removeMarginBottom {
   margin-top: 0px!important;
}

.removePadding {
   padding: 0px;
}

.removePaddingTop {
   padding-top: 0px!important;
}

.removePaddingBottom {
   padding-bottom: 0px!important;
}

.addPadding3px {
   padding: 3px;
}

.addPadding5px {
   padding: 5px;
}

.addPadding10px {
   padding: 10px;
}

.addPadding15px {
   padding: 15px;
}

.addPadding20px {
   padding: 20px;
}

.addMargin1px {
   margin:1px;
}

.addMargin2px {
   margin:2px;
}

.addMargin3px {
   margin:3px;
}

.addMargin4px {
   margin:4px;
}

.addMargin5px {
   margin:5px;
}

.addMarginTop5px {
   margin-top:5px;
}

.addMarginTop10px {
   margin-top:10px;
}

.addMarginTop15px {
   margin-top:15px;
}

.addMarginTop20px {
   margin-top:20px;
}

.addMarginTop25px {
   margin-top:25px;
}

.addMarginTop30px {
   margin-top:30px;
}

.addMarginTop35px {
   margin-top:35px;
}

.addMarginTop40px {
   margin-top:40px;
}

.addMarginBottom5px {
   margin-bottom:5px;
}

.addMarginBottom10px {
   margin-bottom:10px;
}

.addMarginBottom15px {
   margin-bottom:15px;
}

.addMarginBottom20px {
   margin-bottom:20px;
}

.addMarginBottom30px {
   margin-bottom:30px;
}

.addMarginBottom40px {
   margin-bottom:40px;
}

.text8 {
   font-size: 8px!important;
}

.text9 {
   font-size: 9px!important;
}

.text10 {
   font-size: 10px!important;
}

.text11 {
   font-size: 11px!important;
}

.text12 {
   font-size: 12px!important;
}

.text13 {
   font-size: 13px!important;
}

.text14 {
   font-size: 14px!important;
}

.text15 {
   font-size: 15px!important;
}

.text16 {
   font-size: 16px!important;
}

.text17 {
   font-size: 17px!important;
}

.text18 {
   font-size: 18px!important;
}

.text19 {
   font-size: 19px!important;
}

.text20 {
   font-size: 20px!important;
}

.text21 {
   font-size: 21px;
}

.text22 {
   font-size: 22px;
}

.text23 {
   font-size: 23px;
}

.text24 {
   font-size: 24px;
}

.text25 {
   font-size: 25px;
}

.text30 {
   font-size: 30px;
}

.text40 {
   font-size: 40px;
}

.text50 {
   font-size: 50px;
}

.text60 {
   font-size: 50px;
}


.pointer {
   cursor: pointer;
}

.b-example-divider {
   width: 1.5rem;
   height: 100%;
   background-color: rgba(0, 0, 0, .1);
   border: solid rgba(0, 0, 0, .15);
   border-width: 1px 0;
   box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.bi {
   vertical-align: -.125em;
   pointer-events: none;
   fill: currentColor;
}

.container-fluid {
   padding-right: 0px;
   padding-left: 0px;
}

.pageContainer {
   position: relative;
   width: 100%;
   border: 0px solid red;
}

.sidebar {
   position: fixed;
   top: 0;
   bottom: 0;
   left: 0;
   z-index: 100;
   padding: 48px 0 0;
   box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
 }

@media (max-width: 767.98px) {
   .sidebar {
      top: 5rem;
   }
}

.sidebar-sticky {
   position: relative;
   top: 0;
   height: calc(100vh - 48px);
   padding-top: .5rem;
   overflow-x: hidden;
   overflow-y: auto;
}

.sidebar .nav-link {
   font-weight: 400;
   color: #fff;
}

.sidebar .nav-link:hover {
   font-weight: 400;
   color: #A2D268;
}


.sidebar .nav-link .feather {
   margin-right: 4px;
   color: #727272;
}

.sidebar .nav-link.active {
   color: #fff;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
   color: inherit;
}

.sidebar .nav-item {
   margin-bottom: 10px;
}

.sidebar-heading {
   font-size: .75rem;
   text-transform: uppercase;
}

/*
* Navbar
*/

.navbar-brand {
   padding-top: .75rem;
   padding-bottom: .75rem;
   font-size: 1rem;
   background-color: rgba(0, 0, 0, .25);
   box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
}

.navbar .navbar-toggler {
   top: .25rem;
   right: 1rem;
}

.navbar .form-control {
   padding: .75rem 1rem;
   border-width: 0;
   border-radius: 0;
}

.form-control-dark {
   color: #fff;
   background-color: rgba(255, 255, 255, .1);
   border-color: rgba(255, 255, 255, .1);
}

.form-control-dark:focus {
   border-color: transparent;
   box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
   background-color: #A2D268;
}

.navAdmin a {
   color: #6ca923;
}

.pageContainer {
   border: 1px solid #dee2e6;
   border-top: 0px solid #dee2e6;
   padding: 10px;
   min-height: 350px;
}

.profileDropDownMenu {
   position: absolute!important;
   right: -5px!important;
   left: unset!important;
   top: 45px;
}

.profileImageXs {
   width: 30;
   height: 30px;
   border-radius: 100px;
   margin: 0 auto;
}

.ownerTableContainer .profileImageXs {
   width: 30;
   height: 30px;
   border-radius: 100px;
   margin: 0 auto;
   display: inline-block;
   margin: 0px 2px;
}

.profileImage {
   width: 50;
   height: 50px;
   border-radius: 100px;
   margin: 0 auto;
}

.profileImageContainer {
   position: relative;
   width: 150px;
   margin: 0 auto;
}

.colorContainer {
   position: relative;
   width: 30px;
   height: 30px;
   border-radius: 100px;
}

.select2-container {
   margin-left: 0 !important;
   border: 1px solid #ced4da;
 }

 .select2-container .select2-choice {
   height: 37px;
   line-height: 34px;
   border: 1px solid #ced4da;
   background: #fff !important;
   font-size: 1rem;
   filter: none;
   line-height: 1.5;
   padding: .375rem .75rem;
   border-radius: .25rem;
   color: #212529;
   -webkit-appearance: none;
   transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
 }

 .select2-results .select2-highlighted {
    background: #a5a5a5;
 }

 .select2-container .select2-choice .select2-arrow {
   background: none;
   border: none;
   top: 2px;
   right: 5px;
 }

 .select2-container .select2-choice .select2-arrow b {
   background-position: 1px 1px;
 }

 .select2-dropdown-open .select2-choice .select2-arrow b {
   background-position: -17px 1px;
 }

 .select2-container-active .select2-choice,
 .select2-container-active .select2-choices,
 .select2-container .select2-choice:hover {
   border-color: #c2c2c2 !important;
   -webkit-box-shadow: none !important;
   -moz-box-shadow: none !important;
   box-shadow: none !important;
 }

 .select2-results {
   padding: 0;
   margin-right: 0;
 }

 .select2-search {
   padding-top: 4px;
 }

 .select2-drop,
 .select2-drop.select2-drop-above {
   border: 1px solid #aaa;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
 }

 .select2-drop.select2-drop-above.select2-drop-active {
   border-color: #aaa;
   margin-top: -5px;
 }

 .select2-drop-multi.select2-drop-above {
   margin-top: -1px !important;
 }
 .select2-container .select2-choice abbr {
   top: 9px;
 }

 .select2-container-multi .select2-choices {
   min-height: 30px;
   background: #fff;
   border: 1px solid #ccc;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   padding: 5px;
 }

 .select2-container-multi .select2-choices .select2-search-field {
    padding: 0px;
 }

 .select2-container-multi .select2-choices .select2-search-field input {
   height: 24px;
   padding-bottom: 4px;
 }

 .select2-container-multi .select2-choices .select2-search-choice {
   background: #f8f8f8;
   height: auto;
   line-height: 14px;
   margin: 2px 1px 1px 2px;
   -webkit-border-radius: 2px !important;
   -moz-border-radius: 2px !important;
   border-radius: 2px !important;
   padding: 3px 22px 3px 6px;
   border: 1px solid #aaa;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
 }

 .select2-container-multi .select2-search-choice-close {
   right: 3px;
   top: 4px;
   left: auto;
 }

 .select2-container-multi .select2-choices .select2-search-choice-focus {
   background: #e1e1e1;
 }
 
 .select2-dropdown-open.select2-drop-above .select2-choice,
 .select2-dropdown-open.select2-drop-above .select2-choices {
   background: #fff !important;
   border: 1px solid #dcdcdc;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
 }

 .select2-container .select2-choice > .select2-chosen i,
 .select2-results .select2-result-label i,
 .select2-container-multi .select2-choices .select2-search-choice i {
   margin: -1px 6px 0 0;
   height: 15px;
   vertical-align: -2px;
 }

 .form-control.select2-container {
   display: block!important;
   height: auto;
   padding: 0;
   border: none;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
 }

.pagination > li > a,
.pagination > li > span {
  color: #222;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  background-color: #e5412d;
  border-color: #e5412d;
  cursor: default;
}

div.dataTables_paginate .pagination {
   margin-top: 0;
   margin-bottom: 0;
 }

 .pagination {
   margin: 20px 0;
 }
 
 .pagination ul {
   display: inline-block;
   *display: inline;
   margin-bottom: 0;
   margin-left: 0;
   -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
           border-radius: 4px;
   *zoom: 1;
 }
 
 .pagination ul > li {
   display: inline;
 }
 
 .pagination ul > li > a,
 .pagination ul > li > span {
   float: left;
   padding: 4px 12px;
   line-height: 20px;
   text-decoration: none;
   background-color: #ffffff;
   border: 1px solid #dddddd;
   border-left-width: 0;
 }
 
 .pagination ul > li > a:hover,
 .pagination ul > .active > a,
 .pagination ul > .active > span {
   background-color: #e4e4e4;
 }
 
 .pagination ul > .disabled > span,
 .pagination ul > .disabled > a,
 .pagination ul > .disabled > a:hover {
   color: #999999;
   cursor: default;
   background-color: transparent;
 }
 
 .pagination ul > .active > a,
 .pagination ul > .active > span {
   font-weight: bold;
   cursor: default;
 }
 
 .pagination ul > li:first-child > a,
 .pagination ul > li:first-child > span {
   border-left-width: 1px;
   -webkit-border-bottom-left-radius: 4px;
           border-bottom-left-radius: 4px;
   -webkit-border-top-left-radius: 4px;
           border-top-left-radius: 4px;
   -moz-border-radius-bottomleft: 4px;
   -moz-border-radius-topleft: 4px;
 }
 
 .pagination ul > li:last-child > a,
 .pagination ul > li:last-child > span {
   -webkit-border-top-right-radius: 4px;
           border-top-right-radius: 4px;
   -webkit-border-bottom-right-radius: 4px;
           border-bottom-right-radius: 4px;
   -moz-border-radius-topright: 4px;
   -moz-border-radius-bottomright: 4px;
 }
 
 .pagination-centered {
   text-align: center;
 }
 
 .pagination-right {
   text-align: right;
 }
 
 .pagination-large ul > li > a,
 .pagination-large ul > li > span {
   padding: 11px 19px;
   font-size: 17.5px;
 }
 
 .pagination-large ul > li:first-child > a,
 .pagination-large ul > li:first-child > span {
   -webkit-border-bottom-left-radius: 6px;
           border-bottom-left-radius: 6px;
   -webkit-border-top-left-radius: 6px;
           border-top-left-radius: 6px;
   -moz-border-radius-bottomleft: 6px;
   -moz-border-radius-topleft: 6px;
 }
 
 .pagination-large ul > li:last-child > a,
 .pagination-large ul > li:last-child > span {
   -webkit-border-top-right-radius: 6px;
           border-top-right-radius: 6px;
   -webkit-border-bottom-right-radius: 6px;
           border-bottom-right-radius: 6px;
   -moz-border-radius-topright: 6px;
   -moz-border-radius-bottomright: 6px;
 }
 
 .pagination-mini ul > li:first-child > a,
 .pagination-small ul > li:first-child > a,
 .pagination-mini ul > li:first-child > span,
 .pagination-small ul > li:first-child > span {
   -webkit-border-bottom-left-radius: 3px;
           border-bottom-left-radius: 3px;
   -webkit-border-top-left-radius: 3px;
           border-top-left-radius: 3px;
   -moz-border-radius-bottomleft: 3px;
   -moz-border-radius-topleft: 3px;
 }
 
 .pagination-mini ul > li:last-child > a,
 .pagination-small ul > li:last-child > a,
 .pagination-mini ul > li:last-child > span,
 .pagination-small ul > li:last-child > span {
   -webkit-border-top-right-radius: 3px;
           border-top-right-radius: 3px;
   -webkit-border-bottom-right-radius: 3px;
           border-bottom-right-radius: 3px;
   -moz-border-radius-topright: 3px;
   -moz-border-radius-bottomright: 3px;
 }
 
 .pagination-small ul > li > a,
 .pagination-small ul > li > span {
   padding: 2px 10px;
   font-size: 11.9px;
 }
 
 .pagination-mini ul > li > a,
 .pagination-mini ul > li > span {
   padding: 0 6px;
   font-size: 10.5px;
 }

 .paginationInput {
	width: 60px!important; 
	height: 30px!important;
	border: 1px solid #dddddd!important;
	padding: 0px 8px!important;
	background: #F1F2F2!important;
	font-size: 13px;
	line-height: 30px!important;
	outline:none!important;
	text-align: center!important;
}

.paginationInput:focus {
	outline:none!important;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #3295DE!important;
}

.projectContainer {
   position: relative;
   overflow: auto;
   border: 0px solid red;
   min-height: 100%;
   margin: auto;
   width: auto;
   z-index: 3;
}

.projectMainContainer {
   position: relative;
   width: auto;
   height: auto;
   border: 0px dashed #c4c4c4;
   padding: 0px;
   margin-bottom: 70px;
}

.projectMainContainer:hover > .projectTable .projectNameContainer {
   border-left: 8px solid #212529;
}

.projectMainContainer:hover > .projectTaskListContainer .projectTaskTable .taskNameContainer {
   border-left: 7px solid #212529;
}

.projectTable {
   position: relative;
   width: 100%;
   font-size: 13px;
   color: #3a3a3a;
   table-layout: fixed;
   border-spacing: 1px;
   border-collapse: separate;
}

.projectTable th {
   margin: 0;
   padding: 6px;
   text-align: center;
   border: 0px solid #f4f4f4;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   font-weight: 500;
   background-color: #efefef;;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
}

.projectTable td {
   margin: 0;
   padding: 0;
   text-align: center;
   border: 1px solid #cecece;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   background-color: #fbfbfb;
}

.sticky-col {
   position: -webkit-sticky;
   position: sticky;
   background-color: #e2e2e2cf!important;
   z-index: 2;
   border-top-left-radius: 0px;
}

.fixed-col {
   width: 320px;
   min-width: 320px;
   max-width: 320px;
   left: 0px;
   background-color: #212529;
   text-align: left!important;
   border-top-left-radius: 0px!important;
   border-top-right-radius: 0px!important;
   border: 0px solid black!important;
}

.first-col {
   width: 320px;
}

.first-col-th {
   background-color: #ffffffcf!important;
}

.projectNameContainer {
   position: relative;
   width: 100%;
   border-left: 8px solid #0086C0;
   padding: 6px 8px;
   height: 38px;
   display: inline-flex;
   align-items: center;
   cursor: pointer;
}

.projectStatusContainer{
   position: relative;
   width: auto;
   height: 35px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 12px;
   z-index: 1;
   cursor: pointer;
}

.projectPriorityContainer{
   position: relative;
   width: auto;
   height: 35px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 15px;
}

.addProjectTaskContainer {
   position: relative;
   width: auto;
   padding: 15px 15px 20px;
   border: 1px dashed #c4c4c4;
   margin-top: 88px;
   cursor: pointer;
}

.addProjectTaskContainer:hover {
   border: 1px dashed #A2D268;
}

.addProjectTaskMainContainer {
   display: none;
}

.addedTasksContainer {
   position: relative;
   width: auto;
   margin-top: 15px;
   border: 0px solid black;
}

.projectTaskContainer {
   position: relative;
   width: 100%;
   padding: 8px 12px;
   border-radius: 4px;
   border: 1px solid #E2E3E5;
   background-color: #eeeeee;
   margin-bottom: 10px;
   line-height: 1.2;
}

.projectTaskContainer label{
   font-weight: 500;
}

.btnRemoveAddedTask:hover {
   color: #E2445C!important;
}

.projectTaskListContainer {
   position: relative;
   width: 100%;
   height: auto;
   border: 0px solid black;
   margin-top: 20px;
}

.projectTaskTable {
   position: relative;
   width: 100%;
   font-size: 13px;
   color: #3a3a3a;
   table-layout: fixed;
   border-spacing: 1px;
   border-collapse: separate;
}

.projectTaskTable th {
   margin: 0;
   padding: 6px;
   text-align: center;
   border: 0px solid #f4f4f4;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   font-weight: 500;
}

.projectTaskTable td {
   margin: 0;
   padding: 0;
   text-align: center;
   border: 1px solid #cecece;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   background-color: #fbfbfb;
}

.task-first-col {
   width: 130px;
   min-width: 130px;
   max-width: 130px;
   left: 0px;
   background-color: #fff!important;
   text-align: left!important;
   border-top-left-radius: 0px!important;
   border-top-right-radius: 0px!important;
   border: 0px solid #f4f4f4!important;
}

.task-first-col-th {
   background-color: #ffffffcf!important;
}

.taskNameContainer {
   position: relative;
   width: 100%;
   border-left: 7px solid #0086C0;
   padding: 6px 8px;
   height: 37px;
   align-items: center;
   font-size: 13px;
   font-weight: 700;
   display: inline-flex;
   background-color: #E7E7E7;
   margin-left: 30px;
   cursor: pointer;
   text-overflow: ellipsis;
}

.divSpace {
   position: relative;
   width: 30px;
   height: 30px;
   background: red;
   display: inline-block;
}

.widgetCountLabel {
   font-size: 40px;
   font-weight: 350;
}

.widgetPercentageLabel {
   font-size: 12px;
   font-weight: 500;
   padding-right: 5px;
   padding-top: 6px;
}

.projectProgressContainer {
   position: relative;
   overflow: auto;
   min-height: 250px;
   max-height: 250px;
   border: 0px solid black;
   margin-top: 15px;
}

.projectTypesContainer {
   position: relative;
   width: 230px;
   height: 250px;
   border: 0px solid black;
   margin: 15px auto 0px;
}

.taskChangeStatusCon {
   position: relative;
   display: none;
}

.projectStat {
   position: relative;
   padding: 10px;
   color: #fff;
   text-align: center;
   cursor: pointer;
}

.projectStat.active {
   border: 2px solid #3f3f3f;
}

.projectStatInprocess {
   background-color: #FDBC64;
}

.projectStatInprocess:hover {
   background-color: #f7b65b;
}


.projectStatReadyForReview {
   background-color: #359970;
}

.projectStatReadyForReview:hover {
   background-color: #2b8a62;
}

.projectStatPlanned {
   background-color: #339ECD;
}

.projectStatPlanned:hover {
   background-color: #288db8;
}

.projectStatCompleted {
   background-color: #8cbd52;
}

.projectStatCompleted:hover {
   background-color: #77a83a;
}

.projectStatOnHold {
   background-color: #FFD533;
}

.projectStatOnHold:hover {
   background-color: #e7c024;
}

.projectStatDeferred {
   background-color: #5C5C5C;
}

.projectStatDeferred:hover {
   background-color: #4b4a4a;
}

.projectStatStuck {
   background-color: #E8697D;
}

.projectStatStuck:hover {
   background-color: #db566a;
}

.taskStatusContainer{
   position: relative;
   width: auto;
   height: 35px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 12px;
   z-index: 1;
   cursor: pointer;
}

.taskStat {
   position: relative;
   padding: 10px;
   color: #fff;
   text-align: center;
   cursor: pointer;
}

.taskStat.active {
   border: 2px solid #3f3f3f;
}

.widgetMainContainer {
   position: relative;
   height: auto;
   width: 100%;
   padding: 10px;
   border: 0px solid #cecece;
   border-radius: 4px;
   background-color: #fff;
   box-shadow: 0 1px 1px 0 rgb(191 191 191 / 15%), 0 1px 10px 0 rgb(0 0 0 / 15%);
}

.welcomeWidgetMainContainerBlue {
   height: 335px;
   background-color: #EAF3FA;
   box-shadow: 0 1px 1px 0 rgb(191 191 191 / 15%), 0 1px 10px 0 rgb(0 0 0 / 15%);
}

.welcomeImage {
   position: absolute;
   width: 70%;
   right: 10;
   bottom: 10;
   border: 0px solid black;
   z-index: 1;
}

.welcomeMessageContainer {
   position: relative;
   margin-top: 10px;
   margin-left: 10px;
   z-index: 2;
}

.widgetStatusContainer {
   min-height: 60px;
   margin-bottom: 25px;
   box-shadow: 0 1px 1px 0 rgb(191 191 191 / 15%), 0 1px 10px 0 rgb(0 0 0 / 15%);
}

.widgetStatusContainer:hover {
   box-shadow: 0 1px 1px 0 rgb(191 191 191 / 15%), 0 1px 10px 0 rgb(0 0 0 / 25%);
}

.widgetTaskContainer {
   position: relative;
   width: auto;
   height: 160px;
   padding-top: 5px;
   cursor: pointer;
}

.widgetTaskContainerScroll {
   position: relative;
   border: 0px solid black;
   height: 150px;
}

.widgetTaskInsideContainer {
   position: relative;
   height: auto;
   padding: 5px 5px;
   border: 1px solid white;
   margin-top: 5px;
   border-radius: 4px;
   cursor: pointer;
}

.widgetTaskInsideContainer label {
   font-weight: 600;
}

.widgetTaskInsideContainer:hover {
   border: 1px solid rgba(138, 138, 138, 0.25);
   background-color: #f5f5f5;
}

.widgetTaskInsideNoDataContainer {
   position: relative;
   width: auto;
   font-size: 11px;
   margin-top: 15px;
   border-radius: 4px;
   color: #9b9b9b;
   text-align: center;
}

.widgetTaskTableContainer {
   position: relative;
   width: auto;
   height: 200px;
   max-height: 200px;
   margin-top: 10px;
}

.widgetBarGraphContainer {
   position: relative;
   width: auto;
   height: 200px;
   max-height: 200px;
   margin-top: 10px;
}

.chart-holder {
   position: relative;
   width: auto;
   height: 190px;
}

.tasksContainer, .candidatesContainer {
   position: relative;
   overflow: auto;
   border: 0px solid red;
   margin: auto;
   width: auto;
   z-index: 3;
}

.tasksTableContainer, .candidatesTableContainer {
   position: relative;
   width: auto;
   height: auto;
   border: 0px dashed #c4c4c4;
   padding: 0px;
   margin-bottom: 70px;
}

.tasksTable, .candidatesTable {
   position: relative;
   width: 100%;
   font-size: 13px;
   color: #3a3a3a;
   table-layout: fixed;
   border-spacing: 1px;
   border-collapse: separate;
}

.tasksTable th, .tasksTableNew th, .candidatesTable th, .candidatesTableNew th {
   margin: 0;
   padding: 6px;
   border: 0px solid #f4f4f4;
   overflow: hidden;
   text-overflow: ellipsis;
   background-color: #efefef;
   padding: 10px;
   line-height: 18px;
   font-weight: 700;
   font-size: 12px!important;
}

.tasksTable td, .tasksTableNew td, .candidatesTable td, .candidatesTableNew td {
   margin: 0;
   padding: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   padding: 10px;
   line-height: 18px;
   background-color: #ffffff;
}

.first-col-t {
   width: 50px;
}

.second-col-t {
   width: 130px;
}

.third-col-t {
   width: 180px;
}

.sticky-col-t {
   position: -webkit-sticky;
   position: sticky;
   background-color: #ededed!important;
   z-index: 2;
   border-top-left-radius: 0px;
}

.fileUploadContainer {
   position: relative;
   width: auto;
   height: auto;
   padding: 20px;
   border: 1px solid #ebebeb;
   background-color: #f0f0f0;
   border-radius: 8px;
}

.innerTable {
   overflow: hidden;
   width: 100%;
   background-color: #EDEDED;
}

.tableHeader {
   position: relative;
}

.tableBody {
   overflow: auto;
   max-height: 480px;
   background-color: #EDEDED;
}

.widgetTimekeepingContainer {
   position: relative;
   width: auto;
   height: 262px;
   max-height: 262px;
   margin-top: 10px;
}