:root {

    --themecolor: #0e1138;

    --white: #ffffff;

    --yellow: #e0a123;

    --transparent: transparent;

}



html {

    overflow-x: hidden;

    scroll-behavior: smooth;

}



body {

    font-family: 'Raleway', sans-serif;

    background: #fff;

}



a {

    outline: none;

    text-decoration: none;

}



img {

    max-width: 100%;

}





/* Fonts */



@font-face {

    font-family: 'Gilroy-Bold';

    font-style: normal;

    font-weight: normal;

    src: local('Gilroy-Bold'), url('fonts/Gilroy-Bold.woff') format('woff');

}



@font-face {

    font-family: 'Gilroy-Heavy';

    font-style: normal;

    font-weight: normal;

    src: local('Gilroy-Heavy'), url('fonts/Gilroy-Heavy.woff') format('woff');

}



@font-face {

    font-family: 'Gilroy-Light';

    font-style: normal;

    font-weight: normal;

    src: local('Gilroy-Light'), url('fonts/Gilroy-Light.woff') format('woff');

}



@font-face {

    font-family: 'Gilroy-Medium';

    font-style: normal;

    font-weight: normal;

    src: local('Gilroy-Medium'), url('fonts/Gilroy-Medium.woff') format('woff');

}



@font-face {

    font-family: 'Gilroy-Regular';

    font-style: normal;

    font-weight: normal;

    src: local('Gilroy-Regular'), url('fonts/Gilroy-Regular.woff') format('woff');

}





/* login */



section.form-main-sec {

    background: #fff;

}



.fl-col,

.fr-col {

    padding: 0 !important;

}



.fl-logo {

    margin: 0 0 80px 0;

}



h2.form-title {

    font-family: 'Calbri-Bold';

    font-size: 50px;

    line-height: 59px;

    color: #232323;

    margin: 0 0 10px 0;

}



.form-subtitle {

    font-family: 'Raleway';

    font-style: normal;

    font-weight: 400;

    font-size: 24px;

    line-height: 28px;

    color: #777777;

    margin: 0 0 50px 0;

}



.fl-col {

    display: flex;

    align-items: center;

    justify-content: center;

    max-width: 100%;

}



.fl-col .form-inner {

    max-width: 640px;

    width: 100%;

    padding: 20px 30px 30px;

}



.form-group label {

    font-family: 'Raleway', sans-serif;

    font-style: normal;

    font-weight: 600;

    font-size: 18px;

    line-height: 21px;

    color: #232323;

    margin: 0 0 10px 0;

}



.form-group input.form-control,

.form-group select.form-select {

    font-family: 'Raleway', sans-serif;

    font-style: normal;

    font-weight: 400;

    font-size: 18px;

    line-height: 21px;

    color: #232323;

    border: 2px solid #EEEEEE;

    border-radius: 10px;

    padding: 18px;

    outline: 0;

    box-shadow: none;

}



.form-group textarea {

    font-family: 'Raleway', sans-serif;

    font-style: normal;

    font-weight: 400;

    font-size: 18px;

    line-height: 21px;

    color: #232323;

    border: 2px solid #EEEEEE !important;

    border-radius: 10px;

    padding: 18px;

    outline: 0 !important;

    box-shadow: none !important;

}



.form-group {

    margin-bottom: 20px;

}



.form-group:last-child {

    margin: 50px 0 0 0;

}



.form-group input.form-control::-webkit-input-placeholder {

    /* Edge */

    font-family: 'Raleway', sans-serif;

    font-size: 18px;

    line-height: 21px;

    color: #B5B5B5;

}



.form-group input.form-control:-ms-input-placeholder {

    /* Internet Explorer 10-11 */

    font-family: 'Raleway', sans-serif;

    font-size: 18px;

    line-height: 21px;

    color: #B5B5B5;

}



.form-group input.form-control::placeholder {

    font-family: 'Raleway', sans-serif;

    font-size: 18px;

    line-height: 21px;

    color: #B5B5B5;

}



