#kt_content_container .btn-hold .d-btn {
    color: #000;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    padding: 10px 20px;
    border-radius: 5px;
    border: 1px solid #C5C5C5;
    background: #FFF;
    display: flex;
    align-items: center;
}
#kt_content_container .btn-hold .d-btn i {
    color: #D75252;
    margin: 0 5px 0 0;
}
#kt_content_container .img-hold {
    position: relative;
}
#kt_content_container .img-hold label {
    display: table;
    color: #fff;
    position: absolute;
    top: auto;
    left: auto;
    right: 7px;
    bottom: 7px;
    content: "";
    z-index: 1;
}
#kt_content_container .img-hold input[type="file"] {
    display: none;
}
#kt_content_container .w-box h1 {
    color: #000;
    font-size: 24px;
    font-weight: 500;
    line-height: 26px;
    margin: 0 0 20px;
}
#kt_content_container .w-box p {
    color: #626262;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin: 0 0 40px;
}
#kt_content_container .w-box h2 {
    color: #000;
    font-size: 24px;
    font-weight: 600;
    line-height: 26px;
    margin: 0 0 18px;
}
#kt_content_container .w-box h4 {
    color: #071F4E;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    margin: 0 0 15px;
}
#kt_content_container .w-box #month {
    color: #000;
    font-size: 22px;
    font-weight: 400;
    line-height: 26px;
    padding: 15px 15px;
    border-radius: 10px;
    border: 2px solid #DCDCDC;
    margin: 0 0 25px;
}
#kt_content_container .w-box .l-bar p {
    color: #626262;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 20px;
}
#kt_content_container .w-box .l-bar p span {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
}
#kt_content_container .w-box h6 {
    color: #04183F;
    font-size: 32px;
    font-weight: 700;
    line-height: 34px;
    margin: 0 0 35px;
}
#kt_content_container .w-box ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
}
#kt_content_container .w-box ul li {
    margin: 0 10px 0 0;
}
#kt_content_container .w-box ul li:last-child {
    margin: 0;
}
#kt_content_container .w-box ul li .c-btn {
    color: #D43232;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 22px;
    padding: 14px 20px;
    border-radius: 10px;
    border: 1px solid #D53232;
    background: #FFF;
}
#kt_content_container .w-box ul li .k-btn {
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 22px;
    padding: 14px 20px;
    border-radius: 10px;
    background: #092356;
}
#kt_content_container .c-reson form {
    width: 100%;
    margin: 0 0 30px;
}
#kt_content_container .c-reson form .inputGroup {
    display: block;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    background: #fff;
    position: relative;
}
#kt_content_container .c-reson form .inputGroup input {
    width: 25px;
    height: 25px;
    order: 1;
    z-index: 2;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    visibility: hidden;
}
#kt_content_container .c-reson form .inputGroup input:checked ~ label {
    border-radius: 3px;
    border: 1px solid #00a854;
    background: #f5fffa;
    color: #00a854;
}
#kt_content_container .c-reson form .inputGroup label {
    padding: 15px 20px 15px;
    width: 100%;
    display: block;
    color: #000;
    cursor: pointer;
    position: relative;
    z-index: 2;
    font-size: 16px;
    line-height: 18px;
    font-weight: 300;
    border: 1px solid #d7d7d7;
    border-radius: 3px 3px;
    margin: 0;
    height: 100%;
}
#kt_content_container .w-box .box {
    border-radius: 15px;
    border: 1px solid #C0C0C0;
    background: #FFF;
    padding: 20px 25px;
    margin: 0 0 30px;
}
#kt_content_container .w-box .box .t-bar {
    display: flex;
    align-content: center;
    justify-content: space-between;
    margin: 0 0 25px;
}
#kt_content_container .w-box .box .t-bar .form-check-label {
    color: #000;
    font-size: 24px;
    font-weight: 500;
    line-height: 22px;
    margin: 0 0 0 10px;
}
#kt_content_container .w-box .box .t-bar input {
    width: 24px;
    height: 24px;
    border-radius: 100px 100px;
}
#kt_content_container .w-box .box .t-bar input:checked {
    background: #072d76;
    border-color: #072d76;
}
#kt_content_container .w-box .box .t-bar p {
    margin: 0;
    color: #606060;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
}
#kt_content .left-area {
    border-radius: 25px;
    background: #072d76;
    padding: 25px 25px;
}
#kt_content .left-area ul {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0;
    list-style: none;
    margin: 0 0 30px;
}
#kt_content_container .w-box .box ul {
    flex-direction: column;
    align-items: flex-start;
    padding: 0 0 0 40px;
}
#kt_content_container .w-box .box ul li h2 {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    margin: 0 0 10px;
}
#kt_content_container .w-box .box ul li {
    color: #626262;
    font-size: 18px;
    font-weight: 300;
    line-height: 20px;
    margin: 0 0 10px;
}
#kt_content_container .w-box .box ul li:last-child {
    margin: 0;
}
#kt_content .left-area ul li:last-child {
    margin: 0;
}
#kt_content .left-area ul li h2 {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 10px;
}
#kt_content .left-area ul li h4 {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    line-height: 24px;
    margin: 0;
}
#kt_content .left-area p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
}
#kt_content .left-area h5 {
    color: #FFF;
    font-size: 20px;
    font-weight: 500;
    line-height: 22px;
    margin: 0 0 25px;
}
#kt_content .left-area .cm-btn {
    border-radius: 10px;
    border: 1px solid #FFF;
    background: #072d76;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    padding: 15px 15px;
    width: 100%;
}
/* #kt_content .doc-page .box {
    max-height: 800px;
    overflow-y: auto;
    overflow-x: hidden;
} */
#kt_content .d-bar .b-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#kt_content .d-bar .b-box {
    margin: 0 0 10px;
}
#kt_content .d-bar .b-box .bk-btn {
    padding: 7px 20px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    color: #fff;
    background: rgba(0, 162, 93, 1);
    border-radius: 5px 5px;
}
#kt_content .box .tit {
    border: 1px solid rgba(208, 208, 208, 1);
    padding: 3px 13px;
    margin: 8px 0 10px;
    background: #00a25dc9;
    border-radius: 6px;
    text-align: center;
}
#kt_content .box .tit h2 {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: rgb(255 255 255);
}
#kt_content .d-bar {
    position: relative;
}
#kt_content .d-bar ul {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0;
    position: sticky;
    background: #fff;
    padding: 10px 10px;
    margin: 0;
}
#kt_content .d-bar ul li {
    margin: 0 15px 0 0;
}
#kt_content .d-bar ul li:last-child {
    margin: 0;
}
#kt_content .d-bar ul li a {
    padding: 7px 20px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    color: #000;
    background: rgba(230, 230, 230, 1);
    border-radius: 5px 5px;
    text-decoration: none;
    display: block;
}
#kt_content .d-bar ul li a.active {
    background: rgba(0, 162, 93, 1);
    color: #fff;
}
#kt_content .right-area {
    padding: 0 50px 0 0;
}
#kt_content .right-area ul {
    padding: 0;
    list-style: none;
    margin: 0;
}
#kt_content .main-text {
    color: #000;
    font-size: 30px;
    font-weight: 600;
    line-height: 32px;
}
#kt_content .right-area ul li {
    padding: 15px 0;
    border-bottom: 1px solid #C0C0C0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-size: 18px;
    line-height: 20px;
    color: #000;
    font-weight: 600;
}
#kt_content .right-area ul li span {
    font-weight: 400;
}
#kt_content .right-area ul li:last-child {
    border: 0;
}
#kt_content .right-area ul li a {
    color: #092356;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-decoration-line: underline;
}
#kt_content .right-area ul li p {
    color: #04183F;
    font-size: 20px;
    font-weight: 500;
    line-height: 22px;
    margin: 0;
}
#kt_content .location tr td {
    vertical-align: middle;
}
#kt_content .mid-box {
    background: #fff;
}
#kt_content .mid-box .boxs {
    border-radius: 15px 15px 0 0;
    border: 1px solid #C0C0C0;
    background: #FFF;
    padding: 20px 20px;
}
#kt_content .mid-box .boxs .top-area {
    display: flex;
    margin: 0;
}
#kt_content .mid-box .boxs .img-holds {
    width: 10%;
    text-align: left;
}
#kt_content .mid-box .boxs .img-holds img{
    width: 45px;
    border-radius: 30px;
}
#kt_content .mid-box .boxs .t-areas {
    width: 90%;
}
#kt_content .mid-box .boxs .t-areas .bars {
    text-align: left;
    border-bottom: 1px solid #E0E0E0;
    padding: 0 0 15px;
    margin: 0 0 15px;
}
#kt_content .mid-box .boxs .t-areas .bars h2 {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 22px;
    margin: 0 0 10px;
}
#kt_content .mid-box .boxs .t-areas .bars p {
    color: #000;
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    display: flex;
    align-items: center;
}
#kt_content .mid-box .boxs .t-areas .bars p img {
    margin: 0 7px 0 0;

}
#kt_content .mid-box .boxs .t-areas ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 15px;
}
#kt_content .mid-box .boxs .t-areas ul li {
    width: 50%;
    text-align: left;
}
#kt_content .mid-box .boxs .t-areas ul li h3 {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    margin: 0 0 8px;
}
#kt_content .mid-box .boxs .t-areas ul li p {
    color: #000;
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
}
#kt_content .mid-box .boxs .t-areas .btn-bars ul {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#kt_content .mid-box .boxs .t-areas .btn-bars ul li {
    width: auto;
    margin: 0 10px 0 0;
}
#kt_content .mid-box .boxs .t-areas .btn-bars ul li:last-child {
    margin: 0;
}
#kt_content .mid-box .boxs .t-areas .btn-bars ul li .r-btn {
    border-radius: 50px;
    background: #04183F;
    padding: 10px 15px;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
}
#kt_content .mid-box .boxs .t-areas .btn-bars ul li .p-btn {
    border-radius: 50px;
    background: #fff;
    padding: 10px 15px;
    color: #072d76;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    border: 1px solid #072d76;
}
#kt_content .mid-box .boxs .t-areas .btn-bars ul li .c-btn {
    border: 0;
    padding: 10px 15px;
    color: #04183F;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    text-decoration-line: underline;
}
#kt_content .bott-areas {
    border: 1px solid #C0C0C0;
    border-top: 0;
    border-radius: 0 0 15px 15px;
}
#kt_content .bott-areas .ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 20px;
    background: #F8F8F8;
    border-radius: 0 0 15px 15px;
}
#kt_content .bott-areas .ad.active {
    border-radius: 0;
    display: flex;
}
#kt_content .bott-areas .ad.active img {
    transform: rotate(180deg);
}
#kt_content .bott-areas .ad h2 {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
}
#kt_content .bott-areas ul {
    margin: 0;
    list-style: none;
    padding: 0 20px;
    display: none;
    border-top: 1px solid #C0C0C0;
}
#kt_content .bott-areas .show {
    display: block;
}
#kt_content .bott-areas ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px solid #C0C0C0;
}
#kt_content .bott-areas ul li:last-child {
    border-bottom: 0;
}
#kt_content .bott-areas ul li p {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    margin: 0;
}
#kt_content .bott-areas ul li a {
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    padding: 10px 15px;
    border-radius: 50px 50px;
    color: #fff;
    background: #04183F;
}
#appointment-details .modal-body h4 {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    margin: 0 0 20px;
}
#appointment-details .modal-body ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#appointment-details .modal-body ul li {
    background: #FFF;
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.07);
    padding: 8px 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 10px;
}
#appointment-details .modal-body ul li h2 {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    margin: 0;
    display: flex;
    align-items: center;
}
#appointment-details .modal-body ul li h2 i {
    padding: 10px;
    background: #DEEAF6;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px 0 0;
    font-size: 12px;
    color: #00a25d;
}
#appointment-details .modal-body ul li p {
    color: #000;
    font-size: 12px;
    font-weight: 300;
    line-height: 14px;
    margin: 0;
}
#appointment-details .modal-body .c-detail h3 {
    margin: 0 0 20px;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
}
#appointment-details .modal-body .table {
    border: 1px solid #E6E6E6;
}
#appointment-details .modal-body .table tr {
    border-bottom: 1px solid #E6E6E6;
}
#appointment-details .modal-body .t-text {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    margin: 0 0 20px;
}
#appointment-details .modal-body .table tr th {
    padding: 15px 15px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}
#appointment-details .modal-body .table tr td {
    padding: 15px 15px;
    color: #000;
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
}
#appointment-details .modal-body .table tr:nth-child(odd) {
    background: #F9F9F9;
}
#appointment-details .modal-body .block {
    background: #FFF;
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.07);
    padding: 35px 24px;
    margin: 35px 0 0;
}
#appointment-details .modal-body .block h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    margin: 0 0 15px;
}
#appointment-details .modal-body .block h3 img {
    margin: 0 7px 0 0;
}
#appointment-details .modal-body .block p {
    color: #626262;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}
#appointment-details .modal-body .block ul {
    display: flex;
    align-items: center;
    justify-content: center;
}
#appointment-details .modal-body .block ul li {
    padding: 0;
    box-shadow: none;
    margin: 0 7px 0 0;
}
#appointment-details .modal-body .block ul li:last-child {
    margin: 0;
}
#appointment-details .modal-body .block ul li .up-btn {
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    padding: 8px 12px;
    border-radius: 50px 50px;
    background: #00A25D;
}
#appointment-details .modal-body .block ul li .p-btn {
    color: #000;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    padding: 8px 12px;
    border-radius: 50px 50px;
    background: #E1DFDF;;
}

#kt_content .top-area {
    text-align: center;
    margin: 0 0 30px;
}
#kt_content .top-area h1 {
    color: #04183F;
    font-size: 40px;
    font-weight: 700;
    line-height: 42px;
    margin: 0 0 15px;
}
#kt_content .top-area p {
    color: #575757;
    font-size: 22px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}
#kt_content .up-area {
    border-radius: 10px;
    border: 1px dashed #000;
    background: #FFF;
    margin: 0 0 30px;
}
#kt_content .up-area .upload-file {
    padding: 10px;
    display: table;
    width: 100%;
    text-align: center;
    background: #fff;
    border-radius: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: #575757;
    padding: 5rem 0 7rem;
    cursor: pointer;
}
#kt_content .up-area .upload-file i {
    font-size: 10rem;
    margin: 0 0 20px;
    color: #00a854;
}
#kt_content .up-area input[type="file"] {
    display: none;
}
#kt_content .btn-area {
    text-align: center;
    margin: 0 0 30px;
}
#kt_content .btn-area .btn-sub {
    border-radius: 50px;
    background: #00a854;
    color: #FFF;
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
    padding: 14px 45px;
}
#kt_content .t-area {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
    margin: 0 0 5rem;
}
#kt_content .t-area li {
    width: 50%;
    color: #000;
    font-size: 22px;
    font-weight: 500;
    line-height: 24px;
    padding: 0 20px;
    margin: 0 0 15px;
}
#kt_content .s-box ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#kt_content .s-box ul li {
    border-radius: 10px;
    background: #EAF1FF;
    padding: 2rem 2rem;
    margin: 0 15px 15px 0;
    width: 48%;
}
#kt_content .s-box ul li h2 {
    color: #04183F;
    font-size: 22px;
    font-weight: 500;
    line-height: 24px;
    margin: 0 0 10px;
}
#kt_content .s-box ul li p {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin: 0;
}
#kt_content .video-block {
    width: 100%;
    height: 450px;
    background: #000;
}
#kt_content .video-block video {
    width: 100%;
    height: 100%;
}
#cancelModal .modal-dialog {
    margin: 10rem auto 0;
    max-width: 600px;
}
#cancelModal .modal-content {
    border-radius: 15px 15px;
}
#cancelModal .modal-header {
    background: #EAF1FF;
    border: none;
    border-radius: 15px 15px 0 0;
}
#cancelModal .modal-header h1 {
    color: #000;
    font-weight: 500;
}
#cancelModal .modal-body h4 {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    margin: 0 0 20px;
}
#cancelModal .modal-body ul {
    margin: 0 0 15px;
}
#cancelModal .modal-body ul li {
    margin: 0 0 10px;
    font-size: 12px;
    line-height: 14px;
    color: #000;
    font-weight: 400;
}
#cancelModal .modal-body ul li:last-child {
    margin: 0;
}
#cancelModal .modal-body ul {
    margin: 0 0 25px;
}
#cancelModal .btn-area {
    display: flex;
    justify-content: flex-end;
}
#cancelModal .btn-area .b-btn {
    padding: 10px 25px;
    background: #00A25D;
    color: #FFF;
    font-size: 16px !important;
    font-weight: 500;
    line-height: 18px !important;
    margin: 0 10px 0 0;
}
#cancelModal .btn-area .c-btn {
    padding: 10px 25px;
    border: 2px solid #F53649;
    color: #FFF;
    font-size: 16px !important;
    font-weight: 500;
    line-height: 18px !important;
    color: #F53649;
}
#kt_content.report-area label.upload-file.pdf-btn {
    padding: 2.7rem 3rem ;
}
#kt_content.report-area textarea {
    border: 1px dashed #000;
    padding: 15px 15px;
    font-size: 15px;
    line-height: 17px;
    color: #000;
}
.report-area .show-file-here {
    display: flex;
    justify-content: center;
}
.report-area .show-file-here .text-box {
    display: flex;
}
.report-area .show-file-here .text-box .text-hold {
    padding: 0 0 0 10px;
}
.report-area .show-file-here .text-box .text-hold h2 {
    font-size: 15px;
    line-height: 17px;
}
.report-area .show-file-here .text-box .text-hold p {
    font-size: 11px;
    line-height: 13px;
    margin: 0;
}
.report-area .show-file-here .show-file {
    padding: 20px 50px;
    border: 2px solid #000;
    border-radius: 10px 10px;
    position: relative;
    margin: 0 0 15px;
}
.report-area .show-file-here .show-file .del-box {
    position: absolute;
    top: 8px;
    right: 0;
    content: "";
}

#kt_content .box {
    background: #FFFDF6;
    border: 1px solid #FFA800;
    filter: drop-shadow(0px 3px 15px rgba(0, 0, 0, 0.10));
    padding: 20px 20px;
    border-radius: 10px 10px;
    margin: 0 0 20px;
}
#kt_content .box h3 {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 22px;
    margin: 0 0 16px;
}
#kt_content .box ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
#kt_content .box ul li {
    margin: 0 0 20px;
    display: flex;
    align-items: center;
}
#kt_content .box ul li img {
    margin: 0 7px 0 0;
}
#kt_content .box ul li:last-child {
    margin: 0;
}
#kt_content .box ul li a {
    color: #4D4D4D;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-decoration-line: underline;
}
#kt_content_container a.card {
    border-radius: 5px 5px 0 0;
    border-bottom: 5px solid #50CD89;
}
#kt_content_container a.bl-block {
    border-bottom: 5px solid #181C32;
}
#kt_content_container a.g-block {
    border-bottom: 5px solid #5C6382;
}
#kt_content_container a.b-block {
    border-bottom: 5px solid #7239EA;
}
#kt_content_container .num-area {
    color: #50CD89;
}
#kt_content_container .bl-text {
    color: #04183F;
}
#kt_content_container .g-text{
    color: #5C6382;
}
#kt_content_container .b-text {
    color: #8352EC;
}
#kt_aside .menu-item {
    text-align: center;
    margin: 0 7px;
    /* border-bottom: 1px solid rgba(255,255,255,0.15); */
    width: 60px;
}
#kt_content .t-area li {
    margin: 0 0 2rem;
}
#kt_content .s-box ul li {
    margin: 0 10px 10px 0;
}

/* notifaction page start */

#kt_content_container .ear-bar {
    border: 1px solid #DADADA;
    border-radius: 10px 10px;
    margin: 0 0 20px;
}
#kt_content_container .ear-bar h2 {
    margin: 0 0 25px;
    font-size: 16px;
    line-height: 18px;
    color: #161718;
    border-radius: 10px 10px 0px 0px;
    background: #EAF1FF;
    font-weight: 700;
    padding: 15px;
}
#kt_content_container .ear-bar ul {
    margin: 0;
    padding: 0 30px;
    list-style: none;
}
#kt_content_container .ear-bar ul li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid #DADADA;
    border-radius: 0;
    background: none;
}
#kt_content_container .ear-bar ul a {
    width: 90%;
}
#kt_content_container .ear-bar ul li .img-hold {
    width: 5%;
}
#kt_content_container .ear-bar ul li .text-hold {
    width: 85%;
    padding: 0 0 0 1rem;
}
#kt_content_container .ear-bar ul li .text-hold p {
    font-size: 16px;
    line-height: 22px;
    color: #161718;
    margin: 0 0 15px;
}
#kt_content_container .ear-bar ul li .text-hold span {
    font-size: 16px;
    line-height: 22px;
    color: #00beb7;
}
#kt_content_container .ear-bar ul li .btn-area {
    width: 10%;
    text-align: right;
    margin: 0;
}
#kt_content_container .ear-bar ul .active-noti {
    border-radius: 10px;
    background: #eaf1ff;
}
#kt_content_container .ear-bar ul a {
    width: 90%;
}
#kt_content_container .ear-bar ul a .fa-times {
    color: #000;
    font-weight: 700;
    font-size: 20px;
}

/* Qr code page start */

#kt_content_container .card .card-body .sb-area a {
    color: #FFF;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    border-radius: 15px;
    background: #04183F;
    padding: 5px 10px;
    position: absolute;
    top: 15px;
    left: auto;
    right: 15px;
}

#kt_content_container .q-box {
    padding: 50px 50px;
    box-shadow: 0 0 10px #000;
    border-radius: 15px 15px;
    background: #fff;
}
#kt_content_container .q-box img {
    width: 100%;
}

/* softwear update page start */

#kt_content_container .m-banner img {
    width: 100%;
}
#kt_content_container .m-banner {
    position: relative;
    margin: 0 0 30px;
}
#kt_content_container .m-banner h2 {
    color: #FFF;
    font-size: 40px;
    font-weight: 700;
    line-height: 42px;
    position: absolute;
    top: 25px;
    left: 25px;
    right: auto;
    content: "";
}

/* softwear update page start */

#kt_content_container .m-banner img {
    width: 100%;
}
#kt_content_container .m-banner {
    position: relative;
    margin: 0 0 30px;
}
#kt_content_container .m-banner h2 {
    color: #FFF;
    font-size: 40px;
    font-weight: 700;
    line-height: 42px;
    position: absolute;
    top: 25px;
    left: 25px;
    right: auto;
    content: "";
}

#kt_content_container .rep-area {
    border-radius: 10px;
    border: 1px solid #DADADA;
    background: #FFF;
    padding: 10px 10px;
    width: -webkit-fill-available !important;
    margin-bottom: 10px;
}
#kt_content_container .rep-area .box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 15px;
    background: #fff;
    border: 0;
    filter: inherit;
    padding: 0;
}
#kt_content_container .rep-area .box h2 {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
}
#kt_content_container .rep-area .box a {
    border-radius: 5px;
    border: 1px solid #C5C5C5;
    background: #FFF;
    padding: 7px 12px;
    color: #0F0F0F;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
}
#kt_content_container .rep-area .box a img {
    margin: 0 10px 0 0;
}
#kt_content_container .rep-area .b-area h3 {
    color: #000;
    font-size: 12px;
    font-weight: 300;
    line-height: 14px;
    margin: 0 0 10px;
}
#kt_content_container .rep-area .b-area p {
    color: #000;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
}
#editModal .modal-dialog .modal-body .img-bar {
    text-align: center;
}
#editModal .modal-dialog .modal-body .img-bar img {
    margin: 0 0 10px;
}
#editModal .modal-dialog .modal-body .img-bar h2 {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 22px;
    margin: 0 0 10px;
}
#editModal .modal-dialog .modal-body .img-bar h3 {
    color: #000;
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    margin: 0 0 10px;
}
#editModal .modal-dialog .modal-body .img-bar .star-rating {
    margin: 0 0 10px;
}
#editModal .modal-dialog .modal-body .img-bar p {
    color: #000;
    font-size: 12px;
    font-style: italic;
    font-weight: 300;
    line-height: 18px;
    margin: 0 0 20px;
}
#editModal .modal-dialog .modal-body .res-bar {
    text-align: center;
}
#editModal .modal-dialog .modal-body .res-bar h2 {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    margin: 0 0 20px;
}
#editModal .modal-dialog .modal-body .res-bar textarea {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #D0D0D0;
    background: #FFF;
    font-size: 16px;
    line-height: 18px;
    color: #000;
    margin: 0 0 20px;
    padding: 10px;
}
#editModal .modal-dialog .modal-body .res-bar .sub-btn {
    border-radius: 5px;
    background: #04183F;
    padding: 12px 12px;
    width: 100%;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
}
#editModal .modal-dialog .modal-body .btn-close {
    position: absolute;
    top: 15px;
    left: auto;
    right: 15px;
    background: url(/assets/business/home/images/icon67.png) no-repeat;
    width: 10px;
    height: 10px;
    background-size: 100%;
    opacity: 1;
}
#noteModal .modal-dialog .modal-body .btn-close {
    position: absolute;
    top: 15px;
    left: auto;
    right: 15px;
    background: url(/assets/business/home/images/icon67.png) no-repeat;
    width: 10px;
    height: 10px;
    background-size: 100%;
    opacity: 1;
}


/* Submit response modal */
#submit-response .modal-dialog .modal-body .img-bar {
    text-align: center;
}
#submit-response .modal-dialog .modal-body .img-bar img {
    margin: 0 0 10px;
}
#submit-response .modal-dialog .modal-body .img-bar h2 {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 22px;
    margin: 0 0 10px;
}
#submit-response .modal-dialog .modal-body .img-bar h3 {
    color: #000;
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    margin: 0 0 10px;
}
#submit-response .modal-dialog .modal-body .img-bar .star-rating {
    margin: 0 0 10px;
}
#submit-response .modal-dialog .modal-body .img-bar p {
    color: #000;
    font-size: 12px;
    font-style: italic;
    font-weight: 300;
    line-height: 18px;
    margin: 0 0 20px;
}
#submit-response .modal-dialog .modal-body .res-bar {
    text-align: center;
}
#submit-response .modal-dialog .modal-body .res-bar h2 {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    margin: 0 0 20px;
}
#submit-response .modal-dialog .modal-body .res-bar textarea {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #D0D0D0;
    background: #FFF;
    font-size: 16px;
    line-height: 18px;
    color: #000;
    margin: 0 0 20px;
    padding: 10px;
}
#submit-response .modal-dialog .modal-body .res-bar .sub-btn {
    border-radius: 5px;
    background: #04183F;
    padding: 12px 12px;
    width: 100%;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
}
#submit-response .modal-dialog .modal-body .btn-close {
    position: absolute;
    top: 15px;
    left: auto;
    right: 15px;
}

/* Tax Softwear details page here */

#kt_content_container .m-banner img {
    width: 100%;
}
#kt_content_container .m-banner {
    position: relative;
    margin: 0 0 30px;
}
#kt_content_container .m-banner h2 {
    color: #FFF;
    font-size: 40px;
    font-weight: 700;
    line-height: 42px;
    position: absolute;
    top: 25px;
    left: 25px;
    right: auto;
    content: "";
}

/* important link page start */

.pr-area .card .card-body {
    padding: 0;
}
.pr-area .card {
    background: none;
}
.pr-area .card .card-body .top-text {
    margin: 0 0 20px;
}
.pr-area .card .card-body .top-text {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 22px;
}
.pr-area .card .card-body .s-block .bar {
    padding: 25px 25px;
    display: flex;
    align-items: center;
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0px 2px 7px 1px rgba(0, 0, 0, 0.05);
}
.pr-area .card .card-body .s-block .bar .img-hold {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    background: rgba(23, 56, 120, 0.10);
    margin: 0 20px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pr-area .card .card-body .s-block .bar .img-hold img {
    width: 30px;
}
.pr-area .card .card-body .s-block .bar h2 {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    margin: 0;
}
.pr-area .card .card-body .s-block .bar:hover {
    background: #00A25D;
}

.pr-area .card .card-body .s-block .bar:hover h2 {
    color: #fff;
}
.pr-area .card .card-body .s-block .bar:hover .img-hold {
    background: #fff;
}

/* tour work start */

.tour-work .modal-dialog {
    position: absolute;
    top: 15rem;
    margin: 0;
    left: auto;
    right: 22rem;
    content: "";
}
.tour-work .modal-dialog:before {
    position: absolute;
    top: -15px;
    left: auto;
    right: 4px;
    content: "";
    background: url(/assets/customer/images/icon07.png) no-repeat;
    background-size: 100%;
    width: 60px;
    height: 60px;
}
.tour-work .modal-dialog .modal-content .modal-body {
    padding: 15px 15px;
    text-align: center;
}
.tour-work .modal-dialog .modal-content .modal-body .img-hold {
    margin: 0 0 10px;
}
.tour-work .modal-dialog .modal-content .modal-body h2 {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    margin: 0 0 5px;
}
.tour-work .modal-dialog .modal-content .modal-body p {
    color: #171717;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    margin: 0;
}
.tour-work .modal-dialog .modal-content .modal-footer {
    padding: 15px 15px;
    justify-content: flex-end;
    border: 0;
}
.tour-work .modal-dialog .modal-content .modal-footer .b-btn {
    border-radius: 5px;
    background: #DBDBDB;
    color: #000;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    padding: 7px 20px;
}
.tour-work .modal-dialog .modal-content .modal-footer .n-btn {
    border-radius: 5px;
    background: #04183F;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    padding: 7px 20px;
}
#pro-Modal .modal-dialog {
    top: 4rem;
    right: 1rem;
}
#noti-Modal .modal-dialog {
    top: 4rem;
    right: 5rem;
}
#mess-Modal .modal-dialog {
    top: 4rem;
    right: 9rem;
}
#home-Modal .modal-dialog {
    top: 7rem;
    right: auto;
    left: 13rem;
}
.l-bar .modal-dialog:before {
    top: 2rem;
    left: -18px;
    right: auto;
    transform: rotate(-90deg);
}
#cus-Modal .modal-dialog {
    top: 14rem;
    right: auto;
    left: 13rem;
}
#app-Modal .modal-dialog {
    top: 22rem;
    right: auto;
    left: 13rem;
}
#app-Modal .modal-dialog::before {
    top: 3rem;
}
#rev-Modal .modal-dialog {
    top: 30rem;
    right: auto;
    left: 13rem;
}
#tsoft-Modal .modal-dialog {
    top: 39rem;
    right: auto;
    left: 13rem;
}
#que-Modal .modal-dialog {
    top: 46rem;
    right: auto;
    left: 13rem;
}
#ser-Modal .modal-dialog {
    top: 30rem;
    right: auto;
    left: 13rem;
}
#esign-Modal .modal-dialog {
    top: 45rem;
    right: auto;
    left: 13rem;
}
#bus-Modal .modal-dialog {
    top: 32rem;
    right: auto;
    left: 13rem;
}
#bus-Modal .modal-dialog:before {
    top: auto;
    left: -18px;
    right: auto;
    bottom: 5rem;
}
#pdf-Modal .modal-dialog {
    top: auto;
    right: auto;
    left: 13rem;
    bottom: 12rem;
}
#qacode-Modal .modal-dialog {
    top: auto;
    right: auto;
    left: 13rem;
    bottom: 4rem;
}
#qacode-Modal .modal-dialog:before {
    top: auto;
    left: -18px;
    right: auto;
    bottom: 1.5rem;
}
#pdf-Modal .modal-dialog:before {
    top: auto;
    left: -18px;
    right: auto;
    bottom: 1rem;
}
#kt_aside.aside .aside-logo {
    background: #072D76;
    height: 80px;
}
#qacode-Modal .modal-dialog .modal-content .modal-footer {
    justify-content: space-between;
}

/* ifram page start here */

.ifram-bar .card-body {
    padding: 0;
}
.ifram-bar .card {
    background-color: inherit;
}
.ifram-bar .card-body iframe {
    width: 100%;
    height: 4000px;
}

.ifram-bar .card-body #pkg-upgrade {
    width: 100%;
    height: 1100px;
}
#kt_content_container .s-form .btn-info {
    background: #00a854;
    font-size: 12px;
    line-height: 14px;
}
#kt_content_container .s-form .btn-info:hover {
    background: #00a854 !important;
}
.tour-work .modal-dialog .modal-content .modal-body .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0 0;
}
.tour-work .modal-dialog .modal-content .modal-body .form-check label {
    margin: 0 0 0 10px;
}
.tour-work .modal-dialog .modal-content .modal-body .form-check-input:checked[type="checkbox"] {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
    background-color: #00A25D;
    border-color: #00A25D;
}


/* Acces page start */

