/* Client dashboard global colors */
 :root {
     --blue: #173e8d;
     --card-text: #000;
     --card-secondary-text: #A6ACBE;
     --card-footer-text: #706f85;


     --light-green: #e9faf8;
     --light-icon-green: #27D1BA;

     --light-orange: #e9faf8;
     --light-icon-orange: #27D1BA;

     --light-yellow: #fff7e1;
     --light-icon-yellow: #ffc327;

     --light-red: #fff4f0;
     --light-icon-red: #F85B29;

     --light-blue: #efefff;
     --light-icon-blue: #605BFF;

 }

 .dashboard-tile-card {
     background-color: #FFFFFF;
     border-radius: 10px !important;
 }

 .row-divider {
     margin-bottom: 30px;
 }

 .dashboard-card {
     background-color: #FFFFFF;
     border-radius: 10px !important;
     height: 100%;
 }

 .circle {
     border-radius: 50%;
     color: #fff;
     height: 60px;
     width: 60px;
     position: relative;
 }

 .circle-icon {
     /* height: 50%; */
     width: 50%;
     left: 50%;
     position: absolute;
     stroke-width: 0;
     top: 50%;
     transform: translate(-50%, -50%);
 }

 .circle-green {
     background: var(--light-green);
 }

 .circle-icon-green {
     fill: var(--light-icon-green);
     stroke: var(--light-icon-green);
 }

 .circle-yellow {
     background: var(--light-yellow);
 }

 .circle-icon-yellow {
     fill: var(--light-icon-yellow);
     stroke: var(--light-icon-yellow);
 }

 .circle-red {
     background: var(--light-red);
 }

 .circle-due {
    background: #fff0fa;
}

 .circle-icon-red {
     fill: var(--light-icon-red);
     stroke: var(--light-icon-red);
 }

 .circle-blue {
     background: var(--light-blue);
 }

 .circle-icon-blue {
     fill: var(--light-icon-blue);
     stroke: var(--light-icon-blue);
 }

 .card-heading-primary-text {
     font-size: 16px;
     font-weight: 800;
     color: var(--card-text);
     font-weight: 800;
 }

 .card-heading-primary-text-long {
     font-size: 14px;
     font-weight: 800;
     color: var(--card-text);
     font-weight: 800;
 }

 .card-footer-primary-text {
     font-size: 14px;
     font-weight: 400;
     color: var(--card-footer-text);
 }

 .dashboard-primary-btn {
     background-image: linear-gradient(90deg, #6B9ED9 0%, #7067C5 88.71%) !important;
 }

 .dashboard-label-info {
     background-color: #7067C5;
 }

 .dashboard-label-success {
     background-color: #27D1BA;
 }

 .breadcrumb-revamp {
     color: var(--card-secondary-text);
     font-size: 14px;
     font-weight: 400;
     line-height: normal;
     letter-spacing: 0.14px;
     padding: 0px;
     margin-bottom: 0px;
     list-style: none;
 }

 .card-text-line-one {
     color: var(--card-text);
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     letter-spacing: 0.14px;
     margin-bottom: 0;
 }

 .card-text-line-two {
     color: var(--card-secondary-text);
     font-size: 11px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     letter-spacing: 0.11px;
     margin-bottom: 0;
 }

 .mail-inner-content {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
 }

 .no-results-found-title {
     color: #818094 !important;
     text-align: center;
     font-size: 20px !important;
     font-style: normal;
     font-weight: 600;
     line-height: normal;
     opacity: 0.7;
 }

 .no-results-found-sub-title {
     color: #A6ACBE !important;
     text-align: center;
     font-size: 14px !important;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
    opacity: 0.7;
 }

 .data-not-found__short-table {
     height: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .card-all-jobs a {
     display: flex;
     justify-content: start;
     align-items: center;
 }


 .dataTables_wrapper .dataTables_paginate .paginate_button.current,
 .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
     color: #7067C5 !important;
     border: 1px solid rgba(112, 107, 198, 0.08) !important;
     background: rgba(112, 107, 198, 0.08);
 }