.form-group .form-check .form-check-input {

    border: 1px solid #000;

    height: 24px;

    width: 24px;

    outline: 0;

    box-shadow: unset;

    cursor: pointer;

}



.form-check .form-check-input:checked {

    background-color: #168a81;

}



.form-group label.form-check-label {

    font-weight: 400;

    font-size: 18px;

    line-height: 30px;

    color: #777777;

    padding: 0;

    margin: 0 0 0 10px;

    cursor: pointer;

}



.form-group .form-check {

    max-width: max-content;

    margin-left: auto;

    margin-bottom: 0;

}

.btn-theme-two {

    font-family: 'Raleway', sans-serif;

    font-style: normal;

    font-weight: 700;

    font-size: 18px;

    line-height: 19px;

    color: #FFFFFF;

    background: #168A81;

    border-radius: 50px;

    padding: 20px;

    border: 1px solid #168A81;

    text-align: center;
}

p.btn-theme-two {
    padding: 12px;
}



.btn-theme {

    font-family: 'Raleway', sans-serif;

    font-style: normal;

    font-weight: 700;

    font-size: 18px;

    line-height: 19px;

    color: #FFFFFF;

    background: #168A81;

    border-radius: 10px;

    padding: 20px;

    border: 1px solid #168A81;

}



a.btn-theme {

    /*padding: 12px;*/

    padding: 19px;

}



.btn-theme:hover {

    background: transparent;

    color: #168A81;

}



.btn-theme.btn-alt {

    color: #232323;

    border: 2px solid #168A81;

    background: transparent;

}



.btn-theme.btn-alt:hover {

    color: #FFFFFF;

    background: #168A81;

}



.form-inner p a {

    font-weight: 700;

    text-decoration-line: underline;

    color: #777777;

}



.form-inner p {

    text-align: left;

    margin: 50px 0 0 0;

    font-family: 'Raleway';

    font-style: normal;

    font-weight: 400;

    font-size: 20px;

    line-height: 23px;

    color: #777777;

}



.fr-col {

    min-height: 100vh;

    background: #168A81;

}



.fr-div {

    height: 100%;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 20px;

}



.btn-2col button.btn-theme {

    display: flex;

    flex: 1;

    justify-content: center;

    max-width: calc(50% - 10px);

}



.btn-2col {

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: wrap;

    margin: 30px 0 0 0 !important;

}





/* accordion */



.ul-acc button.accordion-button {

    border: 0;

    box-shadow: unset;

    background: transparent;

    font-family: 'Raleway';

    font-style: normal;

    font-weight: 600;

    font-size: 18px;

    line-height: 21px;

    color: #363B45;

    padding: 0;

}



.ul-acc .accordion-header {

    border: 0;

}



.ul-acc .accordion-item {

    border: 0;

}



.ul-acc button.accordion-button svg {

    margin-right: 15px;

    transition: 0.3s ease-in-out;

}



.ul-acc button.accordion-button.collapsed svg {

    transform: rotate(180deg);

}



.ul-acc button.accordion-button::after {

    content: unset !important;

}



.ul-acc .accordion-body {

    padding: 0;

    margin-top: 10px;

}



.ul-acc .accordion-item+.accordion-item {

    margin-top: 30px;

}



ul.acc-card {

    padding: 0;

    margin: 0;

    list-style: none;

    width: 100%;

}



ul.acc-card li .acc-card-li {

    display: inline-flex;

    width: 100%;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center;

    background: #FFFFFF;

    box-shadow: 0px 18px 50px rgba(54, 59, 69, 0.03);

    border-radius: 10px;

    padding: 20px 30px;

}



ul.acc-card li .acc-card-li .acc-card-title {

    font-family: 'Raleway';

    font-style: normal;

    font-weight: 600;

    font-size: 18px;

    line-height: 150%;

    color: #5E6778;

}



ul.acc-card li .acc-card-li .acc-card-action {}



