/*
font-family: 'Miriam Libre', sans-serif;
font-family: 'Open Sans', sans-serif;
*/
body {
    font-family: "Open Sans";
    background-color: #f5f5f5;
    margin: 0px;
    font-size: 13px;
    line-height: 22px;
    padding: 0px;
    overflow-x: hidden;
    color: #2f2f55;
}

@media (min-width: 1440px) {
    body {
        font-size: 16px;
        line-height: 24px;
    }
}

.font-miriam {
    font-family: "Miriam Libre" !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
label {
    margin-bottom: 0;
    font-weight: bold;
    font-family: "Miriam Libre";
}

p {
    margin-bottom: 0;
}

a {
    color: inherit;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.heading {
    font-size: 36px;
    line-height: 46px;
    padding: 18px 0;
    margin-bottom: 18px;
    font-family: "Ubuntu Medium";
    font-weight: 500;
    border-bottom: 6px solid #40e0d0;
    color: #ffffff;
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .heading {
        font-size: 28px;
        line-height: 36px;
        padding: 18px 0;
        margin-bottom: 18px;
    }
}

@media (min-width: 1200px) {
    .heading {
        font-size: 48px;
        line-height: 56px;
        padding: 28px 0;
        margin-bottom: 28px;
    }
}

.btn img,
.btn-link img {
    filter: invert(1) brightness(100);
}

.btn-link {
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}

.btn-link:hover {
    color: #fff;
}

.btn-link:hover img {
    filter: none;
}

.btn-outline-white {
    border-radius: 40px;
    border: 3px solid #ffffff;
    font-weight: bold;
    background-color: transparent;
    color: #ffffff;
    text-transform: uppercase;
    padding: 6px 15px;
}

@media (min-width: 992px) {
    .btn-outline-white {
        padding: 10px 30px;
    }
}

.btn-outline-white:focus,
.btn-outline-white:hover {
    border-color: #ffffff;
    background-color: #ffffff;
}

.btn-outline-white:focus img,
.btn-outline-white:hover img {
    filter: brightness(0);
}

.form-box {
    margin-bottom: 15px;
}

.form-box label {
    margin-bottom: 3px;
}

@media (min-width: 992px) {
    .form-box label {
        font-size: 14px;
    }
}

.form-box .cstm-file {
    position: relative;
    padding: 4px 4px 4px 0;
    overflow: hidden;
    background-color: #ffffff;
    border-color: #eaeaea;
    border-radius: 5px;
}

@media (min-width: 992px) {
    .form-box .cstm-file {
        padding: 9px 8px 9px 0;
    }
}

.form-box .cstm-file input[type="file"] {
    width: 100%;
    opacity: 0;
    position: relative;
    z-index: 5;
}

.form-box .cstm-file .upload-icon {
    z-index: 2;
    cursor: pointer;
    max-width: 22px;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 8px;
}

.form-box .form-select,
.form-box .form-control:not(.cstm-file) {
    padding: 0.5rem 0.35rem;
    font-size: inherit;
    background-color: #ffffff;
    border-color: #eaeaea;
    border-radius: 5px;
}

@media (min-width: 992px) {

    .form-box .form-select,
    .form-box .form-control:not(.cstm-file) {
        padding: 0.75rem 0.75rem;
    }
}

.form-box .form-select::placeholder,
.form-box .form-control:not(.cstm-file)::placeholder {
    color: inherit;
}

.form-box .input-group .form-control {
    border-right-width: 0;
}

.form-box .input-group .form-control::placeholder {
    color: inherit;
}

.form-box .input-group .input-group-text {
    /*background-color: #ffffff;*/
    border-color: #eaeaea;
}

.chevron {
    background-image: url(../images/chevron.png);
    background-size: 12px 8px;
    padding-right: 2rem !important;
}

.bg-light-primary {
    background-color: #f2ecf5 !important;
}

.btn.btn-sm {
    font-size: 12px !important;
    font-weight: bold !important;
}

.btn-group-sm>.btn,
.btn-sm {
    padding: 5px 0.5rem !important;
}

::placeholder {
    color: inherit;
}

.btn {
    font-weight: bold;
    text-transform: capitalize;
    font-family: "Miriam Libre";
    /*font-size: inherit; */
}

@media (min-width: 1366px) {
    .btn {
        line-height: 21px;
        /*padding: 14px; */
    }
}

.btn:focus {
    box-shadow: none;
}

.btn-primary {
    background-color: #8b32b8;
    border-color: #8b32b8;
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
    background-color: #7e24ab;
    border-color: #7e24ab;
}

.btn-outline-primary {
    color: #8b32b8;
    border-color: #8b32b8;
}

.btn-outline-primary:active,
.btn-outline-primary:focus,
.btn-outline-primary:hover {
    background-color: #8b32b8;
    color: #fff;
    border-color: #8b32b8;
}

.btn-secondary {
    background-color: #40e0d0;
    border-color: #40e0d0;
    color: #2f2f55;
}

.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover {
    background-color: #31dbca;
    border-color: #31dbca;
}

.link-btn {
    color: #40e0d0;
    display: block !important;
    font-weight: 500;
    margin-top: 0.5rem;
    text-transform: uppercase;
    font-size: 12px;
}

@media (min-width: 992px) {
    .link-btn {
        font-size: 15px;
    }
}

@media (min-width: 1366px) {
    .link-btn {
        font-size: 18px;
    }
}

.link-btn:hover {
    color: #40e0d0;
}

.circle-box {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: #ffffff;
    display: inline-block;
}

.main-heading {
    font-size: 20px;
    text-transform: capitalize;
    color: #8b32b8;
    font-weight: bold;
    /*
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  */
}

.main-heading small {
    font-size: 0.7em;
    color: #2f2f55;
    display: inline-block;
}

@media (min-width: 1440px) {
    .main-heading small {
        font-size: 24px;
    }
}

@media (min-width: 1366px) {
    .main-heading {
        font-size: 30px;
    }
}

@media (min-width: 1600.98px) {
    .main-heading {
        font-size: 40px;
        line-height: 53px;
    }
}

.main-heading span {
    color: #40e0d0;
}

@media (min-width: 1440px) {
    .container {
        max-width: 1360px;
    }
}

@media (min-width: 1600.98px) {
    .container {
        max-width: 1640px;
    }
}

.slick-dots {
    padding: 0;
    text-align: center;
    margin: 32px 0 0;
}

.slick-dots li {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 3px;
    border-radius: 30px;
    margin-right: 3px;
    border: 3px solid #fff;
}

.slick-dots li.slick-active {
    background: #fff;
}

.slick-dots button {
    display: none;
}

/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 56%;
    display: block;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    color: transparent;
    border: none;
    outline: none;
    background: #cbe54e;
}

.slick-prev:hover,
.slick-next:hover {
    background: #94b447;
}

.slick-prev:focus,
.slick-next:focus {
    outline: 0;
}

.slick-prev img,
.slick-next img {
    align-self: center;
}

.slick-prev[aria-disabled="true"],
.slick-next[aria-disabled="true"] {
    visibility: hidden;
    opacity: 0;
}

.slick-prev {
    left: 0;
}

.slick-prev img {
    transform: rotate(180deg);
}

.slick-next {
    right: 0;
}

.text-green {
    color: #5ba8a2 !important;
}

.logo {
    margin-bottom: 30px;
    text-align: center;
}

@media (min-width: 1440px) {
    .logo {
        margin-bottom: 52px;
    }
}

.logo img {
    max-width: 100px;
}

@media (min-width: 1600.98px) {
    .logo img {
        max-width: 170px;
    }
}

.login-wrapper {
    display: grid;
    min-height: 100vh;
    place-items: center;
    padding: 5px 1rem;
}

@media (min-width: 1440px) {
    .login-wrapper {
        padding: 25px 1rem;
    }
}

.login-wrapper .logo {
    margin-bottom: 38px;
}

@media (min-width: 1200px) {
    .login-wrapper .logo {
        margin-bottom: 10px;
    }
}

@media (min-width: 1600.98px) {
    .login-wrapper .logo {
        margin-bottom: 68px;
    }
}

.login-wrapper .logo img {
    max-width: 100px;
}

@media (min-width: 1600.98px) {
    .login-wrapper .logo img {
        max-width: 170px;
    }
}

.login-wrapper .circle-wrap {
    background-color: #2f2f55;
    padding: 1em;
    position: relative;
    width: 100%;
    min-height: 100vh;
    display: grid;
    place-items: center;
}

@media (min-width: 768px) {
    .login-wrapper .circle-wrap {
        border-radius: 100%;
        height: 700px;
        width: 700px;
        min-height: auto;
    }
}

@media (min-width: 1600.98px) {
    .login-wrapper .circle-wrap {
        height: 870px;
        width: 870px;
    }
}

.login-wrapper .form-box {
    margin-bottom: 1.25rem;
}

@media (min-width: 992px) {
    .login-wrapper .form-box {
        margin-bottom: 16px;
    }
}

@media (min-width: 1600.98px) {
    .login-wrapper .form-box {
        margin-bottom: 26px;
    }
}

.login-wrapper .form-box label {
    color: #40e0d0;
}

@media (min-width: 1600.98px) {
    .login-wrapper .form-box label {
        font-size: 1rem;
    }
}

@media (min-width: 992px) and (max-width: 1365.98px) {
    .login-wrapper .form-box .form-control {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }
}

.login-wrapper .pass-box {
    position: relative;
}

.login-wrapper .pass-box span {
    background-color: transparent;
    border: 0;
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

@media (min-width: 576px) {
    .login-wrapper .pass-box span {
        transform: translateX(100%);
        color: #ffffff;
    }
}

@media (min-width: 1440px) {
    .login-wrapper .pass-box span {
        font-size: 16px;
        padding-left: 23px;
    }
}

.login-wrapper .forgot-pass {
    margin-top: 10px;
    text-align: center;
}

.login-wrapper .forgot-pass a {
    color: #ffffff;
}

.login-wrapper .captcha {
    margin-top: 30px;
}

@media (min-width: 1600.98px) {
    .login-wrapper .captcha {
        margin-top: 50px;
    }
}

.w-230 {
    width: 230px;
    padding-left: 0;
    padding-right: 0;
}

.w-200 {
    width: 200px;
    display: block;
    margin: 0 auto;
}

.profile-wrapper,
.oraganisation-wrapper,
.register-wrapper {
    padding: 40px 1rem;
}

@media (min-width: 992px) {

    .profile-wrapper,
    .oraganisation-wrapper,
    .register-wrapper {
        padding: 40px 1rem;
    }
}

.profile-wrapper .title,
.oraganisation-wrapper .title,
.register-wrapper .title {
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 16px;
    color: #40e0d0;
    font-weight: bold;
}

.profile-wrapper .subtitle,
.oraganisation-wrapper .subtitle,
.register-wrapper .subtitle {
    font-weight: bold;
    color: #8b32b8;
    margin-bottom: 20px;
}

.text-primary {
    color: #8b32b8 !important;
}

.register-wrapper {
    display: grid;
    place-items: center;
}

.register-wrapper .text-content {
    margin-bottom: 30px;
}

.register-wrapper .text-content p {
    margin-bottom: 17px;
}

.register-wrapper .text-content p a {
    display: block;
    color: #8b32b8;
}

.register-wrapper .btn {
    margin-top: 24px;
}

/*
.modal .modal-content {
  border: 0;
  background: transparent;
}
*/

.tt-initial {
    text-transform: initial !important;
}

.modal .inner-wrap,
.oraganisation-wrapper .inner-wrap {
    position: relative;
    background-color: #2f2f55;
    padding-top: 57px;
    padding-bottom: 30px;
    border-radius: 0.7rem;
}

.modal .title,
.oraganisation-wrapper .title {
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 16px;
    color: #40e0d0;
    font-weight: bold;
}

.modal .text-content,
.oraganisation-wrapper .text-content {
    margin-bottom: 41px;
}

/*.modal label,
.modal p,*/
.oraganisation-wrapper label,
.oraganisation-wrapper p {
    color: #ffffff;
}

.modal .remove-form,
.oraganisation-wrapper .remove-form {
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
}

.profile-wrapper .form-steps {
    margin-bottom: 46px;
}

@media (min-width: 992px) {
    .profile-wrapper .form-steps {
        margin-bottom: 76px;
    }
}

.profile-wrapper .form-steps ul {
    counter-reset: step;
    display: flex;
    margin: 0;
    padding: 0;
}

.profile-wrapper .form-steps ul li {
    list-style-type: none;
    width: 33.33%;
    position: relative;
    text-align: center;
    color: #2f2f55;
}

.profile-wrapper .form-steps ul li p {
    margin-bottom: 0;
    margin-top: 14px;
    font-size: 12.5px;
    line-height: 18px;
}

@media (min-width: 576px) {
    .profile-wrapper .form-steps ul li p {
        font-size: inherit;
    }
}

.profile-wrapper .form-steps ul li:before {
    width: 40px;
    height: 40px;
    content: "";
    line-height: 40px;
    border: 1px solid #8b32b8;
    display: block;
    text-align: center;
    color: #8b32b8;
    font-weight: bold;
    margin: 0 auto 0 auto;
    border-radius: 50%;
    font-size: 20px;
    position: relative;
    z-index: 2;
    background-color: #fff;
}

.profile-wrapper .form-steps ul li:after {
    width: 100%;
    height: 6px;
    content: "";
    position: absolute;
    background-color: #fff;
    top: 17px;
    border: 1px solid #eaeaea;
    left: -50%;
    z-index: 0;
}

.profile-wrapper .form-steps ul li:first-child:after {
    content: none;
}

.profile-wrapper .form-steps ul li:before {
    content: counter(step);
    counter-increment: step;
}

.profile-wrapper .form-steps ul li.active {
    font-weight: bold;
}

.profile-wrapper .form-steps ul li.active:before {
    border-color: #8b32b8;
    background: #8b32b8;
    color: #ffffff;
}

.profile-wrapper .form-steps ul li.active:after {
    background-color: #8b32b8;
}

.profile-wrapper .title {
    color: #8b32b8;
}

.profile-wrapper p {
    margin-bottom: 17px;
}

@media (max-width: 359.98px) {
    .profile-wrapper p .break-text {
        word-break: break-all;
    }
}

.profile-wrapper .text-content {
    margin-bottom: 48px;
}

.profile-wrapper .organisation,
.profile-wrapper .profile {
    margin-bottom: 30px;
}

.profile-wrapper .password-set {
    margin-bottom: 37px;
}

.profile-wrapper .password-set p {
    margin-bottom: 21px;
}

.profile-wrapper .btn-next {
    width: 120px;
    margin: 20px auto;
}

@media (min-width: 768px) {
    .profile-wrapper .btn-next {
        width: 140px;
        display: block;
    }
}

.navbar {
    padding: 10px 1em;
    background-color: #2f2f55;
}

@media (min-width: 768px) {
    .navbar {
        background-color: transparent;
        padding-top: 20px;
        padding-bottom: 0;
    }
}

.navbar .notif-btn {
    min-width: 40px;
    position: relative;
    justify-content: space-between;
}

@media (min-width: 768px) {
    .navbar .notif-btn {
        display: flex;
        padding-left: 20px;
        padding-right: 15px;
    }
}

.navbar .notif-btn>span {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
}

@media (min-width: 768px) {
    .navbar .notif-btn>span span {
        margin-right: 20px;
    }
}

@media (min-width: 1366px) {
    .navbar .notif-btn {
        width: 338px;
    }
}

.navbar .notif-btn .badge {
    width: 26px;
    height: 26px;
    font-size: 16px;
    font-weight: bold;
    background-color: #2f2f55;
}

@media (max-width: 767.98px) {
    .navbar .notif-btn .badge {
        position: absolute;
        top: -10px;
        right: -10px;
    }
}

.navbar .navbar-toggler:focus {
    opacity: 0.5;
    box-shadow: none;
}

.navbar-brand {
    padding: 0;
    text-align: center;
}

.navbar-brand img {
    max-width: 50px;
}

@media (min-width: 768px) {
    .navbar-brand img {
        max-width: 80px;
    }
}

@media (min-width: 1200px) {
    .navbar-brand img {
        max-width: 80px;
    }
}

@media (min-width: 1600.98px) {
    .navbar-brand img {
        max-width: 140px;
    }
}

/*
 * Sidebar
 */
.sidebar {
    position: fixed;
    background-color: #2f2f55;
    top: 0;
    /* rtl:raw:
  right: 0;
  */
    bottom: 0;
    /* rtl:remove */
    left: 0;
    z-index: 100;
    /* Behind the navbar */
    padding: 50px 0 0;
    /* Height of navbar */
}

.default-page {
    width: 100%;
}

@media (min-width: 768px) {
    .sidebar {
        width: 215px;
    }

    .default-page {
        margin-left: 215px !important;
        width: calc(100% - 215px);
    }
}

.dash-body {
    padding-bottom: 2em;
}

@media (min-width: 768px) {
    .dash-body {
        width: calc(100vw - 215px);
        margin-left: 215px;
    }
}

@media (min-width: 992px) {
    .sidebar {
        width: 265px;
    }

    .default-page {
        margin-left: 265px !important;
        width: calc(100% - 265px);
    }

    .dash-body {
        width: calc(100vw - 265px);
        margin-left: 265px;
    }
}

@media (max-width: 767.98px) {
    .sidebar {
        top: 70px;
        padding: 0 0;
    }
}



.sidebar-sticky {
    position: relative;
    top: 0;
    height: calc(100vh - 70px);

    overflow-x: hidden;
    overflow-y: auto;
    /* Scrollable contents if viewport is shorter than content. */
}

@media (min-width: 768px) {
    .sidebar-sticky {
        height: calc(100vh - 154px);
    }
}

@media (min-width: 1600px) {
    .sidebar-sticky {
        height: calc(100vh - 214px);
    }
}


.sidebar-sticky .navbar-brand {
    margin-bottom: 37px;
}

.sidebar-sticky .nav li {
    font-size: inherit;
    padding: 8px 20px;
}

@media (min-width: 992px) {
    .sidebar-sticky .nav li {
        padding: 8px 34px;
    }
}

@media (min-width: 1600.98px) {
    .sidebar-sticky .nav li {
        padding: 15px 40px;
    }
}

.sidebar-sticky .nav li a {
    line-height: 24px;
    font-family: "Miriam Libre";
    font-weight: 400;
    padding: 3px 0;
    display: flex;
    align-items: center;
    color: #ffffff;
    border-bottom: 2px solid transparent;
}

@media (min-width: 1366px) {
    .sidebar-sticky .nav li a {
        padding: 8px 0;
    }
}

.sidebar-sticky .nav li a>span {
    min-width: 30px;
    margin-right: 14px;
    display: block;
}

@media (min-width: 992px) {
    .sidebar-sticky .nav li a>span {
        margin-right: 20px;
    }
}

.sidebar-sticky .nav li a.active {
    border-color: #40e0d0;
}

.navbar-nav .dropdown-menu.notif-dropdown {
    padding: 10px;
    min-width: 295px;
    right: 0;
    position: absolute;
    background-color: #f2ecf5;
    border-radius: 10px;
    border: 0;
    top: calc(100% + 15px);
}

@media (min-width: 576px) {
    .navbar-nav .dropdown-menu.notif-dropdown {
        min-width: 338px;
    }
}

.navbar-nav .dropdown-menu.notif-dropdown:before {
    content: "";
    width: 20px;
    height: 20px;
    border-width: 10px;
    border-color: #f2ecf5 transparent transparent #f2ecf5;
    border-style: solid;
    transform: rotate(45deg);
    position: absolute;
    top: -10px;
    right: 12px;
}

@media (min-width: 768px) {
    .navbar-nav .dropdown-menu.notif-dropdown:before {
        right: 33%;
    }
}

@media (min-width: 1440px) {
    .navbar-nav .dropdown-menu.notif-dropdown:before {
        right: 50%;
    }
}

.navbar-nav .dropdown-menu.notif-dropdown ul {
    margin: 0;
    padding: 0;
}

.navbar-nav .dropdown-menu.notif-dropdown ul li {
    list-style-type: none;
    padding: 10px;
    font-size: 12px;
}

@media (min-width: 1440px) {
    .navbar-nav .dropdown-menu.notif-dropdown ul li {
        font-size: 14px;
        line-height: 20px;
    }
}

.navbar-nav .dropdown-menu.notif-dropdown ul li P {
    margin-bottom: 5px;
}

@media (min-width: 1440px) {
    .navbar-nav .dropdown-menu.notif-dropdown ul li P {
        margin-bottom: 10px;
    }
}

.navbar-nav .dropdown-menu.notif-dropdown ul li P a {
    text-decoration: none;
    color: inherit;
}

.navbar-nav .dropdown-menu.notif-dropdown ul li .date {
    font-weight: 600;
}

.navbar-nav .dropdown-menu.notif-dropdown ul li .cta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 10px;
}

@media (min-width: 1440px) {
    .navbar-nav .dropdown-menu.notif-dropdown ul li .cta {
        font-size: 12px;
    }
}

.navbar-nav .dropdown-menu.notif-dropdown ul li .cta a {
    color: #8b32b8;
}

.navbar-nav .dropdown-menu.notif-dropdown .btn-box {
    padding: 16px 0;
    text-align: center;
}

.navbar-nav .dropdown-menu.notif-dropdown .btn-box .btn {
    margin: auto;
}

.w-160 {
    width: 164px;
    justify-content: center;
}

/*
.table-responsive .table {
    min-width: 600px;
}
*/
.table-responsive::-webkit-scrollbar {
    height: 4px;
}

.table-responsive::-webkit-scrollbar-track {
    height: 6px;
}

.table-responsive::-webkit-scrollbar-thumb {
    height: 4px;
}

.cstm-scrollbar {
    overflow-y: auto;
    padding-right: 6px;
}

.cstm-scrollbar::-webkit-scrollbar {
    width: 4px;
}

.cstm-scrollbar::-webkit-scrollbar-track {
    width: 6px;
    border-radius: 1rem;
    background: #fff;
    outline: 1px solid #f2f2f2;
}

.cstm-scrollbar::-webkit-scrollbar-thumb {
    width: 4px;
    background-color: #8b32b8;
    outline: 0 solid #cfcfcf;
    border-radius: 1rem;
}

.main-heading {
    padding-bottom: 40px;
    padding-top: 47px;
}

@media (min-width: 1440px) {
    .main-heading {
        padding-top: 67px;
        padding-bottom: 60px;
    }
}

.card {
    /*padding: 15px;*/
    margin-bottom: 24px;
    border-radius: 10px;
    /*border: 0;*/
}

@media (min-width: 1200px) {
    .dash-body .card {
        /*padding: 30px;*/
    }
}

.dash-body,
.case-section .card h5 {
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
    color: #8b32b8;
}

.card .list-height {
    margin-top: 10px;
    margin-bottom: 15px;
    height: 150px;
}

.list-height {
    margin-top: 10px;
    margin-bottom: 15px;
    height: 150px;
}

.list-height ul.cstm-list li {
    padding-left: 1.5em;
}

.list-height ul.cstm-list li:before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #8b32b8;
    margin-top: -5px;
    position: absolute;
    top: 17px;
    left: 0;
}