.acc-area .card-body {
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0px 2px 7px 1px rgba(0, 0, 0, 0.05);
    text-align: center;
}
#kt_content_container.acc-area .card-body .acc-block .img-hold {
    margin: 0 0 35px;
}
#kt_content_container.add-emp .card-body .acc-block .img-hold {
    text-align: center;
}
.acc-area .card-body .acc-block .ap-area h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 24px;
    font-weight: 500;
    line-height: 26px;
    margin: 0 0 12px;
}
.acc-area .card-body .acc-block .ap-area h3 img {
    margin: 0 10px 0 0;
}
.acc-area .card-body .acc-block .ap-area p {
    color: #626262;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 20px;
}
.add-emp .card-body .acc-block .ap-area p {
    text-align: center;
}
.acc-area .card-body .t-box ul {
    padding: 12px 0 0 40px;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: flex-start;
}
.acc-area .card-body .t-box ul li {
    margin: 0 10px 0 0;
}
.acc-area .card-body .t-box ul li:last-child {
    margin: 0;
}
.acc-area .card-body .t-box ul li .up-btn {
    border-radius: 50px;
    background: #072D76;
    padding: 9px 20px;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
}
.acc-area .card-body .t-box ul li .p-btn {
    border-radius: 50px;
    background: #E1DFDF;
    padding: 9px 20px;
    color: #000;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
}
.acc-area .card-body .t-box {
    padding: 25px 25px;
    background: #F6F9FF;
    border: 1px solid #072D76;
    filter: drop-shadow(0px 3px 15px rgba(0, 0, 0, 0.10));
    border-radius: 7px 7px;
    margin: 0 0 40px;
}
.acc-area .card-body .t-box .t-block {
    display: flex;
    align-items: flex-start;
}
.acc-area .card-body .t-box .t-block .t-text p {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    margin: 0 0 0 20px;
}
.acc-area .card-body .t-box .t-block .t-img {
    width: 20px;
}
.acc-area .card-body .acc-block {
    margin: 0 0 15px;
    text-align: left;
}
.acc-area .card-body .acc-block h2 {
    color: #000;
    font-size: 24px;
    font-weight: 600;
    line-height: 26px;
}
.acc-area .card-body .acc-block h3 {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
    margin: 0 0 10px;
}
.acc-area .card-body .acc-block p {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    margin: 0 0 20px;
}
.acc-area .card-body .acc-block h4 {
    color: #00A25D;
    font-size: 22px;
    font-weight: 600;
    line-height: 24px;
    margin: 0 0 10px;
}
.acc-area .card-body .acc-block ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.acc-area .vido-block {
    margin: 0 0 30px;
}
.acc-area .vido-block #home-video {
    width: 100%;
    height: 100%;
    border-radius : 20px;
}




.add-emp .card-body .acc-block ul {
    text-align: center;
}
.add-emp .card-body .acc-block ul li::before {
    display: none;
}
.add-emp .card-body .acc-block ul li .up-btn {
    background: #072D76;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    padding: 10px 15px;
    border-radius: 50px 50px;
    color: #fff;
}
.acc-area .card-body .acc-block ul li h5 {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    margin: 0 0 7px;
}
.acc-area .card-body .acc-block ul li p {
    color: #656565;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}
.acc-area .card-body .acc-block ul li {
    margin: 0 0 10px;
    position: relative;
    padding: 0 0 0 15px;
}
.acc-area .card-body .acc-block ul li::before {
    position: absolute;
    top: 6px;
    left: 0;
    right: auto;
    bottom: auto;
    content: "";
    background: #000;
    width: 7px;
    height: 7px;
    border-radius: 100%;
}
.acc-area .card-body .acc-block h6 {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
}
.acc-area .card-body .acc-block .img-bxe {
    text-align: right;
    padding: 3rem 0 0;
}
.acc-area .card-body .acc-block .img-bxe img {
    max-width: 100%;
}
.acc-area .card-body .vid-area iframe{
    border-radius: 10px 10px;
}
.acc-area .card-body .vid-area {
    height: 131%;
}
.acc-area .card-body .vid-area video {
    height: 100%;
    width: 100%;
}
#conform-Modal .modal-content .modal-body .img-hold {
    margin: 0 0 20px;
    text-align: center;
}
#conform-Modal .modal-content .modal-body h2 {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    margin: 0 0 10px;
    text-align: center;
}
#conform-Modal .modal-content .modal-body p {
    color: #171717;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    margin: 0;
}
#conform-Modal .modal-content .modal-footer {
    border: 0;
    justify-content: center;
}
#conform-Modal .modal-content .modal-footer .co-btn {
    border-radius: 50px;
    background: #00A25D;
    padding: 10px 35px;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
}
#conform-Modal .modal-content .modal-footer .ca-btn {
    border-radius: 50px;
    background: #E1DFDF;
    padding: 10px 35px;
    color: #000;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
}
.form-switch.form-check-solid .form-check-input,.form-switch.form-check-solid .form-check-input:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.acc-area.soft-bar .card-body .acc-block ul li:before {
    display: none;
}
.acc-area.soft-bar .card-body .acc-block ul li h5 img {
    margin: 0 15px 0 0;
}
.acc-area.soft-bar .card-body .acc-block ul li p {
    padding: 0 0 0 5.5rem;
}
.acc-area.soft-bar .card-body .acc-block .soft-bot {
    display: flex;
}
#kt_content_container.acc-area.soft-bar .card-body .acc-block .soft-bot .img-hold {
    margin: 0 20px 0 0;
}
#kt_content_container.acc-area.soft-bar .card-body .acc-block .soft-bot .t-area h6 {
    color: #000;
    font-size: 22px;
    font-weight: 500;
    line-height: 24px;
    margin: 0 0 14px;
}
#kt_content_container.acc-area.soft-bar .card-body .acc-block .soft-bot .t-area p {
    color: #656565;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}
#kt_content_container.acc-area.soft-bar .card-body .acc-block .soft-bot .t-area {
    margin: 0;
}
#kt_content_container .rt-box .content {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    justify-content: flex-end;
}
#kt_content_container .rt-box .content .qt-minus {
    background: url(/assets/customer/images/icon25.png) no-repeat center center;
    font-size: 0;
    width: 25px;
    height: 34px;
    background-size: 95%;
}
#kt_content_container .rt-box .content .qt {
    width: 30%;
    border: none;
    background: none;
    font-size: 24px;
    line-height: 26px;
    color: #0E345F;
    text-align: center;
}
#kt_content_container .rt-box .content .qt-plus {
    background: url(/assets/customer/images/icon26.png) no-repeat center center;
    font-size: 0;
    width: 25px;
    height: 34px;
    background-size: 95%;
}
#kt_content_container .rt-box .content .qt:focus-visible {
    outline: none;
}
#kt_content_container .rt-box .content .price {
    margin: 0 0 0 15px;
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    color: #000;
}
#kt_content_container .rt-box {
    border: 1px solid #DCDCDC;
    border-radius: 20px 20px;
}
#kt_content_container .rt-box h2 {
    font-size: 30px;
    line-height: 32px;
    color: #000;
    font-weight: 600;
    margin: 0 0 25px;
}
#kt_content_container .rt-box .s-box {
    padding: 0;
}
#kt_content_container .rt-box .s-box h3 {
    margin: 0;
    font-size: 20px;
    line-height: 22px;
    font-weight: 400;
}
#kt_content_container .rt-box .s-box .form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
#kt_content_container .rt-box .s-box .bor-bott {
    border-bottom: 1px solid #DCDCDC;
    padding: 10px 0;
}
#kt_content_container .rt-box .bott-box {
    background: #F5F9FF;
    padding: 20px 20px;
    border-radius: 10px 10px;
}
#kt_content_container .rt-box .bott-box .form-check label {
    font-size: 16px;
    line-height: 20px;
    color: #7e7e7e;
    font-weight: 500;
}
#kt_content_container .rt-box .bott-box .form-check input:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
    background-color: #04183f;
    border-color: #04183f;
}
#kt_content_container .rt-box .bott-box .c-btn {
    padding: 8px 35px;
    border-radius: 50px 50px;
    background: #04183F;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    margin: 0 15px 0 0;
}
#kt_content_container .rt-box .bott-box .ca-btn {
    padding: 8px 35px;
    border-radius: 50px 50px;
    background: #D3D3D3;
    color: #000;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
}
#kt_content_container .rt-box .btn-area {
    display: flex;
    align-items: center;
    margin: 0 0 0 28px;
}
#kt_content_container .rt-box .ch-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}
#kt_content_container .rt-box .ch-list li {
    padding: 0 5rem 0 0;
}
#kt_content_container .rt-box .ch-list li:last-child {
    padding: 0;
}
#kt_content_container .rt-box .ch-list li span {
    font-size: 22px;
    line-height: 24px;
    color: #8A8A8A;
    font-weight: 400;
    margin: 0 0 10px;
    display: block;
}
#kt_content_container .rt-box .ch-list li h2 {
    display: flex;
    align-items: flex-start;
    font-size: 22px;
    line-height: 24px;
    color: #04183F;
    font-weight: 700;
    margin: 0 0 20px;
}
#kt_content_container .rt-box .ch-list li h2 img {
    margin: 0 7px 0 0;
}
#kt_content_container .rt-box .ch-list li p {
    font-size: 16px;
    line-height: 18px;
    color: #606060;
    font-weight: 400;
    margin: 0;
}
#kt_content_container .rt-box .sm-box .c-box .form-check input {
    border-radius: 100%;
}
#kt_content_container .rt-box .sm-box .c-box .form-check input:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
    background-color: #334F87;
    border-color: #334F87;
}
#kt_content_container .rt-box .sm-box .c-box .form-check label {
    font-size: 22px;
    line-height: 24px;
    font-weight: 600;
    color: #334F87;
    margin: 0 0 0 20px;
}
#kt_content_container .rt-box .sm-box .c-box .form-check {
    margin: 0 0 10px;
    display: flex;
    align-items: flex-end;
}
#kt_content_container .rt-box .sm-box .c-box h5 {
    font-size: 22px;
    line-height: 24px;
    font-weight: 400;
    color: #04183F;
    padding: 0 0 0 3rem;
    margin: 0;
}
#kt_content_container .rt-box .sm-box .c-box  {
    margin: 0 0 2rem;
}
#kt_content_container .rt-box .sm-box h3 {
    text-align: center;
    font-size: 22px;
    line-height: 24px;
    color: #334F87;
    font-weight: 600;
    margin: 0 0 20px;
}
#kt_content_container .rt-box .sm-box h4 {
    text-align: center;
    font-size: 48px;
    line-height: 50px;
    color: #000;
    font-weight: 600;
}
#kt_content_container .rt-box .ch-list li .img-hold {
    margin: 0;
}
#kt_content .lar-box {
    background: #072d76;
    padding: 20px 20px;
    border-radius: 20px 20px;
}
#kt_content .lar-box ul {
    display: flex;
}
#kt_content .lar-box ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    flex-wrap: wrap;
}
#kt_content .lar-box ul li {
    width: 32%;
    margin: 0 20px 20px 0;
}
#kt_content .lar-box ul li:last-child {
    margin: 0 0 15px;
}
#kt_content .lar-box ul li a {
    padding: 20px 20px;
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    font-weight: 500;
    border-radius: 10px 10px;
    display: block;
    text-align: center;
    border: 1px solid #fff;
}
#kt_content .lar-box ul li a:hover {
    background: #fff;
    color: #04183F;
}
#kt_content .lar-box .lt-area ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 30px;
}
#kt_content .lar-box .lt-area ul li {
    width: 50%;
    margin: 0;
}
#kt_content .lar-box .lt-area ul li h2 {
    font-size: 20px;
    line-height: 22px;
    color: #fff;
    font-weight: 400;
    margin: 0 0 10px;
}
#kt_content .lar-box .lt-area ul li h3 {
    font-size: 20px;
    line-height: 22px;
    color: #fff;
    font-weight: 600;
    margin: 0 0 15px;
}
#kt_content .lar-box .lt-area ul li p {
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    font-weight: 400;
    margin: 0 0 15px;
}
#kt_content .lar-box .lt-area a {
    font-size: 20px;
    line-height: 22px;
    color: #fff;
    font-weight: 500;
}
#kt_content .lar-box .lt-area ul li:last-child h2 {
    text-align: right;
}
#kt_content .lar-box .lt-area ul li:last-child h3 {
    text-align: right;
}
#kt_content .sm-box {
    border: 1px solid #C0C0C0;
    border-radius: 15px 15px;
}
#kt_content .sm-box h3 {
    background: #F5F9FF;
    padding: 20px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    border-radius: 15px 15px 0 0;
    color: #000;
    border-bottom: 1px solid #C0C0C0;
    min-height: 75px;
}
#kt_content .sm-box h3 .r-btn {
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    padding: 10px 15px;
    border-radius: 50px 50px;
    color: #fff;
    background: #072d76;
}
#kt_content .sm-box ul {
    padding: 0 15px;
    margin: 0;
    list-style: none;
}
#kt_content .sm-box ul li {
    padding: 20px 0;
    border-bottom: 1px solid #C0C0C0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#kt_content .sm-box ul li:last-child {
    border-bottom: 0;
}
#kt_content .sm-box ul li p {
    color: #000;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    margin: 0;
}
#kt_content .sml-box h2 {
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    color: #000;
    border: 1px solid #C0C0C0;
    margin: 0 0 10px;
}
#kt_content .sml-box h2 .r-btn {
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    padding: 10px 15px;
    border-radius: 50px 50px;
    color: #fff;
    background: #04183F;
}
#CancelModal .modal-content .modal-body {
    text-align: center;
    padding: 20px 20px 0;
}
#CancelModal .modal-content .modal-body img {
    margin: 0 0 25px;
}
#CancelModal .modal-content .modal-body p {
    font-size: 16px;
    line-height: 20px;
    color: #000;
    font-weight: 400;
    margin: 0;
}
#CancelModal .modal-content .modal-footer {
    padding: 20px 20px 20px;
    border: 0;
    justify-content: center;
}
#CancelModal .modal-content .modal-footer .co-btn {
    padding: 10px 30px;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    border-radius: 50px 50px;
    font-weight: 700;
    background: #072d76;
    margin: 0 10px 0 0;
}
#CancelModal .modal-content .modal-footer .ca-btn {
    padding: 10px 30px;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    border-radius: 50px 50px;
    font-weight: 700;
    background: #D3D3D3;
}
#kt_content_container .aba-area .img-hold {
    margin: 0 0 30px;
    text-align: center;
}
#kt_content_container .aba-area .chk-box {
    max-width: 500px;
    margin: 0 auto;
}
#kt_content_container .aba-area .chk-box .form-check {
    margin: 0 0 15px;
}
#kt_content_container .aba-area .chk-box label {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #000;
}
#kt_content_container .aba-area .chk-box .form-check-input {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
#kt_content_container .aba-area .chk-box .form-check-input:checked {
    background-color: #00A25D;
}
#kt_content_container .aba-area .btn-area {
    padding: 0 5rem;
    justify-content: center;
    display: flex;
}
#kt_content_container .aba-area .s-btn {
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    font-weight: 700;
    background: #04183F;
    padding: 10px 50px;
    border-radius: 50px 50px;
}
#kt_content_container .aba-area .c-btn {
    font-size: 12px;
    line-height: 14px;
    color: #000;
    font-weight: 700;
    background: #D3D3D3;
    padding: 10px 50px;
    border-radius: 50px 50px;
    margin: 0 15px 0 0;
}
#kt_content_container .aba-area .chk-box p {
    margin: 0;
    color: #888;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
}
.e-sign .card-body .vid-area video {
    height: auto;
    border-radius: 15px 15px;
}
.e-sign .card-body .acc-block {
    margin: 0;
    border: 1px solid #072D76;
    padding: 20px 15px;
    background: #F6F9FF;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    border-radius: 15px 15px;
    margin: 0 0 2rem;
}
.e-sign  .card-body .acc-block .ap-area p {
    text-align: left;
    display: flex;
    align-items: flex-start;
    margin: 0 0 15px;
}
.e-sign .card-body .acc-block .ap-area p img {
    margin: 0 10px 0 0;
}
.e-sign .card-body .acc-block ul {
    display: flex;
    justify-content: flex-start;
    padding: 0 0 0 45px;
}
.e-sign .card-body .acc-block ul li {
    padding: 0;
    margin: 0 10px 0 0;
}
.e-sign .card-body .acc-block ul li .p-btn {
    background: rgba(225, 223, 223, 1);
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    padding: 10px 15px;
    border-radius: 50px 50px;
    color: #000;
}
.e-sign .card-body .d-text {
    text-align: left;
    margin: 0 0 2rem;
}
.e-sign .card-body .d-text h3 {
    font-size: 28px;
    line-height: 30px;
    font-weight: 700;
    margin: 0 0 15px;
    color: #000;
}
.e-sign .card-body .d-text p {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    margin: 0;
    color: #000;
}
.e-sign .card-body h4 {
    text-align: left;
    margin: 0 0 10px;
    font-size: 18px;
    line-height: 20px;
    color: #000;
    font-weight: 600;
}
.e-sign .card-body .bos {
    padding: 25px 10px;
    background: rgba(0, 162, 93, 1);
    border-radius: 5px 5px;
    height: 100%;
}
.e-sign .card-body .bos .img-hold {
    border-radius: 100%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(237, 255, 247, 1);
    margin: 0 auto 10px;
}
.e-sign .card-body .bos h4 {
    text-align: center;
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    margin: 0 0 10px;
}
.e-sign .card-body .bos p {
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    margin: 0;
}
.e-sign .card-body .block p {
    font-size: 14px;
    line-height: 16px;
    color: #000;
    font-weight: 400;
    margin: 0 0 15px;
    text-align: left;
}
.e-sign .card-body .block h5 {
    font-family: 16px;
    line-height: 18px;
    color: #000;
    font-weight: 600;
    margin: 0 0 10px;
    text-align: left;
}
.e-sign .card-body .block h6 {
    font-family: 16px;
    line-height: 18px;
    color: #000;
    font-weight: 600;
    margin: 0;
    text-align: left;
}
.en-sign .card-body .s-btn {
    background: rgba(0, 162, 93, 1);
    font-size: 12px;
    color: #fff;
    border-radius: 5px 5px;
    padding: 13px 25px;
}
.en-sign .card-body .es-bar .e-box {
    display: flex;
    align-items: center;
}
.en-sign .card-body .es-bar .e-box .t-bar {
    padding: 0 0 0 20px;
    width: 100%;
}
.en-sign .card-body .es-bar .e-box .t-bar .x-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.en-sign .card-body .es-bar .e-box .t-bar h3 {
    font-size: 24px;
    line-height: 26px;
    color: #000;
    font-weight: 500;
    margin: 0 0 10px;
}
.en-sign .card-body .es-bar .e-box .t-bar p {
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
    color: #000;
}
.en-sign .card-body {
    padding: 1.5rem 1.5rem;
}
.en-sign .card-body .es-bar {
    padding: 20px 20px;
    border: 1px solid rgba(208, 208, 208, 1);
    border-radius: 15px 15px;
}
.en-sign .card-body .es-bar ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.en-sign .card-body .es-bar ul li .c-btn {
    background: rgba(7, 45, 118, 1);
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    font-weight: 500;
    padding: 10px 10px;
    border-radius: 5px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.en-sign .card-body .es-bar ul li .c-btn img {
    margin: 0 5px 0 0;
}
.en-sign .card-body .es-bar ul li .a-btn {
    background: rgba(220, 255, 211, 1);
    font-size: 12px;
    line-height: 14px;
    color: rgba(0, 162, 93, 1);
    font-weight: 500;
    padding: 10px 10px;
    border-radius: 5px 5px;
    border: 1px dashed rgba(197, 197, 197, 1) !important;
}
.en-sign .card-body .es-bar ul li .v-btn {
    background: #fff;
    font-size: 12px;
    line-height: 14px;
    color: rgba(0, 0, 0, 1);
    font-weight: 500;
    padding: 10px 10px 10px 10px;
    border-radius: 5px 5px;
    border: 1px dashed rgba(197, 197, 197, 1) !important;
}
.en-sign .card-body .es-bar ul li .v-btn img {
    margin: 0 5px 0 0;
}
.en-sign .card-body .es-bar ul li .t-box {
    background: rgba(245, 245, 245, 1);
    border-radius: 5px 5px;
    padding: 10px 10px;
    text-align: center;
}
.en-sign .card-body .es-bar ul li .t-box h3 {
    color: rgba(0, 0, 0, 1);
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    margin: 0 0 8px;
}
.en-sign .card-body .es-bar ul li .t-box h3 img {
    margin: 0 5px 0 0;
}
.en-sign .card-body .es-bar ul li .t-box p {
    color: rgba(0, 0, 0, 1);
    font-size: 14px;
    line-height: 16px;
    font-weight: 300;
    margin: 0;
}
.en-sign .card-body .es-bar ul li {
    margin: 0 10px 0 0;
}
.en-sign .card-body .es-bar ul li:last-child {
    margin: 0;
}
.en-sign .card-body .add-btn {
    background: rgba(7, 45, 118, 1);
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    font-weight: 600;
    padding: 15px 20px;
    border-radius: 50px 50px;
    margin: 0 0 10px;
    float: right;
}
.en-sign .card-body .u-area ul li {
    width: 40%;
}
.en-sign .card-body .u-area ul li:first-child {
    width: 60%;
}
.en-sign .card-body .u-area ul li .t-box p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 0 0 7px;
}
.en-sign .card-body .u-area ul li .t-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.en-sign .card-body .u-area ul li .t-box h3 {
    margin: 0;
    display: flex;
    align-items: center;
}
.en-sign .card-body .es-bar .t-nbar {
    justify-content: flex-end;
    z-index: 1;
    position: relative;
}
.en-sign .card-body .es-bar .e-box {
    display: flex;
    align-items: center;
    margin: 0;
}
#kt_content_container .es-bar .img-hold img {
    width: 100px;
    height: 100px;
    border-radius: 5px 5px;
    box-shadow: 0 0 5px #0000001a;
}
.en-sign .card-body .suu-area {
    text-align: center;
    padding: 30px 0;
}
.en-sign .card-body .suu-area .img-area {
    margin: 0 0 30px;
}
.en-sign .card-body .suu-area .img-bar {
    margin: 0 0 25px;
}
.en-sign .card-body .suu-area h5 {
    font-size: 28px;
    line-height: 30px;
    font-weight: 600;
    color: #000;
    margin: 0 0 15px;
}
.en-sign .card-body .suu-area p {
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
    color: rgba(126, 126, 126, 1);
    margin: 0;
}
.vn-btn {
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    border-radius: 5px;
    background: #00A25D;
}
.vn-btn:hover {
    background: #00A25D !important;
    color: #fff !important;
}
#kt_content .cnote-page .card-body .n-box {
    display: flex;
    align-items: center;
}
#kt_content .cnote-page .card-body .n-box .nt-box {
    display: flex;
    align-items: center;
}
#kt_content .cnote-page .card-body {
    padding: 1rem 1rem;
}
#kt_content .cnote-page .card-body .n-box .img-box {
    margin: 0 15px 0 0;
    width: 35px;
    height: 35px;
}
#kt_content .cnote-page .card-body .n-box .img-box img {
    border-radius: 100%;
}
#kt_content .cnote-page .card-body .n-box .nt-box h3 {
    font-size: 20px;
    line-height: 22px;
    margin: 0 10px 0 0;
    color: #000;
    font-weight: 500;
}
#kt_content .cnote-page .card-body .n-box .nt-box span {
    color: #646464;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    margin: 0;
}
#kt_content .cnote-page .card-body .btn-bar ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
#kt_content .cnote-page .card-body .btn-bar ul li .e-btn {
    color: #0F0F0F;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    padding: 8px 15px;
    border-radius: 5px;
    border: 1px solid #C5C5C5;
    display: flex;
    align-items: center;
}
#kt_content .cnote-page .card-body .btn-bar ul li {
    margin: 0 7px 0 0;
}
#kt_content .cnote-page .card-body .btn-bar ul li:last-child {
    margin: 0;
}
#kt_content .cnote-page .card-body .btn-bar ul li img {
    margin: 0 7px 0 0;
}
#kt_content .cnote-page .card-body .btn-bar ul li .d-btn {
    color: #D75252;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    padding: 8px 15px;
    border-radius: 5px;
    border: 1px solid #C5C5C5;
    display: flex;
    align-items: center;
}
#kt_content .cnote-page .card-body .lt-bar p {
    color: #646464;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin: 0;
}
#deletModal .modal-content .modal-header {
    border: 0;
    padding: 1rem 1rem;
}
#deletModal .modal-content .modal-body {
    text-align: center;
    padding: 1rem 1rem;
}
#deletModal .modal-content .modal-body .img-hold {
    margin: 0 0 15px;
}
#deletModal .modal-content .modal-body .dt-text h2 {
    color: #000;
    font-size: 24px;
    font-weight: 500;
    line-height: 26px;
    margin: 0 0 10px;
}
#deletModal .modal-content .modal-body .dt-text p {
    color: #000;
    font-size: 16px;
    font-weight: 300;
    line-height: 18px;
    margin: 0;
}
#deletModal .modal-content .modal-footer {
    border: 0;
    padding: 0 0 1rem;
    justify-content: center;
}
#deletModal .modal-content .modal-footer .d-btn {
    border-radius: 5px;
    background: #00A25D;
    padding: 7px 20px;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
}
#deletModal .modal-content .modal-footer .c-btn {
    border-radius: 5px;
    background: #DADADA;
    padding: 7px 20px;
    color: #000;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
}
#deletModal .modal-content .modal-header .btn-close {
    background: transparent url(/assets/business/home/images/icon67.png) no-repeat top 15px right 15px;
    opacity: 1;
    background-size: 50%;
}

#editModal .modal-content .modal-header .btn-close {
    background: transparent url(/assets/business/home/images/icon67.png) no-repeat top 15px right 15px;
    opacity: 1;
    background-size: 50%;
}
#editModal .modal-content .modal-footer .d-btn {
    border-radius: 5px;
    background: #00A25D;
    padding: 7px 20px;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
}
#editModal .modal-content .modal-header {
    border: 0;
    padding: 1rem 1rem;
}
#editModal .modal-content .modal-footer {
    border: 0;
    padding: 0 0 1rem;
    justify-content: center;
}
#editModal .modal-content .modal-footer .s-btn {
    border-radius: 5px;
    background: #00A25D;
    padding: 7px 20px;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    margin: 0 7px 0 0;
}
#noteModal .modal-content .modal-footer .c-btn {
    border-radius: 5px;
    background: rgba(218, 218, 218, 1);
    padding: 7px 20px;
    color: #000;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
}
#editModal .modal-content .modal-footer .c-btn {
    border-radius: 5px;
    background: rgba(218, 218, 218, 1);
    padding: 7px 20px;
    color: #000;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
}
#editModal .modal-content .modal-body .dt-text h2 {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    margin: 0 0 25px;
}
#editModal .modal-content .modal-body .dt-text textarea {
    width: 100%;
    padding: 15px 15px;
    border-radius: 10px;
    border: 1px solid #D0D0D0;
    background: #FFF;
    color: #000;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
}
#editModal .modal-content .modal-body {
    padding: 1rem 1rem;
}
#kt_content .cnote-page .an-btn {
    border-radius: 5px;
    background: #00A25D;
    color: #FFF;
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    padding: 10px 10px;
}
#kt_content .cnote-page .an-btn img {
    margin: 0 7px 0 0;
}
#noteModal .modal-content .modal-header .btn-close {
    background: transparent url(/assets/business/home/images/icon67.png) no-repeat top 15px right 15px;
    opacity: 1;
    background-size: 50%;
}
#noteModal .modal-content .modal-footer .d-btn {
    border-radius: 5px;
    background: #00A25D;
    padding: 7px 20px;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
}
#noteModal .modal-content .modal-header {
    border: 0;
    padding: 1rem 1rem;
}
#noteModal .modal-content .modal-footer {
    border: 0;
    padding: 0 0 1rem;
    justify-content: center;
}
#noteModal .modal-content .modal-footer .s-btn {
    border-radius: 5px;
    background: #00A25D;
    padding: 7px 20px;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
}
#noteModal .modal-content .modal-body .dt-text h2 {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    margin: 0 0 25px;
}
#noteModal .modal-content .modal-body .dt-text textarea {
    width: 100%;
    padding: 15px 15px;
    border-radius: 10px;
    border: 1px solid #D0D0D0;
    background: #FFF;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}
#noteModal .modal-content .modal-body {
    padding: 1rem 1rem;
}
.doc-page .noo-bor {
    border-bottom: 1px solid #E0E0E0;
}
.doc-page .custom-file label {
    display: flex;
    align-items: center;
    flex-direction: column;
    color: #6A6A6A;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    padding: 0.9rem 0;
}
.doc-page .custom-file label img {
    margin: 0 0 5px;
}
.doc-page .custom-file{
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 10px 10px 10px;
    display: flex;
    justify-content: center;
    border-radius: 5px 5px;
    background: #F0F0F0;
    flex-direction: column;
}
.doc-page .up-box form .block {
    border-radius: 10px;
    border: 1px dashed #999;
    background: #FFF;
    padding: 7px 7px;
    width: 75%;
}
.doc-page .custom-file-input{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    cursor:pointer;
    opacity:0;
    z-index:100;
}
.doc-page .custom-file img {
    display:inline-block;
    vertical-align:middle;
    margin-right:5px;
}
.doc-page ul.file-list {
    list-style: none;
    padding:0;
    border-radius: 0 0 5px 5px;
    background: #F0F0F0;
    text-align: center;
    margin: 0;
}
.doc-page ul.file-list li{
    border-bottom:0;
    padding: 5px 5px 5px;
}
.doc-page .remove-list{
    cursor:pointer;
    margin-left:10px;
}
.doc-page .up-box {
    background: #fff;
    padding: 10px 12px;
    border-radius: 7px 7px;
}
.doc-page .up-box h2 {
    color: #072D76;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 12px;
}
.doc-page .up-box p {
    color: #828282;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    margin: 0 0 0 10px;
}
.doc-page .up-box form {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}
.doc-page .up-box button {
    width: 20%;
    background: #072D76;
    border-radius: 50px 50px;
    padding: 12px 12px;
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
}
#staticBackdrop .modal-body .up-box h2 {
    color: #072D76;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    margin: 0 0 7px;
}
#staticBackdrop .modal-body .up-box p {
    color: #828282;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    text-align: center;
}
#staticBackdrop .modal-body .up-box form .block {
    border-radius: 10px;
    border: 1px dashed #999;
    background: #FFF;
    padding: 7px 7px;
    width: 100%;
}
#staticBackdrop .modal-body .custom-file {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 10px 10px 10px;
    display: flex;
    justify-content: center;
    border-radius: 5px 5px;
    background: #F0F0F0;
    flex-direction: column;
}
#staticBackdrop .modal-body .custom-file label {
    display: flex;
    align-items: center;
    flex-direction: column;
    color: #6A6A6A;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    padding: 0.9rem 0;
}
#staticBackdrop .modal-body .custom-file label img {
    margin: 0 0 5px;
}
#staticBackdrop .modal-body .custom-file-input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    z-index: 100;
}
#staticBackdrop .modal-footer {
    padding: 0;
    justify-content: center;
    padding: 0 0 10px;
    border: 0;
}
#staticBackdrop .modal-footer .sub-btn {
    border-radius: 50px;
    background: #072D76;
    padding: 10px 40px;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
}
#staticBackdrop .modal-footer .c-btn {
    border-radius: 50px;
    background: #D3D3D3;
    padding: 10px 40px;
    color: #000;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
}
#staticBackdrop .btn-close {
    background: url(/assets/business/home/images/icon67.png) no-repeat;
    width: 10px;
    height: 10px;
    background-size: 100%;
    opacity: 1;
    position: absolute;
    left: auto;
    right: 15px;
    top: 10px;
}
.view-cus-page .doc-btn.btn {
    /* padding: 8px 10px; */
    border-radius: 5px;
    background: #00A25D;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    /* margin: 0 0 0 1rem; */
}
.view-cus-page .doc-btn.btn i {
    font-size: 14px;
    line-height: 16px;
    color: #fff;
}
.view-cus-page .doc-btn.btn span {
    display: flex;
    align-items: center;
}
.view-cus-page .bot-area {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.view-cus-page .bot-area li {
    text-align: center;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.view-cus-page .bot-area li:last-child {
    width: 100%;
    padding: 15px 10px;
    background: #F5F5F5;
    justify-content: space-between;
    border-radius: 5px 5px;
}
.view-cus-page .bot-area li span {
    font-size: 16px;
    line-height: 18px;
}
.view-cus-page .bot-area li p {
    margin: 0;
    font-size: 11px;
    line-height: 14px;
    font-weight: 300;
}
.view-cus-page .bot-area li h3 {
    margin: 0;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
}
.view-cus-page .res-doc {
    display: none;
}

#kt_content .p-task {
    background: #fff;
    border: 1.5px solid #00A25D;
    padding: 20px 20px;
    border-radius: 10px 10px;
    margin: 0 0 20px;
}
#kt_content .p-task h3 {
    color: #000;
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    margin: 0 0 12px;
    display: flex;
    align-items: center;
}
#kt_content .p-task h3 img {
    margin: 0 7px 0 0;
}
#kt_content .p-task ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
#kt_content .p-task ul li {
    color: #000;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    margin: 0 0 12px;
}
#kt_content .p-task ul li img{
    margin: 0 7px 0 0;
}
#kt_content .p-task ul li a {
    color: #072D76;
    text-decoration: underline;
    font-weight: 400;
    margin: 0 0 0 5px;
}