button.action-btn {

    background: rgba(22, 138, 129, 0.1);

    border: 1px solid #168A81;

    border-radius: 8px;

    padding: 10px;

    margin-left: 10px;

}



button.action-submit.action-btn.action-btn-error {

    background: transparent;

    color: #232323;

    transition: width 0.5s, height 0.5s;

}



button.action-submit.action-btn:hover {

    background: transparent;

    color: #232323;

}



button.action-submit.action-btn.action-btn-error:hover {

    background: #168A81;

    color: #fff;

}



button.action-submit.action-btn {

    background: #168A81;

    color: #fff;

}







ul.acc-card li+li .acc-card-li {

    margin-top: 10px;

}





/* Custom fileupload */



.fileupload-wrapper {

    position: relative;

    display: block;

    border: 2px dashed #EEEEEE;

    border-radius: 10px;

    padding: 70px 0;

}



.fileupload-wrapper input[type=file] {

    position: absolute;

    left: 0;

    top: 0;

    opacity: 0;

    height: 100%;

    width: 100%;

    cursor: pointer;

}



.fileupload-wrapper .edit-img {

    position: absolute;

    top: 50%;

    right: 0;

    left: 0;

    text-align: center;

    transform: translateY(-50%);

    color: #B5B5B5;

    font-family: 'Raleway';

    font-style: normal;

    font-weight: 400;

    font-size: 18px;

    line-height: 21px;

}



.form-content-card {

    background: #F9F9F9;

    border-radius: 10px;

    padding: 20px;

}



.form-content-card p {

    margin: 10px 0 0 0;

    font-family: 'Raleway';

    font-style: normal;

    font-weight: 400;

    font-size: 18px;

    line-height: 21px;

    color: #B5B5B5;

}



.form-group label.form-check-label.form-check-a,

.form-group label.form-check-label.form-check-a a {

    font-weight: bold;

    color: #000;

}



.form-group label.form-check-label.form-check-a a {

    text-decoration: underline;

}



.form-step {

    display: none;

}



.form-step.active {

    display: block;

}



.starter-template .fr-col {

    background: #fff;

    /* align-self: center; */

}



.form-process {

    min-height: 100vh;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 20px;

    width: 100%;

}



.form-row {

    display: flex;

    max-width: 100%;

    width: 100%;

    justify-content: space-between;

    flex-wrap: wrap;

}



.form-row .form-group {

    width: 100%;

}



.form-row .form-col {

    flex: 1;

    max-width: calc(50% - 15px);

}



.form-row .form-group:last-child {

    margin: 0 0 15px 0;

}



.form-row:last-child {

    margin: 30px 0 0 0;

}



.starter-template .form-group {

    margin-bottom: 15px;

}





/* Dashboard */



header.main-header {

    /* position: fixed;

    width: 100%; */

}



header.main-header nav.navbar {

    padding: 0;

    background: #FFF;

}



header.main-header nav a.navbar-brand {

    width: 320px;

    text-align: left;

    background: #FFFFFF;

    margin-right: 0;

    padding: 20px 40px;

}



header.main-header nav a.navbar-brand .nav-logo {

    width: 100%;

    max-width: 179px;

}



header .header-right {

    min-height: 80px;

}



header .header-right ul.navbar-nav {

    align-items: center;

    padding-right: 50px;

}



.search-li input {

    min-width: 350px;

    padding: 15px 15px 15px 55px !important;

}



.search-li .form-group {

    margin: 0 20px 0 0 !important;

    position: relative;

}



.search-li .form-group .seach-icon {

    position: absolute;

    top: 50%;

    left: 25px;

    transform: translateY(-50%);

}



.user-dropdown .dropdown-toggle::after {

    display: none;

}



.user-dropdown span {

    font-family: 'Raleway';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 19px;

    color: #232323;

    margin-left: 10px;

}



.user-dropdown span svg {

    margin-left: 10px;

}



header .header-right ul.navbar-nav li.nav-item a {

    padding: 5px 10px;

    align-items: center;

    display: flex;

}