ul.cstm-list {
    padding: 0;
    margin: 0;
}

ul.cstm-list li {
    display: flex;
    font-size: inherit;
    flex-wrap: wrap;
    line-height: 35px;
    list-style-type: none;
    position: relative;
    justify-content: space-between;
}

ul.cstm-list li small {
    font-size: 14px;
}

.btn-icon {
    display: inline-flex;
    align-items: center;
}

.search-user {
    margin-bottom: 20px;
}

@media (min-width: 1200px) {
    .search-user {
        margin-bottom: 50px;
    }
}

.user-list-height {
    height: 330px;
    margin: 15px 0 0;
}

.exampleDT th {
    border: 0;
    padding-right: 1rem;
    background-image: url(../images/sort.png);
    background-repeat: no-repeat;
    background-size: 10px 12px;
    background-position: right 0rem center;
}

.exampleDT th::before,
.exampleDT th::after {
    display: none !important;
}

.exampleDT th.noarow {
    background-image: none;
}

/*
.table th {
    border: 0;
}
.table td,
.table th {
    border-color: #eaeaea;
    line-height: 35px;
    padding: 10px;
}
*/

.w-60 {
    width: 60px;
    border-radius: 30px;
}

.btn-audit {
    width: 112px;
    border-radius: 30px;
}