/* document page style start */

#kt_content .fold-block {
    margin: 0 0 25px;
}
#kt_content .fold-block .f-box {
    background: #F0F5FF;
    border-radius: 15px 15px;
    padding: 15px 25px;
}
#kt_content .fold-block .f-box a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#kt_content .fold-block .f-box a h3 {
    color: #000;
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    margin: 0;
}
#kt_content .fold-block .f-box a h3 i {
    color: #00A25D;
    font-size: 16px;
    line-height: 18px;
    margin: 0 10px 0 0;
}
#kt_content .fold-block .f-box a span i {
    color: #1C274C;
}
#kt_content .fold-block nav {
    margin: 0 0 25px;
}
#kt_content .fold-block nav .breadcrumb li button {
    background: #E6E6E6;
    border-radius: 5px 5px;
    padding: 5px 10px;
    color: #231F20;
    font-size: 12px;
    font-weight: 400;
    border: 0;
}
#kt_content .fold-block nav .breadcrumb li button i {
    color: #231F20;
}
#kt_content .fold-block nav .breadcrumb li {
    margin: 0 20px 0 0;
    position: relative;
}
#kt_content .fold-block nav .breadcrumb li:last-child {
    margin: 0;
}
#kt_content .fold-block nav .breadcrumb li:first-child:after {
    display: none;
}
#kt_content .fold-block nav .breadcrumb li:after {
    content: "";
    position: absolute;
    background: url(../profile_pic/back.svg) no-repeat center center;
    left: auto;
    right: -10px;
    width: 8px;
    height: 8px;
}
#kt_content .fold-block nav .breadcrumb li a {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
}
#kt_content .fold-block nav .breadcrumb li {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
}
#kt_content .fold-block .th-btn ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    align-items: center;
    justify-content: flex-end;
}
#kt_content .fold-block .th-btn ul li {
    margin: 0 10px 0 0;
}
#kt_content .fold-block .th-btn ul li:last-child {
    margin: 0;
}
#kt_content .fold-block .th-btn ul li button img {
    margin: 0 5px 0 0;
}
#kt_content .fold-block .th-btn ul li .m-btn {
    background: #00A25D;
    border-radius: 5px 5px;
    padding: 10px 10px;
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    display: flex;
    align-items: center;
}
#kt_content .fold-block .th-btn ul li .c-btn {
    border: 1px solid #00A25D;
    border-radius: 5px 5px;
    padding: 10px 10px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    display: flex;
    align-items: center;
}
#kt_content .fold-block .th-btn ul li .se-btn {
    background: #E5E5E5;
    border-radius: 5px 5px;
    padding: 10px 10px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    display: flex;
    align-items: center;
}
#kt_content .fold-block .th-btn {
    margin: 0 0 15px;
}
#foldModal .modal-body .img-hold {
    text-align: center;
    margin: 0 0 30px;
}
#foldModal .modal-body h2 {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    margin: 0 0 20px;
    text-align: center;
}
#foldModal .modal-body form label {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 10px;
}
#foldModal .modal-body form input {
    width: 100%;
    padding: 15px 15px;
    border-radius: 10px;
    border: 1px solid #D0D0D0;
    background: #FFF;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    border-radius: 3px 3px;
    margin: 0 0 10px;
}
#foldModal .modal-body form .cr-btn {
    background: #072D76;
    border-radius: 50px 50px;
    padding: 10px 30px;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    display: flex;
    margin: 0 auto;
}
#foldModal .modal-content .modal-header button {
    background: url(../profile_pic/icon37.png) no-repeat 1vmin;
    opacity: 1 !important;
    background-size: 50% !important;
}
#foldModal .modal-content .modal-header {
    border: 0;
    padding: 1.5rem 1.5rem;
}

#moveModal .modal-body .img-hold {
    text-align: center;
    margin: 0 0 30px;
}
#moveModal .modal-body h2 {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    margin: 0 0 20px;
    text-align: center;
}
#moveModal .modal-body form h3 {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 10px;
}
#moveModal .modal-content .modal-header button {
    background: url(../profile_pic/icon37.png) no-repeat 1vmin;
    opacity: 1 !important;
    background-size: 50% !important;
}
#moveModal .modal-content .modal-header {
    border: 0;
    padding: 1.5rem 1.5rem;
}

#moveModal .custom-select-wrapper {
    position: relative;
    width: 100%;
}
#moveModal .custom-select {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    width: 100%;
    padding: 15px 15px;
    border-radius: 10px;
    border: 1px solid #D0D0D0;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    border-radius: 3px 3px;
    margin: 0 0 10px;
}
#moveModal .custom-select img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 10px;
}
#moveModal .options {
    display: none;
    position: absolute;
    top: 110%;
    left: 0;
    width: 100%;
    border: 1px solid #D0D0D0;
    background: #fff;
    z-index: 10;
}
#moveModal .option {
    display: flex;
    align-items: center;
    padding: 10px;
    cursor: pointer;
    font-size: 12px;
    line-height: 14px;
}
#moveModal .option img {
    margin: 0 10px 0 0;
}
#moveModal .option:hover {
    background: #f0f0f0;
}
.ques-view#kt_content .doc-btn {
    background: #00A25D;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
}
.ques-view#kt_content .doc-btn i {
    color: #fff;
}
.ques-view .que-detail h2 {
    font-size: 18px;
    line-height: 20px;
    color: #000;
    font-weight: 600;
    margin: 0 0 10px;
}
.ques-view .que-detail p {
    font-size: 16px;
    line-height: 22px;
    color: #000;
    font-weight: 400;
    margin: 0 0 10px;
}
.ques-view .que-detail span {
    font-size: 14px;
    line-height: 16px;
    color: #818181;
    font-weight: 400;
}

/* services page start */

.ser-page .th-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ser-page .th-btn .ar-btn {
    background: #E6E6E6;
    border-radius: 5px 5px;
    padding: 5px 10px;
    color: #231F20;
    font-size: 12px;
    font-weight: 400;
    border: 0;
}
.ser-page .th-btn ul {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    justify-content: flex-end;
}
.ser-page .th-btn ul li {
    margin: 0 10px 0 0;
}
.ser-page .th-btn ul li:last-child {
    margin: 0;
}
.ser-page .th-btn ul li .ed-btn {
    background: #00A25D;
    padding: 10px 25px;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    font-weight: 600;
}
.ser-page .th-btn ul li .ds-btn {
    background: #00A25D;
    padding: 10px 25px;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    font-weight: 600;
}
.ser-page .ser-detail ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.ser-page .ser-detail ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    padding: 10px 15px;
    margin: 0 0 10px;
    border-radius: 5px 5px;
}
.ser-page .ser-detail ul li h2 .img-hold {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background: #EBFFF7;
    margin: 0 15px 0 0;
    border-radius: 100%;
}
.ser-page .ser-detail ul li h2 {
    display: flex;
    align-items: center;
    margin: 0;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    font-weight: 500;
}
.ser-page .ser-detail ul li p {
    margin: 0;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    font-weight: 300;
}
.ser-page .ser-detail .sec-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.ser-page .ser-detail .sec-area li {
    width: 49%;
}
.ser-page .que-area h2 {
    font-size: 16px;
    line-height: 18px;
    color: #000;
    font-weight: 600;
    margin: 0 0 15px;
}
.ser-page .que-area .form-select {
    border-radius: 5px 5px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 300;
    color: #000;
    padding: 15px 15px;
    border: 0;
}
.ques-view .des-area ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
}
.ques-view .des-area ul li {
    margin: 0 10px 0 0;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    font-weight: 400;
    padding: 10px 30px;
    border: 1px solid #00A25D;
    border-radius: 5px 5px;
    background: #F6FFFB;

}
.ques-view .des-area ul li i {
    color: #00A25D;
}
.ques-view .des-area ul li:last-child {
    margin: 0;
}


/* search resulat page start  */

.serch-area .ser-bar input {
    border: 1px solid #B9B9B9;
    padding: 12px 10px 12px 50px;
    background: #fff url(../profile_pic/search.svg) no-repeat left 15px center;
}
.serch-area .ser-bar {
    border-bottom: 1px solid #D0D0D0;
    margin: 0 0 15px;
}
.serch-area .th-btn ul li button {
    border: 0;
    background: #E8E8E8;
    border-radius: 5px 5px;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    font-weight: 600;
    padding: 10px 20px;
}
.serch-area .th-btn ul li button.active {
    background: #00A25D;
    color: #fff;
}
.serch-area .th-btn ul li button:hover {
    background: #00A25D;
    color: #fff;
}
.serch-area .block .menu {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 60%;
    flex-direction: column;
}
.serch-area .block .menu li {
    background: transparent;
    margin-bottom: 4px;
    cursor: pointer;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    margin: 0 0 15px;
}
.serch-area .block .menu li h2 {
    color: #000;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    margin: 0 0 10px;
}
.serch-area .block .menu li h2 span {
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    margin: 0 0 0 10px;
}
.serch-area .block .sidebars {
    width: 40%;
    position: relative;
}
.serch-area .block .sidebar {
    display: none;
    background: #fff;
    padding: 15px 15px;
    border-radius: 10px 10px;
    margin: 0;
    position: absolute;
    top: 16rem;
    left: 0;
    right: auto;
    width: 100%;
    max-height: 400px;
    overflow-y: auto;
}
#scrollBox {
    position: fixed;
    right: 14rem;
    top: 0;
    padding: 15px;
    transition: top 0.3s ease;
    width: 30%;
    z-index: 99;
}
.serch-area .block {
    position: relative;
    display: flex;
    width: 100%;
}
.serch-area .block .menu li .s-bo {
    display: flex;
    align-items: center;
    box-shadow: 0 0 10px #00000010;
    background: #fff;
    padding: 15px 15px;
    border-radius: 10px 10px;
    width: 100%;
}
.serch-area .block .menu li .s-bo h2 {
    margin: 0;
    font-size: 18px;
    line-height: 20px;
    color: #000;
    font-weight: 600;
    display: flex;
    align-items: center;
    width: 33.33%;
}
.serch-area .block .menu li .s-bo h2 span {
    font-size: 18px;
    line-height: 20px;
    color: #000;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
}
.serch-area .block .menu li .s-bo h2 img {
    margin: 0 15px 0 0;
}
.serch-area .block .menu li .s-bo p {
    font-size: 16px;
    line-height: 18px;
    color: #000;
    font-weight: 300;
    display: flex;
    align-items: center;
    width: 33.33%;
}
.serch-area .block .menu li .s-bo p img {
    margin: 0 15px 0 0;
}
.serch-area .block .sidebar .side-box h3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.serch-area .block .sidebar .side-box h3 .vd-btn {
    border: 0;
    background: #00A25D;
    border-radius: 5px 5px;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    font-weight: 600;
    padding: 10px 15px;
}
.serch-area .block .sidebar .side-box h3 .vd-btn:hover {
    opacity: 0.8;
}
.serch-area .block .sidebar .side-box h3 {
    color: #000;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    margin: 0 0 15px;
}
.serch-area .block .sidebar .side-box ul {
    list-style: none;
    padding: 0;
    margin: 0 0 15px;
}
.serch-area .block .sidebar .side-box ul li {
    margin: 0 0 10px;
    padding: 10px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 0 10px #00000010;
}
.serch-area .block .sidebar .side-box ul li:last-child {
    margin: 0;
}
.serch-area .block .sidebar .side-box ul li h4 {
    color: #000;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    margin: 0;
}
.serch-area .block .sidebar .side-box ul li h4 img {
    margin: 0 7px 0 0;
}
.serch-area .block .sidebar .side-box ul li span {
    color: #000;
    font-size: 14px;
    line-height: 16px;
    font-weight: 300;
}
.serch-area .block .sidebar .side-box .d-detail h3 {
    color: #000;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    margin: 0 0 15px;
}
.serch-area .block .sidebar .side-box .d-detail .card {
    box-shadow: 0 0 10px #00000010;
}
.serch-area .block .sidebar .side-box .d-detail .card h3 {
    font-size: 14px;
    line-height: 16px;
    font-weight: 300;
}
.serch-area .block .sidebar .side-box .not-bar {
    padding: 15px 15px;
    background: #fff;
    box-shadow: 0 0 10px #00000010;
}
.serch-area .block .sidebar .side-box .not-bar span {
    color: #646464;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    margin: 0 0 10px;
}
.serch-area .block .sidebar .side-box .not-bar p {
    color: #000;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    margin: 0;
}
.modal.sidebar .side-box h3 {
    color: #000;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    margin: 0 0 15px;
}
.modal.sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0 0 15px;
}
.modal.sidebar ul li {
    margin: 0 0 10px;
    padding: 10px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 0 10px #00000010;
}
.modal.sidebar ul li:last-child {
    margin: 0;
}
.modal.sidebar ul li h4 {
    color: #000;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    margin: 0;
}
.modal.sidebar ul li p {
    margin: 0;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    font-weight: 300;
}
.modal.sidebar ul li h4 img {
    margin: 0 7px 0 0;
}
.modal.sidebar ul li span {
    color: #000;
    font-size: 14px;
    line-height: 16px;
    font-weight: 300;
}
.modal.sidebar .d-detail h3 {
    color: #000;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    margin: 0 0 15px;
}
.modal.sidebar .d-detail .card {
    box-shadow: 0 0 10px #00000010;
}
.modal.sidebar .d-detail .card h3 {
    font-size: 14px;
    line-height: 16px;
    font-weight: 300;
}
.modal.sidebar .not-bar {
    padding: 15px 15px;
    background: #fff;
    box-shadow: 0 0 10px #00000010;
}
.modal.sidebar .not-bar span {
    color: #646464;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    margin: 0 0 10px;
}
.modal.sidebar .not-bar p {
    color: #000;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    margin: 0;
}
.modal.sidebar .modal-header {
    border: 0;
    padding: 10px 10px;
    color: #000;
    font-size: 20px;
}
.modal.sidebar .modal-header button i {
    color: #000;
    font-size: 20px;
    margin: 0 0 0 -15px;
}
.v-in-page table tr td .rec-text {
    background: #EFE6FF;
    border-radius: 5px 5px;
    padding: 12px 10px;
    color: #7456BA;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}
.v-in-page table tr td .rec-text img {
    margin: 0 5px 0 0;
}
.v-in-page table tr td .ti-text {
    background: #DDF0FF;
    border-radius: 5px 5px;
    padding: 12px 10px;
    color: #489ADA;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}
.v-in-page table tr td .ti-text img {
    margin: 0 5px 0 0;
}
.his-area .card.last-bar .block {
    margin: 0 0 30px;
}

#kt_aside.aside {
    width: 80px;
}
.aside-menu .menu>.menu-item>.menu-link .menu-icon {
    width: 28px;
    height: 28px;
    opacity: 0.6;
    margin: 0;
}

#kt_content .noti-page .boxs {
    padding: 25px 25px;
    background: #fff;
    border-radius: 10px 10px;
    box-shadow: 0 0 10px #00000010;
}
#kt_content .noti-page .boxs .nav {
    background: rgba(234, 239, 245, 1);
    padding: 7px 7px;
    border-radius: 10px 10px;
}
#kt_content .noti-page .boxs .nav li {
    width: 33.33%;
    margin: 0;
}
#kt_content .noti-page .boxs .nav li button {
    width: 100%;
    border-radius: 10px 10px;
    font-size: 16px;
    line-height: 18px;
    color: rgba(7, 45, 118, 1);
    padding: 12px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#kt_content .noti-page .boxs .nav li button.active {
    background: #fff;
}
#kt_content .noti-page .boxs .nav li button img {
    margin: 0 5px 0 0;
    color: rgba(7, 45, 118, 1);
    font-size: 20px;
    line-height: 22px;
}
#kt_content .noti-page .boxs .tab-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#kt_content .noti-page .boxs .tab-content ul li {
    border-bottom: 1px solid rgba(173, 170, 170, 1);
    margin: 0 0 15px;
}
#kt_content .noti-page .boxs .tab-content ul li h2 {
    color: #000;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    margin: 0 0 20px;
}
#kt_content .noti-page .boxs .tab-content ul li .detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 15px;
}
#kt_content .noti-page .boxs .tab-content ul li .detail input[type=checkbox]{
	height: 0;
	width: 0;
	visibility: hidden;
}
#kt_content .noti-page .boxs .tab-content ul li .detail label {
	cursor: pointer;
	text-indent: -9999px;
	width: 45px;
	height: 25px;
	background: rgba(183, 183, 183, 1);
	display: block;
	border-radius: 100px;
	position: relative;
}
#kt_content .noti-page .boxs .tab-content ul li .detail label:after {
	content: '';
	position: absolute;
	top: 4px;
	left: 4px;
	width: 16px;
	height: 16px;
	background: #fff;
	border-radius: 90px;
	transition: 0.3s;
}
#kt_content .noti-page .boxs .tab-content ul li .detail input:checked + label {
	background: rgba(0, 168, 84, 1);
}
#kt_content .noti-page .boxs .tab-content ul li .detail input:checked + label:after {
	left: calc(100% - 5px);
	transform: translateX(-100%);
}
#kt_content .noti-page .boxs .tab-content ul li .detail label:active:after {
	width: 45px;
}
#kt_content .noti-page .boxs .tab-content ul li .detail h4 {
    color: rgba(0, 0, 0, 1);
    font-size: 15px;
    line-height: 17px;
    font-weight: 400;
    margin: 0;
    display: flex;
    align-items: center;
}
#kt_content .noti-page .boxs .tab-content ul li .detail h4 img {
    margin: 0 7px 0 0;
}
#kt_aside .menu-item .menu-sub-dropdown .menu-item {
    margin: 0;
}

.aside-menu .menu>.menu-item.here>.menu-link .menu-icon,
.aside-menu .menu>.menu-item.here>.menu-link .menu-icon .svg-icon,
.aside-menu .menu>.menu-item.here>.menu-link .menu-icon i {
    color: #fff !important;
}
.menu-state-title-primary .menu-item.here>.menu-link {
    background: rgba(255, 255, 255, 0.1) !important;
}
.aside-menu .menu>.menu-item.show>.menu-link .menu-icon,
.aside-menu .menu>.menu-item.show>.menu-link .menu-icon .svg-icon,
.aside-menu .menu>.menu-item.show>.menu-link .menu-icon i {
    color: #fff !important;
}

/* Task popup model */

#popupModal .modal-dialog {
    width: 100%;
    max-width: 1200px;
}
#popupModal .modal-dialog .modal-body .dropdown .ip-btn {
    background: rgba(242, 242, 242, 1);
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    color: rgba(60, 60, 60, 1);
    padding: 7px 15px;
    border-radius: 5px 5px;
}
#popupModal .modal-dialog .modal-body .dropdown .ip-btn:hover {
    background: rgb(0 162 93 / 68%);
    color: #fff;
}
#popupModal .modal-dialog .modal-body .dropdown .dropdown-menu li a {
    color: rgba(60, 60, 60, 1);
    font-size: 12px;
    line-height: 14px;
    font-weight: 300;
    padding: 10px 10px;
    border-left: 3px solid transparent;
}
#popupModal .modal-dialog .modal-body .dropdown .dropdown-menu li a span {
    display: block;
    margin: 5px 0 0;
}
#popupModal .modal-dialog .modal-body .dropdown .dropdown-menu li a.active {
    background: rgba(243, 247, 255, 1);
    border-left: 3px solid rgba(7, 45, 118, 1);
    color: rgba(7, 45, 118, 1);
}
#popupModal .modal-dialog .modal-body .list-area li p {
    margin: 0 0 5px;
}
#popupModal .modal-dialog .modal-body .dropdown .dropdown-menu li a:hover {
    background: rgba(243, 247, 255, 1);
    border-left: 3px solid rgba(7, 45, 118, 1);
    color: rgba(7, 45, 118, 1);
}
#popupModal .modal-dialog .modal-body .form-check.tp {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}
#popupModal .modal-dialog .modal-body .form-check.tp textarea {
    color: rgba(0, 0, 0, 1);
    font-size: 24px;
    line-height: 26px;
    font-weight: 700;
    margin: 0;
    border: 0;
    padding: 10px 0;
}
#popupModal .modal-dialog .modal-body .form-check.tp textarea:focus {
    border: 1px solid rgba(208, 208, 208, 1);
    padding: 10px 13px;
}
#popupModal .modal-dialog .modal-body .form-check.tp textarea::placeholder {
    color: rgba(0, 0, 0, 1);
}
#popupModal .modal-dialog .modal-body .list-area {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: flex-start;
}
#popupModal .modal-dialog .modal-body .list-area li {
    margin: 0 10px 0 0;
}
#popupModal .modal-dialog .modal-body .list-area li:last-child {
    margin: 0;
}
#popupModal .modal-dialog .modal-body .list-area li .dropdown button {
    display: flex;
    align-items: center;
}
#popupModal .modal-dialog .modal-body .list-area li .dropdown button img{
    margin: 0 5px 0 0;
}
#popupModal .modal-dialog .modal-body .list-area li .dropdown .dropdown-menu li {
    margin: 0;
}
#popupModal .modal-dialog .modal-body .list-area li .dropdown .pr-btn {
    background: none;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);;
    padding: 9px 12px 9px;
    border-radius: 5px 5px;
    border: 1px solid rgba(0, 0, 0, 1);
}
#popupModal .modal-dialog .modal-body .list-area li .dropdown .pr-btn:hover {
    background-color: rgba(232, 235, 238, 1);
    border-color: rgba(232, 235, 238, 1);
}
#popupModal .modal-dialog .modal-body .list-area li .event-area:hover {
    background-color: rgba(232, 235, 238, 1);
    border-color: rgba(232, 235, 238, 1);
}
#popupModal .modal-dialog .modal-body .list-area li .time-area:hover {
    background-color: rgba(232, 235, 238, 1);
    border-color: rgba(232, 235, 238, 1);
}
#popupModal .modal-dialog .modal-body .list-area .ass-area .select2-selection__rendered:hover {
    background-color: rgba(232, 235, 238, 1);
    border-color: rgba(232, 235, 238, 1);
}
#popupModal .modal-dialog .modal-body .list-area li .for-date {
    background: none;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    padding: 8px 12px;
    border-radius: 5px 5px;
    border: 1px solid rgba(0, 0, 0, 1);
    width: 100%;
}
#popupModal .modal-dialog .modal-body .list-area li .for-date::placeholder {
    color: rgba(0, 0, 0, 1);
    font-size: 13px;
    line-height: 14px;
    font-weight: 400;
}
#popupModal .modal-dialog .modal-body .list-area li .time-area {
    background: url(../profile_pic/time.svg) no-repeat center left 10px;
    padding: 9px 12px 9px 28px;
    max-width: 125px;
}
#popupModal .modal-dialog .modal-body .list-area li .event-area {
    background: url(../profile_pic/event.svg) no-repeat center left 10px;
    padding: 9px 12px 9px 28px;
    max-width: 135px;
}
#popupModal .modal-dialog .modal-body .list-area .ass-area {
    width: 130px;
}
#popupModal .modal-dialog .modal-body .list-area .ass-area .select2-selection__rendered {
    padding: 9px 12px 9px 28px;
    background: none;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    border-radius: 5px 5px;
    border: 1px solid rgba(0, 0, 0, 1);
    width: 100%;
    background: url(../profile_pic/use.svg) no-repeat center left 10px;
}
#popupModal .modal-dialog .modal-body .des-area h2 {
    display: flex;
    align-items: center;
    font-size: 18px;
    line-height: 20px;
    color: #000;
    font-weight: 400;
    margin: 0 0 10px;
}
#popupModal .modal-dialog .modal-body .des-area h2 img {
    margin: 0 7px 0 0;
}
#popupModal .modal-dialog .modal-body .des-area textarea {
    border: 1px solid rgba(208, 208, 208, 1);
    padding: 10px 10px;
    font-size: 12px;
    line-height: 14px;
    font-weight: 300;
    color: rgba(107, 107, 107, 1);
    margin: 0 0 8px;
    height: 50px;
}
#popupModal .modal-dialog .modal-body .des-area textarea.active {
    height: auto;
}
#popupModal .modal-dialog .modal-body .des-area .attachment-label {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    color: rgba(60, 60, 60, 1);
    background: rgba(242, 242, 242, 1);
    padding: 5px 10px;
    border-radius: 5px 5px;
    cursor: pointer;
}
#popupModal .modal-dialog .modal-body .des-area .attachment-label i {
      font-size: 16px;
}
#popupModal .modal-dialog .modal-body .des-area .file-upload {
    display: none;
}
#popupModal .modal-dialog .modal-body .des-area .add-btn {
    background: rgba(0, 162, 93, 1);
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    padding: 10px 20px;
    border-radius: 5px 5px;
    border: 0;
    margin: 0 0 5px auto;
    display: none;
}
#popupModal .modal-dialog .modal-body .des-area .add-btn:hover {
    background: rgba(0, 162, 93, 0.8);
}
#popupModal .modal-dialog .modal-body .des-area .add-btn.active {
    display: flex;
}
#popupModal .modal-dialog .modal-body .des-area .att-file h3 {
    font-size: 16px;
    line-height: 18px;
    color: rgba(107, 107, 107, 1);
    font-weight: 400;
    margin: 0 0 15px;
}
#popupModal .modal-dialog .modal-body .des-area .file-box {
    overflow-y: auto;
    max-height: 200px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#popupModal .modal-dialog .modal-body .des-area .att-file .box {
    display: flex;
    align-items: flex-end;
    padding: 15px 10px;
    background: rgba(239, 245, 255, 1);
    border-radius: 10px 10px;
    min-width: 280px;
    cursor: pointer;
}
#popupModal .modal-dialog .modal-body .des-area .att-file .box:hover {
    background: rgba(239, 245, 255, 0.5);
}
#popupModal .modal-dialog .modal-body .des-area .att-file .act-bnt {
    margin: 0 0 0 10px;
}
#popupModal .modal-dialog .modal-body .des-area .att-file .act-bnt button {
    padding: 0;
}
#popupModal .modal-dialog .modal-body .des-area .att-file .act-bnt button i {
    margin: 0;
    color: rgb(0 162 93);
}
#popupModal .modal-dialog .modal-body .des-area .att-file .act-bnt button i:hover {
    color: rgb(0 162 93 / 68%);
}
#popupModal .modal-dialog .modal-body .des-area .att-file .box .img-hold {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px 5px;
    background: rgba(223, 234, 255, 1);
    margin: 0 10px 0 0;
}
#popupModal .modal-dialog .modal-body .des-area .att-file .box .text-box h5{
    font-size: 12px;
    line-height: 14px;
    color: #000;
    font-weight: 400;
    margin: 0 0 5px;
}
#popupModal .modal-dialog .modal-body .des-area .att-file .box .text-box h4{
    font-size: 12px;
    line-height: 14px;
    color: #000;
    font-weight: 400;
    margin: 0;
}
#popupModal .modal-dialog .modal-body .com-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 20px;
}
#popupModal .modal-dialog .modal-body .com-bar h2 {
    margin: 0;
    font-size: 16px;
    line-height: 18px;
    display: flex;
    align-items: center;
    color: #000;
    font-weight: 500;
}
#popupModal .modal-dialog .modal-body .com-bar h2 img {
    margin: 0 10px 0 0;
}
#popupModal .modal-dialog .modal-body .com-bar .hd-btn {
    background: rgba(232, 235, 238, 1);
    padding: 9px 15px;
    font-size: 12px;
    line-height: 14px;
    color: rgba(0, 0, 0, 1);
    font-weight: 400;
    border-radius: 5px 5px;
}
#popupModal .modal-dialog .modal-body .btn-close {
    background: url(../profile_pic/icon37.png) no-repeat center center;
    margin: 0 0 20px auto;
    display: flex;
    opacity: 1;
}
#popupModal .modal-dialog .modal-body .mess-area textarea {
    border: 1px solid rgba(208, 208, 208, 1);
    padding: 10px 10px;
    font-size: 12px;
    line-height: 14px;
    font-weight: 300;
    color: rgba(107, 107, 107, 1);
    margin: 0 0 15px;
    border-radius: 5px 5px;
    height: 40px;
}
#popupModal .modal-dialog .modal-body .mess-area.active textarea {
    height: auto;
    padding: 15px 15px;
}
#popupModal .modal-dialog .modal-body .mess-area .save-btn {
    background: rgba(0, 162, 93, 1);
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    padding: 10px 20px;
    border-radius: 5px 5px;
    border: 0;
    margin: 0 10px 0 0;
}
#popupModal .modal-dialog .modal-body .mess-area .save-btn:hover {
    background: rgba(0, 162, 93, 0.68);
    color: #fff;
}
#popupModal .modal-dialog .modal-body .comm-box {
    overflow-y: auto;
    max-height: 400px;
    overflow-x: hidden;
}
#popupModal .modal-dialog .modal-body .commt-area {
    margin: 0 0 15px;
    display: flex;
    align-items: flex-start;
}
#popupModal .modal-dialog .modal-body .commt-area .img-hold {
    margin: 0 10px 0 0;
    width: 25px;
}
#popupModal .modal-dialog .modal-body .commt-area .text-hold {
    width: 100%;
}
#popupModal .modal-dialog .modal-body .commt-area .text-hold .t-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 14px 0 0;
}
#popupModal .modal-dialog .modal-body .commt-area .text-hold .t-box .ms-btn{
    width: 15%;
    text-align: right;
}
#popupModal .modal-dialog .modal-body .commt-area .text-hold .t-box .ms-btn button {
    padding: 0;
    border: 0;
    background: none;
    margin: 0 7px 0 0;
}
#popupModal .modal-dialog .modal-body .commt-area .text-hold .t-box .ms-btn .del-btn i {
    color: rgba(215, 82, 82, 1);
}
#popupModal .modal-dialog .modal-body .commt-area .text-hold .t-box .ms-btn button:hover i {
   color: rgba(232, 235, 238, 1);
}
#popupModal .modal-dialog .modal-body .commt-area .text-hold .t-box .ms-btn button i {
    color: rgba(50, 50, 50, 1);
}
#popupModal .modal-dialog .modal-body .commt-area .text-hold p {
    font-size: 14px;
    line-height: 16px;
    color: #000;
    margin: 0 0 5px;
    font-weight: 300;
    width: 85%;
}
#popupModal .modal-dialog .modal-body .commt-area .text-hold span {
    font-size: 14px;
    line-height: 16px;
    color: #000;
    font-weight: 300;
    margin: 0 0 10px;
    display: block;
}
#popupModal .modal-dialog .modal-body .mess-area .to-btn {
    display: none;
    align-items: center;
}
#popupModal .modal-dialog .modal-body .mess-area.active .to-btn {
    display: flex;
}
#popupModal .modal-dialog .modal-body .mess-area .to-btn .form-check label {
    font-size: 12px;
    line-height: 14px;
    color: #000;
    font-weight: 400;
}
#popupModal .modal-dialog .modal-body .mess-area .to-btn .form-check input {
    width: 18px;
    height: 18px;
    border-radius: 5px 5px;
}
#popupModal .modal-dialog .modal-body .mes-area {
    display: flex;
    margin: 0 0 15px;
}
#popupModal .modal-dialog .modal-body .mes-area .img-hold {
    margin: 0 15px 0 0;
}
#popupModal .modal-dialog .modal-body .mes-area .ms-box h4 {
    font-size: 14px;
    line-height: 16px;
    color: #000;
}
#popupModal .modal-dialog .modal-body .mes-area .ms-box h4 span {
    font-size: 12px;
    line-height: 14px;
    color: #000;
    font-weight: 300;
}
#popupModal .modal-dialog .modal-body .mes-area .ms-box input {
    border: 1px solid rgba(208, 208, 208, 1);
    border-radius: 5px 5px;
    padding: 10px 10px;
    font-size: 12px;
    line-height: 14px;
    color: #000;
    width: 400px;
}
#popupModal .modal-dialog .modal-body .mes-area .ms-box .s-box {
    display: flex;
    align-items: center;
}
#popupModal .modal-dialog .modal-body .mes-area .ms-box .ms-btn {
    display: flex;
    align-items: center;
    margin: 0 0 0 10px;
}
#popupModal .modal-dialog .modal-body .mes-area .ms-box button:hover i {
    color: rgba(232, 235, 238, 1);
}
#popupModal .modal-dialog .modal-body .mes-area .ms-box button {
    background: none;
    padding: 0;
    border: 0;
    margin: 0 7px 0 0;
}
#popupModal .modal-dialog .modal-body .mes-area .ms-box button i {
    color: rgba(50, 50, 50, 1);
}
#popupModal .modal-dialog .modal-body .mes-area .ms-box .del-btn i {
    color: rgba(215, 82, 82, 1);
}
#popupModal .modal-dialog .modal-body .act-area ul {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    justify-content: flex-end;
}
#popupModal .modal-dialog .modal-body .act-area {
    margin: 0 0 10px;
}
#popupModal .modal-dialog .modal-body .act-area ul li {
    margin: 0 0 0 10px;
}
#popupModal .modal-dialog .modal-body .act-area ul li .com-btn {
    background: rgb(0 162 93);
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    color: #fff;
    padding: 7px 15px;
    border-radius: 5px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#popupModal .modal-dialog .modal-body .act-area ul li .com-btn:hover {
    background: rgb(0 162 93 / 68%);
    color: #fff;
}
#popupModal .modal-dialog .modal-body .act-area ul li .com-btn i {
    color: #fff;
}
#popupModal .modal-dialog .modal-body .act-area ul li .dis-btn i {
    color: rgba(60, 60, 60, 1);
}
#popupModal .modal-dialog .modal-body .act-area ul li .dis-btn {
    background: rgba(242, 242, 242, 1);
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    color: rgba(60, 60, 60, 1);
    padding: 7px 15px;
    border-radius: 5px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#popupModal .modal-dialog .modal-body .act-area ul li .dis-btn:hover {
    background: rgb(0 162 93 / 68%);
    color: #fff;

}
#popupModal .modal-dialog .modal-body .act-area ul li .dis-btn:hover i {
    color: #fff;
}
#popupModal .modal-dialog .modal-body .com-bar .hd-btn:hover {
    background: rgb(0 162 93 / 68%);
    color: #fff;
}
#popupModal .modal-dialog .modal-body .com-bar .hd-btn:hover i {
    color: #fff;
}
#popupModal .modal-dialog .modal-body .des-area .attachment-label:hover {
    background: rgb(0 162 93 / 68%);
    color: #fff;
}
#popupModal .modal-dialog .modal-body .des-area .attachment-label:hover i {
    color: #fff;
}
#popupModal .modal-dialog .modal-body .des-area {
    margin: 0 0 10px;
}
#popupModal .modal-dialog .modal-body .ec-detail h3 {
    font-size: 14px;
    line-height: 16px;
    color: #000;
    margin: 0 0 12px;
    font-weight: 600;
}
#popupModal .modal-dialog .modal-body .ec-detail .em {
    display: flex;
    align-items: center;
}
#popupModal .modal-dialog .modal-body .ec-detail .em .img-hold {
    margin: 0 7px 0 0;
}
#popupModal .modal-dialog .modal-body .ec-detail .em .t-area p {
    margin: 0;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
}
#popupModal .modal-dialog .modal-body .ec-detail {
    margin: 0 0 20px;
}