header .header-right ul.navbar-nav li.nav-item.user-dropdown {

    margin-left: 20px;

}



header .notification-icon {

    position: relative;

}



header .notification-icon span.notification-count {

    font-style: normal;

    font-weight: 700;

    font-size: 12px;

    line-height: 15px;

    color: #fff;

    background: #F14336;

    padding: 3px;

    min-width: 20px;

    text-align: center;

    position: absolute;

    top: -5px;

    right: -5px;

    border-radius: 50%;

    height: 20px;

}





/* page content */



.sidebar-main {

    display: flex;

    width: 320px;

    background: #FFFFFF;

    /* box-shadow: 0px 0px 20px rgba(1, 18, 18, 0.1); */

    position: fixed;

    top: 0;

    bottom: 0;

    left: 0;

    z-index: 1;

    padding: 120px 0 0 0;

}



main.content-wrapper {

    display: -ms-flexbox;

    display: flex;

    -ms-flex: 1;

    flex: 1;

    position: relative;

    max-width: calc(100% - 320px);

    padding: 10px 30px;

}



.page-content {

    min-height: calc(100vh - 160px);

}



.sidebar-main .sidebar-content {

    width: 100%;

    padding: 10px 40px 40px;

    overflow: auto;

}



.sidebar-main .sidebar-content ul.sidebar-menu {

    list-style: none;

    padding: 0;

    margin: 0;

    height: 100%;

    position: relative;

}



.sidebar-content ul.sidebar-menu li {

    border-radius: 10px;

    padding: 20px 10px 20px 30px;

}



.sidebar-content ul.sidebar-menu li+li {

    margin-top: 10px;

}



.sidebar-content ul.sidebar-menu li.active,

.sidebar-content ul.sidebar-menu li:hover {

    background: #168A81;

}



.sidebar-content ul.sidebar-menu li a {

    display: flex;

    align-items: center;

    color: #A4A4A4;

    font-family: 'Raleway';

    font-style: normal;

    font-weight: 700;

    font-size: 20px;

    line-height: 23px;

}



.sidebar-content ul.sidebar-menu li svg {

    margin-right: 10px;

}



.sidebar-content ul.sidebar-menu li.active a,

.sidebar-content ul.sidebar-menu li:hover a {

    color: #fff;

}



.sidebar-content ul.sidebar-menu li.active svg path,

.sidebar-content ul.sidebar-menu li:hover svg path {

    fill: #fff;

}



.sidebar-content ul.sidebar-menu li.sign-out-li.active svg path,

.sidebar-content ul.sidebar-menu li.sign-out-li:hover svg path {

    fill: #fff;

}



.sidebar-content ul.sidebar-menu li.sign-out-li {

    /* position: absolute;

    width: 100%;

    bottom: 0; */

}



.form-group-title {

    font-family: 'Raleway';

    font-style: normal;

    font-weight: 700;

    font-size: 24px;

    line-height: 28px;

    color: #232323;

    margin: 0 0 30px 0;

}



.content-wrapper .form-group:last-child {

    margin: 0 0 20px 0;

}



.btn-sm {

    min-width: 160px;

}



.page-title {

    margin: 0 0 0 30px;

    font-family: 'Raleway';

    font-style: normal;

    font-weight: 700;

    font-size: 32px;

    line-height: 38px;

    color: #232323;

}



.page-title svg {

    margin-left: 10px;

}



.theme-card {

    background: rgb(0 13 97 / 50%);

    border-radius: 20px;

    padding: 30px;

    height: 100%;

}



footer {

    display: -ms-flexbox;

    display: flex;

    -ms-flex: 1;

    flex: 1;

    position: relative;

    max-width: calc(100% - 354px);

    margin-left: auto;

    text-align: center;

    background: #031F76;

}



p.footer-copyright {

    margin: 0;

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    color: rgb(255 255 255 / 50%);

    padding: 13px;

    font-family: 'Poppins', sans-serif;

}



p.footer-copyright a {

    color: #FFFFFF;

}