.progress-report {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.progress-report .progress {
    margin: 10px 0;
    border-radius: 30px;
    background-color: white;
}

.progress-report .progress .progress-bar {
    background-color: #8bd3ac;
}

.progress-report>div {
    float: left;
}

.help-info {
    margin-bottom: 53px;
}

.help-info p {
    margin-bottom: 17px;
}

@media (max-width: 359.98px) {
    .help-info p .break-text {
        word-break: break-all;
    }
}

.help-info p a {
    color: inherit;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

.help-info p a span {
    margin-right: 18px;
}

.videos-help h5 {
    margin-bottom: 44px;
}

.video-holder {
    margin-bottom: 44px;
}

.video-holder img {
    margin-bottom: 7px;
}

.video-holder p {
    font-size: 12px;
}

.video-holder p.time {
    font-weight: bold;
}

.case-section .main-heading {
    padding-bottom: 40px;
    padding-top: 47px;
}

@media (min-width: 1440px) {
    .case-section .main-heading {
        padding-top: 67px;
        padding-bottom: 15px;
    }
}

.case-section .back-btn {
    font-family: "Miriam Libre";
    font-size: 14px;
    margin-bottom: 46px;
}

.case-section .back-btn a {
    color: inherit;
}

.case-section .back-btn .btn {
    color: #fff;
}

.case-section h6 {
    margin-bottom: 10px;
    font-weight: bold;
    color: #8b32b8;
}

/*
.case-section .measure {
  margin-bottom: 34px;
}
*/
.case-section .evidence ul {
    padding-left: 1rem;
}

@media (min-width: 768px) {
    .case-section .evidence ul {
        margin-bottom: 35px;
    }
}

.case-section .evidence li,
.case-section .evidence p {
    line-height: inherit;
}

.case-section .evidence textarea {
    border-color: #eaeaea;
}

.case-section .evidence textarea::placeholder {
    color: inherit;
}

.case-section .evidence-box label {
    float: left;
}

.case-section .evidence-box .box-area {
    position: relative;
}

@media (min-width: 576px) {
    .case-section .evidence-box .box-area {
        float: left;
        margin-left: 20px;
        width: calc(100% - 100px);
    }
}

.case-section .evidence-box .box-area input {
    opacity: 0;
    position: absolute;
    z-index: 0;
}

.case-section .evidence-box .box-area input+label {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.case-section .evidence-box .box-area input+label:hover span {
    filter: brightness(100);
}

.case-section .add-evidence-block {
    display: inline-block;
    padding: 10px 0 15px;
    width: 100%;
    text-align: right;
}

.case-section .ratings-color .checks {
    display: flex;
    flex-wrap: wrap;
}

.case-section .ratings-color .checks .form-check {
    margin-right: 20px;
}

@media (min-width: 576px) {
    .case-section .ratings-color .checks .form-check {
        margin-right: 50px;
    }
}

.case-section .ratings-color .checks .form-check .form-check-input {
    width: 20px;
    height: 20px;
    border-color: #eaeaea;
    border-radius: 5px;
}

.case-section .ratings-color .checks .form-check .form-check-input:checked {
    background-color: #8b32b8;
    border-color: #8b32b8;
}

.case-section .ratings-color .checks .form-check .form-check-label {
    font-weight: 400;
    line-height: 24px;
    padding-left: 5px;
    text-transform: capitalize;
}

.case-section .addres-gaps>label,
.case-section .ratings-color>label {
    margin-bottom: 10px;
}

.case-section .addres-gaps label,
.case-section .ratings-color label {
    font-size: 14px;
}

.case-section .addres-gaps {
    padding-top: 30px;
}

.case-section .btn-action {
    text-align: center;
    padding-top: 45px;
    padding-bottom: 15px;
}

.case-section .btn-action .btn {
    margin: 15px 12px;
}

.comment h5,
.revisions h5 {
    margin-bottom: 20px;
    font-size: 18px;
}

.comment ul,
.revisions ul {
    margin: 0;
    padding: 0;
}

.comment ul li,
.revisions ul li {
    list-style-type: none;
}

.revisions ul li {
    line-height: 35px;
}

.comment {
    margin-top: 30px;
}

.comment li {
    margin-bottom: 8px;
}

@media (min-width: 1600.98px) {
    .comment li {
        max-width: 278;
        display: inline-block;
    }
}

.comment li:last-child {
    margin-bottom: 0;
}

@media (min-width: 1366px) {

    .comment .cmt-text,
    .comment p {
        line-height: 26px;
    }
}

.comment .adinfo {
    display: flex;
    justify-content: space-between;
}

.comment .tagged {
    display: flex;
}

.comment .tagged span {
    margin-top: 8px;
    display: inline-block;
}

.comment .tagged,
.comment .date {
    font-size: 10px;
    font-weight: bold;
}

@media (min-width: 1440px) {

    .comment .tagged,
    .comment .date {
        font-size: 12px;
    }
}

.add-comment .ttl-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.add-comment .ttl-block h5 {
    font-size: 18px;
}

.add-comment textarea {
    resize: none;
}

.add-comment .tox-tinymce {
    border: 0;
    box-shadow: none;
}

.add-comment .tox-tinymce .tox:not(.tox-tinymce-inline) .tox-editor-header {
    box-shadow: none !important;
    border: 0;
    padding: 0;
}

.add-comment .tox-tinymce .tox-sidebar-wrap {
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid #eaeaea;
}

.add-comment .tox-tinymce .tox-statusbar__text-container {
    display: none;
}

.add-comment .btn-box {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

.add-comment .btn-box .btn {
    width: 80px;
    margin: 0 5px;
    border-radius: 15px;
}

@media (min-width: 1366px) and (max-width: 1600px) {
    .left-col {
        flex: 0 0 auto;
        width: 60%;
    }

    .right-col {
        flex: 0 0 auto;
        width: 40%;
    }
}

.remove-row-wicon {
    position: relative;
    margin-bottom: 1rem;
}

.remove-row-wicon .remove-doc-icon {
    z-index: 2;
    cursor: pointer;
    max-width: 10px;
    position: absolute;
    top: 0;
    right: -10px;
    transform: translateY(-100%);
}

@media (min-width: 768px) {
    .remove-row-wicon .remove-doc-icon {
        max-width: 13px;
        position: absolute;
        top: 50%;
        right: -30px;
    }
}

.version-history {
    margin-top: 30px;
}

.version-history h5 {
    margin-bottom: 10px;
}

.version-history .cstm-list li {
    padding: 10px 0;
}

.version-history .cstm-list li strong {
    color: #8b32b8;
    margin-right: 0.5rem;
}

.version-history .cstm-list li .btn {
    border-radius: 20px;
    width: 60px;
    margin-left: 22px;
}

.btn-date-range {
    width: 200px;
    text-align: left;
    padding-left: 15px !important;
    background-image: url(../images/calendar4-range.png);
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: center right 15px;
}

.check-audits {
    margin-bottom: 43px;
}

@media (min-width: 1200px) {
    .check-audits h6 {
        font-size: 20px;
    }
}

@media (min-width: 1440px) {
    .check-audits .form-box {
        padding-left: 40px;
    }
}

.report-color-block {
    margin: 20px 0;
}

@media (min-width: 1440px) {
    .report-color-block {
        margin-bottom: 27px;
    }
}

@media (min-width: 1440px) {
    .report-color-block .row {
        margin-left: -40px;
        margin-right: -40px;
    }
}

.report-color-block .color-block {
    text-align: center;
}

@media (min-width: 1440px) {
    .report-color-block .color-block {
        padding: 0 40px;
    }
}

.report-color-block .color-block .color-name {
    text-transform: capitalize;
    margin-bottom: 19px;
    position: relative;
}

@media (min-width: 1440px) {
    .report-color-block .color-block .color-name {
        font-size: 24px;
        line-height: 31px;
    }
}

.report-color-block .color-block .color-name:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    border-radius: 100%;
    width: 20px;
    height: 20px;
}

@media (min-width: 1440px) {
    .report-color-block .color-block .color-name:before {
        width: 30px;
        height: 30px;
    }
}

@media (min-width: 1440px) {
    .report-color-block .color-block .percentile {
        font-size: 40px;
        line-height: 53px;
    }
}

.report-color-block .red:before {
    background-color: #e26060;
}

.report-color-block .amber:before {
    background-color: #ffb240;
}

.report-color-block .green:before {
    background-color: #40e0d0;
}

.create-repot {
    margin-bottom: 25px;
}

@media (min-width: 1200px) {
    .create-repot .col-xl-3 {
        width: 30% !important;
    }

    .create-repot .col-xl-6 {
        width: 40% !important;
    }
}

.report-btn-action {
    padding-bottom: 10vh;
}

.report-btn-action .btn {
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
}

@media (min-width: 1200px) {
    .report-btn-action .btn {
        margin-left: 24px;
    }
}

@media (min-width: 1600.98px) {
    .all-notif .main-heading {
        padding-bottom: 110px;
    }
}

.all-notif .notif-list {
    margin: 0;
    padding: 0;
}

.all-notif .notif-list li {
    padding: 14px 20px 14px 2.5rem;
    position: relative;
    border-radius: 5px;
    margin-bottom: 10px;
    border: 1px solid #eaeaea;
    background-color: #ffffff;
}

.all-notif .notif-list li:before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #e26060;
    position: absolute;
    top: 20px;
    left: 1rem;
}

@media (min-width: 1200px) {
    .all-notif .notif-list li {
        justify-content: space-between;
        display: flex;
        flex-wrap: wrap;
    }
}

.all-notif .notif-list li .text {
    font-size: 14px;
    line-height: 20px;
}

@media (min-width: 1440px) {
    .all-notif .notif-list li .text {
        max-width: 60%;
        font-size: 14px;
        line-height: 20px;
    }
}

.all-notif .notif-list li .cta-info {
    display: flex;
    justify-content: space-between;
}

.all-notif .notif-list li .cta-info a {
    text-decoration: underline;
    color: #8b32b8;
}

.all-notif .notif-list li .cta-info a,
.all-notif .notif-list li .cta-info span {
    font-size: 12px;
    line-height: 24px;
}

.all-notif .notif-list li .cta-info .date {
    font-weight: bold;
    margin-right: 15px;
}

.si-remove-bordered,
.si-play-fill,
.si-users,
.si-oragnisation,
.si-plus,
.si-dashboard,
.si-info-green,
.si-user-profile,
.si-email,
.si-audit,
.si-chat,
.si-notification,
.si-phone,
.si-docs,
.si-info-violet,
.si-search,
.si-tag,
.si-sort,
.si-paperclip {
    vertical-align: middle;
    display: inline-block;
    background: url("../images/icons-sprite.png") no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
    transform: scale(0.8);
}

.si-remove-bordered {
    background-image: none;
    width: 40px;
    height: 40px;
}

.si-play-fill {
    background-position: -5px -45px;
    width: 30px;
    height: 33px;
}

.si-users {
    background-position: -5px -83px;
    width: 30px;
    height: 22px;
}

.si-oragnisation {
    background-position: -5px -110px;
    width: 28px;
    height: 25px;
}

.plus-isvg {
    width: 25px;
    height: 25px;
}

.si-plus {
    background-position: -5px -140px;
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.si-dashboard {
    background-position: -5px -170px;
    width: 24px;
    height: 24px;
}

.si-info-green {
    background-position: -5px -199px;
    width: 24px;
    height: 24px;
}

.si-user-profile {
    background-position: -5px -228px;
    width: 24px;
    height: 24px;
}

.si-email {
    background-position: -5px -257px;
    width: 21px;
    height: 16px;
}

.si-audit {
    background-position: -5px -278px;
    width: 20px;
    height: 25px;
}

.si-chat {
    background-position: -5px -308px;
    width: 20px;
    height: 20px;
}

.si-notification {
    background-position: -5px -333px;
    width: 20px;
    height: 23px;
}

.si-phone {
    background-position: -5px -361px;
    width: 20px;
    height: 20px;
}

.si-docs {
    background-position: -5px -386px;
    width: 19px;
    height: 24px;
}

.si-info-violet {
    background-position: -5px -415px;
    width: 18px;
    height: 18px;
}

.si-search {
    background-position: -5px -438px;
    width: 16px;
    height: 16px;
}

.si-tag {
    background-position: -26px -438px;
    width: 15px;
    height: 14px;
}

.si-sort {
    background-position: -30px -278px;
    width: 10px;
    height: 12px;
}

.si-paperclip {
    background-position: -31px -257px;
    width: 7px;
    height: 15px;
}

.table.dataTable>thead,
.cstm-scrollbar table.table thead {
    vertical-align: top;
    position: sticky;
    top: 0;
    background: #fff;
}

.eye-slash-fill {
    background-image: url(../images/eye-slash-fill.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

span.eye-fill {
    position: relative;
    width: 20px;
    height: 20px;
    text-align: left;
}

span.eye-slash-fill {
    position: relative;
    width: 20px;
    height: 20px;
    text-align: left;
}

.eye-fill {
    background-image: url(../images/eye-fill.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

span#basic-addon2 {
    background: #2f2f55;
}

span.basic-addon2 {
    background: #2f2f55;
}

.remember-me {
    margin-top: 10px;
}

.text-red {
    color: red;
    font-weight: bold;
}

.btn-xs {
    padding: 0.125rem 0.25rem;
    font-size: 0.75rem;
    line-height: 1.5;
    border-radius: 0.15rem;
}

.card h5 {
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
    color: #8b32b8;
}

.element-spacer {
    margin-bottom: 20px;
}

.show-password {
    display: none;
    margin-right: -8px;
}

@media screen and (min-width: 576px) {
    .show-password {
        display: block;
    }
}

.cstm-scrollbar-x {
    overflow-x: auto;
    padding-bottom: 6px;
}

.cstm-scrollbar-x::-webkit-scrollbar {
    height: 4px;
}

.cstm-scrollbar-x::-webkit-scrollbar-track {
    height: 6px;
    border-radius: 1rem;
    background: #fff;
    outline: 1px solid #f2f2f2;
}

.cstm-scrollbar-x::-webkit-scrollbar-thumb {
    height: 4px;
    background-color: #8b32b8;
    outline: 0 solid #cfcfcf;
    border-radius: 1rem;
}

.icon-clear {
    text-decoration: none;
}

thead tr td {
    border-bottom: none;
}

.sort-contain {
    font-weight: bold;
    font-family: "Miriam Libre";
    display: flex;
    align-items: center;
}

.sort-contain>span {
    display: inline-flex;
    flex-direction: column;
    margin-left: 10px;
}

.sort-contain>span>a {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1rem;
    height: 10px;
    width: 10px;
    margin-bottom: 4px;
}

.sort-contain>span>a>i {
    font-size: 16px;
    color: #8b32b8;
}

.sort-contain>span>a:first-child {
    align-items: flex-start;
}

.sort-contain>span>a:last-child {
    align-items: flex-end;
}

/*
.table {
    table-layout: fixed;
    width: max-content;
    min-width: 100%;
}
*/


.table {
    margin: 0;
}


label[for="document_name"] {
    position: relative;
}

/* label[for="document_name"]::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f059";
    margin-left: 5px;
}

label[for="document_name"]:hover+.form-tooltip {
    display: block;
} */

.form-tooltip {
    display: none;
    position: absolute;
    border: 1px solid #eaeaea;
    padding: 10px;
    border-radius: 5px;
    background-color: #fff;
    bottom: 100%;
    left: 0;
    opacity: 0.8;
}

.form-box {
    position: relative;
}

#search::placeholder {
    font-size: 13px;
}

#search {
    border-radius: 5px;
}

.search-button {
    position: absolute !important;
    right: 0;
    z-index: 3 !important;
    opacity: 0.5;
    top: 2px;
}

.input-group {
    position: relative;
}

h2 {
    font-size: 1.325rem;
}

h3 {
    font-size: 1.3rem;
}

h4 {
    font-size: 1.275rem;
}

.select2-selection {
    min-height: 35px !important;
}

.select2-selection__arrow {
    top: 4px !important;
}

.form-check {
    margin-bottom: 1rem !important;
}