/* Features model popup */

#featuresModal .modal-dialog {
    width: 100%;
    max-width: 700px;
}
#featuresModal .modal-dialog .modal-body .ft-text h2 {
    font-size: 24px;
    line-height: 26px;
    color: #000;
    font-weight: 700;
    margin: 0 0 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#featuresModal .modal-dialog .modal-body .ft-text h2 i {
    color: rgba(0, 162, 93, 1);
    margin: 0 10px 0 0;
    font-size: 24px;
}
#featuresModal .modal-dialog .modal-body .ft-text p {
    font-size: 16px;
    line-height: 20px;
    color: #000;
    font-weight: 400;
    margin: 0 0 20px;
    text-align: center;
}
#featuresModal .modal-dialog .modal-body .fea-slider .slick-slide .img-hold img {
    margin: 0 auto;
    min-height: 300px;
    height: 100%;
    width: 100%;
}
#featuresModal .modal-dialog .modal-body .fea-slider .slick-dots li button {
    padding: 0;
    width: 10px;
    height: 10px;
    background: rgba(183, 183, 183, 1);
    border-radius: 100%;
}
#featuresModal .modal-dialog .modal-body .fea-slider .slick-dots li button::before {
    display: none;
}
#featuresModal .modal-dialog .modal-body .fea-slider .slick-dots li {
    width: auto;
    height: auto;
}
#featuresModal .modal-dialog .modal-body .fea-slider .slick-dots .slick-active button {
    background: rgba(7, 45, 118, 1);
}
#featuresModal .modal-dialog .modal-body .fea-slider .slick-prev::before {
    display: none;
}
#featuresModal .modal-dialog .modal-body .fea-slider .slick-prev {
    left: 0px;
    background: url(../profile_pic/left.svg) no-repeat center center;
    width: 30px;
    height: 30px;
    background-size: 100%;
    z-index: 9;
}
#featuresModal .modal-dialog .modal-body .fea-slider .slick-next::before {
    display: none;
}
#featuresModal .modal-dialog .modal-body .fea-slider .slick-next {
    right: 0px;
    background: url(../profile_pic/right.svg) no-repeat center center;
    width: 30px;
    height: 30px;
    background-size: 100%;
    z-index: 9;
}
#featuresModal .modal-dialog .modal-body .fea-slider {
    margin: 0 0 50px;
}
#featuresModal .modal-dialog .modal-body .ch-area {
    display: flex;
    align-items: center;
    padding: 0 35px;
}
#featuresModal .modal-dialog .modal-body .ch-area h3 {
    color: rgba(0, 0, 0, 1);
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    margin: 0 30px 0 0;
    display: flex;
    align-items: center;
}
#featuresModal .modal-dialog .modal-body .ch-area h3 i {
    color: rgba(0, 162, 93, 1);
    font-size: 22px;
    line-height: 24px;
    margin: 0 10px 0 0;
}
#featuresModal .modal-dialog .modal-body .g-btn {
    background: rgba(0, 162, 93, 1);
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    padding: 10px 40px;
    border-radius: 5px 5px;
    border: 0;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
#featuresModal .modal-dialog .modal-body .g-btn:hover {
    opacity: 0.9;
}

/* inbox page start style */

#messages-body .gallery {
    display: flex;
    flex-wrap: wrap;
}
#messages-body .gallery .img-box {
    width: 30%;
    height: auto;
    margin: 0 10px 10px 0;
}
#messages-body .gallery .img-box .overlay {
    position: relative;
}
#messages-body .gallery .img-box .overlay span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    line-height: 22px;
    font-weight: 500;
    z-index: 9;
}
#messages-body .gallery .img-box .overlay:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: rgba(0, 0, 0, 0.5);
    z-index: 9;
    border-radius: 5px 5px;
}
/* #messages-body .gallery .img-box .t-box {
    display: flex;
    align-items: center;
    margin: 10px 0 0;
} */
#messages-body .gallery .img-box .t-box button {
    padding: 0;
    border: 0;
    background: none;
    margin: 10px 0 0;
    display: flex;
    align-items: center;
}
#messages-body .gallery .img-box .t-box button i {
    font-size: 14px;
    line-height: 16px;
    color: rgba(137, 144, 158, 1);
    margin: 0 10px 0 0;
}
#messages-body .gallery .img-box .t-box p {
    margin: 0;
    color: rgba(137, 144, 158, 1);
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 100px;
    max-width: 100px;
    text-align: left;
}
#messages-body .gallery .img-box .t-box span {
    margin: 0 0 0 7px;
    color: rgba(137, 144, 158, 1);
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
}
#messages-body .gallery img {
      width: 100%;
      object-fit: cover;
      cursor: pointer;
      border-radius: 8px;
      transition: transform 0.2s ease;
      height: 170px;
}
#messages-body .gallery img:hover {
      transform: scale(1.02);
}
.messages-images {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.8);
}
.messages-images .modal-content {
    position: relative;
    margin: 5% auto;
    max-width: 40%;
    max-height: initial;
    text-align: center;
    border-radius: 10px 10px;
}
#messages-body .dow-all .d-btn {
    background: rgb(0 162 93);
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    color: #fff;
    padding: 10px 15px;
    border-radius: 5px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 10px;
}
#messages-body .dow-all .d-btn:hover {
    background: rgb(0 162 93 / 68%);
    color: #fff;
}
#messages-body .dow-all {
    margin: 15px 0 0;
}
.messages-images .modal-content img {
    width: 100%;
    height: auto;
    border-radius: 10px 10px;
    margin: 0 auto;
}
.messages-images .close-btn {
    position: absolute;
    top: 10px;
    right: 15px;
    color: #fff;
    font-size: 30px;
    cursor: pointer;
    z-index: 10;
}
.messages-images .nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 30px;
    background: rgba(0, 0, 0, 0.5);
    padding: 10px;
    cursor: pointer;
    border-radius: 50%;
    user-select: none;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 32px;
}
.messages-images .nav-btn.left {
    left: 20px;
}
.messages-images .nav-btn.right {
    right: 20px;
}
#messages-body .file-box {
    display: flex;
    flex-wrap: wrap;
}
#messages-body .file-box .boxx {
    display: flex;
    align-items: center;
    padding: 15px 10px;
    background: rgba(239, 245, 255, 1);
    border-radius: 10px 10px;
    min-width: 300px;
    margin: 0 10px 10px 0;
    position: relative;
    cursor: pointer;
}
#messages-body .file-box .boxx:hover {
    background: rgba(239, 245, 255, 0.5);
}
#messages-body .act-bnt button:hover {
    opacity: 0.7;
}
#messages-body .gallery .img-box .t-box button:hover {
    opacity: 0.7;
}
#messages-body .file-box .boxx .img-hold {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px 5px;
    background: rgba(223, 234, 255, 1);
    margin: 0 10px 0 0;
}
#messages-body .file-box .boxx .text-box h5 {
    font-size: 12px;
    line-height: 14px;
    color: #000;
    font-weight: 400;
    margin: 0 0 5px;
}
#messages-body .file-box .boxx .text-box h5 a {
    color: #000;
}
#messages-body .file-box .boxx .text-box h4 {
    font-size: 12px;
    line-height: 14px;
    color: #000;
    font-weight: 400;
    margin: 0;
}
#messages-body .act-bnt {
    margin: 0 0 0 20px;
    position: absolute;
    left: auto;
    right: 15px;
    content: "";
}
#messages-body .act-bnt button {
    padding: 0;
}
#messages-body .act-bnt button i {
    margin: 0;
    color: rgba(7, 45, 118, 1);
}
#kt_chat_messenger_body {
    max-height: 500px;
    overflow-y: auto;
}
.aside-menu .menu-sub-dropdown.ps-set {
    margin: 10px 0 0 20px !important;
}
#kt_content .doc-page .box .block ul li .doc-hold {
    width: 100%;
    height: 150px;
    margin: 0 0 10px;
    border-radius: 10px 10px;
    text-align: center;
    background: #F8F8F8;
    padding: 15px 15px;
}
#kt_content .doc-page .box .block ul li .doc-hold img {
    height: 100%;
    margin: 0;
    max-width: 100%;
}
#kt_content .doc-page .box .block .btn-area ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
#kt_content .doc-page .box .block .btn-area ul li {
    width: 100%;
    padding: 0;
}
#kt_content .doc-page .box .block .btn-area ul li .dt-info {
    border-bottom: 0;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 18px;
    color: #858585;
    font-weight: 300;
}
#kt_content .doc-page .box .block .btn-area ul li .dt-info img {
    margin: 0 7px 0 0;
}
#kt_content .doc-page .box .block .btn-area ul li .st-info span {
    background: rgba(0, 162, 93, 1);
    padding: 5px 7px;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
}
#kt_content .doc-page .box .block .btn-area ul li .st-info {
    display: flex;
    align-items: center;
}
#kt_content .doc-page .box .block .btn-area ul li .st-info .dropdown .dropdown-menu {
    display: none;
}
#kt_content .doc-page .box .block .btn-area ul li .st-info .dropdown .dropdown-menu.show {
    display: block;
    transform: translate(-70px, 30px) !important;
}
#kt_content .doc-page .box .block .btn-area ul li .st-info .dropdown button {
    padding: 0 5px;
}
#kt_content .doc-page .box .block .btn-area ul li .st-info .dropdown button:after {
    display: none;
}
#kt_content .doc-page .box .block .btn-area ul li .st-info .dropdown {
    margin: 0 0 0 10px;
}
#kt_content .doc-page .box .block .btn-area ul li .st-info .dropdown button i {
    color: #072D76;
    padding: 0;
}
#kt_content .doc-page .box .block .btn-area ul li .st-info .dropdown .dropdown-menu li {
    margin: 0;
}
#kt_content .doc-page .box .block .btn-area ul li .st-info .dropdown .dropdown-menu li a {
    width: 100%;
    padding: 10px 10px;
    text-decoration: none;
    font-size: 12px;
    line-height: 14px;
    color: #5E5E5E;
}
#kt_content .doc-page .box .block .btn-area ul li .st-info .dropdown .dropdown-menu li a:hover {
    background: #eff2f5;
}
#kt_content .doc-page .box .block {
    position: relative;
    margin: 0;
}
#kt_content .doc-page .box .block .form-check {
    position: absolute;
    top: 15px;
    left: 42px;
    content: "";
}
#kt_content .doc-page .box .block .form-check input {
    border: 1px solid #00A25D;
    width: 18px;
    height: 18px;
    border-radius: 3px 3px;
}
#kt_content .doc-page .box .block .form-check input:checked {
    background-color: #00A25D;
}
#kt_content .doc-page .box .block ul li h4 {
    width: auto;
}
#kt_content .doc-page .box ul {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
#kt_content .doc-page .box ul li {
    width: 20%;
    margin: 0 15px 15px 0;
}
#kt_content .doc-page .box ul li ul li {
    width: 100%;
}
#kt_chat_contacts_body .ls-mess{
    color: rgba(20, 33, 61, 0.50);
}
#kt_chat_contacts_body .symbol.symbol-45px .symbol-label {
    width: 50px;
    height: 50px;
}
#kt_chat_contacts_body .symbol img {
    width: 50px;
    height: 50px;
}
#kt_chat_contacts_body .t-info span{
    color: rgba(20, 33, 61, 0.50);
}
#kt_chat_contacts_body {
    padding: 0;
}
#kt_chat_contacts_body .active {
    background: #399faa21;
}
#kt_chat_contacts_body .se-area input {
    background: #d7d2e72b url(../profile_pic/search-icon.svg) no-repeat center left 10px;
    color: #000;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    border: 1px solid #D7D2E7;
    padding: 15px 12px 15px 35px;
}
#kt_chat_contacts_body .se-area input::placeholder {
    color: #9E9E9E;
}
/* .view-cus-page .dropdown {
    margin: 0 0 0 10px;
} */
.view-cus-page .dropdown button {
    padding: 0 5px;
}
.view-cus-page .dropdown button:after {
    display: none;
}
.view-cus-page .dropdown button i {
    color: rgba(80, 80, 80, 1);
    padding: 0;
}
.view-cus-page .dropdown .dropdown-menu {
    margin: 0;
    padding: 0;
}
.view-cus-page .dropdown .dropdown-menu li {
    margin: 0;
    border-bottom: 1px solid #C0C0C0;
}
.view-cus-page .dropdown .dropdown-menu li:last-child {
    border-bottom: 0;
}
.view-cus-page .dropdown .dropdown-menu li:last-child a {
    border-radius: 0 0 5px 5px;
}
.view-cus-page .dropdown .dropdown-menu li:first-child a {
    border-radius: 5px 5px 0 0;
}
.view-cus-page .dropdown .dropdown-menu li a {
    width: 100%;
    padding: 10px 10px;
    text-decoration: none;
    font-size: 12px;
    line-height: 14px;
    color: #5E5E5E;
    display: flex;
    align-items: center;
}
.view-cus-page .dropdown .dropdown-menu li a img {
    margin: 0 7px 0 0;
}
.view-cus-page .dropdown .dropdown-menu li a:hover {
    background: #eff2f5;
}
.view-cus-page .dropdown .dropdown-menu li a:focus {
    background: #eff2f5;
}

/* view page style start */

.view-cus-page .bn-area {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.view-cus-page.new-cus-page .bn-area {
    justify-content: center;
}
.view-cus-page.new-cus-page .bn-area span {
    margin: 0 0 15px;
}
.view-cus-page .bn-area span {
    font-size: 12px;
    line-height: 14px;
    color: #000;
    font-weight: 300;
    margin: 0 25px 0 0;
    padding: 15px 15px;
    background: rgba(245, 245, 245, 1);
    border-radius: 5px 5px;
}
.view-cus-page .bn-area .ic-area{
    display: flex;
    align-items: flex-start;
    margin: 0;
    padding: 0;
    list-style: none;
}
.view-cus-page .bn-area .ic-area li {
    margin: 0 20px 0 0;
    text-align: center;
}
.view-cus-page .bn-area .ic-area li .dropdown {
    margin: 0;
}
.view-cus-page .bn-area .ic-area li .dropdown p {
    font-size: 12px;
    line-height: 14px;
    color: #505050;
    font-weight: 600;
    margin: 0;
}
.view-cus-page .bn-area .ic-area li .dropdown button {
    width: 40px;
    height: 40px;
    background: #D9D9D9;
    border-radius: 100%;
    border: 1px solid #e2e4e6;
    margin: 0 0 10px;
}
.view-cus-page .bn-area .ic-area li .dropdown ul li {
    margin: 0;
}
.view-cus-page .bn-area .ic-area li .dropdown ul li a {
    width: 100%;
    padding: 10px 10px;
    text-decoration: none;
    font-size: 12px;
    line-height: 14px;
    color: #5E5E5E;
    display: flex;
    align-items: center;
}
.view-cus-page .bn-area .ic-area li .dropdown ul li:last-child a {
    color: #D53232;
}
.view-cus-page .bn-area .ic-area li .dropdown ul li a img {
    margin: 0 5px 0 0;
}
.view-cus-page .bn-area .ic-area li:last-child {
    margin: 0;
}
.view-cus-page .bn-area .ic-area li a img {
    margin: 0 0 10px;
}
.view-cus-page .bn-area .ic-area li a p {
    font-size: 12px;
    line-height: 14px;
    color: rgba(7, 45, 118, 1);
    font-weight: 600;
    margin: 0;
}
.view-cus-page .bn-area .ic-area li a:hover {
    opacity: 0.7;
}
.view-cus-page .tb-area h3 {
    font-size: 20px;
    line-height: 22px;
    color: #000;
    font-weight: 500;
    margin: 0 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.view-cus-page .tb-area h3 a {
    font-size: 14px;
    line-height: 16px;
    color: #000;
    font-weight: 300;
    text-decoration: underline;
}
.view-cus-page .tb-area .table-responsive {
    border-radius: 10px 10px;
    border-left: 1px solid rgba(208, 208, 208, 1);
    border-right: 1px solid rgba(208, 208, 208, 1);
    border-bottom: 1px solid rgba(208, 208, 208, 1);
}
.view-cus-page .tb-area table {
    border-collapse: separate;
    border-spacing: 0;
    margin: 0;
    text-wrap: nowrap;
}
.view-cus-page .tb-area table tr th {
    padding: 15px 15px !important;
    font-size: 12px;
    line-height: 14px;
    color: rgba(106, 106, 106, 1);
    font-weight: 400;
    border-top: 1px solid rgba(208, 208, 208, 1);
    border-right: 0;
    border-collapse: collapse;
    border-spacing: 0;
    background: #F0F5FD;
}
.view-cus-page .tb-area table tr {
    border-bottom: 1px solid rgba(208, 208, 208, 1);
}
.view-cus-page .tb-area table tr th:first-child {
    border-radius: 10px 0 0 0;
}
.view-cus-page .tb-area table tr th:last-child {
    border-radius: 0 10px 0 0;
}
.view-cus-page .tb-area table tr td {
    padding: 15px 15px !important;
    font-size: 12px;
    line-height: 14px;
    color: #000;
    font-weight: 400;
    background: #fff;
}
.view-cus-page .tb-area table tr td p a {
    color: #072D76;
    text-decoration: underline;
}
.view-cus-page .tb-area table tr td span {
    width: 10px;
    height: 10px;
    background: #4FC631;
    display: inline-block;
    border-radius: 100%;
    margin: 0 5px 0 0;
    vertical-align: middle;
}
.view-cus-page .re-area h3 {
    font-size: 20px;
    line-height: 22px;
    color: #000;
    font-weight: 500;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.view-cus-page .re-area a {
    font-size: 14px;
    line-height: 16px;
    color: #000;
    font-weight: 300;
    text-decoration: underline;
}
.view-cus-page .re-area .table-responsive {
    border-radius: 10px 10px;
}
.view-cus-page .re-area table {
    border-collapse: separate; /* allows spacing between rows */
    border-spacing: 0 12px;
    margin: 0;
    text-wrap: nowrap;
}
.view-cus-page .re-area table tr {
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
    border-radius: 10px 10px;
}
.view-cus-page .re-area table tr td:first-child {
    border-radius: 10px 0 0 10px;
}
.view-cus-page .re-area table tr td:last-child {
    border-radius: 0 10px 10px 0;
    text-align: right;
}
.view-cus-page .re-area table tr td:last-child a {
    color: #000;
    font-size: 12px;
    line-height: 14px;
    font-weight: 600;
    text-decoration: none;
}
.view-cus-page .re-area table tr td:last-child a:hover {
    opacity: 0.7;
}
.view-cus-page .re-area table tr td {
    padding: 8px 15px !important;
    font-size: 12px;
    line-height: 14px;
    color: #000;
    font-weight: 400;
    background: #fff;
    width: 33.33%;
}

.view-cus-page .re-area h3 {
    font-size: 20px;
    line-height: 22px;
    color: #000;
    font-weight: 500;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.view-cus-page .re-area a {
    font-size: 14px;
    line-height: 16px;
    color: #000;
    font-weight: 300;
    text-decoration: underline;
}

.view-cus-page .th-text h3 {
    font-size: 20px;
    line-height: 22px;
    color: #000;
    font-weight: 500;
    margin: 0 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.view-cus-page .th-text a {
    font-size: 14px;
    line-height: 16px;
    color: #000;
    font-weight: 300;
    text-decoration: underline;
}
.view-cus-page .form-check-custom {
    display: flex;
    align-items: center;
    padding-left: 0;
    margin: 0;
}
.view-cus-page table tr .form-check input.form-check-input{
    border: 1px solid #D0D0D0;
    background-color: #fff;
}
.view-cus-page table tr td .rec-text {
    background: #EFE6FF;
    border-radius: 5px 5px;
    padding: 12px 10px;
    color: #7456BA;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}
.view-cus-page table tr td .rec-text img {
    margin: 0 5px 0 0;
}
.view-cus-page table tr td .ti-text {
    background: #DDF0FF;
    border-radius: 5px 5px;
    padding: 12px 10px;
    color: #489ADA;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}
.view-cus-page table tr td .ti-text img {
    margin: 0 5px 0 0;
}
.view-cus-page table tr td span.un-paid {
    color: #072D76;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    padding: 7px 7px;
    background: #EAF1FF;
    border-radius: 5px 5px;
}
.view-cus-page table tr td span {
    color: #00A25D;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    padding: 7px 7px;
    text-align: center;
    background: #E6FFF5;
}
.view-cus-page table tr:nth-child(even) {
    background: #F9F9F9;
}
.view-cus-page table tr td ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
}
.view-cus-page table tr td ul li {
    margin: 0 10px 0 0;
}
.view-cus-page table tr td ul li button {
    border: 0;
    padding: 0;
    background: none;
}
.view-cus-page .v-box {
    padding: 15px 15px;
    border: 1px solid #D0D0D0;
    border-radius: 5px 5px;
}
.view-cus-page .v-box h3 {
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    line-height: 20px;
    color: #000;
    font-weight: 400;
    margin: 0;
    align-items: center;
}
.view-cus-pag .v-box h3 span {
    color: #4C4C4C;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
}
.view-cus-page .card-body .es-bar {
    padding: 20px 20px;
    border: 1px solid rgba(208, 208, 208, 1);
    border-radius: 15px 15px;
    background: #fff;
}
.view-cus-page .card-body .es-bar .e-box {
    display: flex;
    margin: 0;
}
.view-cus-page .card-body .es-bar .img-hold {
    position: relative;
}
.view-cus-page .card-body .es-bar .img-hold img {
    width: 100px;
    height: 100px;
    border-radius: 5px 5px;
    box-shadow: 0 0 5px #0000001a;
}
.view-cus-page .card-body .es-bar .e-box .t-bar {
    padding: 0 0 0 15px;
    width: 100%;
}
.view-cus-page .card-body .es-bar .t-bar .x-box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.view-cus-page .card-body .es-bar .e-box .t-bar h3 {
    font-size: 24px;
    line-height: 26px;
    color: #000;
    font-weight: 500;
    margin: 0 0 10px;
}
.view-cus-page .card-body .es-bar .e-box .t-bar p {
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
    color: #000;
}
.view-cus-page .card-body .es-bar .t-nbar {
    justify-content: flex-end;
    z-index: 1;
    position: relative;
}
.view-cus-page .card-body .es-bar ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.view-cus-page .card-body .es-bar ul li .v-btn {
    background: #fff;
    font-size: 12px;
    line-height: 14px;
    color: rgba(0, 0, 0, 1);
    font-weight: 500;
    padding: 10px 10px 10px 10px;
    border-radius: 5px 5px;
    border: 1px dashed rgba(197, 197, 197, 1) !important;
}
.view-cus-page .card-body .u-area ul li:first-child {
    width: 55%;
}
.view-cus-page .card-body .es-bar ul li:last-child {
    margin: 0;
}
.view-cus-page .card-body .u-area ul li {
    width: 45%;
}
.view-cus-page .card-body .es-bar ul li {
    margin: 0 10px 0 0;
}
.view-cus-page .card-body .u-area ul li .t-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: rgba(245, 245, 245, 1);
    border-radius: 5px 5px;
    padding: 10px 10px;
    text-align: center;
}
.view-cus-page .card-body .u-area ul li .t-box h3 {
    margin: 0;
    display: flex;
    align-items: center;
    color: rgba(0, 0, 0, 1);
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
}
.view-cus-page .card-body .u-area ul li .t-box p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 0 0 7px;
}
.view-cus-page .card-body .u-area ul li .t-box h3 img {
    margin: 0 5px 0 0;
}
.view-cus-page .card-body .doc-page ul {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}
.view-cus-page .card-body .doc-page ul li {
    width: 18%;
    margin: 0 25px 25px 0;
}
.view-cus-page .card-body .doc-page .block {
    position: relative;
    margin: 0;
}
.view-cus-page .card-body .doc-page .block {
    border: 1px solid #C0C0C0;
    padding: 15px 15px;
    border-radius: 15px 15px;
    margin: 0 0 15px;
    background: #fff;
}
.view-cus-page .card-body .doc-page .form-check {
    position: absolute;
    top: 15px;
    left: 18px;
    content: "";
}
.view-cus-page .card-body .doc-page .form-check input {
    border: 1px solid #00A25D;
    width: 18px;
    height: 18px;
    border-radius: 3px 3px;
}
.view-cus-page .card-body .doc-page .form-check input:checked {
    background-color: #00A25D;
}
.view-cus-page .card-body .doc-page ul {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.view-cus-page .card-body .doc-page ul li:last-child {
    border-bottom: 0;
}

.view-cus-page .card-body .doc-page ul li:first-child {
    justify-content: space-between;
    flex-wrap: wrap;
}
.view-cus-page .card-body .doc-page ul li ul li {
    padding: 0 0 10px;
    margin: 0 0 10px;
    border-bottom: 1px solid #C0C0C0;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 18px;
    color: #858585;
    font-weight: 300;
    width: 100%;
}
.view-cus-page .card-body .doc-page ul li .doc-hold {
    width: 100%;
    height: 150px;
    margin: 0 0 10px;
    border-radius: 10px 10px;
    text-align: center;
    background: #F8F8F8;
    padding: 15px 15px;
}
.view-cus-page .card-body .doc-page ul li .doc-hold img {
    margin: 0;
    max-width: 100%;
}
.view-cus-page .card-body .doc-page  ul li h4 {
    width: auto;
}
.view-cus-page .card-body .doc-page ul li h4 {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
    width: 75%;
}
.view-cus-page .card-body .doc-page ul li h4 img {
    margin: 0 7px 0 0;
}
.view-cus-page .card-body .doc-page .btn-area {
    margin: 0 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.view-cus-page .card-body .doc-page .btn-area ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.view-cus-page .card-body .doc-page .btn-area ul li {
    width: 100%;
    padding: 0;
}
.view-cus-page .card-body .doc-page .btn-area ul li .dt-info {
    border-bottom: 0;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 18px;
    color: #858585;
    font-weight: 300;
}
.view-cus-page .card-body .doc-page .btn-area ul li .dt-info img {
    margin: 0 7px 0 0;
}
.view-cus-page .card-body .doc-page .btn-area ul li .st-info {
    display: flex;
    align-items: center;
}
.view-cus-page .card-body .doc-page .btn-area ul li .st-info span {
    background: rgba(0, 162, 93, 1);
    padding: 5px 7px;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
}
.view-cus-page .card-body .doc-page .btn-area ul li .st-info .dropdown {
    margin: 0 0 0 10px;
}
.view-cus-page .card-body .doc-page .btn-area ul li .st-info .dropdown button {
    padding: 0 5px;
}
.view-cus-page .card-body .doc-page .btn-area ul li .st-info .dropdown .dropdown-menu {
    display: none;
}
.view-cus-page .card-body .doc-page .btn-area ul li .st-info .dropdown .dropdown-menu.show {
    display: block;
    transform: translate(-70px, 30px) !important;
}
.view-cus-page .card-body .doc-page .btn-area ul li .st-info .dropdown .dropdown-menu li {
    margin: 0;
}
.view-cus-page .card-body .doc-page .btn-area ul li .st-info .dropdown .dropdown-menu li a {
    width: 100%;
    padding: 10px 10px;
    text-decoration: none;
    font-size: 12px;
    line-height: 14px;
    color: #5E5E5E;
}
#kt_content .box ul li img {
    margin: 0 7px 0 0;
}

/* Dial pad Start */

.digit,
.dig {
  width: 50px;
  cursor: pointer;
  height: 50px;
  border-radius: 100%;
  background: url(../profile_pic/bg01.png) no-repeat center center;
  background-size: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 22px;
  line-height: 24px;
  font-weight: 500;
}
i.dig {
    color: #fff;
}
.d-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 15px;
}
.sub {
  font-size: 0.8rem;
  color: grey;
}
.pad {
  width: 290px;
  padding: 5rem 40px 5rem;
  margin: 0 auto;
  height: auto;
  text-align: center;
  background: url(../profile_pic/bg02.png) no-repeat center top;
  background-size: 100%;
  border-radius: 20px 20px;
}
#output {
  font-size: 25px;
  line-height: 27px;
  font-weight: 400;
  color: #fff;
  margin: 0 0 20px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#call {
  cursor: pointer;
  width: 50px;
  cursor: pointer;
  height: 50px;
  border-radius: 100%;
  background: rgba(0, 162, 93, 1);
  background-size: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 22px;
  line-height: 24px;
  font-weight: 500;
}
#call i {
    color: #fff;
}
.botrow {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.digit:active,
.dig:active {
  background-color: #e6e6e6;
}
#call:hover {
  background-color: #81c784;
}
.pad .img-bold {
    width: 50px;
    height: 50px;
    text-align: center;
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.pad .s-cust .dropdown {
    margin: 0 0 40px;
}
.pad .s-cust .dropdown button {
    border: 1px solid rgba(255, 255, 255, 0.24) !important;
    padding: 10px 20px;
    border-radius: 50px 50px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 300;
    color: #fff;
}
.pad .s-cust .dropdown .dropdown-menu {
    transform: translate(42px, 40px) !important;
    padding: 0;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.24) !important;
}
.pad .s-cust .dropdown .dropdown-menu li a {
    padding: 7px 10px;
    border-radius: 5px 5px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 300;
    color: #fff;
}
.pad .s-cust .dropdown .dropdown-menu li a:hover {
    background: none;
}
.dial-pad .di-block {
    background: url(../profile_pic/bg03.png) no-repeat center center;
    background-size:cover;
    padding: 50px 50px;
    border-radius: 20px 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.dial-pad .di-block .dial-info {
    text-align: center;
}
.dial-pad .di-block .dial-info .img-dial {
    margin: 0 0 15px;
}
.dial-pad .di-block .dial-info .img-dial img {
    border-radius: 100% 100%;
    border: 2px solid rgba(255, 255, 255, 0.28);
    width: 150px;
    height: 150px;
}
#dialModal .modal-dialog .dial-info .img-dial img {
    border: 2px solid rgba(255, 255, 255, 0.28);
    width: 150px;
    height: 150px;
    border-radius: 100%;
}
.dial-pad .di-block .dial-info .dial-text h2 {
    font-size: 34px;
    line-height: 36px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 15px;
}
.dial-pad .di-block .dial-info .dial-text p {
    font-size: 28px;
    line-height: 32px;
    font-weight: 400;
    color: #fff;
    margin: 0 0 15px;
}
.dial-pad .di-block .dial-info .dial-text span {
    font-size: 20px;
    line-height: 22px;
    font-weight: 400;
    color: #fff;
    margin: 0 0 15px;
    background: rgba(255, 255, 255, 0.28);
    padding: 5px 15px;
    border-radius: 50px 50px;
    display: inline-block;
}
.dial-pad .di-block .dial-info .dial-text button {
    padding: 0;
    border: 0;
    background: none;
    display: block;
    margin: 0 auto;
}
#reviewModal-info .modal-body {
    text-align: center;
}
#reviewModal-info .modal-body .img-hold {
    margin: 0 0 20px;
}
#reviewModal-info .modal-body h3 {
    font-size: 24px;
    line-height: 26px;
    color: #000;
    margin: 0 0 10px;
    font-weight: 500;
}
#reviewModal-info .modal-body span {
    font-size: 16px;
    line-height: 18px;
    color: #000;
    margin: 0 0 15px;
    font-weight: 300;
    display: block;
}
#reviewModal-info .modal-body img {
    margin: 0 0 20px;
}
#reviewModal-info .modal-body p {
    font-size: 14px;
    line-height: 24px;
    color: #000;
    margin: 0 0 30px;
    font-weight: 300;
}
#reviewModal-info .modal-body h5 {
    font-size: 18px;
    line-height: 20px;
    color: #000;
    margin: 0 0 15px;
    font-weight: 500;
}
#reviewModal-info .modal-body h6 {
    font-size: 14px;
    line-height: 16px;
    color: #000;
    margin: 0;
    font-weight: 300;
}
#reviewModal-info .modal-header {
    border: 0;
    padding: 10px 10px;
}
#reviewModal-info .modal-header button {
    background: url(../profile_pic/icon37.png) no-repeat center center;
    background-size: 40%;
    opacity: 1;
    padding: 20px 20px;
}