/* winning table */



table.winner-table {

    width: 100%;

    vertical-align: middle;

}



table.winner-table tr td .user-rank {

    font-style: normal;

    font-weight: 700;

    font-size: 20px;

    line-height: 24px;

    color: #fff;

}



table.winner-table tr td .price-td,

.card-td {

    font-style: normal;

    font-weight: 600;

    font-size: 18px;

    line-height: 22px;

    color: #fff;

    display: flex;

    justify-content: space-between;

    background: linear-gradient(90deg, #004ABF 0%, #0037A2 100%);

    border-radius: 5px;

    padding: 10px 30px;

}



table.winner-table tr td {

    vertical-align: middle;

    margin: 0;

    padding: 0;

}



table.winner-table tr td .user-rank {

    line-height: 60px;

}



table.winner-table tr+tr td {

    padding-top: 5px;

    vertical-align: middle;

}



table.winner-table tr td .user-img {

    height: 38px;

    width: 38px;

    overflow: hidden;

    border-radius: 50%;

}



table.winner-table tr td .user-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.payment-col p {

    text-align: center;

    margin: 50px 0 30px 0;

    font-style: normal;

    font-weight: 400;

    font-size: 18px;

    line-height: 27px;

    color: #fff;

    font-family: 'Poppins', sans-serif;

}



.payment-col button.btn-theme {

    max-width: 230px;

    margin: 0 auto;

}



.payment-col {

    text-align: center;

}



.draw-timer-wrapper {

    display: flex;

    align-items: center;

    justify-content: center;

}



.winning-date,

.notification-time {

    font-style: normal;

    font-weight: 400;

    font-size: 15px;

    line-height: 18px;

}



table.past-wwinner-table tr+tr td {

    padding-top: 25px;

}



table.notification-table {

    width: 100%;

}



table.notification-table .card-td {

    padding: 30px;

    border-radius: 10px;

}



table.notification-table tr .card-td {

    margin-bottom: 20px;

    flex-wrap: wrap;

    margin-left: 0;

}



table.notification-table tr:last-child .card-td {

    margin-bottom: 0;

}



.card-td.card-td-alt {

    border: 1px solid #FFFFFF;

    background: transparent;

}



.sidebar-toggler {

    display: none;

}



.user-dropdown .h-user-img {

    height: 40px;

    width: 40px;

    overflow: hidden;

    border-radius: 50%;

}



.user-dropdown .h-user-img img {

    height: 100%;

    width: 100%;

    object-fit: cover;

}



.user-dropdown ul.dropdown-menu {

    position: absolute;

    right: 0px;

    left: unset;

    background: #FFFFFF;

    box-shadow: 0px 11px 24px rgb(0 0 0 / 6%);

    border-radius: 4px;

    border: 0;

    padding: 10px 0;

}





/* Modal */



.ft-modal .modal-dialog {

    max-width: 660px;

}



#reportpdf .modal-footer button.btn-theme {

    padding: 20px;

    line-height: 28px;

    border: 2px solid #168A81;

}



#reportpdf .modal-footer button.btn-theme svg {

    height: 25px;

}



#reportpdf .modal-footer button.btn-theme:hover svg path {

    fill: #168a81;

}



#reportpdf .modal-content,

#completejob-modal .modal-content,

.ft-modal .modal-content {

    padding: 20px 40px 40px;

}



h5.modal-title {

    width: 100%;

    font-family: 'Gilroy-Bold';

    font-size: 40px;

    line-height: 50px;

    color: #232323;

    text-align: center;

}



p.modal-sub-title,

.page-sub-title {

    width: 100%;

    font-family: 'Raleway';

    font-style: normal;

    font-weight: 400;

    font-size: 20px;

    line-height: 28px;

    color: #777777;

    text-align: center;

    margin: 10px 0 0 0;

}



#reportpdf .modal-header,

#completejob-modal .modal-header,

.ft-modal .modal-header {

    display: flex;

    flex-wrap: wrap;

    position: relative;

    border: 0;

}



