.slideshow {
    position: absolute;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
  }
  .slideshow-image {
    position: absolute;
    width: 100%;
    height: 100%;
    background: no-repeat 50% 50%;
    background-size: cover;
    -webkit-animation-name: kenburns;
    animation-name: kenburns;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  .slideshow-image:nth-child(1) {
    -webkit-animation-name: kenburns-1;
    animation-name: kenburns-1;
    z-index: 6;
  }
  .slideshow-image:nth-child(2) {
    -webkit-animation-name: kenburns-2;
    animation-name: kenburns-2;
    z-index: 5;
  }
  .slideshow-image:nth-child(3) {
    -webkit-animation-name: kenburns-3;
    animation-name: kenburns-3;
    z-index: 4;
  }
  .slideshow-image:nth-child(4) {
    -webkit-animation-name: kenburns-4;
    animation-name: kenburns-4;
    z-index: 3;
  }
  .slideshow-image:nth-child(5) {
    -webkit-animation-name: kenburns-5;
    animation-name: kenburns-5;
    z-index: 2;
  }
  .slideshow-image:nth-child(6) {
    -webkit-animation-name: kenburns-6;
    animation-name: kenburns-6;
    z-index: 1;
  }
 
  @-webkit-keyframes 
kenburns-1 {  0% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 1.5625% {
 opacity: 1;
}
 23.4375% {
 opacity: 1;
}
 26.5625% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 98.4375% {
 opacity: 0;
 -webkit-transform: scale(1.21176);
 transform: scale(1.21176);
}
 100% {
 opacity: 1;
}
}
@keyframes 
kenburns-1 {  0% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 1.5625% {
 opacity: 1;
}
 23.4375% {
 opacity: 1;
}
 26.5625% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 98.4375% {
 opacity: 0;
 -webkit-transform: scale(1.21176);
 transform: scale(1.21176);
}
 100% {
 opacity: 1;
}
}
@-webkit-keyframes 
kenburns-2 {  23.4375% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 26.5625% {
 opacity: 1;
}
 48.4375% {
 opacity: 1;
}
 51.5625% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
}
@keyframes 
kenburns-2 {  23.4375% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 26.5625% {
 opacity: 1;
}
 48.4375% {
 opacity: 1;
}
 51.5625% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
}
@-webkit-keyframes 
kenburns-3 {  48.4375% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 51.5625% {
 opacity: 1;
}
 73.4375% {
 opacity: 1;
}
 76.5625% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
}
@keyframes 
kenburns-3 {  48.4375% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 51.5625% {
 opacity: 1;
}
 73.4375% {
 opacity: 1;
}
 76.5625% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
}
@-webkit-keyframes 
kenburns-4 {  73.4375% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 76.5625% {
 opacity: 1;
}
 98.4375% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
@keyframes 
kenburns-4 {  73.4375% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 76.5625% {
 opacity: 1;
}
 98.4375% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
@-webkit-keyframes 
kenburns-4 {  73.4375% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 76.5625% {
 opacity: 1;
}
 98.4375% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
@keyframes 
kenburns-4 {  73.4375% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 76.5625% {
 opacity: 1;
}
 98.4375% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
@-webkit-keyframes 
kenburns-4 {  73.4375% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 76.5625% {
 opacity: 1;
}
 98.4375% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
@keyframes 
kenburns-4 {  73.4375% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 76.5625% {
 opacity: 1;
}
 98.4375% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
}

.notify-ico{
    background: #fe634e;
    width: 20px;
    top: 5px;
    border-radius: 100%;
    height: 20px;
    position: absolute;
    font-size: 14px;
    right: 9px;
    color: white;
}






















/* =====================Documents area=============== */

       .folder-block-area {
                  display: grid
;
    grid-template-columns: repeat(8, 1fr);
    gap: 11px;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;

        }
        .files-block-area {
                  display: grid
;
    grid-template-columns: repeat(7, 1fr);
    gap: 11px;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
  }
        .document-file-box {
   padding: 9px;
    background-image: url('../images/pink-folder.png');
    height: 115px;
    background-size: 100% 100%;
    display: flex
;
    align-content: space-between;
    flex-direction: column;
    justify-content: end;
}
.document-area {
    margin-bottom: 29px;
    margin-top: 35px;
}
.document-area .content-area h5

 {
              font-size: 13px;
    margin-bottom: 2px;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
}
.document-area .content-area p {
       margin-bottom: 1px;
    color: #b5b5b5;
    font-size: 12px;
}
.sub-files-folder-area{
    background-color: #fff;
    border-radius: 15px;
    display: flex;
    align-content: space-between;
    flex-direction: column;
    justify-content: space-between;
        padding: 7px;
}

.folder-box img {
   border-radius: 15px;
    display: flex
;
    align-items: center;
    justify-content: center;
        height: 97px;
    width: 100%;
}
.folder-box {
       margin-bottom: 11px;
    background: #f1f1f1;
    border-radius: 17px;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.folder-box svg {
    width: 30px;
    height: 30px;
    color: #bab9b9;
}
/* h3.top-title::after {
    position: absolute;
    content: "";
   
    width: calc(100% - 117px);
    height: 1px;
    left: 103px;
    top: 23px;
    background: #e6e4e4;
} */

.document-area h3.top-title {
    font-size: 21px;
    font-weight: 600;
    padding: 5px 15px;
    position: relative;
    font-family: "Montserrat", sans-serif;
        margin-bottom: 9px;
}
.document-area button.btn.btn-sm.btn-priamry{
      background: #9b0ecb;
    width: 37px;
    height: 37px;
    margin-right: 18px;
    color: #fff;
    font-size: 30px;
    line-height: 17px;
}
.document-file-box:hover, .document-file-box.active {
   
    filter: drop-shadow(2px 4px 6px #c3d8f5bd);
}
.sub-files-folder-area .content-area {
    padding: 0px 5px 5px 5px;
}

.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.upload-btn-wrapper .btn {
   border: 2px solid #ffffff;
    color: #565353;
    background-color: #092048;
    padding: 5px 17px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 400;
    background: #ffffff;
}

.upload-btn-wrapper input[type=file] {
      font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
}
.dashboard {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
}
.dashboard-nav {
       min-width: 238px;
    position: fixed;
    overflow: auto;
    height: calc(100% - 20px);
    background-color: #ffffff;
    top: 0px;
    left: 71px;
    bottom: 0px;
    height: 100vh;
    padding-top: 50px;
}

.dashboard-compact .dashboard-nav {
    display: none;
}

.dashboard-nav header .menu-toggle {
    display: none;
    margin-right: auto;
}

.dashboard-nav a {
    color: #515151;
}

.dashboard-nav a:hover {
    text-decoration: none;
}

.dashboard-nav {
       background-color: #ffffff;
}

.dashboard-nav a {
      color: #727070;
}
.dashboard-nav-list {
   
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.dashboard-nav-item {
       padding: 16px 17px 9px 22px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 0.02em;
    transition: ease-out 0.5s;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 500;
}
.dashboard-nav-item svg {
    margin-right: 7px;
    width: 19px;
    height: 21px;
}
.dashboard-nav-item i {
    width: 36px;
    font-size: 19px;
    margin-left: -40px;
}

.dashboard-nav-item:hover {
       background: rgb(242 242 242);
    color: #671cc9;
}

/* .active {
     background: rgb(242 242 242);
    color: #671cc9;
} */

.dashboard-nav-dropdown {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.dashboard-nav-dropdown.show {
    background: rgba(255, 255, 255, 0.04);
}

.dashboard-nav-dropdown.show > .dashboard-nav-dropdown-toggle {
    font-weight: 500;
     background: rgb(242 242 242);
    color: #671cc9;
}

.dashboard-nav-dropdown.show > .dashboard-nav-dropdown-toggle:after {
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
}

.dashboard-nav-dropdown.show > .dashboard-nav-dropdown-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.dashboard-nav-dropdown-toggle:after {
    content: "";
    margin-left: auto;
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid rgba(81, 81, 81, 0.8);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.dashboard-nav .dashboard-nav-dropdown-toggle:after {
        border-top-color: rgb(103 28 201);
}

.dashboard-nav-dropdown-menu {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.dashboard-nav-dropdown-item {
   padding: 4px 13px 4px 39px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    transition: ease-out 0.5s;
    font-size: 15px;
}

.dashboard-nav-dropdown-item:hover {
    background: rgba(255, 255, 255, 0.04);
}

/* .menu-toggle {
    position: relative;
    width: 42px;
    height: 42px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #443ea2;
}

.menu-toggle:hover, .menu-toggle:active, .menu-toggle:focus {
    text-decoration: none;
    color: #875de5;
}

.menu-toggle i {
    font-size: 20px;
} */

.dashboard-toolbar {
    min-height: 84px;
    background-color: #dfdfdf;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 27px;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1000;
}

.nav-item-divider {
    height: 1px;
    margin: 1rem 0;
    overflow: hidden;
    background-color: rgba(236, 238, 239, 0.3);
}

@media (min-width: 992px) {
    .dashboard-app {
        margin-left: 238px;
    }

    .dashboard-compact .dashboard-app {
        margin-left: 0;
    }
}


@media (max-width: 768px) {
    .dashboard-content {
        padding: 15px 0px;
    }
}

@media (max-width: 992px) {
    .dashboard-nav {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 1070;
    }

    .dashboard-nav.mobile-show {
        display: block;
    }
}

@media (max-width: 992px) {
    .dashboard-nav header .menu-toggle {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (min-width: 992px) {
    .dashboard-toolbar {
        left: 238px;
    }

    .dashboard-compact .dashboard-toolbar {
        left: 0;
    }
}


.document-detail-area {
    margin-top: 41px;
}
table.table.table-file-info thead tr th {
    font-size: 16px;
    border-bottom: 0px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}
table.table.table-file-info tbody {
    border-top: 0px;
}
table.table.table-file-info tbody tr td {
    background: #fff;
    padding: 15px 10px;
    border-top: px solid #eff2f6;
    border-bottom: 10px solid #eff2f6;
}
table.table.table-file-info tbody tr td:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
table.table.table-file-info tbody tr td:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
table.table.table-file-info p {
    font-weight: 400;
    font-size: 12px;
    margin-bottom: 0px;
}
table.table.table-file-info h6 {
  margin-bottom: 1px;
    font-size: 14px;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
}
.button-group-area a {
    padding: 0px 5px;
    /* color: #000; */
}
.top-sidebar-head h5 {
    font-size: 24px;
    padding: 0px 20px;
    /* background: #f5f5f5; */
    margin-bottom: 9px;
    color: #7a7878;
    font-family: "Montserrat", sans-serif;
       font-weight: 600;
}
.documents-dropdown .dropdown-menu {
    padding: 3px;
}
.documents-dropdown a.dropdown-item {
    padding: 3px 6px;
    font-size: 13px;
}
.cross-btn-modal button.btn-close {
    position: absolute;
    right: 8px;
    top: 7px;
}
.document-search.actionbutton-tickets .form-control{
        width: 209px;
            height: 32px;
}
.favourite-icon button {
    border: 0px;
    padding: 4px;
   
    
}
.favourite-icon button svg {
    width: 14px;
    height: 13px;
}

/* =============timesheet table============== */
table.table.table-bordered.timesheet-table tbody tr td {
    background: #f8f8f8;
        font-family: "Roboto", sans-serif !important;
}
table.table.table-bordered.timesheet-table tr th h6 {
        font-size: 14px;
    margin-bottom: 0px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif !important;
}
table.table.table-bordered.timesheet-table tr th{
       border-bottom: 1px solid #ececec;
    padding: 5px 6px;
    text-align: center;
    font-family: "Roboto", sans-serif !important;
}
table.table.table-bordered.timesheet-table tr td {
     border-bottom: 1px solid #ececec; 
      padding: 5px 6px;
    text-align: center;
    font-family: "Roboto", sans-serif !important;
}
.time-show-area span svg {
    /* fill: #989699; */
    width: 14px;
    height: 14px;
}

.time-show-area {
    border: 1px solid #d9d9d9;
    background: #ffffff;
    padding: 7px 10px;
    border-radius: 6px;
    display: inline;
    color: #787676;
}
.submitted-area .btn.btn-primary {
    color: #fff;
}
.timesheet .input-group {
    display: flex;
    flex-wrap: nowrap;
}
.timesheet .input-group .input-group-text {
    background: #fff;
    padding: 0.032rem 0.35rem;
}
.timesheet .input-group input[type="text"] {
  
    width: 79px !important;
}
.tickets-summary.timesheet-card .column {
    border: 1px solid #eeeeee;
}

.tickets-summary.timesheet-card {
    grid-template-columns: 1fr 1fr 1fr;
    /* padding: 20px; */
}
.unsubmitted-time span {
    font-size: 15px;
    font-weight: 500;
    text-decoration: underline;
}
.timeclick-box span {
    font-size: 13px;
    padding: 1px 5px;
    font-weight: 500;
        white-space: nowrap;
}
.dropdownreport select.form-select {
   
    border: 1px solid #dedede;
   
    height: 38px;
}
.timebox-edit-column select {
    border: none;
    font-size: 13px;
    font-weight: 500;
}

.timebox-edit-column {
    background: #f9f9f9;
    height: 38px;
    line-height: 38px;
    padding: 0px 14px;
    border-radius: 7px;
    margin-top: 7px;
    margin-right: 8px;
    font-size: 13px;
    font-weight: 500;
}
.table.timesheet tr td:nth-child(2), .table.timesheet tr th:nth-child(2) {
    width: 305px;
}
.timesheet.table thead th:nth-child(1), .timesheet.table tbody td:nth-child(1) {
        width: 231px;
}
.timesheet-box.tickets-summary.timesheet-card{
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.timesheet.table tfoot tr td {
    font-size: 14px;
    font-weight: 600;
    color: #671cc9;
}
.timesheet.table tfoot tr th{
 letter-spacing: 0.2px;
}
.timeclick-box {
    display: flex
;
    justify-content: space-between;
    /* padding: 17px; */
    border: 1px solid #dedede;
    margin-top: 7px;
    border-radius: 6px;
}
table.timesheet {
    background: #fff;
    border-radius: 12px;
}
.submitted-area .btn-primary:hover{
  color: #fff!important;
}
.treetimesheet-table thead tr th:nth-child(1), .treetimesheet-table tbody tr td:nth-child(1) {
    width: 357px;
}
.treeapproval-table thead tr th:nth-child(1),  .treeapproval-table tbody tr td:nth-child(1){
    width:30px;
}
.timesheet.table thead th:nth-child(7), .timesheet.table tbody td:nth-child(7), .timesheet.table tfoot td:nth-child(7) {
   background: #ffd3d3cf;
    color: #040404;
}
.timesheet.table thead th:nth-child(8), .timesheet.table tbody td:nth-child(8), .timesheet.table tfoot td:nth-child(8) {
  background: #ffd3d3cf;
    color: #040404;
}
select.form-select:focus {
    box-shadow: none;
}
.timesheet-area .card {
    border-radius: 23px;
}
.rt-time-show {
    display: flex
;
}
.date-time-show {
    margin-right: 9px;
}
.date-time-show input {
    border-left: 0pc;
    height: 35px;
}
.date-time-show button {
    border-right: 0px;
}