/* write a message page start here */

.wr-mess .wm-block {
    background: #EEF4FF;
    padding: 20px 20px;
    box-shadow: 0 0 10px #00000026;
    border-radius: 15px 15px;
}
.wr-mess .wm-block h3 {
    font-size: 18px;
    line-height: 20px;
    color: #000;
    font-weight: 500;
    margin: 0 0 15px;
}
.wr-mess .wm-block input {
    border: 1px solid #B9B9B9;
    border-radius: 50px 50px;
    padding: 12px 20px 12px 40px;
    background: #fff url(../profile_pic/search.svg) no-repeat 20px center;
    background-size: 15px;
    color: #6B6B6B;
    font-weight: 300;
    font-size: 14px;
    margin: 0 0 20px;
}
.wr-mess .wm-block .cu-box {
    display: flex;
    align-items: center;
    margin: 0 0 20px;
}
.wr-mess .wm-block .cu-box .img-hold {
    margin: 0 15px 0 0;
}
.wr-mess .wm-block .cu-box .t-info {
    width: 90%;
}
.wr-mess .wm-block .cu-box .t-info h4 {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    color: #000;
    margin: 0 0 8px;
}
.wr-mess .wm-block .cu-box .t-info h4 span {
    font-size: 12px;
    line-height: 14px;
    font-weight: 300;
    color: #000;
}
.wr-mess .wm-block .cu-box .t-info p {
    font-size: 12px;
    line-height: 14px;
    font-weight: 300;
    color: #000;
    margin: 0;
}

/* customer chat page start */

.chat-block .ch-block {
    background: #EEF4FF;
    padding: 20px 20px;
    box-shadow: 0 0 10px #00000026;
    border-radius: 15px 15px;
}
.chat-block .ch-block .us-info {
    display: flex;
    align-items: center;
}
.chat-block .ch-block .us-info button {
    margin: 0 10px 0 0;
    border: 0;
    background: none;
    padding: 0;
}
.chat-block .ch-block .us-info button:hover {
    opacity: 0.7;
}
.chat-block .ch-block .us-info .boox {
    display: flex;
    align-items: center;
    justify-content: center;
}
.chat-block .ch-block .us-info .boox img {
    margin: 0 15px 0 0;
    width: 40px;
    height: 40px;
}
.chat-block .ch-block .us-info .boox h2 {
    font-size: 18px;
    line-height: 20px;
    color: #000;
    font-weight: 500;
    margin: 0;
}
.chat-block .ch-block .t-info {
    text-align: center;
    margin: 0 0 15px;
}
.chat-block .ch-block .t-info span {
    font-size: 14px;
    line-height: 16px;
    color: rgba(20, 33, 61, 0.5);
    font-weight: 400;
}
.chat-block .ch-block .sent-mess {
    display: flex;
    align-items: flex-start;
    width: 85%;
    flex-wrap: wrap;
    margin: 0 0 15px;
}
.chat-block .ch-block .sent-mess .img-hold {
    width: 40px;
    height: 40px;
    margin: 0 10px 0 0;
}
.chat-block .ch-block .sent-mess .img-hold img {
    width: 100%;
}
.chat-block .ch-block .sent-mess p {
    font-size: 14px;
    line-height: 16px;
    color: #000;
    font-weight: 300;
    padding: 10px 10px;
    background: rgba(230, 239, 255, 1);
    border-radius: 5px 5px;
    margin: 0;
    display: inline-block;
}
.chat-block .ch-block .sent-mess .tx-hold {
    width: 90%;
}
.chat-block .ch-block .rec-mess {
    display: flex;
    align-items: flex-start;
    width: 80%;
    justify-content: flex-end;
    margin: 0 0 15px auto;
}
.chat-block .ch-block .rec-mess span {
    font-size: 12px;
    line-height: 14px;
    color: rgba(20, 33, 61, 0.5);
    font-weight: 400;
    margin: 0;
    width: 50px;
    display: inline-block;
}
.chat-block .ch-block .rec-mess .tx-hold {
    margin: 0 0 10px 10px;
}
.chat-block .ch-block .rec-mess .t1-hold {
    width: 10%;
}
.chat-block .ch-block .rec-mess p {
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    font-weight: 300;
    padding: 10px 10px;
    background: rgba(7, 45, 118, 1);
    border-radius: 5px 5px;
    margin: 0;
    display: inline-block;
    text-align: right;
}
/* #newchatModal .modal-dialog .modal-content {
    background: none;
} */
#newchatModal .modal-dialog .modal-content .modal-header {
    border: 0;
    padding: 20px 25px;
}
.chat-block .ch-block .c-boox {
    max-height: 400px;
    overflow-y: auto;
}
.wr-mess .wm-block .wc-boxx {
    max-height: 450px;
    overflow-y: auto;
}
.wr-mess .wm-block .wc-boxx a:hover {
    opacity: 0.7;
}
#newchatModal .modal-dialog .modal-content .modal-body h2 {
    text-align: center;
    font-size: 18px;
    line-height: 20px;
    margin: 0 0 20px;
    color: rgba(0, 0, 0, 1);
    font-weight: 500;
}
#newchatModal .modal-dialog .modal-content .modal-body input {
    border-radius: 20px 20px;
    background: rgba(238, 244, 255, 1);
    padding: 15px 20px;
    color: rgba(145, 145, 145, 1);
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    box-shadow: 0 0 8px #0000002b !important;
}
#newchatModal .modal-dialog .modal-content .modal-body textarea {
    border-radius: 20px 20px;
    background: rgba(238, 244, 255, 1);
    padding: 15px 20px;
    color: rgba(145, 145, 145, 1);
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    box-shadow: 0 0 8px #0000002b !important;
}
#newchatModal .modal-dialog .modal-content .modal-body .s-btn {
    background: rgba(0, 162, 93, 1);
    padding: 10px 30px;
    border-radius: 50px 50px;
    color: #fff;
    border: 0;
    margin: 0 auto;
    display: flex;
    font-size: 15px;
    line-height: 17px;
}
#newchatModal .modal-dialog .modal-content .btn-close {
    background: url("../profile_pic/icon37.png") no-repeat;
    background-size: 10px;
}
#newchatModal .modal-dialog .modal-content .btn-close {
    width: 15px;
    background: url(../profile_pic/icon37.png) no-repeat;
    background-size: 100%;
    height: 15px;
    padding: 0;
}
#dialModal .modal-dialog {
    max-width: 350px;
    background: url(../profile_pic/bg03.png) no-repeat center center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    background-size: cover;
    border-radius: 20px 20px;
    margin: 20px auto 0;
}
#dialModal .modal-dialog .modal-content {
    background: none;
}
#dialModal .modal-dialog .dial-info {
    text-align: center;
}
#dialModal .modal-dialog .dial-info .img-dial {
    margin: 0 0 15px;
}
#dialModal .modal-dialog .dial-info .dial-text h2 {
    font-size: 34px;
    line-height: 36px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 15px;
}
#dialModal .modal-dialog .dial-info .dial-text p {
    font-size: 28px;
    line-height: 32px;
    font-weight: 400;
    color: #fff;
    margin: 0 0 15px;
}
#dialModal .modal-dialog .btn-area {
    text-align: center;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
#dialModal .modal-dialog .dial-info .dial-text button {
    padding: 0;
    border: 0;
    background: none;
    display: block;
    margin: 0 10px 0 0;
}
#dialModal .modal-dialog .dial-info h5 {
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    color: #fff;
    margin: 0 0 25px;
}
.drop-dial-pad .drop-box {
    background: rgba(0, 162, 93, 1);
    max-width: 275px;
    width: 100%;
    margin: 0 auto;
    padding: 20px 20px;
    border-radius: 20px 20px;
    text-align: center;
}
.drop-dial-pad .drop-box h4 {
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    margin: 0 0 5px;
    font-weight: 400;
}
.drop-dial-pad .drop-box h5 {
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    margin: 0 0 10px;
    font-weight: 600;
}
.drop-dial-pad .drop-box .tab-area .nav li button {
    font-size: 12px;
    line-height: 14px;
    color: rgba(5, 5, 5, 1);
    font-weight: 400;
    border-radius: 50px 50px;
    width: 100%;
    padding: 10px 10px;
}
.drop-dial-pad .drop-box .tab-area .nav li button.active {
    background: rgba(0, 162, 93, 1);
    color: #fff;
}
.drop-dial-pad .drop-box .tab-area .nav {
    background: #fff;
    padding: 7px 10px;
    border-radius: 50px 50px;
}
.drop-dial-pad .drop-box .tab-area .nav li {
    width: 48%;
}
.drop-dial-pad .select2-results__option img,
.drop-dial-pad .select2-selection__rendered img {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    vertical-align: middle;
}
.drop-dial-pad .tab-content .select2 {
    width: 100% !important;
}
.drop-dial-pad .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
}
.drop-dial-pad .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
    line-height: 38px;
}
.drop-dial-pad .select2-container .select2-selection--single {
    height: 40px;
}
.select2-container--default .select2-results>.select2-results__options li {
    background: none;
    color: #000;
}
.select2-container--default .select2-results>.select2-results__options li img {
    width: 30px;
    margin: 0 5px 0 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible {
    outline: none;
}
.mg-page .card-header .card-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mg-page .card-header .mua-btn {
    background: #00A25D;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    border-radius: 5px 5px;
}
.mg-page .card-header {
    min-height: inherit;
}
#twilioTabs {
    border: 0;
}
#twilioTabs .nav-item button {
    border: 0;
    font-size: 12px;
    line-height: 14px;
    color: rgba(0, 0, 0, 1);
    font-weight: 400;
    display: flex;
    align-items: center;
    border-radius: 5px 5px;
    padding: 10px 15px;
}
#twilioTabs .nav-item button img {
    margin: 0 7px 0 0;
}
#twilioTabs .nav-item button:hover {
    background: rgba(249, 249, 249, 1);
}
#twilioTabs .nav-item button.active {
    background: rgba(249, 249, 249, 1);
}
#ModuleInstruction .modal-dialog {
    max-width: 1000px;
}
#ModuleInstruction .modal-dialog .modal-content .modal-body {
    padding: 0;
}
#ModuleInstruction .modal-dialog .modal-content {
    border-radius: 15px 15px;
}
#ModuleInstruction .mi-text {
    padding: 50px 25px 20px;
}
#ModuleInstruction .mi-text img {
    margin: 0 auto 20px;
    display: flex;
}
#ModuleInstruction .mi-text h2 {
    text-align: center;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    color: #000;
    margin: 0 0 20px;
}
#ModuleInstruction .mi-text p {
    font-size: 16px;
    line-height: 20px;
    color: #000;
    font-weight: 400;
    margin: 0 0 15px;
}
#ModuleInstruction .mi-text ul {
    margin: 0;
    padding: 0 0 20px;
    list-style: none;
}
#ModuleInstruction .mi-text ul li {
    font-size: 16px;
    line-height: 18px;
    color: #000;
    font-weight: 400;
    margin: 0 0 12px;
    display: flex;
    align-items: center;
}
#ModuleInstruction .mi-text ul li:last-child {
    margin: 0;
}
#ModuleInstruction .mi-text ul li i {
    margin: 3px 7px 0 0;
    font-size: 7px;
    color: rgba(0, 162, 93, 1);
}
#ModuleInstruction .mi-text .g-btn {
    background: rgba(0, 162, 93, 1);
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    font-weight: 700;
    padding: 12px 40px;
}
#ModuleInstruction .mi-text .g-btn:hover {
    opacity: 0.7;
}
#ModuleInstruction .slid-box {
    padding: 100px 40px;
    background: rgba(248, 250, 255, 1);
    height: 100%;
    border-radius: 0 15px 15px 0;
}
#ModuleInstruction .slid-box .mi-slider .slick-slide .img-hold img {
    width: 100%;
}
#ModuleInstruction .slid-box .mi-slider .slick-dots li button:before {
    display: none;
}
#ModuleInstruction .slid-box .mi-slider .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 7px 0 0;
}
#ModuleInstruction .slid-box .mi-slider .slick-dots li:last-child {
    margin: 0;
}
#ModuleInstruction .slid-box .mi-slider .slick-dots li button {
    padding: 0;
    width: 100%;
    height: 100%;
    background: rgba(183, 183, 183, 1);
    border-radius: 100% 100%;
}
#ModuleInstruction .slid-box .mi-slider .slick-dots li.slick-active button {
    background: rgba(7, 45, 118, 1);
}
#ModuleInstruction .slid-box .mi-slider .slick-prev:before,#ModuleInstruction .slid-box .mi-slider .slick-next:before {
    display: none;
}
#ModuleInstruction .slid-box .mi-slider .slick-prev{
    background: url(../profile_pic/le-arr.svg) no-repeat;
    background-size: 100%;
}
#ModuleInstruction .slid-box .mi-slider .slick-next {
    background: url(../profile_pic/rig-arr.svg) no-repeat;
    background-size: 100%;
}
#ModuleInstruction .slid-box .btn-close {
    position: absolute;
    top: 15px;
    left: auto;
    right: 15px;
    content: "";
    background: url(../profile_pic/icon37.png) no-repeat;
    background-size: 100%;
}

/* manager extensions page start */

.me-area .ch-area {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.me-area .fill-box {
    background: #fff;
    padding: 10px 10px;
    margin: 0 0 15px;
    border-radius: 5px 5px;
}
.me-area .fill-box h6 {
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 15px;
    padding: 0 0 10px;
    border-bottom: 1px solid rgba(239, 239, 239, 1);
}
.me-area .ch-area h2 {
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    color: #000;
    margin: 0 0 15px;
    display: flex;
    align-items: center;
}
.me-area .ch-area h2 img {
    margin: 0 10px 0 0;
}
.ch-area .select2-container .select2-selection {
    width: 100%;
    border: 1px solid rgba(197, 197, 197, 1) !important;
    padding: 10px 10px;
    border-radius: 5px 5px;
    font-size: 18px;
    line-height: 20px;
    color: #000 !important;
    font-weight: 600;
    background: #fff;
    height: auto;
    text-align: center;
}
.ch-area .select2-container .select2-selection .select2-selection__rendered {
    padding: 0;
    color: #000;
}
.me-area .fill-bar label {
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    color: #000;
    margin: 0 0 15px;
}
.me-area .fill-bar input {
    border: 1px solid rgba(197, 197, 197, 1) !important;
    padding: 11px 10px;
    border-radius: 5px 5px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    background: #fff;
    color: #000;
}
.me-area .fill-bar .sh-btn {
    padding: 12px 10px;
    background: rgba(0, 162, 93, 1);
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    font-weight: 400;
    width: 100%;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.me-area .fill-bar .sh-btn:hover {
    opacity: 0.7;
}
.me-area .fill-bar .sh-btn img {
    margin: 0 5px 0 0;
}
.me-area .fill-bar input::placeholder {
    color: rgba(124, 124, 124, 1);
}
.me-area .nt-area {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.me-area .nt-area h3 {
    padding: 12px 10px;
    background: rgba(238, 255, 248, 1);
    border: 1px solid rgba(0, 162, 93, 1);
    border-radius: 5px 5px;
    font-size: 14px;
    line-height: 16px;
    color: rgba(0, 162, 93, 1);
    font-weight: 500;
    margin: 0 0 15px;
    width: 100%;
}
.me-area .nt-area h3 span {
    font-size: 12px;
    line-height: 14px;
    font-weight: 300;
    margin: 0 0 0 5px;
}
.me-area .nt-area .ce-btn {
    padding: 12px 15px;
    background: rgba(0, 162, 93, 1);
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    font-weight: 600;
}
.me-area .nt-area .rset-btn {
    padding: 12px 20px;
    border: 1px solid rgba(0, 162, 93, 1) !important;
    font-size: 14px;
    line-height: 16px;
    color: #00A25D;
    font-weight: 600;
    margin: 0 12px 0 0;
    align-items: center;
    justify-content: center;
    display: flex;
}
.me-area .nt-area .rset-btn img {
    margin: 0 5px 0 0;
}
.me-area .nt-area .ce-btn:hover {
    opacity: 0.7;
}
.me-area .detail-bar ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.me-area .detail-bar ul li {
    padding: 15px 15px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.05);
    border-radius: 15px 15px;
    cursor: pointer;
    margin: 0 0 15px;
    position: relative;
}
.me-area .detail-bar ul li .t-block {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
}
.me-area .detail-bar ul li .table-block {
    display: none;
    margin: 15px 0 0;
}
/* .me-area .detail-bar ul li.active .table-block  {
    display: block;
} */
.me-area .detail-bar ul li .t-block h3 {
    width: 33.33%;
    font-size: 16px;
    line-height: 18px;
    color: #000;
    font-weight: 500;
    margin: 0 5px 0 0;
}
.me-area .detail-bar ul li .t-block h3 span {
    font-weight: 300;
}
.me-area .detail-bar ul li .t-block h3 img {
    margin: 0 7px 0 0;
}
.me-area .detail-bar ul li.active h5 {
    transform: rotate(180deg);
}
.me-area .detail-bar ul li .t-block h4 {
    width: 33.33%;
    font-size: 16px;
    line-height: 18px;
    color: #000;
    font-weight: 500;
    margin: 0 5px 0 0;
}
.me-area .detail-bar ul li .t-block h4 span {
    font-weight: 300;
}
.me-area .detail-bar ul li .t-block h4 img {
    margin: 0 7px 0 0;
}
.me-area .detail-bar ul li .table-block table {
    border: 1px solid rgba(220, 220, 220, 1);
}
.me-area .detail-bar ul li .table-block table tr th {
    background: rgba(240, 245, 253, 1);
    padding: 10px 15px;
    font-size: 14px;
    line-height: 16px;
    color: rgba(0, 0, 0, 1);
    font-weight: 400;
    width: 33.33%;
}
.me-area .detail-bar ul li .table-block table tr td .b-bar {
    display: flex;
    align-items: center;
}
.me-area .detail-bar ul li .table-block table tr td .b-bar img {
    margin: 0 10px 0 0;
}
.me-area .detail-bar ul li .table-block table tr td {
    padding: 10px 15px;
    vertical-align: middle;
}
.me-area .detail-bar ul li .table-block table tr td .b-bar p {
    font-size: 14px;
    line-height: 16px;
    color: rgba(0, 0, 0, 1);
    font-weight: 300;
    margin: 0;
}
.me-area .detail-bar ul li .table-block table tr td p {
    font-size: 14px;
    line-height: 16px;
    color: rgba(0, 0, 0, 1);
    font-weight: 300;
    margin: 0;
}
.me-area .detail-bar ul li .table-block table tr {
    border-bottom: 1px solid rgba(220, 220, 220, 1);
}
.me-area .detail-bar ul li .table-block table tr td .btn-box .e-btn {
    border-radius: 5px 5px;
    border: 1px solid rgba(197, 197, 197, 1) !important;
    font-size: 12px;
    line-height: 14px;
    color: rgba(15, 15, 15, 1);
    font-weight: 400;
    padding: 7px 10px;
    display: flex;
    align-items: center;
    margin: 0 7px 0 0;
}
.me-area .detail-bar ul li .table-block table tr td .btn-box .e-btn img {
    margin: 0 7px 0 0;
}
.me-area .detail-bar ul li .table-block table tr td .btn-box .de-btn img {
    margin: 0 7px 0 0;
}
.me-area .detail-bar ul li .table-block table tr td .btn-box {
    display: flex;
    align-items: center;
}
.me-area .detail-bar ul li .table-block table tr td .btn-box .de-btn {
    border-radius: 5px 5px;
    border: 1px solid rgba(197, 197, 197, 1) !important;
    font-size: 12px;
    line-height: 14px;
    color: rgba(15, 15, 15, 1);
    font-weight: 400;
    padding: 7px 10px;
    display: flex;
    align-items: center;
}
.me-area .detail-bar ul li .t-block h5 {
    margin: 0;
}


/* video call  page start here */

.vid-call .video-bk {
    position: relative;
    overflow: hidden;
    border-radius: 20px 20px;
}
.vid-call .video-bk .vid-box img {
    width: 100%;
}
.vid-call .video-bk .t-head {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    content: "";
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.vid-call .video-bk .t-head h2 {
    color: #fff;
    font-size: 25px;
    line-height: 27px;
    font-weight: 600;
    margin: 25px 0 0 30px;
}
.vid-call .video-bk .t-head .join-box {
    margin: 25px 30px 0 0;
    padding: 20px 15px;
    background: url(../profile_pic/bg07.png) no-repeat;
    background-size: cover;
    border-radius: 15px 15px;
    max-width: 450px;
    width: 100%;
    position: relative;
}
.vid-call .video-bk .t-head .join-box h3 {
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    font-weight: 400;
    padding: 0 0 15px;
    margin: 0 0 15px;
    border-bottom: 1px solid rgba(204, 204, 204, 1);
}
.vid-call .video-bk .t-head .join-box h3 img {
    margin: 0 5px 0 0;
}
.vid-call .video-bk .t-head .join-box ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.vid-call .video-bk .t-head .join-box ul li {
    display: flex;
    justify-content: space-between;
}
.vid-call .video-bk .t-head .join-box ul li .l-area {
    display: flex;
    align-items: center;
}
.vid-call .video-bk .t-head .join-box ul li .l-area img {
    width: 60px;
    height: 60px;
    margin: 0 10px 0 0;
}
.vid-call .video-bk .t-head .join-box ul li .l-area .t-bar h4 {
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    margin: 0 0 5px;
    color: #fff;
}
.vid-call .video-bk .t-head .join-box ul li .l-area .t-bar p {
    font-weight: 300;
    font-size: 16px;
    line-height: 18px;
    margin: 0;
    color: #fff;
}
.vid-call .video-bk .t-head .join-box ul li .ac-btn {
    display: flex;
    align-items: center;
}
.vid-call .video-bk .t-head .join-box ul li .ac-btn button {
    padding: 0;
    background: none;
    border: 0;
}
.vid-call .video-bk .t-head .join-box ul li .ac-btn button:hover {
    opacity: 0.8;
}
.vid-call .video-bk .t-head .join-box .cross-btn {
    padding: 0;
    border: 0;
    position: absolute;
    top: 7px;
    left: auto;
    right: 12px;
    z-index: 1;
}
.vid-call .video-bk .t-head .join-box .cross-btn:hover {
    opacity: 0.8;
}
.vid-call .video-bk .b-bottom {
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    width: 100%;
}
.vid-call .video-bk .b-bottom .sv-block {
    text-align: right;
    margin: 0 25px 20px 0;
    position: relative;
}
.vid-call .video-bk .b-bottom .sv-block img {
    width: 100%;
    border-radius: 20px 20px;
}
.vid-call .video-bk .b-bottom .sv-block h3 {
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    content: "";
    margin: 10px 0 0 15px;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
}
.vid-call .video-bk .b-bottom .act-btn ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    margin: 0 0 20px 0;
}
.vid-call .video-bk .b-bottom .act-btn ul li {
    margin: 0 7px 0 0;
}
.vid-call .video-bk .b-bottom .act-btn ul li:last-child {
    margin: 0;
}
.vid-call .video-bk .b-bottom .act-btn ul li:last-child button {
    background: rgba(254, 57, 68, 1);
}
.vid-call .video-bk .b-bottom .act-btn ul li button {
    background: none;
    padding: 0;
    border: 0;
    width: 50px;
    height: 50px;
    border-radius: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 162, 93, 1);
}
.vid-call .video-bk .b-bottom .act-btn ul li button:hover {
    opacity: 0.8;
}
.vid-call .video-bk .b-bottom .cl-area ul {
    padding: 0;
    margin: 0;
    list-style: none;
    margin: 0 0 20px 25px;
}
.vid-call .video-bk .b-bottom .cl-area ul li {
    position: relative;
}
.vid-call .video-bk .b-bottom .cl-area ul li .cp-btn {
    padding: 0;
    border: 0;
    width: 50px;
    height: 50px;
    border-radius: 100% 100%;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);
}
.vid-call .video-bk .b-bottom .cl-area ul li .cp-btn:hover {
    opacity: 0.8;
}
.vid-call .video-bk .b-bottom .lk-box {
    position: absolute;
    padding: 20px 15px;
    background: url(../profile_pic/bg08.png) no-repeat;
    background-size: cover;
    border-radius: 15px 15px;
    max-width: 400px;
    width: 100%;
    top: auto;
    bottom: 60px;
    left: 0;
    right: 0;
    content: "";
    display: none;
}
.vid-call .video-bk .b-bottom .lk-box h3 {
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 10px;
}
.vid-call .video-bk .b-bottom .lk-box .cross-btn {
    padding: 0;
    border: 0;
}
.vid-call .video-bk .b-bottom .lk-box .cross-btn:hover {
    opacity: 0.8;
}
.vid-call .video-bk .b-bottom .lk-box .link-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-items: center;
    background: rgba(255, 255, 255, 0.15);
    padding: 10px 10px;
    border-radius: 10px 10px;
}
.vid-call .video-bk .b-bottom .lk-box .link-box p {
    margin: 0;
    font-size: 15px;
    line-height: 17px;
    font-weight: 300;
    color: #fff;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.vid-call .video-bk .b-bottom .lk-box .link-box button {
    border: 0;
    padding: 0;
    width: 32px;
    height: 32px;
    background: rgba(0, 168, 84, 1);
    border-radius: 5px 5px;
}
.vid-call .video-bk .b-bottom .lk-box .link-box button:hover {
    opacity: 0.8;
}
.vid-call .video-bk .vid-box.bg {
    background: #000;
    min-height: 630px;
}
.vid-call .video-bk .vid-box.bg img {
    display: none;
}
.vid-call .video-bk .b-bottom .sv-block.bg {
    background: url(../profile_pic/bg07.png) no-repeat;
    min-height: 250px;
    background-size: cover;
    border-radius: 15px 15px;
}
.vid-call .video-bk .b-bottom .sv-block.bg img{
    display: none;
}

/* task manager page start */


.t-manger .tw-block .block {
    border: 1px solid rgba(7, 45, 118, 1);
    padding: 20px 20px;
    border-radius: 10px 10px;
    background: rgba(246, 249, 255, 1);
    display: flex;
    margin: 0 0 30px;
}
.t-manger .tw-block .block .img-hold {
    margin: 0 15px 0 0 !important;
}
.t-manger .tw-block .block .text-hold p {
    font-size: 16px;
    line-height: 18px;
    color: rgba(0, 0, 0, 1);
    font-weight: 400;
}
.t-manger .tw-block .block .text-hold ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
}
.t-manger .tw-block .block .text-hold ul li {
    margin: 0 10px 0 0;
}
.t-manger .tw-block .block .text-hold ul li:last-child {
    margin: 0;
}
.t-manger .tw-block .block .text-hold ul li .um-btn {
    background: rgba(7, 45, 118, 1);
    padding: 12px 20px;
    border-radius: 50px 50px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    color: #fff;
}
.t-manger .tw-block .block .text-hold ul li .pa-btn {
    background: rgba(225, 223, 223, 1);
    padding: 12px 20px;
    border-radius: 50px 50px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    color: rgba(0, 0, 0, 1);
}
.t-manger .tw-block .vido-block {
    margin: 0 0 50px;
}
.t-manger .tw-block .fea-block {
    text-align: center;
}
.t-manger .tw-block #home-video {
    width: 100%;
    height: 100%;
    border-radius: 20px 20px;
}
.t-manger .tw-block .detail-box h2 {
    color: rgba(0, 0, 0, 1);
    font-size: 24px;
    line-height: 26px;
    font-weight: 600;
    margin: 0 0 10px;
}
.t-manger .tw-block .detail-box p {
    color: rgba(0, 0, 0, 1);
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    margin: 0 0 20px;
}
.t-manger .tw-block .detail-box h3 {
    color: rgba(0, 162, 93, 1);
    font-size: 22px;
    line-height: 24px;
    font-weight: 600;
    margin: 0 0 10px;
}
.t-manger .tw-block .detail-box ul {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
}
.t-manger .tw-block .detail-box ul li {
    color: rgba(0, 0, 0, 1);
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    position: relative;
    margin: 0 0 5px;
    padding: 0 0 0 15px;
}
.t-manger .tw-block .detail-box ul li:after {
    position: absolute;
    top: 6px;
    left: 0;
    right: auto;
    content: "";
    width: 7px;
    height: 7px;
    background: #000;
    border-radius: 100%;
}
.t-manger .tw-block .detail-box ul li:last-child {
    margin: 0;
}
.t-manger .tw-block .detail-box h4 {
    font-size: 14px;
    line-height: 18px;
    color: #000;
    margin: 0 0 10px;
}
.t-manger .tw-block .detail-box h6 {
    font-size: 14px;
    line-height: 16px;
    color: #000;
    margin: 0;
    font-weight: 400;
}

/* view company board page style */