#reportpdf .modal-header button.btn-close,

#completejob-modal .modal-header button.btn-close,

.ft-modal .modal-header button.btn-close {

    position: absolute;

    right: -20px;

    top: 0;

}



.timesheet-modal-card {

    padding: 20px;

    background: #F9F9F9;

    border-radius: 10px;

}



#reportpdf .modal-footer,

#completejob-modal .modal-footer,

.ft-modal .modal-footer {

    border: 0;

    padding: 20px;

}



.timesheet-modal-card h4 {

    font-family: 'Raleway';

    font-style: normal;

    font-weight: 600;

    font-size: 20px;

    line-height: 23px;

    color: #232323;

    margin: 0 0 10px 0;

}



#reportpdf .modal-body,

#completejob-modal .modal-body,

.ft-modal .modal-body {

    padding: 20px;

}



.timesheet-modal-card ul {

    padding: 0 0 0 20px;

    margin: 0;

}



.timesheet-modal-card ul li {

    font-family: 'Raleway';

    font-style: normal;

    font-weight: 400;

    font-size: 18px;

    line-height: 21px;

    color: #232323;

}



.timesheet-modal-card ul li::marker {

    font-size: 10px;

    line-height: 21px;

}



.timesheet-modal-card ul li+li {

    margin: 10px 0 0 0;

}



.profile-group {

    display: flex;

    align-items: center;

    max-width: 100%;

    margin-bottom: 50px;

    flex-wrap: wrap;

}



.p-img {

    height: 218px;

    width: 218px;

    overflow: hidden;

    margin-right: 40px;

}



.p-img img {

    height: 100%;

    width: 100%;

    object-fit: cover;

    border-radius: 50%;

}



.change-profile {

    position: relative;

}



.change-profile input[type="file"] {

    opacity: 0;

    position: absolute;

    left: 0;

    top: 0;

    opacity: 0;

    height: 100%;

    width: 100%;

    cursor: pointer;

}



.delete-profile {

    font-family: 'Raleway';

    font-style: normal;

    font-weight: 500;

    font-size: 18px;

    line-height: 21px;

    color: #232323;

    border: 2px solid #168A81;

    border-radius: 10px;

    padding: 18px 20px;

    display: flex;

    align-items: center;

    margin-top: 15px;

    max-width: 100%;

}



.delete-profile svg {

    margin-right: 10px;

}



.profile-btn-2col.btn-2col {

    margin: 0 0 20px auto !important;

    max-width: max-content;

    white-space: nowrap;

}



.profile-btn-2col button.btn-theme {

    padding: 20px !important;

    max-width: 100%;

}



.profile-btn-2col button.btn-theme+button.btn-theme {

    margin-left: 20px;

}



.icon-btn:hover svg path {

    fill: #168a81;

}



a.modal-link {

    font-family: 'Raleway';

    font-style: normal;

    font-weight: 400;

    font-size: 24px;

    line-height: 28px;

    text-align: center;

    text-decoration-line: underline;

    color: #000000;

    word-wrap: break-word;

}



.ft-modal .hasDatepicker {

    background: url(../img/uil_calender.svg);

    background-repeat: no-repeat;

    background-position: calc(100% - 15px);

}





/* Documents */



.document-list {

    display: flex;

    justify-content: flex-start;

    flex-wrap: wrap;

    max-width: 100%;

}



.document-list .doc-list-item {

    flex: 0 0 20%;

}



.document-list .doc-list-item .doc-card {

    background: #FFFFFF;

    box-shadow: 0px 24.1024px 66.9512px rgba(54, 59, 69, 0.03);

    padding: 45px;

    text-align: center;

    margin: 10px 10px;

}



.document-list .doc-list-item .doc-card .doc-title {

    font-family: 'Raleway';

    font-style: normal;

    font-weight: 600;

    font-size: 22px;

    line-height: 150%;

    color: #5E6778;

    margin: 10px 0 0 0;

}



.document-list .doc-list-item .doc-card .doc-icon {

    padding: 10px;

    height: 110px;

}



.document-list .doc-list-item .doc-card .doc-icon img {

    height: 100%;

    width: 100%;

    object-fit: contain;

}



.form-row.form-row-col3 .form-col {

    max-width: calc(33.33% - 15px);

}



.content-wrapper .form-row-col3 .form-group {

    margin: 25px 0 25px 0;

}



.sldform-row button.btn-theme {

    margin: 30px 0;

}



.hr-head {

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    margin-bottom: 80px;

}



.remaining-holiday {

    background: #FFFFFF;

    border: 1px solid #A4A4A4;

    box-shadow: 0px 18px 50px rgba(54, 59, 69, 0.03);

    border-radius: 10px;

    padding: 20px 30px;

    font-family: 'Raleway';

    font-style: normal;

    font-weight: 600;

    font-size: 18px;

    line-height: 150%;

    color: #5E6778;

}



.remaining-holiday span.holiday-count {

    display: block;

    text-align: center;

    font-family: 'Gilroy-Bold';

    font-size: 80px;

    line-height: 150%;

    color: #232323;

    margin-bottom: 10px;

}



ul.acc-card li.acc-card-head .acc-card-li {

    background: unset;

    padding: 0 30px;

    box-shadow: unset;

}



ul.acc-card li.acc-card-head .acc-card-li .hr-text {

    color: #363B45;

}



ul.acc-card li .acc-card-li .hr-text {

    font-family: 'Raleway';

    font-style: normal;

    font-weight: 600;

    font-size: 18px;

    line-height: 21px;

    color: #5E6778;

    width: 25%;

}



.hr-acc ul.acc-card li .acc-card-li {

    justify-content: flex-start;

}



.hr-waiting {

    color: #E15C5C !important;

}



.hr-approved {

    color: #70AD47 !important;

}



ul.acc-card li .acc-card-li .hr-text label,

ul.acc-card li .acc-card-li .hr-action label {

    display: none;

}



.a55-wrapper .form-row:last-child {

    margin: 0;

}





/* Table */



.table-wrapper {

    width: 100%;

    margin-top: 25px;

    overflow: auto;

}



table.theme-table {

    width: 100%;

    border-collapse: separate;

}



table.theme-table tr td,

table.theme-table tr th {

    font-family: 'Roboto';

    font-style: normal;

    font-weight: 700;

    font-size: 18px;

    line-height: 21px;

    color: #0F0E1B;

    padding: 22px;

    border: 1px solid #EAEAEB;

    border-right: 0;

    border-left: 0;

}



table.theme-table thead tr th {

    border-bottom: 0;

    padding: 34px 22px;

    white-space: nowrap;

}



table.theme-table tr td:first-child,

table.theme-table tr th:first-child {

    border-left: 1px solid #EAEAEB;

}



table.theme-table tr td:last-child,

table.theme-table tr th:last-child {

    border-right: 1px solid #EAEAEB;

}



table.theme-table thead tr th:first-child {

    border-top-left-radius: 10px;

}



table.theme-table thead tr th:last-child {

    border-top-right-radius: 10px;

}



table.theme-table tr:last-child td:last-child {

    border-bottom-right-radius: 10px;

}



table.theme-table tr:last-child td:first-child {

    border-bottom-left-radius: 10px;

}



table.theme-table tr+tr td {

    border-top: 0;

}



a.file-pdf {

    font-family: 'Roboto';

    font-style: normal;

    font-weight: 400;

    font-size: 18px;

    line-height: 20px;

    text-transform: capitalize;

    color: #242731;

    background: rgba(36, 39, 49, 0.1);

    border-radius: 22px;

    padding: 10px 22px;

    max-width: max-content;

    text-align: center;

}



#damage-assetsmodal .btn-theme {

    border: 2px solid #168A81;

}



.admin-assets table.theme-table tr td {

    font-weight: 400;

}



.edit-form-row .form-group textarea,