.kanban-container {
    padding: 20px;
    height: 100vh;
    overflow: hidden;
}
.kanban-board {
    display: flex;
    gap: 20px;
    height: calc(100vh - 120px);
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 20px;
    /* Calculate width dynamically based on number of columns */
    width: calc(320px * var(--column-count, 4)); /* 300px + 20px gap */
    min-width: 100%;
}
.kanban-column {
    flex: 0 0 300px; /* Fixed width, no shrink, no grow */
    width: 300px; /* Explicit width */
    height: 100%;
    background: #f8f9fa;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
}
.column-header {
    padding: 15px;
    border-bottom: 1px solid #dee2e6;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border-radius: 8px 8px 0 0;
    flex-shrink: 0;
}
.column-header h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #495057;
}
.task-count {
    background: #6479a9;
    color: white;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
}
.column-content {
    flex: 1;
    padding: 15px;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: calc(100% - 60px);
}
.kanban-card {
    background: white;
    border-radius: 0 0 8px 8px;
    padding: 16px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;
}
.kanban-card.high{
    border-top: 2px solid #F22A2A;
}
.kanban-card.med{
    border-top: 2px solid #DAA302;
}
.kanban-card:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    transform: translateY(-1px);
}
.kanban-card.dragging {
    opacity: 0.5;
    transform: rotate(5deg);
}
.card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}
.card-priority {
    padding: 5px 15px;
    border-radius: 50px 50px;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 14px;
}
.kanban-card.high .card-priority {
    background: #FFD9D9;
    color: #F22A2A;
}
.kanban-card.med .card-priority {
    background: #FFEFC2;
    color: #DAA302;
}
.kanban-card.low .card-priority {
    background: #28a74552;
    color: #28a745;
}
.kanban-card.low {
    border-top: 2px solid #28a745;
}
/* .card-priority.low {
    background: #28a745;
    color: white;
} */
.card-id {
    font-size: 12px;
    color: #6c757d;
    font-weight: 500;
}
.kanban-card h4 {
    margin: 0 0 8px 0;
    font-size: 14px;
    color: #212529;
    line-height: 18px;
    font-weight: 500;
}
.kanban-card p {
    margin: 0 0 10px;
    font-size: 12px;
    line-height: 18px;
    color: #000;
    font-weight: 300;
}
.kanban-card .ts-num {
    margin: 0;
    font-size: 12px;
    line-height: 14px;
    color: #000;
    font-weight: 300;
}
.card-footer .ts-detail:last-child {
    margin: 0;
}
.card-footer .ts-detail {
    margin: 0 0 10px;
    display: flex;
    align-items: center;
}
.card-footer .ts-detail img {
    margin: 0 5px 0 0;
}
.card-footer .ts-detail strong {
    font-size: 12px;
    line-height: 14px;
    color: #000;
    font-weight: 400;
    display: flex;
    align-items: center;
}
.card-footer .ts-detail span {
    font-size: 12px;
    line-height: 14px;
    color: #000;
    font-weight: 300;
}
.card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    color: #6c757d;
}
.card-assignee {
    font-weight: 500;
}
.card-date {
    font-weight: 400;
}
.card-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}
.edit-icon {
    cursor: pointer;
    color: #6c757d;
    font-size: 12px;
    padding: 2px;
    border-radius: 3px;
    transition: all 0.2s ease;
}
.edit-icon:hover {
    color: #007bff;
    background-color: rgba(0, 123, 255, 0.1);
}
/* Drag and drop styles */
.column-content.drag-over {
    background: #e3f2fd;
    border: 2px dashed #2196f3;
}
/* Custom scrollbar for webkit browsers */
.kanban-board::-webkit-scrollbar {
    height: 8px;
}
.kanban-board::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}
.kanban-board::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}
.kanban-board::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}
.column-content::-webkit-scrollbar {
    width: 6px;
}
.column-content::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}
.column-content::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}
.column-content::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}
.comment-item {
    background: #fff;
    border: 1px solid #e1e8ed;
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    transition: box-shadow 0.2s ease;
}
.comment-item:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.comment-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
}
.comment-author-info {
    display: flex;
    align-items: center;
    gap: 12px;
}
.comment-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 600;
    font-size: 16px;
}
.comment-meta {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.comment-author {
    font-weight: 600;
    color: #1a1a1a;
    font-size: 14px;
}
.comment-date {
    font-size: 12px;
    color: #657786;
}
.comment-actions {
    display: flex;
    gap: 8px;
    opacity: 0;
    transition: opacity 0.2s ease;
}
.comment-item:hover .comment-actions {
    opacity: 1;
}
.comment-action-btn {
    background: none;
    border: none;
    padding: 6px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    color: #657786;
}
.comment-action-btn:hover {
    background: #f7f9fa;
    transform: translateY(-1px);
}
.edit-btn:hover {
    color: #1da1f2;
}
.delete-btn:hover {
    color: #e0245e;
}
.comment-content {
    color: #1a1a1a;
    line-height: 1.5;
    font-size: 14px;
    word-wrap: break-word;
}
.comment-edit-form {
    margin-top: 8px;
}
.edit-textarea {
    width: 100%;
    min-height: 80px;
    padding: 12px;
    border: 2px solid #e1e8ed;
    border-radius: 8px;
    font-size: 14px;
    font-family: inherit;
    resize: vertical;
    transition: border-color 0.2s ease;
}
.edit-textarea:focus {
    outline: none;
    border-color: #1da1f2;
}
.edit-actions {
    display: flex;
    gap: 8px;
    margin-top: 8px;
    justify-content: flex-end;
}

/* voice mail page start here */

.vm-area .v-fill-box {
    background: #fff;
    padding: 15px 15px;
    margin: 0 0 20px;
    border-radius: 10px 10px;
}
.vm-area .v-fill-box h6 {
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid rgba(239, 239, 239, 1);
}
.vm-area .v-fill-box .ch-area {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.vm-area .v-fill-box .ch-area h2 {
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    color: #000;
    margin: 0 0 15px;
    display: flex;
    align-items: center;
}
.vm-area .v-fill-box label {
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    color: #000;
    margin: 0 0 15px;
}
.vm-area .v-fill-box input {
    border: 1px solid rgba(197, 197, 197, 1) !important;
    padding: 11px 10px;
    border-radius: 5px 5px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    background: #fff;
    color: #000;
}
.vm-area .v-fill-box .sh-btn {
    padding: 12px 10px;
    background: rgba(0, 162, 93, 1);
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    font-weight: 400;
    width: 100%;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.vm-area .v-fill-box .sh-btn img {
    margin: 0 5px 0 0;
}
.vm-area .v-fill-box .ch-area .select2-container .select2-selection {
    text-align: left;
}
.vm-area .table {
    background: #fff;
    padding: 15px 15px;
    border-radius: 10px 10px;
    border-spacing: 0px;
    border-collapse: inherit;
}
.vm-area .table thead tr th {
    padding: 10px 10px;
    background: rgba(240, 245, 253, 1);
    font-size: 14px;
    line-height: 16px;
    color: rgba(0, 0, 0, 1);
    font-weight: 400;
}
.vm-area .table thead tr th {
    border: 1px solid rgba(220, 220, 220, 1);
    border-right: 0;
    border-left: 0;
}
.vm-area .table thead tr th:first-child {
    border-left: 1px solid rgba(220, 220, 220, 1);
    border-radius: 10px 0 0 0;
}
.vm-area .table thead tr th:last-child {
    border-right: 1px solid rgba(220, 220, 220, 1);
    border-radius: 0 10px 0 0;
}
.vm-area .table tbody tr td {
    padding: 10px 10px;
    font-size: 14px;
    line-height: 16px;
    color: rgba(0, 0, 0, 1);
    font-weight: 300;
    border-bottom: 1px solid rgba(220, 220, 220, 1) !important;
}
.vm-area .table tr td:first-child {
    border-left: 1px solid rgba(220, 220, 220, 1);
}
.vm-area .table tr td:last-child {
    border-right: 1px solid rgba(220, 220, 220, 1);
}
.vm-area .table tr td audio {
    height: 35px;
}
.vm-area .table tr:last-child td:first-child {
    border-radius: 0 0 0 10px;
}
.vm-area .table tr:last-child td:last-child {
    border-radius: 0 0 10px 0;
}
#kt_voicemails_table_wrapper #kt_voicemails_table_length {
    display: none;
}
#kt_voicemails_table_wrapper #kt_voicemails_table_filter {
    display: none;
}
.vm-area .table tr td a {
    padding: 0;
}
.vm-area .table tr.un-read {
    background: rgba(230, 255, 245, 1);
}
.vm-area .tabs-area ul .nav-item button {
    background: #fff;
    border: 1px solid #6B6B6B;
    padding: 10px 20px;
    font-size: 12px;
    line-height: 14px;
    color: #000;
    border-radius: 50px 50px;
}
.vm-area .tabs-area ul .nav-item .active,.vm-area .tabs-area ul .nav-item button:hover {
    border: 1px solid #00A25D;
    background: #E6FFF5;
}
.vm-area .rset-btn {
    margin: 0 0 -3.2rem auto;
    padding: 10px 20px;
    border: 1px solid rgba(0, 162, 93, 1) !important;
    font-size: 14px;
    line-height: 16px;
    color: #00A25D;
    font-weight: 600;
    align-items: center;
    justify-content: center;
    display: flex;
}
.vm-area .rset-btn img {
    margin: 0 5px 0 0;
}
.vm-area .rset-btn:hover {
    background: #E6FFF5;
    color: #00A25D;
}

/* metting model start here */

#mettingModal .modal-dialog {
    max-width: 700px;
}
#mettingModal .img-meeting {
    text-align: center;
}
#mettingModal .img-meeting img {
    margin: 0 0 15px;
}
#mettingModal .img-meeting h5 {
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    color: #000;
}
#mettingModal .tab-info h3 {
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    color: #000;
    margin: 0 0 15px;
}
#mettingModal .tab-info .nav li {
    margin: 0;
}
#mettingModal .tab-info .nav li button {
    border-radius: 0;
    font-size: 12px;
    line-height: 14px;
    color: #000;
    font-weight: 400;
    background: #EEEEEE;
    padding: 10px 10px;
}
#mettingModal .tab-info .nav li button.active {
    color: #fff;
    background: #00A25D;
}
#mettingModal .tab-info .nav li:first-child button {
    border-radius: 5px 0 0 5px;
}
#mettingModal .tab-info .nav li:last-child button{
    border-radius: 0 5px 5px 0;
}
#mettingModal .tab-info .tab-content label {
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    color: #000;
    margin: 0 0 10px;
}
#mettingModal .tab-info .tab-content input {
    border: 1px solid #CFCFCF;
    border-radius: 3px 3px;
    font-size: 16px;
    line-height: 18px;
    color: #838383;
    font-weight: 300;
}
#mettingModal .cr-btn {
    background: #00A25D;
    padding: 10px 25px;
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    border-radius: 3px 3px;
}
#mettingModal .btn-bar {
    text-align: center;
    margin: 20px 0 0;
}
#mettingModal .modal-header {
    border: 0;
    padding: 15px 30px;
}

/*invoices view filter start here*/

.v-in-page .inv-filter h2 {
    font-size: 20px;
    line-height: 22px;
    font-weight: 600;
    color: #000;
    margin: 0 0 15px;
    text-transform: capitalize;
}
.v-in-page .inv-filter .filter-ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
}
.v-in-page .inv-filter .filter-ul li {
    width: 15%;
}
.v-in-page .inv-filter .filter-ul li:first-child {
    width: 20%;
}
.v-in-page .inv-filter ul li #reportrange {
    border: 1px solid #D0D0D0;
    border-radius: 10px 10px;
    padding: 12px 12px;
    color: #000000;
    font-size: 12px;
    line-height: 14px;
    font-weight: 300;
    display: flex;
    justify-content: space-between;
}
.daterangepicker .drp-calendar td.active {
    background-color: #00A25D !important;
}
.daterangepicker .drp-calendar td.in-range.available:not(.active):not(.off):not(.today) {
    background-color: #EDF3FF !important;
    color: #000 !important;
}
.daterangepicker .drp-calendar td {
    color: #000 !important;
}
.daterangepicker .drp-calendar td.today, .daterangepicker .drp-calendar td.today.active {
    background-color: #EDF3FF !important;
    color: #000 !important;
    border-radius: 0 !important;
}
.daterangepicker .drp-calendar th.month {
    color: #000 !important;
}
.daterangepicker .ranges li {
    color: #000 !important;
}
.daterangepicker .ranges li.active {
    background: #00A25D !important;
    color: #fff !important;
}
.daterangepicker .ranges li:hover {
    background: #F6F6F6 !important;
    color: #000 !important;
}
.daterangepicker.show-calendar .drp-buttons {
    display: none !important;
}
.v-in-page .inv-filter .form-label {
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    color: #000;
    margin: 0 0 10px;
}
.v-in-page .inv-filter input{
    border: 1px solid #D0D0D0;
    border-radius: 10px 10px;
    padding: 12px 12px;
    color: #000000;
    font-size: 12px;
    line-height: 14px;
    font-weight: 300;
}
.v-in-page .inv-filter .dropdown button {
    border: 1px solid #D0D0D0 !important;
    border-radius: 10px 10px;
    padding: 12px 12px;
    color: #000000;
    font-size: 12px;
    line-height: 14px;
    font-weight: 300;
    width: 100%;
    text-align: left;
    background: url(../icons/down-icon.svg) no-repeat right 10px center;
}
.v-in-page .inv-filter .dropdown button:after {
    display: none;
}
.v-in-page .inv-filter .dropdown-menu li,.v-in-page .inv-filter .dropdown-menu li:first-child {
    width: 100%;
}
.v-in-page .inv-filter .dropdown-menu li a {
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    font-weight: 500;
    padding: 15px 15px;
    display: flex;
    align-items: center;
}
.v-in-page .inv-filter .dropdown-menu li a img {
    margin: 0 7px 0 0  ;
}
.v-in-page .inv-filter .dropdown-menu li a.active {
    background: #F6F6F6;
}
.v-in-page .inv-filter ul li .se-btn {
    background: #00A25D;
    border-radius: 10px 10px;
    padding: 12px 25px;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.v-in-page .inv-filter ul li .se-btn img {
    margin: 0 7px 0 0;
}
.v-in-page .inv-filter ul li .filter-wrapper .in-box {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    border: 1px solid #D0D0D0;
    padding: 10px 12px;
    border-radius: 10px 10px;
}
.v-in-page .inv-filter ul li .filter-wrapper .in-box input {
    border: 0;
    width: 80%;
    padding: 0;
}
.v-in-page .inv-filter ul li .filter-wrapper .in-box .custom-dropdown {
    width: 20%;
}
.v-in-page .inv-filter ul li .filter-wrapper .in-box .custom-dropdown button {
    border: 0;
    background: transparent;
    padding: 0;
    font-size: 12px;
    line-height: 14px;
    font-weight: 300;
    width: 100%;
    text-align: left;
    background: url(../icons/down-icon.svg) no-repeat right 0px center;
}
.v-in-page .inv-filter ul li .filter-wrapper .in-box .custom-dropdown .list-group {
    width: 100px;
    background: #fff;
    display: none;
    position: absolute;
    z-index:1000;
    box-shadow: 0 0px 8px #0000001A;
    right: 10px;
    list-style: none;
}
.v-in-page .inv-filter ul li .filter-wrapper .in-box .custom-dropdown .list-group li{
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    font-weight: 500;
    padding: 10px 10px;
    cursor: pointer;
    width: 100%;
}
.v-in-page .inv-filter ul li .filter-wrapper .in-box .custom-dropdown .list-group li:hover{
    background: #F6F6F6;
}

/* join meeting page start */

.jm-page .jm-block {
    padding: 30px 30px;
    background: #fff;
    box-shadow: 0 0 8px #00000012;
    border-radius: 10px 10px;
}
.jm-page .jm-block .form-block h2 {
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    margin: 0 0 20px;
}
.jm-page .jm-block .form-block input {
    padding: 15px 15px;
    border: 1px solid #CFCFCF;
    border-radius: 2px 2px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 300;
    color: #767676;
}
.jm-page .jm-block .form-block input::placeholder {
    color: #767676;
}
.jm-page .jm-block .form-block input:focus {
    box-shadow: none;
    outline: none;
}
.jm-page .jm-block .form-block .jm-btn {
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    font-weight: 500;
    display: block;
    text-align: center;
    background: linear-gradient(201deg, #062D77 10%, #02A35E 100%);
    width: 100%;
    border-radius: 2px 2px;
    padding: 12px 12px;
    margin: 0 0 20px;
}
.jm-page .jm-block .form-block p {
    text-align: center;
    font-size: 16px;
    line-height: 18px;
    color: #000;
    font-weight: 400;
}
.jm-page .jm-block .form-block p img {
    margin: 0 5px 0 0;
}
.jm-page .jm-block .img-bar {
    width: 120px;
    height: 120px;
    background: linear-gradient(201deg, #062D77 10%, #02A35E 100%);
    border-radius: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 30px;
}

/* video metting page start here */

.vid-page .inv-filter h2 {
    font-size: 20px;
    line-height: 22px;
    font-weight: 600;
    color: #000;
    margin: 0 0 15px;
    text-transform: capitalize;
}
.vid-page .inv-filter .filter-ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
}
.vid-page .inv-filter .filter-ul li {
    width: 19.5%;
}
.vid-page .inv-filter .form-label {
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    color: #000;
    margin: 0 0 10px;
}
.vid-page .inv-filter input {
    border: 1px solid #D0D0D0;
    border-radius: 10px 10px;
    padding: 10px 12px;
    color: #000000;
    font-size: 12px;
    line-height: 14px;
    font-weight: 300;
}
.vid-page .inv-filter .dropdown button {
    border: 1px solid #D0D0D0 !important;
    border-radius: 10px 10px;
    padding: 10px 12px;
    color: #000000;
    font-size: 12px;
    line-height: 14px;
    font-weight: 300;
    width: 100%;
    text-align: left;
    background: url(../icons/down-icon.svg) no-repeat right 10px center;
}
.vid-page .inv-filter .dropdown button:after {
    display: none;
}
.vid-page .inv-filter .dropdown-menu li a.active {
    background: #F6F6F6;
}
.vid-page .inv-filter .dropdown-menu li {
    width: 100%;
}
.vid-page .inv-filter .dropdown-menu li a {
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    font-weight: 500;
    padding: 15px 15px;
    display: flex;
    align-items: center;
}
.vid-page .inv-filter ul li .se-btn {
    background: #00A25D;
    border-radius: 10px 10px;
    padding: 10px 25px;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.vid-page .card .v-box {
    padding: 15px 15px;
    border: 1px solid #D0D0D0;
    border-radius: 5px 5px;
}
.vid-page .card .v-box h3 {
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    line-height: 20px;
    color: #000;
    font-weight: 400;
    margin: 0 0 20px;
    align-items: center;
}
.vid-page .card .v-box h2 {
    color: #000;
    font-size: 28px;
    line-height: 30px;
    font-weight: 600;
    margin: 0;
}
.vid-page .card.fir-bar {
    border-radius: 10px 10px 0 0;
}
.vid-page .card.last-bar {
    border-radius: 0 0 10px 10px;
}
.vid-page .last-bar .nav li {
    width: 50%;
    margin: 0;
}
.vid-page .last-bar .nav li button {
    font-size: 20px;
    line-height: 22px;
    color: #000;
    font-weight: 500;
    width: 100%;
    border-radius: 0;
    border-bottom: 3px solid #A4A4A4;
    padding: 10px 10px 20px;
}
.vid-page .last-bar .nav li button.active {
    background: none;
    border-bottom: 3px solid #00A25D;
}
.vid-page .rig-bar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0;
    padding: 0;
    list-style: none;
}
.vid-page .rig-bar li input {
    background: url(../profile_pic/search.png) no-repeat left 5px center;
    padding: 12px 10px 12px 30px;
    font-size: 12px;
    line-height: 14px;
    color: #6B6B6B;
    font-weight: 300;
    border-radius: 10px 10px;
}
.vid-page .rig-bar li .nm-btn {
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    padding: 10px 15px 10px 40px;
    font-weight: 400;
    background: #00A25D url(../icons/w-met.svg) no-repeat left 14px center;
    margin: 0 0 0 10px;
}
.vid-page .last-bar .tab-content table tr th {
    font-size: 14px;
    line-height: 16px;
    color: #000;
    font-weight: 400;
}
.vid-page .last-bar .tab-content table tr {
    border-bottom: 1px solid #E6E6E6;
}
.vid-page .last-bar .tab-content table tr td {
    font-size: 14px;
    line-height: 16px;
    color: #000;
    font-weight: 300;
}
.vid-page .last-bar .tab-content table tr td ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    align-items: center;
}
.vid-page .last-bar .tab-content table tr td ul li {
    margin: 0 7px 0 0;
}
.vid-page .last-bar .tab-content table tr td ul li:last-child {
    margin: 0;
}
.vid-page .last-bar .tab-content table tr td ul li button {
    padding: 0;
    border: 1px solid #C5C5C5;
    border-radius: 5px 5px;
    padding: 7px 7px;
    background: none;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Schedule meeting page start here */

.sm-page .sc-bar img {
    margin: 0 auto 20px;
    display: flex;
}
.sm-page .sc-bar h2 {
    text-align: center;
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
    margin: 0 0 15px;
}
.sm-page .sc-bar ul {
    padding: 10px 10px;
    border: 1px solid #DDDDDD;
    border-radius: 10px 10px;
    margin: 0 0 20px;
}
.sm-page .sc-bar ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #E6E6E6;
    margin: 0 0 10px;
    padding: 0 0 10px;
}
.sm-page .sc-bar ul li:last-child {
    margin: 0;
    padding: 0;
    border: 0;
}
.sm-page .sc-bar ul li p {
    font-size: 16px;
    line-height: 18px;
    color: #000;
    font-weight: 600;
    display: flex;
    align-items: center;
    margin: 0;
}
.sm-page .sc-bar ul li span {
    font-size: 16px;
    line-height: 18px;
    color: #000;
    font-weight: 300;
}
.sm-page .sc-bar ul li p img {
    margin: 0 7px 0 0;
}
.sm-page .sc-bar .cb-btn {
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    background: #00A25D;
    padding: 10px 20px;
    display: flex;
    margin: 0 auto;
    align-items: center;
}
.sm-page .sc-bar .cb-btn img {
    margin: 0 7px 0 0;
}

/* step form start here */

.sp-form #header {
    padding: 10px 10px;
    background: #fff;
}

.sp-form .step {
    display: none;
    position: relative;
}
.sp-form .step-form {
    background: #FFFFFF;
    border-radius: 15px 15px;
    padding: 40px 30px 20px;
    margin: 8rem 0 0;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1490196078);
}
.sp-form .step.active {
    display: block;
}

/* Dots */
.sp-form .dots {
    display: flex;
    justify-content: center;
    gap: 5px;
    padding: 0;
    margin: 0;
}
.sp-form .dots li {
    list-style: none;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #B7B7B7;
    cursor: pointer;
    transition: background-color 0.3s;
}
.sp-form .dots li.active {
    background-color: #00A25D;
}
.sp-form .step .img-hold {
    text-align: center;
    margin: 0 0 25px;
}
.sp-form .step h4 {
    font-size: 28px;
    line-height: 30px;
    font-weight: 600;
    color: #072D76;
    margin: 0 0 25px;
    text-align: center;
}
.sp-form .step .form-check {
    padding: 12px 15px;
    background: #F8F8F8;
    border-radius: 3px 3px;
    display: flex;
    align-items: center;
    width: 49%;
}
.sp-form .step .form-check .form-check-input {
    margin: 0 10px 0 0;
    width: 22px;
    height: 22px;
    border-radius: 5px 5px;
    border: 1px solid #D0D0D0;
    cursor: pointer;
}
.sp-form .step .form-check label {
    font-size: 18px;
    line-height: 20px;
    color: #000;
    font-weight: 300;
    cursor: pointer;
}
.sp-form .step .form-check .form-check-input:checked {
    background: #00A25D url(../icons/w-check.svg) no-repeat center center;
}
.sp-form .step ul {
    margin: 0;
    list-style: none;
    padding: 0;
}
.sp-form .step ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 0 10px;
}
.sp-form .step .next-btn {
    background: #072D76;
    padding: 10px 20px;
    width: 200px;
    font-size: 16px;
    line-height: 18px;
    border-radius: 10px 10px;
    box-shadow: 0 0 8px #00000026;
    color: #fff;
    margin: 20px 0 20px;
}
.sp-form .step .prev-btn {
    background: none;
    position: absolute;
    top: -2rem;
    left: -1rem;
    right: auto;
    content: "";
    padding: 0;
}
.sp-form .step .prev-btn:hover {
    background: none;
    opacity: 0.8;
}

/* customer viewlist page start here */

.view-cus-page #list-view ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    width: 50%;
    flex-wrap: wrap;
}
.view-cus-page #list-view ul li {
    width: 50%;
    padding: 0 10px 0 0;
    margin: 0 0 10px;
}
.view-cus-page #list-view ul li:last-child {
    padding: 0;
}
.view-cus-page #list-view ul li .pt-box {
    padding: 15px 20px;
    background: #F5F5F5;
    justify-content: space-between;
    border-radius: 5px 5px;
    display: flex;
    align-items: center;
}
.view-cus-page #list-view ul li .pt-box p {
    margin: 0;
    font-size: 11px;
    line-height: 14px;
    font-weight: 300;
}
.view-cus-page #list-view ul li .pt-box span {
    font-size: 16px;
    line-height: 18px;
}
/* .view-cus-page #list-view .dropdown {
    margin: 0;
    background: #D9D9D9;
    padding: 2px 10px 3px;
    border-radius: 50px 50px;
} */
.view-cus-page #list-view .dropdown button {
    font-size: 12px;
    line-height: 14px;
    font-weight: 300;
    color: #000000;
    padding: 0;
}
.view-cus-page #list-view .dropdown button i {
    margin: 0 0 0 3px;
}
.view-cus-page #list-view .dropdown .dropdown-menu {
    display: none;
}
.view-cus-page #list-view .dropdown .dropdown-menu.show {
    display: block;
}
.view-cus-page #list-view .dropdown .dropdown-menu li{
    width: 100%;
    padding: 0;
    margin: 0;
}
.view-cus-page #list-view ul li h3 p {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#listBtn {
    padding: 7px 7px;
    border-radius: 7px 7px;
}
#gridBtn {
    padding: 7px 7px;
    border-radius: 7px 7px;
}

/* new view page style */

.new-cus-page .new-info {
    padding: 20px 15px;
    border-bottom: 1px solid #eff2f5;
}
.new-cus-page .new-info h3 {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #383838;
    margin: 0 0 15px;
}
.new-cus-page .new-info ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.new-cus-page .new-info ul li {
    width: 25%;
}
.new-cus-page .new-info ul li p {
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    color: #000;
    margin: 0 0 10px;
}
.new-cus-page .new-info ul li span {
    font-size: 14px;
    line-height: 16px;
    font-weight: 300;
    color: #000;
    margin: 0;
}

/* Purchasing add on start here */

.per-adon .side-bar {
    padding: 0 0 15px;
    box-shadow: 0px 9px 25px 0px #00000026;
    border-radius: 15px;
    background: rgba(255, 255, 255, 1);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}
.per-adon .side-bar .img-hold img {
    border-radius: 15px 15px 0 0;
    max-width: 100%;
}
.per-adon .side-bar .subtotal {
    flex-direction: column;
    box-shadow: 0px 9px 25px 0px #00000026;
    border-radius: 10px;
    padding: 15px 15px;
    position: relative;
    z-index: 1;
    background: #fff;
    color: #334F87;
    margin: -3rem 2.5rem 35px;
    color: #334F87;
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
    text-align: center;
}
.per-adon .side-bar .subtotal span {
    font-size: 30px;
    line-height: 32px;
    font-weight: 700;
    color: #000;
    margin: 15px 0 0;
    display: block;
}
.per-adon .side-bar ul {
    margin: 0 2rem 30px;
    list-style: none;
    padding: 0;
}
.per-adon .side-bar ul li {
    margin: 0 0 15px;
    color: #656565;
    font-size: 16px;
    font-weight: 300;
    line-height: 18px;
}
.per-adon .side-bar ul li img {
    margin: 0 10px 0 0;
}
.per-adon .side-bar .right {
    padding: 0 20px 20px;
}
.per-adon .side-bar .right .total {
    color: #656565;
    font-size: 14px;
    line-height: 16px;
    padding: 15px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #DCDCDC;
    margin: 0;
    font-weight: 500;
}
.per-adon .side-bar .right .total i {
    color: #000000;
    font-size: 20px;
    line-height: 22px;
    font-style: normal;
    font-weight: 700;
}
.per-adon .side-bar .left i {
    font-style: normal;
}
.per-adon .side-bar .left h4 {
    color: #656565;
    font-size: 14px;
    line-height: 16px;
    padding: 15px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #DCDCDC;
    margin: 0;
    font-weight: 500;
}
.per-adon .side-bar .left {
    padding: 0 20px 0;
}
.per-adon .side-bar .p-btn {
    background: #00A25D;
    padding: 12px 20px;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90%;
    margin: 0 auto;
}
.per-adon #cart .p-box {
    border: 2px solid rgb(220, 220, 220);
    border-radius: 10px;
    padding: 15px 15px;
}
.per-adon #cart .p-box h2 {
    font-size: 22px;
    line-height: 24px;
    font-weight: 600;
    color: #000;
    margin: 0 0 20px;
}
.per-adon #cart .p-box .product .content {
    display: flex;
    align-items: center;
    padding: 10px 0px;
}
.per-adon #cart .p-box .product .content .qt-minus {
    background: url('../icons/minus.svg') no-repeat center center;
    font-size: 0;
    width: 25%;
    height: 34px;
    background-size: 60%;
}
.per-adon #cart .p-box .product .content .qt {
    width: 50%;
    border: none;
    background: none;
    font-size: 18px;
    line-height: 20px;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.per-adon #cart .p-box .product .content .qt-plus {
    background: url('../icons/pls.svg') no-repeat center center;
    font-size: 0;
    width: 25%;
    height: 34px;
    background-size: 60%;
}
.per-adon #cart .p-box .product .content .price {
    font-size: 18px;
    line-height: 20px;
    color: #000;
    font-weight: 600;
    margin: 0 0 0 20px;
    width: 70px;
}
.per-adon #cart .p-box .product .text h3 {
    color: #000;
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    margin: 0;
}
.per-adon .accordion {
    margin: 15px 0 0;
}
.per-adon .accordion .accordion-item {
    border: 0;
}
.per-adon #cart .accordion .accordion-header {
    margin: 0;
}
.per-adon .accordion .accordion-header button {
    font-size: 18px;
    line-height: 20px;
    color: #000;
    font-weight: 500;
    padding: 12px 0 20px;
}
.per-adon .accordion .accordion-button:not(.collapsed) {
    background: none;
    box-shadow: none;
}
.per-adon .accordion .accordion-body {
    padding: 0 0 12px;
    border-bottom: 1px solid #C0C0C0;
    border-radius: 0;
}
.per-adon .plan-option {
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease;
}
.per-adon .plan-option input[type="radio"] {
  display: none;
}
.per-adon .plan-option .check-icon {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  font-size: 20px;
  color: #28a745;
  display: none;
}
.per-adon .plan-option input[type="radio"]:checked ~ .check-icon {
  display: inline;
}
.per-adon .plan-option input[type="radio"]:checked ~ .cont {
  border-color: #00A25D;
}
.per-adon .plan-option .cont {
    padding: 10px 10px;
    border: 1px solid #C7C7C7;
    border-radius: 8px;
}
.per-adon .plan-option .cont strong {
    font-size: 16px;
    line-height: 18px;
    color: #000;
    font-weight: 600;
    margin: 0 50px 0 0;
}
.per-adon .plan-option .cont span {
    font-size: 14px;
    line-height: 16px;
    color: #878787;
    font-weight: 400;
}
.per-adon .accordion .accordion-header button::after {
    background: url(../icons/bg-down.svg) no-repeat center center;
    background-size: 100%;
}
.per-adon .card-area {
    margin: 0 0 20px;
}
.per-adon .card-area .form-check {
    margin: 0 0 15px;
    display: flex;
    align-items: center;
}
.per-adon .card-area .form-check label {
    font-size: 18px;
    line-height: 20px;
    color: #000;
    font-weight: 500;
    margin: 0 0 0 10px;
}
.per-adon .card-area .form-check input {
    width: 16px;
    height: 16px;
}
.per-adon .card-area .form-check label span {
    font-weight: 300;
}
.per-adon .card-area .form-check input:checked {
    background: url(../icons/bg02.svg) no-repeat center center;
    background-size: 10px;
    border-color: #D0D0D0   ;
}
.per-adon .card-area .card-info {
    padding: 15px 15px;
    border-radius: 15px 15px;
    border: 1px solid #C0C0C0;
}
.per-adon .card-area .card-info .form-check {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 0 0 15px;
}
.per-adon .card-area .card-info .form-check label {
    display: flex;
    align-items: center;
    width: 95%;
    justify-content: space-between;
}
.per-adon .card-area .card-info .form-check input {
    margin: 0;
    width: 16px;
}
.per-adon .card-area .card-info .form-check .c-box {
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    margin: 0 0 10px;
}
.per-adon .card-area .card-info .form-check label .d-bar {
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    font-weight: 400;
}
.per-adon .card-area .card-info .form-check span {
    font-size: 14px;
    line-height: 16px;
    font-weight: 300;
    color: #000;
}
.per-adon .card-area .card-info .form-check .r-btn {
    padding: 0;
    border: 0;
    background: none;
    font-size: 14px;
    line-height: 16px;
    color: #E91D1D;
}
.per-adon .card-area .card-info p {
    font-size: 15px;
    line-height: 17px;
    color: #000;
    font-weight: 500;
    margin: 0;
}


/* responsive style */