.edit-form-row .form-group input,

.edit-form-row .form-group select {

    font-family: 'Raleway';

    font-style: normal;

    font-weight: 600;

    font-size: 18px;

    line-height: 21px;

    color: #232323;

}



.edit-form-row .form-row:last-child {

    margin: 0;

}





/* pagination */



.pagination-wrapper {

    display: flex;

    align-items: center;

    max-width: 100%;

    margin: 50px 0 30px 0;

    flex-wrap: wrap;

}



.pagination-wrapper .item-per-page {

    margin-left: auto;

}



.pagination-wrapper ul {

    list-style: none;

    display: inline-flex;

    margin: 0;

    padding: 0;

}



.pagination-wrapper ul li a {

    padding: 15px 15px;

    font-size: 16px;

    line-height: 12px;

    display: inline-block;

    color: #fff;

    min-width: 42px;

    text-align: center;

}



.pagination-wrapper ul li i {

    line-height: 11px;

}



.pagination-wrapper .pagination-prev-next ul li,

.pagination-wrapper ul li.active {

    background: linear-gradient(90deg, #004ABF 0%, #0037A2 100%);

}



.pagination-wrapper .pagination-prev-next ul li.page-prev {

    border-right: 1px solid #fff;

}



.pagination-wrapper ul li:first-child {

    border-radius: 5px 0px 0px 5px;

}



.pagination-wrapper ul li:last-child {

    border-radius: 0px 5px 5px 0px;

}



.pagination-wrapper ul li:hover {

    background: rgb(0 13 97 / 50%);

}



.pagination-wrapper ul li {

    background: #1C3484;

}



.pagination-number {

    margin: 0 40px;

}



.pagination-wrapper .pagination-number ul li {

    margin: 0 0.5px;

}



.item-per-page {

    background: linear-gradient(90deg, #004ABF 0%, #0037A2 100%);

    border-radius: 5px;

}



.item-per-page select {

    /* background: linear-gradient(90deg, #004ABF 0%, #0037A2 100%); */

    border-radius: 5px;

    border: 0;

    color: #fff;

    font-style: normal;

    font-weight: 400;

    line-height: 20px;

    padding: 11px 38px 10px 20px;

    -moz-appearance: none;

    -webkit-appearance: none;

    appearance: none;

    background-color: transparent;

    background-image: url(../img/selectArrow.png);

    background-repeat: no-repeat;

    background-position: center;

    background-position-x: 95%;

    outline: 0;

}



.item-per-page select:before {

    content: "";

    background: red;

    height: 10px;

    width: 10px;

}

/*Lic cards*/

.lic-col-list {

    display: flex;

    flex-wrap: wrap;

    max-width: 100%;

    margin: 0 0 30px 0;

}



.lic-col-list .ll-card {

    flex: 1 0 0%;

    max-width: 12.5%;

    min-width: 12.5%;

    color: #232323;

    font-family: Raleway;

    font-style: normal;

    line-height: normal;

    text-align: center;

    margin-bottom: 0;

}



.lic-col-list .ll-card .ilc-value {

    word-wrap: break-word;

    font-size: 18PX;

    font-weight: 400;

}



.lic-col-list .ll-card .ilc-head {

    font-weight: 700;

    font-size: 20px;

    text-transform: capitalize;

    border-bottom: 0;

}



.lic-col-list .ll-card >div {

    padding: 15px;

    border: 1px solid #E5E5E5;

}



/* sld jdp */



.sld_block {

    display: block;

    float: left;

    padding: 15px;

    margin: 10px;

    border-radius: 10px;

    width: 85px;

    text-align: center;

}

.agg {

    border: #198754 1px solid;

}

.sn {

    border: #FFC107 1px solid;

}

.cbt {

    border: #DC3545 1px solid;

}

.pass_wrapper {

    position: relative;

}

.pass_wrapper a {

    position: absolute;

    right: 10px;

    top: 75%;

    transform: translateY(-70%);

    color: #168A81;

}