@media screen and (max-width: 1850px) {
    #kt_content .lar-box ul li {
        margin: 0 15px 15px 0;
    }
    .serch-area .block .sidebar {
        margin: 0 0 0 20px;
    }
}
@media screen and (max-width: 1800px) {
    .tour-work .modal-dialog {
        top: 12rem;
        right: 16rem;
    }
    #ser-Modal .modal-dialog {
        top: 22rem;
    }
    #bus-Modal .modal-dialog {
        top: 23rem;
    }
    #esign-Modal .modal-dialog {
        top: 36rem;
    }
    .serch-area .block .sidebar {
        margin: 0 0 0 30px;
    }
}
@media screen and (max-width: 1700px) {
    .tour-work .modal-dialog {
        top: 12rem;
        right: 14rem;
    }
    .serch-area .block .sidebar {
        margin: 0 0 0 3rem;
    }
}
@media screen and (max-width: 1600px) {
    .tour-work .modal-dialog {
        top: 12rem;
        right: 10rem;
    }
    #kt_content_container .rt-box .content {
        padding: 10px 0;
    }
    .serch-area .block .sidebar {
        margin: 0 0 0 5rem;
        left: auto;
    }
}
@media screen and (max-width: 1500px) {
    .tour-work .modal-dialog {
        top: 14rem;
        right: 10rem;
    }
    #kt_content_container .card .card-body .boxs .form-label {
        font-size: 15px;
        line-height: 17px;
    }
    #kt_content_container .card .card-body .bos .form-label {
        font-size: 15px;
        line-height: 17px;
    }
    #kt_content_container .card .card-body .bos .boxs code {
        font-size: 15px;
        line-height: 17px;
    }
    #kt_content .lar-box ul li {
        margin: 0 10px 10px 0;
    }
    #kt_content .lar-box ul li a {
        padding: 15px 15px;
    }
    #kt_content .lar-box .lt-area ul li p {
        font-size: 14px;
        line-height: 16px;
    }
    #kt_content .lar-box .lt-area ul li h3 {
        font-size: 18px;
        line-height: 20px;
    }
    #kt_content .lar-box .lt-area ul li h2 {
        font-size: 18px;
        line-height: 20px;
    }
    .serch-area .block .sidebar {
        margin: 0 0 0 7rem;
    }
}
@media screen and (max-width: 1400px) {
    .acc-area .card-body .acc-block .ap-area p {
        font-size: 15px;
        line-height: 17px;
    }
    .e-sign .card-body .bos h4 {
        font-size: 14px;
        line-height: 16px;
    }
    .en-sign .card-body .es-bar ul li .t-box p {
        font-size: 12px;
        line-height: 14px;
    }
    .en-sign .card-body .es-bar ul li .v-btn {
        font-size: 10px;
        line-height: 12px;
    }
    .view-cus-page .res-doc .doc-btn.btn {
        margin: 0;
    }
    .view-cus-page .res-doc {
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .view-cus-page .doc-btn.btn.re-doc {
        display: none;
    }
    .view-cus-page .bot-area li .vn-btn {
        width: 100%;
    }
    .view-cus-page .bot-area li .res-doc {
        width: 100%;
    }
    .view-cus-page .bot-area li .res-doc span {
        justify-content: center;
    }
    .view-cus-page .bot-area li .res-doc .doc-btn {
        width: 100%;
    }
    .v-in-page .card .v-box h3 {
        font-size: 15px;
        line-height: 17px;
    }
    .v-in-page .card .v-box h3 span {
        font-size: 12px;
        line-height: 14px;
    }
    .v-in-page .card .v-box h2 {
        font-size: 25px;
        line-height: 27px;
    }
    #messages-body .gallery .img-box .t-box p {
        font-size: 12px;
        line-height: 14px;
    }
    #messages-body .gallery .img-box .t-box span {
        font-size: 12px;
        line-height: 14px;
    }
    #kt_content .doc-page .box ul li {
        width: 23%;
    }
    #messages-body .gallery .img-box .t-box p {
        min-width: 90px;
        max-width: 90px;
    }
    #messages-body .gallery img {
        height: 150px;
    }
    .view-cus-page .card-body .doc-page ul li {
        width: 22%;
        margin: 0 25px 25px 0;
    }
    .vid-call .video-bk .t-head .join-box {
        width: 350px;
        padding: 15px 15px;
    }
    .vid-call .video-bk .t-head .join-box h3 {
        font-size: 12px;
        line-height: 14px;
    }
    .vid-call .video-bk .t-head .join-box ul li .l-area img {
        width: 50px;
        height: 50px;
    }
    .vid-call .video-bk .t-head .join-box ul li .l-area .t-bar h4 {
        font-size: 14px;
        line-height: 16px;
    }
    .vid-call .video-bk .t-head .join-box ul li .l-area .t-bar p {
        font-size: 12px;
        line-height: 14px;
    }
    .vid-call .video-bk .t-head .join-box ul li .ac-btn button {
        width: 50px;
        height: 50px;
    }
    .vid-call .video-bk .t-head .join-box ul li .ac-btn button img {
        width: 100%;
    }
    .vid-call .video-bk .b-bottom .lk-box h3 {
        font-size: 14px;
        line-height: 16px;
    }
    .vid-call .video-bk .b-bottom .lk-box .link-box p {
        font-size: 13px;
        line-height: 15px;
    }
    .vid-call .video-bk .b-bottom .lk-box {
        padding: 15px 15px;
    }
    .me-area .ch-area h2 {
        font-size: 16px;
        line-height: 18px;
    }
    .me-area .detail-bar ul li .t-block h3 {
        font-size: 18px;
        line-height: 20px;
    }
    .me-area .detail-bar ul li .t-block h4 {
        font-size: 18px;
        line-height: 20px;
    }
    .vm-area .v-fill-box .ch-area h2 {
        font-size: 16px;
        line-height: 18px;
    }
    .me-area .fill-bar label {
        font-size: 16px;
        line-height: 18px;
    }
    .vm-area .v-fill-box label {
        font-size: 16px;
        line-height: 18px;
    }
    .v-in-page .inv-filter .form-label {
        font-size: 14px;
        line-height: 16px;
    }
    .v-in-page .inv-filter .filter-ul li:first-child {
        width: 25%;
    }
    .v-in-page .inv-filter .filter-ul li {
        width: 14%;
    }
    .v-in-page .inv-filter .dropdown-menu li, .v-in-page .inv-filter .dropdown-menu li:first-child {
        width: 100%;
    }
    .jm-page .jm-block {
        padding: 20px 20px;
    }
    .vid-page .card .v-box h2 {
        font-size: 25px;
        line-height: 27px;
    }
    .vid-page .rig-bar li .nm-btn {
        font-size: 14px;
        line-height: 16px;
    }
    .vid-page .inv-filter .form-label {
        font-size: 14px;
        line-height: 16px;
    }
    .vid-page .last-bar .tab-content table tr th {
        font-size: 12px;
        line-height: 14px;
    }
    .vid-page .last-bar .tab-content table tr td {
        font-size: 12px;
        line-height: 14px;
    }
    .vid-page .last-bar .nav li button {
        font-size: 16px;
        line-height: 18px;
    }
    .sp-form .step h4 {
        font-size: 24px;
        line-height: 26px;
    }
    .sp-form .step .form-check label {
        font-size: 15px;
        line-height: 17px;
    }
    .per-adon .side-bar ul li {
        font-size: 13px;
        line-height: 15px;
        margin: 0 0 10px;
    }
}
@media screen and (max-width: 1280px) {
    #kt_content .lar-box ul li a {
        padding: 15px 10px;
        font-size: 13px;
        line-height: 15px;
    }
    .en-sign .card-body .es-bar ul li .c-btn {
        padding: 10px 10px;
        font-size: 10px;
        line-height: 12px;
    }
    .en-sign .card-body .es-bar ul li .c-btn {
        padding: 10px 10px;
        font-size: 10px;
        line-height: 12px;
    }
    .en-sign .card-body .es-bar ul li .a-btn {
        padding: 13px 10px;
        font-size: 10px;
        line-height: 12px;
    }
    .en-sign .card-body .es-bar ul li .v-btn {
        font-size: 10px;
        line-height: 12px;
        padding: 13px 10px 13px 10px;
        width: 100%;
    }
    .en-sign .card-body .es-bar ul li .t-box h3 {
        font-size: 12px;
        line-height: 14px;
    }
    .en-sign .card-body .es-bar ul li .t-box p {
        font-size: 12px;
        line-height: 14px;
    }
    #kt_content .cnote-page .card-body .n-box .nt-box h3 {
        font-size: 14px;
        line-height: 16px;
    }
    .serch-area .block .menu li .s-bo h2 {
        font-size: 14px;
        line-height: 16px;
    }
    .serch-area .block .menu li .s-bo p {
        font-size: 14px;
        line-height: 16px;
    }
    .serch-area .block .menu li .s-bo h2 img {
        margin: 0 10px 0 0;
    }
    .serch-area .block .menu li .s-bo p img {
        margin: 0 10px 0 0;
    }
    .serch-area .block .menu li h2 {
        font-size: 16px;
        line-height: 18px;
    }
    #messages-body .gallery .img-box {
        width: 48%;
    }
    #messages-body .gallery img {
        height: 200px;
    }
    #kt_content .doc-page .box ul li {
        width: 24%;
    }
    .serch-area .block .sidebar {
        margin: 0;
        left: 12rem;
        right: auto;
    }
}
@media screen and (max-width: 1200px) {
    .en-sign .card-body .es-bar ul {
        justify-content: flex-start;
    }
    .doc-page .custom-file label {
        padding: 0.6rem 0;
    }
    .v-in-page .card .v-box {
        padding: 10px 5px;
    }
    #popupModal .modal-dialog .modal-body .des-area .att-file .box  {
        min-width: 100%;
    }
    .view-cus-page .bn-area .ic-area li {
        margin: 0 15px 0 0;
    }
    .me-area .nt-area h3 span {
        font-size: 10px;
        line-height: 12px;
    }
    .view-cus-page .bot-area li h3 {
        font-size: 11px;
        line-height: 13px;
    }
    .new-cus-page .new-info ul li span {
        font-size: 12px;
        line-height: 14px;
    }
    .new-cus-page .new-info ul li p {
        font-size: 14px;
        line-height: 16px;
    }

}
@media screen and (max-width: 1150px) {
    #kt_content .left-area ul {
        margin: 0 0 15px;
    }
    #kt_content .left-area ul li h2 {
        font-size: 18px;
        line-height: 20px;
    }
    #kt_content .left-area ul li h4 {
        font-size: 16px;
        line-height: 20px;
    }
    #kt_content .left-area p {
        font-size: 14px;
        line-height: 16px;
    }
    #kt_content .left-area h5 {
        font-size: 16px;
        line-height: 18px;
        margin: 0 0 15px;
    }
    #kt_content .left-area .cm-btn {
        font-size: 14px;
        line-height: 16px;
    }
    #kt_content .right-area ul li {
        font-size: 15px;
        line-height: 17px;
    }
    .pr-area .card .card-body .s-block .bar {
        padding: 20px 20px;
        margin: 0 0 15px;
    }
    .pr-area .card .card-body .s-block .bar h2 {
        font-size: 14px;
        line-height: 16px;
    }
    #kt_content_container .img-hold {
        margin: 0 12px 0 0;
    }
    .acc-area .card-body .t-box ul li .up-btn {
        padding: 9px 12px;
        font-size: 12px;
        line-height: 14px;
    }
    .acc-area .card-body .t-box ul li .p-btn {
        padding: 9px 12px;
        font-size: 12px;
        line-height: 14px;
    }
    .acc-area .card-body .t-box .t-block .t-text p {
        font-size: 14px;
        line-height: 18px;
    }
    .acc-area .card-body .acc-block h2 {
        font-size: 20px;
        line-height: 24px;
    }
    .acc-area .card-body .acc-block h3 {
        font-size: 18px;
        line-height: 20px;
    }
    .acc-area .card-body .acc-block p {
        font-size: 12px;
        line-height: 14px;
        margin: 0 0 15px;
    }
    .acc-area .card-body .acc-block h4 {
        font-size: 18px;
        line-height: 20px;
    }
    .acc-area .card-body .acc-block ul li h5 {
        font-size: 14px;
        line-height: 16px;
    }
    .acc-area .card-body .t-box {
        margin: 0 0 25px;
        padding: 15px 15px;
    }
    .acc-area .card-body .acc-block h6 {
        font-size: 12px;
        line-height: 16px;
    }
    .acc-area .card-body .acc-block h6 br {
        display: none;
    }
    #kt_content .lar-box ul li a {
        padding: 12px 8px;
        font-size: 11px;
        line-height: 13px;
    }
    #kt_content .lar-box .lt-area ul li h3 {
        font-size: 16px;
        line-height: 18px;
    }
    #kt_content .lar-box .lt-area ul li h2 {
        font-size: 16px;
        line-height: 18px;
    }
    #kt_content .lar-box .lt-area ul li p {
        font-size: 12px;
        line-height: 16px;
    }
    #kt_content .lar-box ul li {
        width: 31%;
    }
    #kt_content .lar-box ul li a {
        padding: 10px 5px;
        font-size: 12px;
        line-height: 14px;
    }
    #kt_content .lar-box .lt-area ul {
        margin: 0 0 10px;
    }
    #kt_content .lar-box .lt-area a {
        font-size: 18px;
        line-height: 20px;
    }
    #kt_content .sml-box h2 {
        font-size: 16px;
        line-height: 18px;
    }
    #kt_content .mid-box .boxs .img-holds {
        width: 20%;
    }
    #kt_content .mid-box .boxs .t-areas ul {
        margin: 0 0 10px;
    }
    #kt_content .mid-box .boxs .t-areas ul li h3 {
        font-size: 13px;
        line-height: 15px;
        margin: 0 0 5px;
    }
    .e-sign .card-body .acc-block .ap-area p br {
        display: none;
    }
    #kt_content .cnote-page .card-body .n-box .nt-box h3 {
        font-size: 12px;
        line-height: 14px;
        margin: 0 5px 0 0;
    }
    #kt_content .cnote-page .card-body .n-box .nt-box span {
        font-size: 9px;
        line-height: 11px;
    }
    .view-cus-page .doc-btn.btn {
        font-size: 10px;
        line-height: 12px;
    }
    .view-cus-page .doc-btn.btn i {
        font-size: 12px;
        line-height: 14px;
    }
    .v-in-page .card .v-box h3 span {
        font-size: 10px;
        line-height: 12px;
    }
    .v-in-page .card .v-box h3 {
        font-size: 12px;
        line-height: 14px;
    }
    .v-in-page .last-bar .cp-area .bar ul li:first-child {
        width: auto;
    }
    .serch-area .block .sidebar .side-box ul li h4 {
        font-size: 12px;
        line-height: 14px;
    }
    .ser-page .ser-detail ul li p {
        font-size: 12px;
        line-height: 14px;
    }
    #popupModal .modal-dialog .modal-body .list-area {
        flex-wrap: wrap;
    }
    #popupModal .modal-dialog .modal-body .list-area li {
        margin: 0 10px 10px 0;
    }
    #messages-body .gallery .img-box {
        width: 47%;
    }
    #messages-body .gallery .img-box .t-box p {
        max-width: 100px;
        min-width: 100px;
    }
    #messages-body .gallery img {
        height: 140px;
    }
    #kt_content .doc-page .box ul li {
        width: 31%;
    }
    .view-cus-page .card-body .doc-page ul li {
        width: 30%;
    }
    .view-cus-page .tb-area h3 {
        font-size: 16px;
        line-height: 18px;
    }
    .view-cus-page .re-area h3 {
        font-size: 16px;
        line-height: 18px;
    }
    .view-cus-page .v-box h3 {
        font-size: 15px;
        line-height: 17px;
    }
    .view-cus-page .card-body .es-bar .e-box .t-bar h3 {
        font-size: 20px;
        line-height: 22px;
    }
    .view-cus-page .card-body .es-bar .e-box .t-bar {
        padding: 0;
    }
    .view-cus-page .card-body .es-bar ul {
        flex-direction: column;
    }
    .view-cus-page .card-body .u-area ul li:first-child {
        width: 100%;
        margin: 0 0 10px;
    }
    .view-cus-page .card-body .u-area ul li {
        width: 100%;
    }
    .view-cus-page .th-text h3 {
        font-size: 16px;
        line-height: 18px;
    }
    .me-area .nt-area .ce-btn {
        padding: 10px 8px;
        font-size: 12px;
        line-height: 14px;
    }
    .me-area .nt-area .rset-btn {
        padding: 10px 8px;
        font-size: 12px;
        line-height: 14px;
    }
    .me-area .nt-area h3 {
        font-size: 11px;
        line-height: 14px;
    }
    .me-area .ch-area h2 {
        font-size: 14px;
        line-height: 16px;
    }
    .me-area .fill-bar label {
        font-size: 14px;
        line-height: 16px;
    }
    .vm-area .v-fill-box .ch-area h2 {
        font-size: 14px;
        line-height: 16px;
    }
    .me-area .fill-bar label {
        font-size: 14px;
        line-height: 16px;
    }
    .vm-area .v-fill-box label {
        font-size: 14px;
        line-height: 16px;
    }
    .v-in-page .inv-filter .filter-ul li:first-child {
        width: 32%;
    }
    .v-in-page .inv-filter .filter-ul li {
        width: 32%;
        margin: 0 0 10px;
    }
    .v-in-page .inv-filter .dropdown-menu li, .v-in-page .inv-filter .dropdown-menu li:first-child {
        width: 100%;
    }
    .vid-page .last-bar .nav li button {
        font-size: 13px;
        line-height: 15px;
    }
    .view-cus-page .bot-area li:last-child {
        padding: 10px 5px;
    }
    .view-cus-page .bot-area li span {
        font-size: 13px;
        line-height: 15px;
    }
    .view-cus-page .bot-area li p {
        font-size: 10px;
        line-height: 12px;
    }
    .new-cus-page .new-info {
        padding: 20px 15px 10px;
    }
    .new-cus-page .new-info ul li {
        width: 50%;
        margin: 0 0 10px;
    }
    .view-cus-page .bn-area .ic-area li a p {
        font-size: 10px;
        line-height: 12px;
    }
    .view-cus-page .bn-area .ic-area li .dropdown p {
        font-size: 10px;
        line-height: 12px;
        margin: 0 0 9px;
    }
    .per-adon .card-area .card-info .form-check label {
        width: 92%;
    }
    .per-adon .side-bar .img-hold {
        margin: 0 !important;
    }
    .per-adon .side-bar ul li {
        font-size: 12px;
        line-height: 14px;
    }
    .per-adon #cart .p-box .product .content .qt {
        font-size: 14px;
        line-height: 16px;
    }
    .per-adon #cart .p-box .product .content .price {
        font-size: 12px;
        line-height: 14px;
        margin: 0 0 0 10px;
    }
    .per-adon #cart .p-box .product .text h3 {
        font-size: 16px;
        line-height: 18px;
    }
    .per-adon .accordion .accordion-header button {
        font-size: 16px;
        line-height: 18px;
    }
    .per-adon .plan-option .cont strong {
        font-size: 14px;
        line-height: 16px;
    }
    .per-adon .plan-option .cont span {
        font-size: 12px;
        line-height: 14px;
    }
    .per-adon .card-area .form-check label {
        font-size: 16px;
        line-height: 18px;
    }

}
@media screen and (max-width: 992px) {

    #kt_content .t-area li {
        font-size: 16px;
        line-height: 18px;
    }
    #kt_account_settings_profile_details .image-input {
        margin: 0 20px 30px 0 !important;
    }

    #kt_account_settings_signin_method input {
        margin: 0 0 10px;
    }
    #kt_content_container .q-box {
        padding: 25px 25px;
    }
    #kt_content .right-area {
        padding: 0 15px 0 0;
    }
    #kt_content_container .w-box p {
        margin: 0 0 20px;
    }
    #kt_content_container .w-box .box .t-bar {
        margin: 0 0 15px;
    }
    #kt_content_container .m-banner h2 {
        font-size: 20px;
        line-height: 22px;
        left: 15px;
        top: 15px;
    }
    #kt_wrapper #kt_content .dash-t-p {
        margin: 0 0 10px;
    }
    #kt_aside .menu-item {
        width: auto;
    }
    #kt_aside .menu-item .menu-title {
        font-size: 11px;
        line-height: 14px;
        padding: 7px 7px;
    }
    .aside-menu .menu-sub-dropdown .menu-item .menu-title i.fas.fa-arrow-up {
        width: 14px;
        height: 14px;
    }
    #kt_aside .menu-item .menu-link {
        padding: 0;
    }
    .acc-area .card-body .acc-block .img-bxe {
        text-align: left;
    }
    #appointment-details .modal-body .block {
        padding: 35px 20px;
    }
    .acc-area .card-body .t-box .t-block {
        align-items: center;
    }
    .acc-area .card-body .vid-area {
        margin: 0 0 15px;
    }
    #kt_content_container .card .card-body .link-area .link-btn {
        margin: 10px 0 0;
        width: 100%;
        border-radius: 5px 5px;
    }
    #kt_content_container .rt-box h2 {
        font-size: 20px;
        line-height: 22px;
        margin: 0 0 15px;
    }
    #kt_content_container .rt-box .sm-box h3 {
        text-align: left;
    }
    #kt_content_container .rt-box .sm-box h4 {
        text-align: left;
    }
    #kt_content .lar-box .lt-area ul li p {
        margin: 0;
    }
    #kt_content .lar-box .lt-area a {
        margin: 0 0 10px;
        display: block;
    }
    #kt_content .mid-box .boxs .img-holds {
        width: 10%;
    }
    .e-sign .card-body .bos .img-hold {
        margin: 0 auto 10px !important;
    }
    .e-sign .card-body .bos {
        margin: 0 0 10px;
        height: auto;
    }
    .e-sign .card-body .block p br {
        display: none;
    }
    #kt_content .cnote-page .card-body .n-box .nt-box h3 {
        font-size: 14px;
        line-height: 16px;
    }
    #kt_content .cnote-page .card-body .n-box .nt-box span {
        font-size: 10px;
        line-height: 12px;
    }
    .doc-page .up-box h2 {
        font-size: 13px;
        line-height: 15px;
    }
    .view-cus-page .bot-area li:nth-child(4) {
        margin: 0;
    }
    .v-in-page .card .v-box h3 {
        flex-direction: column;
        align-items: flex-start;
        margin: 0 0 10px;
        font-size: 14px;
        line-height: 16px;
    }
    .v-in-page .card .v-box h3 span {
        font-size: 12px;
        line-height: 14px;
        margin: 5px 0 0;
    }
    .cd-area .logo-hold {
        align-items: flex-start;
        padding: 0;
        margin: 0 0 20px;
    }
    .cd-area .selet-area {
        padding: 0;
        margin: 0 0 15px;
    }
    .v-in-page .last-bar .cp-area .bar ul li {
        width: 50%;
        margin: 0 0 15px;
    }
    .v-in-page .last-bar .cp-area .bar ul {
        border-bottom: 1px solid #E6E6E6;
    }
    .v-in-page .last-bar .add-voice ul {
        flex-wrap: wrap;
    }
    .v-in-page .last-bar .add-voice ul li {
        width: 100%;
    }
    .v-in-page .last-bar .add-voice .total-list li {
        width: 100%;
    }
    .v-in-page .last-bar .add-voice .total-list {
        margin: 0;
    }
    .vo-in-page .card .detail-left h4 {
        font-size: 20px;
        line-height: 22px;
    }
    .vo-in-page .card .detail-left h2 {
        font-size: 25px;
        line-height: 27px;
    }
    .vo-in-page .card .detail-right h2 {
        font-size: 40px;
        line-height: 42px;
    }
    .vo-in-page .card .detail-right h3 {
        font-size: 20px;
        line-height: 22px;
    }
    .vo-in-page .card .detail-right ul li {
        font-size: 18px;
        line-height: 20px;
    }
    #kt_content .fold-block .f-box {
        margin: 0 0 15px;
        border-radius: 10px 10px;
    }
    #kt_content .fold-block {
        margin: 0 0 15px;
    }
    .serch-area .block .menu {
        width: 100%;
    }
    .serch-area .block .menu li .s-bo h2 {
        width: 25%;
    }
    .serch-area .block .menu li .s-bo p {
        width: 25%;
    }
    .serch-area .block .menu li .s-bo .vd-block {
        width: 25%;
        text-align: center;
    }
    .serch-area .block .menu li .s-bo .vd-block .vd-btn {
        padding: 8px 16px;
        font-size: 12px;
        line-height: 14px;
        background: #00a25d;
        border-radius: 6px;
        transition: opacity .2s ease-out;
        text-align: center;
        color: #fff;
    }
    .serch-area .block .menu li .s-bo .vd-block .vd-btn:hover {
        opacity: 0.9;
    }
    .aside-enabled.aside-fixed.header-fixed .header {
        left: 0;
    }
    #kt_aside .menu-item.sb-tit .menu-sub-dropdown h2 {
        padding: 10px 10px 10px;
        font-size: 11px;
        line-height: 14px;
    }
    .aside-menu .menu-sub-dropdown {
        margin: 0 0 0 14px !important;
    }
    #popupModal .modal-dialog .modal-body .des-area .att-file .box {
        min-width: 49%;
    }
    #messages-body .gallery img {
        height: 220px;
    }
    #kt_content .doc-page .box ul li {
        width: 35%;
    }
    #messages-body .gallery .img-box {
        width: 31%;
    }
    #messages-body .gallery img {
        height: 150px;
    }
    .view-cus-page .card-body .es-bar {
        margin: 0 0 10px;
    }
    .view-cus-page .tb-area {
        margin: 0 0 15px;
    }
    .view-cus-page .card-body .doc-page ul li {
        margin: 0 20px 20px 0;
    }
    .vid-call .video-bk .b-bottom .sv-block h3 {
        margin: 5px 0 0 5px;
        font-size: 12px;
        line-height: 14px;
    }
    .vid-call .video-bk .b-bottom .sv-block img {
        border-radius: 5px 5px;
    }
    .vid-call .video-bk .b-bottom .lk-box {
        width: 250px;
    }
    .me-area .detail-bar ul li .t-block h3 {
        font-size: 16px;
        line-height: 18px;
    }
    .me-area .detail-bar ul li .t-block h4 {
        font-size: 16px;
        line-height: 18px;
    }
    .me-area .ch-area h2 {
        margin: 0 0 10px;
    }
    .vid-call .video-bk .b-bottom .sv-block.bg h3 {
        margin: 10px 0 0 10px;
    }
    .vid-call .video-bk .b-bottom .sv-block.bg {
        min-height: 200px;
    }
    .me-area .fill-bar label {
        margin: 0 0 10px;
    }
    #kt_wrapper #kt_content_container .page-title {
        margin: 15px 0 0;
    }
    .vid-page .inv-filter .filter-ul li {
        width: 32%;
        margin: 0 7px 10px 0;
    }
    .vid-page .inv-filter .filter-ul {
        justify-content: flex-start;
    }
    .vid-page .rig-bar {
        margin: 0 0 15px;
        justify-content: flex-start;
    }
    .vid-page .last-bar .tab-content table {
        text-wrap: nowrap;
    }
    .view-cus-page .bot-area li:last-child {
        width: 100%;
        margin: 0;
    }
    .view-cus-page .bot-area li {
        margin: 0 0 15px;
    }
    .new-cus-page .bn-area {
        flex-direction: column;
    }
    .new-cus-page .new-info ul li {
        width: 25%;
    }
    .per-adon .side-bar .img-hold img {
        width: 100%;
    }
    .sp-form .step-form {
        margin: 6rem 0 0;
    }
}

@media screen and (max-width: 767px) {
    #kt_content .right-area ul {
        margin: 0 0 20px;
    }
    #kt_content .t-area li {
        width: 100%;
        padding: 0;
    }
    #kt_content .box h3 {
        font-size: 16px;
        line-height: 18px;
    }
    #kt_content .main-text {
        font-size: 20px;
        line-height: 22px;
    }
    .acc-area .card-body .acc-block .ap-area p {
        font-size: 15px;
        line-height: 18px;
        padding: 0 5rem;
    }
    #kt_content .mid-box .boxs .t-areas {
        padding: 0 0 0 1rem;
    }
    .acc-area .card-body .t-box .t-block {
        margin: 0 0 10px;
    }
    #kt_content_container.acc-area.soft-bar .card-body .acc-block .soft-bot .t-area h6 {
        font-size: 18px;
        line-height: 20px;
    }
    #appointment-details .modal-body .block {
        margin: 0;
        padding: 0 10px;
    }
    #appointment-details .modal-body .c-detail .show {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #FFF;
        margin: 0 0 10px;
        padding: 10px 10px;
        border-top: 1px solid #C5C5C5;
    }
    #appointment-details .modal-body .c-detail .show p {
        margin: 0;
        color: #000;
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
    }
    #appointment-details .modal-body .c-detail .show .pion {
        background: #00A25D;
        width: 30px;
        height: 30px;
        border-radius: 5px 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0;
    }
    #appointment-details .modal-body .c-detail h3 {
        padding: 20px 10px;
        background: #fff;
        margin: 0;
    }
    #appointment-details .modal-body .c-detail {
        box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.07);
    }
    #appointment-details .modal-body .block .boxx {
        display: none;
    }
    #appointment-details .modal-body .block h3 {
        justify-content: flex-start;
        padding: 10px 0;
    }
    #appointment-details .modal-body .block .show {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #FFF;
        margin: 0 0 10px;
        padding: 10px 10px;
        border-top: 1px solid #C5C5C5;
    }
    #appointment-details .modal-body .block .show p {
        margin: 0;
        color: #000;
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
    }
    #appointment-details .modal-body .block .show .pion {
        background: #00A25D;
        width: 30px;
        height: 30px;
        border-radius: 5px 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0;
    }
    #appointment-details .modal-body ul {
        display: none;
    }
    #appointment-details .modal-body .c-detail.open ul {
        display: block;
    }
    #appointment-details .modal-body .c-detail.open .show {
        border: 0;
    }
    #appointment-details .modal-body .c-detail.open .show .pion {
        background: #C1F6E0;
        transform: rotate(180deg);
    }
    #appointment-details .modal-body .c-detail.open .show .pion svg path {
        fill: #000;
    }
    #appointment-details .modal-body .block.open .boxx {
        display: block;
        margin: 0 0 10px;
    }
    #appointment-details .modal-body .block.open h3 {
        justify-content: center;
    }
    #appointment-details .modal-body .block.open .show .pion {
        background: #C1F6E0;
        transform: rotate(180deg);
    }
    #appointment-details .modal-body .block.open .show .pion svg path {
        fill: #000;
    }
    #appointment-details .modal-body .block.open {
        padding: 25px 10px 0;
    }
    #kt_content .doc-page .box .block .btn-area .do-btn {
        font-size: 12px;
        line-height: 14px;
        padding: 8px 8px;
    }
    #kt_content .doc-page .box .block .btn-area .btn-del {
        font-size: 12px;
        line-height: 14px;
        padding: 8px 8px;
    }
    #kt_content_container .rt-box .ch-list li {
        padding: 0 0 2rem 0;
        text-align: center;
    }
    #kt_content_container .rt-box .ch-list {
        flex-direction: column;
        align-items: center;
    }
    #kt_content_container .rt-box .ch-list li .img-hold {
        transform: rotate(90deg);
    }
    #kt_content_container .rt-box .sm-box .c-box .form-check {
        justify-content: center;
    }
    #kt_content_container .rt-box .sm-box .c-box h5 {
        text-align: center;
        padding: 0;
    }
    #kt_content_container .rt-box .sm-box h3 {
        text-align: center;
    }
    #kt_content_container .rt-box .sm-box h4 {
        text-align: center;
    }
    .e-sign .card-body .acc-block .ap-area p {
        padding: 0;
    }
    .en-sign .card-body .es-bar ul {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .en-sign .card-body .es-bar ul li:first-child {
        width: 32%;
        margin: 0 5px 0 0;
    }
    .en-sign .card-body .es-bar ul li:nth-child(2) {
        width: 32%;
        margin: 0 5px 0 0;
    }
    .en-sign .card-body .es-bar ul li:nth-child(3) {
        width: 32%;
        margin: 0;
    }
    .en-sign .card-body .es-bar .e-box .t-bar.md-tbar {
        padding: 0;
        flex-wrap: wrap;
        display: flex;
        width: 100%;
    }
    .en-sign .card-body .es-bar .e-box .t-bar.md-tbar ul {
        width: 100%;
        justify-content: flex-start;
    }
    .en-sign .card-body .es-bar ul li button {
        width: 100%;
    }
    .en-sign .card-body .es-bar ul li:nth-child(4) {
        width: 49%;
        margin: 10px 0 0;
    }
    .en-sign .card-body .es-bar ul li {
        margin: 0;
    }
    .en-sign .card-body .es-bar ul li .a-btn {
        padding: 13px 10px;
    }
    .en-sign .card-body .s-btn {
        padding: 12px 10px;
        width: 100%;
    }
    #kt_content .d-bar ul li a {
        font-size: 14px;
        line-height: 16px;
        padding: 7px 15px;
    }
    #kt_content .cnote-page .card-body .lt-bar p {
        font-size: 12px;
        line-height: 16px;
    }
    .en-sign .card-body .es-bar .u-area ul li {
        width: 49%;
        margin: 0;
    }
    .v-in-page .card .v-box {
        margin: 0 0 15px;
    }
    .v-in-page .last-bar .add-voice ul {
        margin: 0 0 10px;
    }
    .ques-view .que-detail p {
        font-size: 13px;
        line-height: 20px;
    }
    .serch-area .th-btn ul li button {
        padding: 8px 15px;
        font-size: 12px;
        line-height: 14px;
    }
    .serch-area .block .menu li .s-bo h2 {
        font-size: 12px;
        line-height: 14px;
    }
    .serch-area .block .menu li .s-bo p {
        font-size: 12px;
        line-height: 14px;
    }
    .serch-area .block .menu li .s-bo p img {
        margin: 0 7px 0 0;
        width: 25px;
        height: 25px;
    }
    .serch-area .block .menu li .s-bo h2 img {
        margin: 0 7px 0 0;
        width: 25px;
        height: 25px;
    }
    #popupModal .modal-dialog .modal-body .list-area li .event-area {
        max-width: 150px;
    }
    #popupModal .modal-dialog .modal-body .list-area li .time-area {
        max-width: 150px;
    }
    #popupModal .modal-dialog .modal-body .btn-close {
        position: absolute;
        top: 15px;
        left: auto;
        right: 15px;
    }
    #featuresModal .modal-dialog .modal-body .ch-area {
        padding: 0;
    }
    #popupModal .modal-dialog .modal-body .des-area .att-file .box .text-box h4 {
        font-size: 10px;
        line-height: 12px;
    }
    #messages-body .gallery img {
        height: 170px;
    }
    #kt_content .doc-page .box ul li {
        width: 45%;
    }
    #messages-body .gallery .img-box {
        width: 47%;
    }
    .view-cus-page .card-body .doc-page ul li {
        width: 42%;
    }
    .view-cus-page .v-box {
        margin: 0 0 10px;
    }
    .view-cus-page .card-body .es-bar .e-box .t-bar.md-tbar ul {
        flex-direction: inherit;
    }

    .dial-pad .di-block .dial-info .img-dial img {
        width: 120px;
    }
    .dial-pad .di-block .dial-info .dial-text h2 {
        font-size: 25px;
        line-height: 27px;
    }
    .dial-pad .di-block .dial-info .dial-text p {
        font-size: 20px;
        line-height: 22px;
    }
    #kt_content .btn-area {
        text-align: center;
        margin: 0 0 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #kt_content .btn-area button {
        margin: 0 10px 0 0;
    }
    #kt_content .btn-area button:last-child {
        margin: 0;
    }
    .dial-pad-tow .pad {
        display: none;
    }
    .dial-pad-tow .pad.active {
        display: block;
        position: relative;
    }
    .dial-pad .di-block .dial-info.remove {
        display: none;
    }
    .dial-pad-tow .pad .bk-btn {
        background: none;
        border: 0;
        position: absolute;
        top: 30px;
        bottom: auto;
        left: 20px;
        right: auto;
        content: "";
    }
    .dial-pad-tow .pad .bk-btn:hover {
        opacity: 0.8;
    }
    .dial-pad-tow .pad .bk-btn i {
        color: #fff;
        font-size: 16px;
    }
    #ModuleInstruction .slid-box {
        border-radius: 0 0 15px 15px;
    }
    .vid-call .video-bk {
        height: 84vh;
    }
    .vid-call .video-bk .vid-box img {
        height: 100%;
    }
    .vid-call .video-bk .vid-box {
        height: 100%;
    }
    .vid-call .video-bk {
        border-radius: 10px 10px;
    }
    .me-area .ch-area h2 {
        width: 100%;
        margin: 0 0 10px;
    }
    .me-area .detail-bar ul li .t-block h3 {
        width: 100%;
        margin: 0 0 10px;
    }
    .me-area .detail-bar ul li .t-block h4 {
        width: 100%;
    }
    .me-area .detail-bar ul li .t-block h5 {
        position: absolute;
        left: auto;
        right: 15px;
        margin: 0;
        z-index: 1;
    }
    .me-area .detail-bar .emp-area {
        border: 1px solid rgba(230, 230, 230, 1);
    }
    .me-area .detail-bar .emp-area h2 {
        border-bottom: 1px solid rgba(230, 230, 230, 1);
        background: rgba(240, 245, 253, 1);
        padding: 15px 10px;
        font-size: 14px;
        line-height: 16px;
        color: rgba(4, 24, 63, 1);
        font-weight: 400;
        margin: 0;
    }
    .me-area .detail-bar .emp-area .blk {
        border-radius: 0;
        box-shadow: none;
        margin: 0;
        padding: 0;
    }
    .me-area .detail-bar .emp-area .blk .s-box.active h2 button {
        transform: rotate(180deg);
    }
    .me-area .detail-bar .emp-area .blk:last-child h2 {
        border: 0;
    }
    .me-area .detail-bar .emp-area .blk h2 button {
        padding: 0;
        float: right;
        width: 25px;
        margin: 5px 0 0;
    }
    .me-area .detail-bar .emp-area .blk h2 button img {
        margin: 0;
        width: 100%;
    }
    .me-area .detail-bar .emp-area .blk h2 {
        font-size: 14px;
        line-height: 16px;
        font-weight: 300;
        color: rgba(0, 0, 0, 1);
        margin: 0;
        padding: 10px 10px;
        border-bottom: 1px solid rgba(230, 230, 230, 1);
        background: rgba(249, 249, 249, 1);
    }
    .me-area .detail-bar .emp-area .blk .s-box {
        display: none;
    }
    .me-area .detail-bar .emp-area .blk .s-box.active {
        display: block;
    }
    .me-area .detail-bar .emp-area h2 img {
        margin: 0 7px 0 0;
    }
    .me-area .detail-bar .emp-area .blk h6 {
        font-size: 14px;
        line-height: 16px;
        font-weight: 400;
        color: rgba(4, 24, 63, 1);
        margin: 0;
        padding: 15px 10px;
        border-bottom: 1px solid rgba(230, 230, 230, 1);
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .me-area .detail-bar .emp-area .blk h3 span {
        font-weight: 300;
    }
    .me-area .detail-bar .emp-area .blk .bt-area {
        display: flex;
        justify-content: flex-end;
        padding: 10px 10px;
    }
    .me-area .detail-bar .emp-area .blk .bt-area .e-btn {
        border-radius: 5px 5px;
        border: 1px solid rgba(197, 197, 197, 1) !important;
        font-size: 12px;
        line-height: 14px;
        color: rgba(15, 15, 15, 1);
        font-weight: 400;
        padding: 7px 10px;
        display: flex;
        align-items: center;
        margin: 0 7px 0 0;
    }
    .me-area .detail-bar .emp-area .blk .bt-area .e-btn img {
        margin: 0 7px 0 0;
    }
    .me-area .detail-bar .emp-area .blk .bt-area .de-btn {
        border-radius: 5px 5px;
        border: 1px solid rgba(197, 197, 197, 1) !important;
        font-size: 12px;
        line-height: 14px;
        color: rgba(15, 15, 15, 1);
        font-weight: 400;
        padding: 7px 10px;
        display: flex;
        align-items: center;
    }
    .me-area .detail-bar .emp-area .blk .bt-area .de-btn img {
        margin: 0 7px 0 0;
    }
    .me-area .ch-area h2 {
        font-size: 15px;
        line-height: 17px;
    }
    .kanban-column {
        flex: 0 0 280px;
        width: 280px;
    }
    .kanban-container {
        padding: 10px;
    }
    .kanban-board {
        gap: 15px;
    }
    #kt_wrapper #kt_content_container .page-title {
        margin: 10px 0 0;
    }
    #kt_wrapper #kt_content_container .page-title h1 {
        font-size: 18px !important;
        line-height: 20px;
    }
    .v-in-page .inv-filter .filter-ul li:first-child {
        width: 49%;
    }
    .v-in-page .inv-filter .filter-ul li {
        width: 49%;
    }
    .v-in-page .inv-filter .dropdown-menu li, .v-in-page .inv-filter .dropdown-menu li:first-child {
        width: 100%;
    }
    .vid-page .inv-filter .filter-ul li {
        width: 31%;
    }
    .view-cus-page #list-view .dropdown button {
        font-size: 10px;
        line-height: 12px;
    }
    .view-cus-page #list-view ul li .pt-box {
        padding: 10px 10px;
    }
    .new-cus-page .new-info ul li {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .new-cus-page .new-info ul li p {
        margin: 0;
    }
    .new-cus-page .no-border {
        border: 0 !important;
    }
}

@media screen and (max-width: 575px) {
    #kt_content_container .w-box ul li {
        width: 100%;
        margin: 0 0 12px;
    }
    #kt_content_container .w-box ul {
        flex-direction: column;
        flex-wrap: wrap;
    }
    #kt_content_container .w-box ul li button {
        width: 100%;
    }
    #kt_content .left-area ul li h2 {
        font-size: 15px;
        line-height: 17px;
    }
    #kt_content .left-area ul li h4 {
        font-size: 15px;
        line-height: 17px;
    }
    #kt_content .left-area p {
        font-size: 13px;
        line-height: 15px;
    }
    #kt_content .right-area ul li p {
        font-size: 15px;
        line-height: 17px;
    }
    #kt_content .s-box ul li {
        margin: 0 0 10px;
        width: 100%;
    }
    #kt_content .t-area {
        margin: 0 0 2rem;
    }
    #kt_content .top-area h1 {
        font-size: 30px;
        line-height: 32px;
        margin: 15px 0 10px;
    }
    #kt_content .box ul li {
        margin: 0 0 15px;
    }
    #kt_account_settings_profile_details .image-input {
        margin: 0 18px 30px 0 !important;
    }
    #kt_content_container .ear-bar ul a {
        padding: 0;
    }
    #kt_content_container .ear-bar ul li .btn-area {
        text-align: center;
    }
    .card .card-header .main-bar {
        flex-direction: column;
        align-items: flex-start;
    }
    #kt_content .main-text {
        margin: 0 0 10px !important;
    }
    #kt_content_container .w-box .box ul {
        padding: 0;
    }
    #kt_content_container .w-box .box .t-bar {
        flex-direction: column;
    }
    #kt_content_container .w-box .box .t-bar p {
        margin: 10px 0 0;
    }
    #kt_content_container .w-box .box .t-bar .form-check-label {
        font-size: 16px;
        line-height: 18px;
    }
    #kt_content_container .w-box h1 {
        font-size: 20px;
        line-height: 22px;
        margin: 0 0 10px;
    }
    #kt_content_container .w-box p {
        margin: 0 0 15px;
        font-size: 15px;
        line-height: 20px;
    }
    #kt_content_container .w-box .box {
        padding: 15px 15px;
        margin: 0 0 20px;
    }
    #kt_content_container .w-box .box ul li {
        font-size: 15px;
        line-height: 17px;
        margin: 0 0 8px;
    }
    #kt_content_container .w-box h2 {
        font-size: 20px;
        line-height: 22px;
        margin: 0 0 15px;
    }
    #kt_content_container .w-box h4 {
        font-size: 15px;
        line-height: 18px;
    }
    #kt_content_container .w-box #month {
        font-size: 18px;
        line-height: 20px;
        padding: 10px 10px;
        margin: 0 0 15px;
    }
    #kt_content_container .w-box ul li .k-btn {
        width: 100%;
    }
    #kt_content_container .w-box ul li .k-btn {
        font-size: 18px;
        line-height: 20px;
        padding: 15px 15px;
        width: 100%;
    }
    #kt_content_container .w-box ul li .c-btn {
        font-size: 18px;
        line-height: 20px;
        padding: 15px 15px;
    }
    #kt_content_container .s-form .btn-info {
        margin: 0 0 10px;
    }
    .aside-menu .menu>.menu-item>.menu-link .menu-title {
        font-size: 10px;
        line-height: 14px;
    }
    #kt_wrapper #kt_content .dash-t-p {
        flex-direction: column;
    }
    #kt_wrapper #kt_content .dash-t-p p {
        margin: 0 0 10px;
    }
    #kt_wrapper #kt_content .dash-t-p {
        align-items: flex-start;
    }
    .acc-area .card-body .acc-block .ap-area p {
        font-size: 13px;
        line-height: 17px;
        padding: 0 1rem;
    }
    .acc-area .card-body .acc-block .ap-area ul {
        flex-direction: column;
    }
    .acc-area .card-body .acc-block .ap-area ul li {
        margin: 0 0 10px;
    }
    .vie-block {
        padding: 3rem 1rem;
    }
    .vie-block p {
        font-size: 15px;
        line-height: 18px;
    }
    .vie-block ul {
        flex-direction: column;
    }
    .vie-block ul li {
        margin: 0 0 10px;
    }
    #kt_content .mid-box .boxs .t-areas .bars h2 {
        font-size: 16px;
        line-height: 18px;
        margin: 0 0 5px;
    }
    #kt_content .mid-box .boxs .t-areas .bars {
        margin: 0 0 10px;
        padding: 0 0 10px;
    }
    #kt_content .mid-box .boxs .t-areas ul {
        margin: 0;
    }
    #kt_content .mid-box .boxs .t-areas ul li {
        width: 100%;
        margin: 0 0 10px;
    }
    #kt_content .mid-box .boxs .img-holds {
        width: 15%;
    }
    #kt_content .mid-box .boxs .t-areas {
        width: 85%;
    }
    .acc-area .card-body .t-box ul {
        justify-content: flex-start;
        padding: 0;
    }
    .acc-area .card-body .acc-block p br {
        display: none;
    }
    #kt_content_container.acc-area.soft-bar .card-body .acc-block .soft-bot .t-area h6 {
        font-size: 16px;
        line-height: 18px;
    }
    .acc-area .card-body .acc-block ul li h5 {
        font-size: 12px;
        line-height: 14px;
    }
    .acc-area .card-body .t-box .t-block {
        align-items: flex-start;
    }
    .add-emp .card-body .acc-block .ap-area h3 {
        font-size: 20px;
        line-height: 22px;
    }
    #kt_content .up-area .show-file {
        width: 95%;
    }
    #kt_content .up-area .show-file .text-box h2 {
        font-size: 15px;
        line-height: 17px;
    }
    #kt_content_container .card .card-body .boxs.mob {
        flex-direction: column;
        align-items: flex-start;
    }
    #kt_content_container .card .card-body .boxs.mob label {
        margin: 0 0 7px;
    }
    #kt_content_container .card .card-body .boxs {
        padding: 12px 12px;
        flex-direction: column;
        align-items: flex-start;
    }
    #kt_content_container .card .card-body .boxs .form-label {
        margin: 0 0 7px;
    }
    #kt_content_container .rt-box .bott-box .form-check label {
        font-size: 12px;
        line-height: 14px;
    }
    #kt_content_container .rt-box .btn-area {
        margin: 0;
    }
    #kt_content_container .rt-box .bott-box .c-btn {
        padding: 8px 20px;
        font-size: 13px;
        line-height: 15px;
        margin: 0 10px 0 0;
    }
    #kt_content_container .rt-box .bott-box .ca-btn {
        padding: 8px 20px;
        font-size: 13px;
        line-height: 15px;
    }
    #kt_content_container .rt-box {
        border-radius: 10px 10px;
    }
    #kt_content_container .rt-box .s-box h3 {
        font-size: 20px;
        line-height: 22px;
    }
    #kt_content .lar-box ul li {
        width: 100%;
        margin: 0 0 10px;
    }
    #BlockModal .modal-content .modal-body .chk-box {
        padding: 0;
    }
    .e-sign .card-body .acc-block {
        padding: 15px 15px 10px;
    }
    .e-sign .card-body .acc-block .ap-area p {
        padding: 0;
    }
    .e-sign .card-body .acc-block ul {
        padding: 0;
    }
    .e-sign .card-body .d-text h3 {
        font-size: 20px;
        line-height: 22px;
        margin: 0 0 7px;
    }
    .en-sign .card-body .es-bar .e-box {
        align-items: flex-start;
        flex-direction: column;
    }
    #kt_content_container .img-hold {
        margin: 0 auto 10px;
    }
    .en-sign .card-body .es-bar .e-box .t-bar {
        padding: 0;
        width: 100%;
        text-align: center;
    }
    .en-sign .card-body .es-bar .e-box .t-bar p {
        margin: 0;
    }
    .en-sign .card-body .es-bar ul li {
        margin: 0 0 10px;
    }
    .en-sign .card-body .es-bar {
        padding: 10px 10px;
    }
    #kt_content .d-bar ul li a {
        font-size: 10px;
        line-height: 12px;
        padding: 5px 8px;
    }
    #kt_content .d-bar ul {
        padding: 10px 0;
    }
    #kt_content .d-bar ul li {
        margin: 0 5px 0 0;
    }
    #kt_content .cnote-page .card-body .btn-bar ul {
        justify-content: flex-start;
    }
    #kt_content .cnote-page .card-body .n-box {
        margin: 0 0 10px;
    }
    .en-sign .card-body .es-bar ul li {
        width: 49%;
    }
    .en-sign .card-body .es-bar ul li:nth-child(3) {
        width: 100%;
        margin: 0;
    }
    .en-sign .card-body .es-bar ul li:nth-child(2) {
        width: 100%;
        margin: 0 0 5px;
    }
    .en-sign .card-body .es-bar ul li:first-child {
        width: 100%;
        margin: 0 0 5px;
    }
    .en-sign .card-body .es-bar .e-box .t-bar .x-box {
        justify-content: center;
    }
    .view-cus-page .bot-area li:nth-child(4) {
        padding: 0;
        margin: 0;
        height: auto;
    }
    .v-in-page .last-bar .cp-area .bar ul li {
        width: 100%;
    }
    .v-in-page .last-bar .cp-area .bar ul {
        border: 0;
    }
    .v-in-page .last-bar .add-voice {
        padding: 10px 10px;
    }
    .v-in-page .last-bar .add-voice ul li .q-input {
        width: 140px;
    }
    #addressModal .modal-dialog {
        margin: 5rem 10px 0;
    }
    .his-area .card.last-bar .block .text-bar h2 {
        font-size: 15px;
        line-height: 17px;
    }
    .his-area .card.last-bar .block .text-bar p {
        font-size: 14px;
        line-height: 16px;
    }
    .vo-in-page .img-hold {
        flex-direction: column;
        align-items: flex-start;
    }
    .vo-in-page .img-hold .logo-bar {
        margin: 0 0 15px;
    }
    .v-in-page .last-bar .cp-area .bar ul li h2 {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .v-in-page .last-bar .cp-area .bar ul li:first-child {
        width: 100%;
    }
    .ques-view .que-detail span {
        font-size: 12px;
        line-height: 14px;
    }
    #kt_content_container .ser-detail .img-hold {
        margin: 0 12px 0 0;
    }
    .ser-page .ser-detail .sec-area li {
        width: 100%;
    }
    .ser-page .que-area h2 {
        font-size: 14px;
        line-height: 16px;
    }
    .ser-page .th-btn ul li .ds-btn {
        padding: 10px 12px;
    }
    .ser-page .th-btn ul li .ed-btn {
        padding: 10px 12px;
    }
    .ques-view .des-area ul {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .ques-view .des-area ul li {
        margin: 0 0 10px ;
        width: 49%;
        text-align: center;
    }
    .ques-view .des-area ul li:last-child {
        margin: 0 0 10px;
    }
    .ser-page .th-btn ul {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .ser-page .th-btn ul li {
        margin: 0 10px 10px 0;
    }
    .ser-page .th-btn ul li:last-child {
        margin: 0 10px 10px 0;
    }
    .serch-area .block .menu li .s-bo {
        flex-wrap: wrap;
    }
    .serch-area .block .menu li .s-bo h2 {
        width: 50%;
        margin: 0 0 7px;
    }
    .serch-area .block .menu li .s-bo p {
        width: 50%;
        margin: 0 0 7px;
    }
    .serch-area .block .menu li .s-bo .vd-block {
        width: 50%;
        margin: 0 0 7px;
        text-align: left;
    }
    #popupModal .modal-dialog .modal-body .form-check.tp textarea {
        font-size: 18px;
        line-height: 22px;
    }
    #popupModal .modal-dialog .modal-body .mes-area .ms-box input {
        width: 275px;
    }
    #featuresModal .modal-dialog .modal-body .ch-area {
        padding: 0;
        flex-direction: column;
        align-items: flex-start;
    }
    #featuresModal .modal-dialog .modal-body .ch-area .form-check {
        margin: 0 0 10px;
    }
    #featuresModal .modal-dialog .modal-body .ch-area .form-check label {
        margin: 0 0 0 5px;
    }
    #featuresModal .modal-dialog .modal-body .ft-text p br {
        display: none;
    }
    #popupModal .modal-dialog .modal-body .des-area .att-file .box {
        width: 60%;
    }
    #messages-body .gallery .img-box {
        width: 100%;
        margin: 0 0 10px;
    }
    #messages-body .gallery img {
        height: auto;
    }
    #messages-body .gallery .img-box .t-box p {
        font-size: 14px;
        line-height: 16px;
    }
    #kt_content .doc-page .box ul li {
        width: 100%;
        margin: 0 0 10px;
    }
    .view-cus-page .card-body .doc-page ul li .doc-hold {
        width: auto;
        height: auto;
        margin: 0 auto 10px;
    }
    .view-cus-page .card-body .doc-page ul li {
        width: 100%;
        margin: 0 0 10px;
    }
    .view-cus-page .card-body .es-bar .e-box .t-bar {
        padding: 0 0 0 10px;
    }
    .wr-mess .wm-block .cu-box .img-hold {
        width: 20%;
        margin: 0 10px 0 0 !important;
    }
    .wr-mess .wm-block .cu-box .t-info {
        width: 80%;
    }
    .chat-block .ch-block .sent-mess {
        flex-direction: column;
    }
    #kt_content_container .img-hold {
        margin: 0 0 10px;
    }
    .chat-block .ch-block .rec-mess {
        flex-direction: column;
        width: 100%;
    }
    .chat-block .ch-block .rec-mess .ti-hold {
        margin: 0 0 10px;
    }
    .chat-block .ch-block .sent-mess {
        width: 100%;
    }
    .chat-block .ch-block .sent-mess .tx-hold {
        width: auto;
    }
    #dialModal .modal-dialog .dial-info .img-dial img {
        width: 120px;
    }
    #dialModal .modal-dialog .dial-info .dial-text h2 {
        font-size: 25px;
        line-height: 27px;
    }
    #dialModal .modal-dialog .dial-info .dial-text p {
        font-size: 20px;
        line-height: 22px;
    }
    #ModuleInstruction .mi-text p br {
        display: none;
    }
    #ModuleInstruction .slid-box {
        padding: 35px 40px;
    }
    .vid-call .video-bk .t-head {
        flex-wrap: wrap;
    }
    .vid-call .video-bk .t-head .join-box {
        width: 100%;
        margin: 0;
        border-radius: 10px 10px;
        position: absolute;
        max-width: 320px;
        left: auto;
        right: 12px;
        top: 12px;
        margin: 0;
    }
    .vid-call .video-bk .t-head h2 {
        margin: 15px 15px;
        font-size: 20px;
        line-height: 22px;
    }
    .vid-call .video-bk .b-bottom .cl-area ul {
        margin: 0 0 20px 15px;
    }
    .vid-call .video-bk .b-bottom .act-btn ul {
        margin: 0 0 15px;
    }
    .vid-call .video-bk .b-bottom .sv-block {
        text-align: center;
        margin: 0 15px 20px auto;
        position: relative;
        width: 120px;
        height: 150px;
    }
    .vid-call .video-bk .b-bottom .sv-block img {
        border-radius: 5px 5px;
        height: 100%;
        width: 100%;
    }
    .me-area .nt-area h3 {
        width: 100%;
    }
    .t-manger .tw-block .block {
        padding: 10px 10px;
    }
    .t-manger .tw-block .block .img-hold {
        margin: 0 10px 0 0 !important;
    }
    .t-manger .tw-block .block .text-hold ul {
        flex-wrap: wrap;
    }
    .t-manger .tw-block .block .text-hold ul li {
        margin: 0 0 10px;
    }
    .t-manger .tw-block .vido-block {
        margin: 0 0 25px;
    }
    .vid-call .video-bk .b-bottom .sv-block.bg {
        min-height: 150px;
        border-radius: 5px 5px;
    }
    .ch-area .select2-container .select2-selection {
        font-size: 16px;
        line-height: 18px;
    }
    .me-area .detail-bar ul li .t-block h3 img {
        width: 30px;
    }
    .me-area .detail-bar ul li .t-block h3 {
        font-size: 12px;
        line-height: 14px;
    }
    .me-area .detail-bar ul li .t-block h4 img {
        width: 30px;
    }
    .me-area .detail-bar ul li .t-block h4 {
        font-size: 12px;
        line-height: 14px;
    }
    #popupModal .modal-dialog .modal-body .commt-area .text-hold p {
        width: 85%;
    }
    #popupModal .modal-dialog .modal-body .commt-area .text-hold .t-box {
        flex-wrap: wrap;
        margin: 0 5px 0 0;
        align-items: flex-start;
    }
    #popupModal .modal-dialog .modal-body .commt-area .text-hold .t-box .ms-btn button {
        margin: 0 0 0 5px;
    }
    .mg-page .card-header .card-title {
        flex-direction: column;
        align-items: flex-start;
    }
    .mg-page .card-header .card-title h3 {
        margin: 0 0 10px;
    }
    .mg-page .card-header .mua-btn {
        font-size: 12px;
        line-height: 14px;
        padding: 10px 10px;
    }
    .mg-page #twilioTabs {
        flex-direction: column;
    }
    .mg-page #twilioTabs li {
        margin: 0 0 10px;
    }
    .v-in-page .inv-filter .filter-ul li:first-child {
        width: 100%;
    }
    .v-in-page .inv-filter .filter-ul li {
        width: 100%;
    }
    .v-in-page .inv-filter .dropdown-menu li, .v-in-page .inv-filter .dropdown-menu li:first-child {
        width: 100%;
    }
    .vid-page .rig-bar li .nm-btn {
        margin: 0;
    }
    .vid-page .rig-bar li {
        width: 100%;
        margin: 0 0 10px;
    }
    .vid-page .rig-bar li:last-child {
        margin: 0;
    }
    .vid-page .rig-bar {
        flex-wrap: wrap;
    }
    .vid-page .inv-filter .filter-ul li {
        width: 100%;
        margin: 0 0 10px;
    }
    .sm-page .sc-bar h2 {
        font-size: 16px;
        line-height: 18px;
    }
    .sm-page .sc-bar ul li span {
        font-size: 13px;
        line-height: 15px;
    }
    .sm-page .sc-bar ul li p {
        font-size: 13px;
        line-height: 15px;
    }
    .sp-form .step-form {
        padding: 20px 20px;
    }
    .sp-form .step .form-check {
        width: 100%;
        margin: 0 0 10px;
    }
    .sp-form .step ul li {
        margin: 0;
    }
    .view-cus-page #list-view ul li {
        width: 100%;
        padding: 0 0 7px;
        margin: 0 0 7px;
        border-bottom: 1px solid #eff2f5;
    }
    .view-cus-page #list-view ul li:last-child {
        border: 0;
    }
    .view-cus-page #list-view .dropdown .dropdown-menu li {
        padding: 0;
        margin: 0;
    }
    .view-cus-page #list-view ul li h3 {
        margin: 0;
    }
    #kt_content_container .sci-btn {
        font-size: 10px;
        line-height: 12px;
        padding: 10px 8px;
    }
    #gridBtn {
        padding: 5px 5px;
    }
    #listBtn {
        padding: 5px 5px;
    }
    .new-cus-page .new-info {
        padding: 20px 0 10px;
    }
    .view-cus-page .bn-area span {
        width: 100%;
    }
    .new-cus-page .new-info ul {
        display: none;
    }
    .new-cus-page .new-info h3 {
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .new-cus-page .new-info h3 button {
        border: 0;
        padding: 0;
    }
    .new-cus-page .new-info.active h3 button {
        transform: rotate(-180deg);
    }
    .new-cus-page .new-info {
        padding: 7px 7px !important;
        margin: 0 0 7px;
        border: 1px solid #E2E2E2 !important;
        border-radius: 5px 5px;
    }
    .view-cus-page .bn-area {
        margin: 0 0 15px;
    }
    .new-cus-page .new-info.active ul {
        display: flex;
    }
    .new-cus-page .new-info.active h3 {
        margin: 0 0 10px;
    }
    .new-cus-page .new-info h3 {
        font-size: 13px;
        line-height: 15px;
    }
    .new-cus-page .new-info ul li p {
        font-size: 12px;
        line-height: 14px;
    }
    .per-adon .plan-option .cont span {
        font-size: 10px;
        line-height: 12px;
    }
    .per-adon .plan-option .cont strong {
        margin: 0 10px 0 0;
    }
    .per-adon .card-area .card-info .form-check label {
        width: 90%;
    }
    .per-adon .card-area .card-info .form-check label .d-bar,.per-adon .card-area .card-info .form-check .r-btn {
        font-size: 12px;
        line-height: 14px;
    }
    .per-adon .card-area .card-info .form-check span {
        font-size: 12px;
        line-height: 14px;
    }
    .per-adon .card-area .form-check label {
        font-size: 14px;
        line-height: 16px;
    }
    .per-adon #cart .p-box .product .text h3 {
        font-size: 14px;
        line-height: 16px;
    }
    .per-adon .accordion .accordion-header button {
        font-size: 14px;
        line-height: 16px;
    }
    .view-cus-page #list-view ul {
        width: 100%;
    }
}
@media screen and (max-width: 435px) {
    #kt_content .fold-block .th-btn ul li {
        margin: 0 0 10px;
        width: 100%;
    }
    #kt_content .fold-block .th-btn ul li button {
        width: 100%;
    }
    #kt_content .fold-block .th-btn ul {
        flex-direction: column;
        align-items: flex-start;
    }
    #popupModal .modal-dialog .modal-body .mes-area .ms-box .s-box {
        flex-direction: column;
        align-items: flex-start;
    }
    #popupModal .modal-dialog .modal-body .mes-area .ms-box input {
        margin: 0 0 10px;
    }
    #popupModal .modal-dialog .modal-body .des-area .att-file .box {
        width: 80%;
    }
    .dial-pad .di-block {
        padding: 30px 15px;
    }
}
@media screen and (max-width: 390px) {
    #kt_content .mid-box .boxs .img-holds {
        width: 20%;
    }
    #kt_content .mid-box .boxs .t-areas {
        width: 80%;
    }
    .acc-area .card-body .t-box ul {
        flex-direction: column;
        align-items: flex-start;
    }
    .acc-area .card-body .t-box ul li {
        margin: 0 0 10px;
    }
    .acc-area .card-body .t-box ul li:last-child {
        margin: 0;
    }
    .acc-area .card-body .acc-block h3 {
        font-size: 16px;
        line-height: 18px;
    }
    .acc-area.soft-bar .card-body .acc-block ul li p {
        padding: 0;
    }
    .acc-area .card-body .acc-block ul li h5 {
        display: flex;
        flex-direction: column;
    }
    .acc-area.soft-bar .card-body .acc-block ul li h5 img {
        margin: 0 0 15px;
        width: 50px;
    }
    .acc-area.soft-bar .card-body .acc-block .soft-bot {
        flex-direction: column;
    }
    #kt_content_container.acc-area.soft-bar .card-body .acc-block .soft-bot .img-hold {
        margin: 0 0 15px;
    }
    #appointment-details .modal-body .block p br {
        display: none;
    }
    #kt_content .up-area .show-file .text-box p {
        font-size: 11px;
        line-height: 14px;
        margin: 0;
    }
    #kt_content .doc-page .box .block .btn-area {
        flex-direction: column;
    }
    #kt_content .doc-page .box .block .btn-area a {
        width: 100%;
    }
    #kt_content .doc-page .box .block .btn-area .do-btn {
        margin: 0 0 10px;
    }
    #kt_content_container .rt-box .content .qt {
        font-size: 18px;
        line-height: 20px;
    }
    #kt_content_container .rt-box .content .price {
        font-size: 14px;
        line-height: 16px;
    }
    #kt_content_container .rt-box .s-box h3 {
        font-size: 15px;
        line-height: 17px;
    }
    #kt_content_container .rt-box .ch-list li span {
        font-size: 18px;
        line-height: 20px;
    }
    #kt_content_container .rt-box .ch-list li h2 {
        font-size: 18px;
        line-height: 20px;
    }
    #kt_content_container .rt-box .ch-list li p {
        font-size: 14px;
        line-height: 16px;
    }
    #kt_content_container .rt-box .sm-box h3 {
        font-size: 18px;
        line-height: 20px;
        margin: 0 0 10px;
    }
    #kt_content_container .rt-box .sm-box h4 {
        font-size: 30px;
        line-height: 32px;
    }
    #kt_content_container .rt-box .sm-box .c-box .form-check label {
        font-size: 18px;
        line-height: 20px;
        margin: 0 0 0 10px;
    }
    #kt_content_container .rt-box .sm-box .c-box h5 {
        font-size: 18px;
        line-height: 20px;
    }
    #kt_content .sm-box h3 {
        padding: 10px 10px;
    }
    #kt_content .sm-box ul {
        padding: 0 10px;
    }
    #kt_content .sm-box ul li {
        padding: 10px 0;
    }
    #kt_content .sml-box h2 {
        padding: 10px 10px;
    }
    #kt_content .sml-box h2 {
        font-size: 12px;
        line-height: 15px;
    }
    #kt_content .sml-box h2 .r-btn {
        font-size: 10px;
        line-height: 12px;
        padding: 10px 10px;
    }
    #kt_content .sm-box ul li p {
        font-size: 13px;
        line-height: 15px;
    }
    #kt_content .sm-box h3 {
        font-size: 14px;
        line-height: 16px;
    }
    #kt_content .sm-box h3 .r-btn {
        font-size: 10px;
        line-height: 12px;
        padding: 10px 10px;
    }
    #CancelModal .modal-content .modal-body p {
        font-size: 14px;
        line-height: 17px;
    }
    #kt_content .sm-box h3 {
        min-height: 50px;
    }
    .en-sign .card-body .suu-area h5 {
        font-size: 20px;
        line-height: 22px;
    }
    .en-sign .card-body .suu-area p {
        font-size: 14px;
        line-height: 16px;
    }
    .v-in-page .card.last-bar .search-bar input {
        width: 180px;
    }
    .vo-in-page .btn-bar ul {
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: wrap;
        margin: 0 0 10px;
    }
    .vo-in-page .btn-bar ul li {
        margin: 0 0 10px;
        width: 100%;
    }
    .vo-in-page .btn-bar ul li button {
        width: 100%;
    }
    .his-area .nav .nav-item button {
        font-size: 17px;
        line-height: 19px;
    }
}

.active-noti-title-top {
    color: #072d76 !important;
}
.active-noti-text-top {
    color: #2f456f !important;
}