@font-face {
    font-family: 'DinNextLight';
    src: url('/fonts/din-next/light/DinNextLight.eot');
    src: url('/fonts/din-next/light/DinNextLight.eot') format('embedded-opentype'), url('/fonts/din-next/light/DinNextLight.woff2') format('woff2'), url('/fonts/din-next/light/DinNextLight.woff') format('woff'), url('/fonts/din-next/light/DinNextLight.ttf') format('truetype'), url('/fonts/din-next/light/DinNextLight.svg#DinNextLight') format('svg');
}
@font-face {
    font-family: 'DinNextRegular';
    src: url('../fonts/din-next/regular/DinNextRegular.eot');
    src: url('../fonts/din-next/regular/DinNextRegular.eot') format('embedded-opentype'), 
        url('../fonts/din-next/regular/DinNextRegular.woff2') format('woff2'), 
        url('../fonts/din-next/regular/DinNextRegular.woff') format('woff'), 
        url('../fonts/din-next/regular/DinNextRegular.ttf') format('truetype'), 
        url('../fonts/din-next/regular/DinNextRegular.svg#DinNextRegular') format('svg');
}
@font-face {
    font-family: 'DinNextMedium';
    src: url('/fonts/din-next/medium/DinNextMedium.eot');
    src: url('/fonts/din-next/medium/DinNextMedium.eot') format('embedded-opentype'), url('/fonts/din-next/medium/DinNextMedium.woff2') format('woff2'), url('/fonts/din-next/medium/DinNextMedium.woff') format('woff'), url('/fonts/din-next/medium/DinNextMedium.ttf') format('truetype'), url('/fonts/din-next/medium/DinNextMedium.svg#DinNextMedium') format('svg');
}
@font-face {
    font-family: 'DinNextBold';
    src: url('/fonts/din-next/bold/DinNextBold.eot');
    src: url('/fonts/din-next/bold/DinNextBold.eot') format('embedded-opentype'), url('/fonts/din-next/bold/DinNextBold.woff2') format('woff2'), url('/fonts/din-next/bold/DinNextBold.woff') format('woff'), url('/fonts/din-next/bold/DinNextBold.ttf') format('truetype'), url('/fonts/din-next/bold/DinNextBold.svg#DinNextBold') format('svg');
}
body {
    font-family: 'DinNextRegular';
}
.main-menu.menu-light .navigation > li.active > a {
    background: #18887F !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    color: #ffff !important;
}
.main-menu.menu-light .navigation li a {
    font-weight: 500;
    font-size: 18px;
    color: #8D98AA;
}
h5, .h5 {
    font-size: 1.125rem;
}
/* login */
.login-frm .card-title {
    font-size: 24px;
    font-weight: 700 !important;
}
.auth-bg {
    padding: 70px 140px !important;
}
.copyrights{
    font-weight: 400;
    font-size: 16px;
    color: #8D98AA;
    position: absolute;
    width: 100%;
    bottom: 24px;
    right: 0;
}
.auth-bg {
    position: relative;
}
.brand-logo-login {
    display: block;
    max-width: 100%;
}
.brand-logo-login img {
    max-width: 100%;
}
.login-header {
    margin-bottom: 80px;
}
.login-txt{
    font-size: 18px;
    font-weight: 500;
}
.btn-primary {
    border-color: #18887F!important;
    background-color: #18887F!important;
    background: #18887F;
    border-radius: 12px;
    font-weight: 500;
    font-size: 18px;
}
.forget-pass {
    font-weight: 400;
    font-size: 18px;
    color: #18887F;
    display: block;
    text-align: right;
}
.login-btn {
    height: 56px;
    border-radius: 12px !important;
}
.login-tab .nav-tabs .nav-item {
    width: 50%;
}
.login-tab .nav-tabs {
    background: #edf0f585;
    border-radius: 12px;
    padding: 4px;
}
.login-tab .nav-tabs .nav-link.active{
    background: #fff;
    border-radius: 12px;
}
.login-tab  .nav-tabs .nav-link:after {
    right: 0;
    display: none;
}
/* dashboard */
.input-with-icon {
    position: relative;
}
.input-with-icon > img, .input-with-icon > svg ,.input-with-icon .input-ico {
    position: absolute;
    left: 10px;
    top: 20px;
    z-index: 9;
    width: 20px;
}
.input-with-icon input.form-control, .input-with-icon textarea.form-control {
    padding-left: 40px !important;
}
.navbar-search-input {
    width: 400px;
    background: #edf0f580 !important;
    /* opacity: 0.4; */
    /* box-shadow: -24px 24px 48px rgb(76 83 95 / 2%); */
    /* box-shadow: -24px 24px 48px rgba(76, 83, 95, 0.02); */
    border-radius: 8px !important;
    /* color: #CCD3DF !important; */
    border: 0 !important;
}
.vertical-layout.vertical-menu-modern.menu-expanded .main-menu {
    width: 300px !important;
}
html[dir=ltr] .content {
    margin-left: 300px;
}
.header-navbar.floating-nav {
    width: calc(100vw - (100vw - 100%) - calc(2rem * 2) - 299px);
}
.main-menu .navbar-header {
    width: 300px;
    height: 6rem;
}
.main-menu .navbar-header .navbar-brand .brand-logo img {
    max-width: 200px;
}
.main-menu .main-menu-content {
    height: calc(100% - 6rem) !important;
}
.main-menu .navbar-header {
    margin-bottom: 20px;
}
.main-menu.menu-light .navigation li a {
    padding: 15px 15px 15px 15px !important;
}
.header-navbar .navbar-container ul.navbar-nav li a.dropdown-user-link .user-name {
    font-weight: 400 !important;
    font-size: 18px;
    color: #4C535F !important;
}
.header-navbar .navbar-container ul.navbar-nav li a.dropdown-user-link .user-status {
    font-size: 16px;
    color: #8D98AA !important;
    font-weight: 400 !important;
}
.header-navbar.floating-nav {
    width: calc(100% - 300px) !important;
    border-radius: 0 !important;
    margin: 0 !important;
}
.content.app-content {
    padding: calc(2rem + 2.45rem + 1.3rem) 2rem 0;
}
.content .content-wrapper .content-header-title {
    padding-right: 1rem;
    border-right: 0;
    display: block;
    width: 100%;
    font-weight: 700 !important;
    font-size: 24px !important;
    color: #4C535F !important;
    margin-bottom: 6px !important;;
}
.breadcrumb {
    padding-left: 0 !important;
}
.breadcrumb:not([class*=breadcrumb-]) .breadcrumb-item + .breadcrumb-item:before {
    display: none;
}
li.breadcrumb-item.active {
    font-weight: 400;
    font-size: 14px !important;
    color: #18887F;
}
.breadcrumb-item a.router-link-exact-active.router-link-active {
    padding-top: 3px;
}
.auth-login-form .form-control {
    height: 56px;
    border-radius: 12px;
}
.auth-login-form .custom-control.custom-checkbox{
    margin: 0 !important;
}
[dir] .input-group-text {
    background-color: #f6f7fa;
    border: 1px solid #f6f7fa;
    border-radius: 12px;
}
.auth-login-form label.custom-control-label {
    font-weight: 400;
    font-size: 18px !important;
    color: #18887F;
    padding-left: 28px;
}
button.btn.login-btn.bordered-btn.btn-primary.btn-block {
    background: #ffffff !important;
    color: #18887f !important;
}
.auth-login-form .custom-checkbox .custom-control-label::before, .auth-login-form  .custom-checkbox .custom-control-label::after {
    top: 0.5rem;
}
thead {
    background: #FAFAFB;
    border-top: 1px solid #E0E4EC;
}
[dir] .vgt-table.bordered td, [dir] .vgt-table.bordered th {
    border-right: 0 !important;
    border-left: 0 !important;
    border-top: 1px solid #E0E4EC;
    border-bottom: 0 !important;
}
table.vgt-table td {
    vertical-align: middle !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    color: #4C535F !important;
}
[dir] .vgt-inner-wrap {
    border-radius: 0.25rem;
    box-shadow: none;
}
.trans-card, .trans-card .card{
    background-color: transparent !important;
    box-shadow: none;
    margin-bottom: 0 !important;
}
.trans-card .card-body{
    padding: 0 !important;
}
.trans-card .vgt-inner-wrap {
    border-radius: 12px;
    box-shadow: none !important;
    background: #fff !important;
}
.trans-card .card .card-header {
    background-color: transparent !important;
    display: none;
}
html[dir] .content.app-content {
    padding: calc(2rem + 4.45rem + 1.3rem) 2rem 2rem !important;
}
.table-footer{
    padding: 20px
}
.tabel-header{
    border-radius: 12px 12px 0 0;
    background-color: #fff !important;
    padding: 14px 20px
}
.tabel-header h4{
    font-weight: 500;
    font-size: 20px;
    color: #4C535F;
    margin-bottom: 0;
}
table.vgt-table td {
    border-bottom: 1px solid #E0E4EC!important;
}
html[dir=ltr] .content .content-wrapper .content-header-title {
    border-right: 0 !important;
}
.add-btn {
    display: inline-block;
    width: fit-content;
    margin-left: auto !important;
    margin-top: -70px !important;
    margin-bottom: 20px !important;
    font-weight: 500;
    font-size: 16px;
    border-radius: 12px !important;
}
.rotate-icon {
    transform: rotate(90deg);
}
.no-border {
    border: 0 !important;
}
.table-search img {
    top: 13px;
    width: 18px;
    position: absolute;
}
.dropdown-item:hover, .dropdown-item:focus {
    background-color: transparent !important;
    color: #EF5350;
}
.add-btn img {
    filter: brightness(0) invert(1);
}
h4.card-title {
    font-weight: 500 !important;
    font-size: 20px !important;
    color: #4C535F !important;
}
.card {
    /* box-shadow: -24px 24px 48px rgb(76 83 95 / 2%); */
    border-radius: 12px;
}
.card .card-header {
    border-bottom: 1px solid #E0E4EC !important;
}
form label , .wizard-tab-body label{
    font-weight: 400;
    font-size: 18px;
    color: #4C535F;
    margin-bottom: 6px;
}
form .form-control, .wizard-tab-body .form-control {
    height: 56px;
    background: #EDF0F5 !important;
    border-radius: 12px;
    border: 0 !important;
}
form {
    padding: 10px 0;
}
.cancel-btn, .cancel-btn.btn-primary {
    color: #8D98AA !important;
    background-color: #EDF0F5 !important;
    border-radius: 12px !important;
    font-weight: 500;
    font-size: 16px !important;
    /* height: 56px; */
    padding: 16px 20px !important;
    width: 164px;
    border-color: #EDF0F5 !important;
}
.save-btn {
    padding: 16px 20px !important;
    width: 164px;
    border-radius: 12px !important;
    font-weight: 500;
    font-size: 16px !important;
    text-align: center;
    justify-content: center;
}
.publish-btn, .publish-btn.btn-primary{
    padding: 16px 20px !important;
    width: 164px;
    border-radius: 12px !important;
    font-weight: 500;
    font-size: 16px !important;
    text-align: center;
    justify-content: center;
    color: #18887F !important;
    border: 1px solid #18887F !important;
    background-color: #e8f3f2 !important;
}
.small-btn button{
    width: 128px !important;
}
span.required-label {
    color: #EF5350;
}
img.sidebar-ico {
    width: 24px;
    margin-right: 10px;
}
img.lang-drop-arrow {
    width: 16px;
    margin-inline-start: 10px;
}
.dropdown-language {
    background: #EDF0F5;
    /* box-shadow: -24px 24px 48px rgb(76 83 95 / 2%); */
    border-radius: 12px;
    padding: 10px;
}
.dropdown-language span{
    margin-right: 26px;
    color: #717B8C !important;
}
.dropdown-language  .dropdown-toggle{
    display: flex;
    align-items: center;
}
[dir] .header-navbar .navbar-container ul.navbar-nav li.dropdown-notification .media-body .media-heading .font-weight-bolder {
    font-weight: 400 !important;
    font-size: 16px !important;
    color: #4C535F !important;
}
small.notification-text {
    font-weight: 400 !important;
    font-size: 14px !important;
    color: #717B8C !important;
}
.dropdown-menu-footer button.btn.btn-primary.btn-block {
    font-weight: 500 !important;
    font-size: 16px !important;
    border-radius: 12px;
    padding: 18px;
}
.dropdown-notification .badge.badge-light-primary {
    background-color: rgba(24, 136, 127, 0.12);
    background: #faa61a1f;
    /* opacity: 0.1; */
    border-radius: 18px !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    color: #FAA61A !important;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dropdown-notification span.badge.badge-up.badge-pill.bg-danger {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
}
[dir=ltr] .header-navbar .navbar-container ul.navbar-nav li.dropdown-cart .badge.badge-up, [dir=ltr] .header-navbar .navbar-container ul.navbar-nav li.dropdown-notification .badge.badge-up {
    right: -3px;
    top: -10px;
}
.dropdown-notification {
    background: #edf0f599;
    /* box-shadow: -24px 24px 48px rgb(76 83 95 / 2%); */
    border-radius: 28px;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.card {
    background: #FFFFFF;
    box-shadow: -24px 24px 48px rgba(76, 83, 95, 0.02) !important;
    border-radius: 12px !important;
}
.statistic-card h4{
    font-weight: 500 !important;
    font-size: 16px !important;
    color: #717B8C !important;
}
.statistic-card p{
    font-weight: 700 !important;
    font-size: 36px !important;
    color: #4C535F !important;
}
.statistic-link-card .media{
    flex-direction: column;
    align-items: center;
}
.statistic-link-card .b-avatar {
    background: #bac1cc24 !important;
    box-shadow: -24px 24px 48px rgb(76 83 95 / 2%);
    margin-bottom: 24px;
}
.statistic-link-card h4{
    font-weight: 500 !important;
    font-size: 18px !important;
    color: #4C535F !important;
}
td .badge-pill {
    padding: 0.6rem 1rem !important;
}
.meeting-details-card .card-body{
    padding: 0 !important;
}
.meeting-details-card .card-title {
    padding: 20px;
    border-bottom: 1px solid #f1f2f3;
    margin-bottom: 0 !important;
    font-size: 20px !important;
}
.metting-no {
    width: 100%;
    padding: 20px;
}
.meeting-details-card .media{
    display: block !important;
}
.meeting-baner {
    padding: 38px;
    background: #FAFAFB;
    text-align: center;
}
.meeting-baner h5{
    font-weight: 400;
    font-size: 26px;
    color: #4C535F;
}
span.badge.orng-badge.badge-light-primary.badge-pill {
    background: #faa61a5e;
    border-radius: 18px;
    font-weight: 400;
    font-size: 16px;
    color: #FAA61A !important;
}
.meeting-data .data-col {
    padding: 28px 60px;
    border-right: 1px solid #E0E4EC;
    border-bottom: 1px solid #E0E4EC;
}
.no-border-right{
    border-right: 0 !important;
}
.meeting-desc {
    padding: 16px 24px;
    border-bottom: 1px solid #E0E4EC;
}
.meeting-desc p {
    font-weight: 400;
    font-size: 16px;
    color: #717B8C;
}
.meeting-doc-list li{
    background: #FFFFFF;
    box-shadow: 0px 0px 48px 12px rgba(76, 83, 95, 0.06);
    border-radius: 12px;
    display: inline-flex;
    width: 120px;
    height: 120px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-inline-end: 10px;
    padding: 10px;
    position: relative;
}
.meeting-doc-list li a{
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.meeting-doc-list li img{
    width: 20px;
    margin-bottom: 0;
}
.meeting-doc-list li span{
    font-size: 14px;
    text-align: center;
    word-break: break-all;
}
.meeting-doc-list {
    padding-left: 0;
    padding-right: 0;
    display: flex;
    padding-top: 15px;
}
.red-color{
    color: #EF5350;
}
.metting-attendance .custom-control.custom-radio {
    background: #EDF0F5;
    border-radius: 12px;
    padding: 10px 20px;
    width: 200px;
    padding-left: 38px;
}
.metting-attendance .custom-control.custom-radio .custom-control-label::before{
    left: 15px !important;
    top: 11px !important;
}
.metting-attendance .form-control{
    display: inline-block;
    width: 265px;
    background: #edf0f533;
    border-radius: 12px;
    border: 0;
    height: 40px;
}
.metting-attendance .btn{
    margin-right: 0;
    display: inline-block;
    /* height: 40px; */
    font-size: 16px;
    font-weight: 400;
}
.no-gutter{
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.full-width-btn.btn-primary{
    background: #00C0F3 !important;
    border-radius: 12px !important;
    font-weight: 500  !important;
    font-size: 16px  !important;
    width: 100%  !important;
    border-color: #00C0F3 !important;
    background-color: #00C0F3 !important;
}
.attend-acc{
    padding: 10px 20px
}
.p-15{
    padding: 15px !important;
}
.no{
    font-weight: 400;
    font-size: 26px;
}
.blue-color{
    color: #0097CC;
}
.green-color{
    color: #88A834;
}
.orange-color{
    color: #E7822F;
}
.vote-btn.btn-primary{
    width: 100%;
    background-color: rgba(24, 136, 127, 0.1) !important;
    border: 1px solid #18887F !important;
    border-radius: 12px;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    color: #18887F !important;
}
.metting-no.gray-bg {
    background: #FAFAFB;
}
.border-top{
    border-top: 1px solid #E0E4EC;
}
.modal-titlte{
    font-weight: 700 !important;
    font-size: 24px !important;
    color: #4C535F;
    margin-bottom: 12px !important;
}
.title-desc{
    font-weight: 500;
    font-size: 18px;
    color: #717B8C;
}
.ques-modal .modal-content{
    background: #FAFAFB;
}
.report-header {
    background: #18887F;
    padding: 20px 25px;
}
.report-header h5{
    color: #fff;
    font-weight: 700;
}




[dir] .ques-modal .modal-header {
    background-color: #fafafb !important;
    border-bottom: none;
}

[dir=rtl] .modal.delete-modal .modal-header .close {
    margin: 0 auto 0 0;
}
.modal.delete-modal .modal-header .close {
    color: #BAC1CC!important;
    background: #edf0f500;
    box-shadow: -24px 24px 48px rgb(76 83 95 / 2%);
    border-radius: 50%;
    margin: 0 0 0 auto;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    font-size: 40px;
    height: 36px;
    width: 36px;
    padding: 0;
}
.modal-title-img {
    /* margin-top: -90px; */
    position: absolute;
    top: -38px;
    max-width: 30px
}
span.lead.collapse-title {
    font-weight: 400;
    font-size: 18px;
    color: #4C535F;
}
[dir] .collapse-icon [data-toggle=collapse]:after {
    background-size: 18px;
}
.collapse-icon .card{
    margin-bottom: 10px !important;
}

[dir] [class*=collapse-] .card:not(:last-of-type) {
    border-bottom: 0;
}
.card-header.collapsed {
    border-bottom: 0 !important;
}
span.gray-bage {
    background: #EDF0F5;
    border-radius: 12px !important;
    margin: 2px 4px;
    height: 36px;
    padding: 0;
    font-weight: 400 !important;
    font-size: 14px !important;
    color: #717B8C;
    min-width: 74px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.danger-bage{
    background: #ef53502b;
    border-radius: 18px !important;
    margin: 2px 4px;
    height: 34px;
    padding: 0;
    font-weight: 400;
    font-size: 14px;
    color: #EF5350;
    /* min-width: 74px; */
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.orange-bage{
    background: #faa61a1f;
    color: #FAA61A !important;
    border-radius: 18px !important;
    margin: 2px 4px;
    height: 34px;
    padding: 0;
    font-weight: 400;
    font-size: 14px;
    /* min-width: 74px; */
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.demo-inline-spacing.my-custom-checkbox {
    background: #edf0f55e;
    /* opacity: 0.4; */
    border-radius: 12px;
    padding: 20px;
}
/* .custom-radio{
    background: #edf0f55e;
    border-radius: 12px;
    padding: 20px;
    margin-inline-end: 10px;
} */
.radio-toolbar input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
}

.radio-toolbar label {
    display: inline-flex;
    box-sizing: border-box;
    padding: 3px 10px;
    height: 36px;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    /* box-shadow: -24px 24px 48px rgb(76 83 95 / 2%); */
    border-radius: 12px;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 16px;
    padding-inline-start: 10px !important;
    color: #8D98AA;
}

.radio-toolbar input[type="checkbox"]:checked + label {
    border: 1px solid #26A69A;
}
.radio-toolbar .custom-control-label::after, .radio-toolbar .custom-control-label::before{
    display: none;
}
.custom-control.custom-checkbox {
    display: inline-block;
    margin: 5px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.gray-baner{
    padding: 20px;
    background: #FAFAFB;
}
ul.roles-list {
    padding-left: 0;
    list-style: none;
}
ul.roles-list li{
    display: inline-block;
    margin-right: 5px;
}
.ques-modal .modal-content{
    background: #ffffff;
}
[dir] .delete-modal .modal-header {
    background-color: #ffffff !important;
    border-bottom: none;
}
.delete-modal .modal-header .close {
    color: #ffffff!important;
    background: #edf0f500;
    /* box-shadow: -24px 24px 48px rgb(76 83 95 / 2%); */
    border-radius: 28px;
    margin: 0 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
button.btn.btn-outline-secondary {
    background-color: #EDF0F5 !important;
    border-radius: 12px !important;
    border: 1px solid #EDF0F5 !important;
    padding: 16px 20px !important;
    width: 164px;
    font-weight: 500;
    font-size: 16px !important;
}
.btn.btn-danger {
    background: #EF5350;
    display: inline-block;
    padding: 16px 20px !important;
    width: 164px;
    border-radius: 12px !important;
    font-weight: 500;
    font-size: 16px !important;
}
.vs__dropdown-toggle{
    min-height: 56px;
    background: #EDF0F5 !important;
    border-radius: 12px;
    border: 0 !important;
}
.card.filter-card {
    position: fixed;
    width: 330px;
    height: 100%;
    right: 0px;
    top: 0px;
    background: #FFFFFF;
    z-index: 999;
}
.filter-card-title {
    position: relative;
}
.filter-card-title {
    border-bottom: 1px solid #E0E4EC;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
}
.filter-card .card-body{
    padding-left: 0;
    padding-right: 0;
}
.filter-card-title img{
    position: absolute;
    top: 5px;
    right: 20px;
    width: 20px;
    cursor: pointer;
}
.filter-card-title h5{
    font-weight: 500;
    font-size: 20px;
    color: #4C535F;
}
.navigation, .form-control{
    font-family: 'DinNextRegular' !important;
}
.vs__selected-options {
    padding: 6px 5px !important;
}
.login-frm .dropdown-language {
    height: 56px;
    list-style: none;
}
.login-frm .b-nav-dropdown .dropdown-toggle::after {
    display: none;
}
.filter-btn {
    align-items: center;
    display: flex;
    justify-content: end;
    cursor: pointer;
}
.filter-btn img.lang-drop-arrow{
    margin-top: 5px;
}
.metting-attendance > label{
    font-weight: 400;
    font-size: 18px;
    color: #4C535F;
}
.vue-form-wizard .wizard-tab-title h5{
    font-weight: 500 !important;
    font-size: 20px;
    color: #4C535F;
}

.vue-form-wizard .wizard-tab-title{
    padding: 20px;
    border-bottom: 1px solid #E0E4EC !important;
}
.wizard-tab-content {
    padding: 0 !important;
}
.wizard-tab-body{
    padding: 0 20px 20px;
}
td span.gray-bage{
    background: #EDF0F5;
    border-radius: 18px !important;
    font-weight: 400;
    font-size: 14px;
    height: 34px;
    color: #4C535F;
    width: auto;
    min-width: auto;
    padding: 2px 15px;
}
.green-bage{
    background: #26a69a1c;
    display: inline-flex;
    border-radius: 18px !important;
    font-weight: 400;
    font-size: 14px;
    height: 34px;
    color: #26A69A;
    width: auto;
    min-width: auto;
    padding: 2px 15px;
    align-items: center;
    justify-content: center;
}
.border-b-0{
    border-bottom:  0 !important;
}
.input-with-icon input.form-control {
    background: #EDF0F5 !important;
    height: 56px;
}
[dir] .main-menu .navbar-header .navbar-brand {
    margin-top: 0 !important;
}
span.brand-logo {
    display: block;
    width: 160px;
}
a.nav-link.modern-nav-toggle{
    width: 36px;
    height: 36px;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgb(76 83 95 / 6%);
    border-radius: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}
li.nav-item.nav-toggle {
    display: inline-flex;
    align-items: center;
}
.header-navbar {
    font-family:  'DinNextRegular' !important;
}
.dropdown-language .dropdown-item:hover span{
    color: #26A69A !important;
}
[dir] .navbar-floating .navbar-container {
    padding: 0.86rem 1rem;
}
.dropdown-language {
    padding: 15px 10px;
    height: 56px;
}
.notification-title {
    font-size: 20px;
    font-weight: 500;
    color: #4C535F;
}
.navbar-search-input img {
    top: 18px;
    position: absolute;
    left: 10px;
}
.notification-setting-frm .custom-control.custom-control-inline.custom-switch {
    display: block;
    width: 100%;
    background: #edf0f5;
    padding: 10px;
    border-radius: 12px;
}
.notification-setting-frm .custom-control.custom-control-inline.custom-switch {
    display: block;
    width: 100%;
    background: #edf0f5;
    padding: 10px;
    height: 56px;
    border-radius: 12px;
    align-items: center;
    display: flex;
}
.notification-setting-frm .custom-switch .custom-control-label::before {
    left: 0;
    right: auto;
}
.vertical-layout .header-navbar .navbar-container ul.navbar-nav li.dropdown .dropdown-menu {
    top: 67px !important;
}
.input-with-icon textarea.form-control {
    height: 176px;
    padding-top: 16px !important;
}
.card-footer {
    /* padding: 1rem 1rem !important; */
    width: calc(100% + 16px) !important;
    margin: 0 -8px !important;
    display: block;
}
[dir] .was-validated .form-control:invalid, [dir] .form-control.is-invalid {
    border: 1px solid #ea5455 !important;
}
.table-search.input-with-icon input.form-control {
    background: #fff !important;
    height: 38px;
    width: 100%;
}
.table-search {
    width: 100%;
}
.form-control{
    font-weight: 400;
    font-size: 18px;
    color: #4C535F;
}
.dropdown-menu .dropdown-header {
    align-items: center;
}
.scrollable-container.media-list.scroll-area {
    max-height: 25rem;
    overflow-y: scroll;
}
.scrollable-container.media-list.scroll-area::-webkit-scrollbar {
    width: 4px;
    background:transparent;
}
.scrollable-container.media-list.scroll-area::-webkit-scrollbar-track {
    width: 4px;
}
.scrollable-container.media-list.scroll-area::-webkit-scrollbar-thumb {
    background: #E0E4EC;
    border-radius: 2px;
}
.wizard-navigation {
    direction: rtl;
}
ul.wizard-nav.wizard-nav-pills {
    box-shadow: 0px 4px 25px 0px rgb(34 41 47 / 10%);
    background-color: #fff;
    border-radius: 0.5rem;
    direction: rtl;
}
.wizard-btn::after, .wizard-btn::before{
    display: none;
}
.wizard-btn{
    background-color: rgb(24 136 127) !important;
    border-color: rgb(24 136 127) !important;
    color: white;
}
.vertical-steps.vue-form-wizard .wizard-card-footer {
    padding-top: 15px !important;
}
.metting-attendance .custom-control.custom-radio , .metting-attendance .custom-control.custom-checkbox{
    padding: 16px 20px;
    width: 160px;
    height: 56px;
    margin-inline-end: 1rem;
    margin-top: 0;
    background: #EDF0F5;
    border-radius: 12px;
}
.metting-attendance .custom-control.custom-radio .custom-control-label::before , .metting-attendance .custom-control.custom-checkbox .custom-control-label::before{
    top: 18px !important;
}
.metting-attendance .custom-control.custom-radio .custom-control-label::after,
.metting-attendance .custom-control.custom-checkbox .custom-control-label::after {
    top: 18px;
}
.vue-form-wizard .wizard-navigation .wizard-nav li .wizard-icon-circle {
    width: 1.71rem !important;
    height: 1.71rem !important;
    border-radius: 50% !important;
}
.vertical-steps.vue-form-wizard .wizard-navigation .wizard-nav {
    min-width: 230px;
}
[dir] .vue-form-wizard .wizard-navigation .wizard-nav li .wizard-icon-circle .wizard-icon-container {
    border-radius: 50% !important;
}
.active .wizard-icon-container{
    background-color: rgb(24 136 127) !important;
}
span.stepTitle.active {
    color: rgb(24 136 127) !important;
}
button.btn.add-btn-icon.btn-primary {
    max-width: 100%;
    width: 56px;
    height: 56px;
    background: rgba(24, 136, 127, 0.1) !important;
    border-radius: 12px;
    border-color: rgba(24, 136, 127, 0.1) !important;
    padding: 5px;
    text-align: center;
}
.div-bodered{
    border: 1px solid #E0E4EC;
    border-radius: 12px;
    padding: 15px;
}
.vertical-steps.vue-form-wizard .wizard-navigation .wizard-nav {
    padding-left: 2.5rem;
    margin-left: 25px;
    margin-right: 0;
    direction: ltr;
}
.wizard-tab-content{
    direction: ltr;
}
.metting-attendance .custom-control.custom-radio {
    padding-right: 0;
    padding-left: 38px;
}
[dir=ltr] .vertical-steps.vue-form-wizard .wizard-card-footer {
    margin-right: 250px;
    margin-left: 0 !important;
}
span.total-time {
    font-weight: 400;
    color: #00C0F3;
}
.breadcrumb-item a{
    color: #8D98AA;
}
/* .breadcrumb-item a::after{
    color: #8D98AA;
    content: '<';
} */
.attachment-div div{
    width: 120px;
    height: 120px;
    display: inline-flex;
    align-items: center;
    background: #FFFFFF;
    box-shadow: 0px 0px 48px 12px rgba(76, 83, 95, 0.06);
    border-radius: 12px;
    position: relative;
    padding: 10px;
    margin: 0 5px;
}
.attachment-div img{
    max-width: 100%;
}
.remove-attach{
    background: transparent;
    border: 0;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 25px;
    padding: 0;
}
.attachment-div {
    display: flex;
}
button.btn.add-row.btn-primary {
    max-width: 100%;
    height: 56px;
    background: rgba(24, 136, 127, 0.1) !important;
    border: 1px solid #18887F !important;
    border-radius: 12px !important;
    padding: 5px 20px;
    text-align: center;
    color: #18887F !important;
    font-weight: 400;
    font-size: 18px;
    display: flex;
    align-items: center;
}
.add-row img{
    width: 20px;
    margin-right: 10px;
}
button.btn.delete-btn-icon.btn-primary{
    max-width: 100%;
    width: 56px;
    height: 56px;
    background: #faa61a1f !important;
    border-radius: 12px;
    border-color: #faa61a1f !important;
    padding: 5px;
    text-align: center;
}
.alert-div {
    background-color: #e6f9fe;
    width: 100%;
    border-radius: 12px;
    padding: 15px;
    color: #717B8C;
    font-weight: 400;
    font-size: 18px;
}
.me-1{
    margin-inline-end: 10px;
}
.upload-li{
    width: 120px;
    height: 120px;
    background: #EDF0F5 !important;
    border: 1px dashed #CCD3DF !important;
    border-radius: 12px;
    cursor: pointer;
    position: relative;
}
.upload-li input[type="file"] {
    position: absolute;
    /* top: -1000px; */
    appearance: none;
    visibility: hidden !important;
    width: 120px;
    height: 120px;
    top: 0;
    right: 0;
}
.ques-summery {
    background: #EDF0F5 !important;
    height: 56px;
    border-radius: 12px;
    padding: 5px 10px;
    display: flex;
    align-items: center;
}
.ques-summery span{
    font-size: 18px;
    font-weight: 400;
}
.ms-auto {
    margin-inline-start: auto;
    margin-inline-end: 10px;
}
.space-between{
    justify-content: space-between !important;
}
.me-10{
    margin-inline-end: 10px;
}
button.btn.white-btn.btn-primary {
    background: #fff !important;
    border-color: #fff !important;
    border-radius: 12px;
    color: #8D98AA !important;
}
.primary-color{
    color: #8D98AA
}
.ques-txt{
    color: #4C535F
}
.pr-0{
    padding-right: 0 !important;
}
.full-width-xheck .custom-control.custom-radio {
    padding: 16px 20px;
    width: 100%;
    height: 56px;
    margin-left: 0rem;
    margin-top: 15px;
    padding-left: 38px;
}
.ms-20{
    margin-inline-start: 20px !important;
}
button.btn.bordered-btn.btn-primary {
    display: inline-block;
    width: 208px;
    height: 56px;
    left: 252px;
    top: 110px;
    background: #FFFFFF !important;
    border: 1px solid #18887F;
    border-radius: 12px;
    color: #18887F !important;
    font-weight: 500;
    font-size: 16px;
    margin-right: auto;
}
.btn-bar .btn {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: 56px;
    display: inline-flex;
    align-items: center;
}
.btn-bar {
    text-align: end;
    margin-top: -70px;
    margin-bottom: 20px;
    margin-inline-start: auto;
}
.btn img{
    width: 24px;
}
.filter-card-body {
    padding: 15px 10px;
}
.filter-checkbox label{
    font-weight: 400;
    font-size: 16px;
    color: #4C535F;
}
/* .filter-checkbox{
    background: #FAFAFB;
} */
.filter-checkbox {
    background: #edf0f5;
    padding: 10px;
    border-radius: 12px;
}
.filter-checkbox .custom-checkbox .custom-control-label, .filter-checkbox .custom-radio .custom-control-label {
    font-size: 1rem;
    font-weight: 400;
    margin-inline-start: 26px;
}
.filter-checkbox .custom-control.custom-checkbox {
    display: block;
    width: 100%;
}
button.btn.gary-btn.btn-primary {
    background: #FFFFFF !important;
    border: 1px solid #E0E4EC !important;
    border-radius: 12px !important;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #717B8C !important;
    padding: 14px 5px;
    width: 100px;
    word-break: n;
}
button.btn.bordered-green-btn.btn-primary{
    background: #FFFFFF !important;
    border: 1px solid #18887F !important;
    border-radius: 12px !important;
    color: #18887F !important;
    height: 56px;
}
.copyrights img{
    width: 36px;
    margin: 0 5px;
}
.menu-content .nav-item{
    padding: 0 15px
}
.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation li.has-sub > a:after {
    top: 21px !important;
}
.main-menu.menu-light .navigation > li .menu-content .active {
    background: transparent !important;
    box-shadow: none !important;
}
.main-menu.menu-light .navigation > li .menu-content .active a{
    color: #18887F;
}
[dir] .main-menu.menu-light .navigation > li.open:not(.menu-item-closing) > a, [dir] .main-menu.menu-light .navigation > li.sidebar-group-active > a {
    background: #fff;
    border-radius: 6px;
}
.main-menu.menu-light .navigation > li.open:not(.menu-item-closing) > a.router-link-active,
.main-menu.menu-light .navigation > li.sidebar-group-active > a.router-link-active {
    background: #18887F !important;
    border-radius: 6px;
    color: #fff !important;
}
.main-menu.menu-light .navigation > li.open:not(.menu-item-closing) > a::after,
.main-menu.menu-light .navigation > li.sidebar-group-active > a::after {
    color: #fff !important;
}
.main-menu.menu-light .navigation > li.open:not(.menu-item-closing) > a,
.main-menu.menu-light .navigation > li.sidebar-group-active > a {
    background: whitesmoke;
    border-radius: 12px!important;
}
button.btn.filter-btn.btn-primary {
    height: 36px;
    background: #26A69A;
    border-radius: 5px;
    font-weight: 400;
    font-size: 16px;
}
.filter-div{
    background: #FAFAFB;
    border-radius: 5px;
    padding: 15px;
    margin: 15px 0;
}
.filter-div label{
    font-size: 18px;
    font-weight: 400;
    color: #4C535F;
}
.filter-div .form-group .form-control{
    height: 48px !important;
    background: #ffff!important;
    border-radius: 12px;
    border: 1px solid #BAC1CC;
}
.filter-div .vs__dropdown-toggle {
    height: 48px;
    background: #ffff!important;
    border-radius: 12px;
    border: 1px solid #BAC1CC !important;
}
.date-group{
    position: relative;
}

span.icon-span {
    position: absolute;
    right: 0;
    top: 0;
    height: 48px;
    background: #18887f;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}
.vue-star-rating {
    padding: 20px 0;
    justify-content: center;
    background: #FAFAFB;
    border-radius: 8px;
    margin-top: 20px;
}
.vue-star-rating .vue-star-rating{
    padding: 0;
    margin-top: 0;
}
.vue-star-rating-pointer.vue-star-rating-star{
    display: inline-block;
    margin: 0 10px;
}
/* .vue-star-rating-pointer.vue-star-rating-star .vue-star-rating-star{
    width: 40px;
} */
span.vue-star-rating-rating-text {
    display: none;
}
.upload-li.signuture-upload {
    width: 100%;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}
.input-with-icon .vs__selected-options {
    padding-inline-start: 30px !important;
}
.users-list {
    background: #EDF0F5;
    border-radius: 12px;
    padding: 10px 15px;
    min-height: 56px;
    /* display: flex; */
    align-items: center;
}
.attendance-block {
    background: #FFFFFF;
    box-shadow: -24px 24px 48px rgba(76, 83, 95, 0.02);
    border-radius: 12px;
    display: inline-flex;
    padding: 5px 10px;
    align-items: center;
    margin-inline-end: 15px;
    margin-bottom:5px;
    margin-top: 5px;
}
.delet img{
    /* width: 20px; */
    margin-inline-start: 15px;
    cursor: pointer;
}
.attendance-block span.icon {
    background: #F5F5F5;
    border-radius: 8px;
    padding: 5px;
    margin-inline-end: 5px;

}
.d-inline-block{
    display: inline-block;
}
.roles-list{
    background: #CCD3DF;
    width: 100%;
}
.role-block{
    background: #26A69A;
    box-shadow: -24px 24px 48px rgba(76, 83, 95, 0.02);
    border-radius: 12px;
    color: #fff;
    margin-inline-end: 10px;
    padding: 5px 10px;
}
.classs-list{
    background: #EDF0F5;
    border-radius: 12px;
    padding: 10px 15px;
    min-height: 56px;
}
.class-block .delet{
    float: right;
    margin-top: 5px;
}
.class-block{
    margin-bottom: 10px;
}
.ms-auto{
    margin-inline-start: auto;
    display: flex;
}
.me-0{
    margin-inline-end: 0 !important;
}
.meeting-report{
    padding: 30px 40px;
}
.meeting-report .white-bg {
    padding: 0 15px;
}
.metting-short-desc{
    padding: 20px;
    text-align: center;
    border-bottom: 1px solid #E0E4EC;
}
.metting-short-desc img{
    max-width: 50%;
    margin-bottom: 10px;
}
.metting-short-desc h5{
    font-weight: 500;
    font-size: 26px;
    color: #4C535F;
    margin-bottom: 15px;
    word-wrap: unset;
}
.meeting-sec{
    padding: 20px 0;
}
.meeting-sec h5{
    font-weight: 700;
    font-size: 20px;
    color: #4C535F;
    margin-bottom: 15px;
}
.meeting-sec table.vgt-table {
    border: 0 !important;
}
.meeting-sec .vgt-table.bordered td, .meeting-sec .vgt-table.bordered th {
    border: 0 !important;
}
.note-div {
    background: #ffff;
    border: 1px solid #E0E4EC;
    border-radius: 12px;
    padding: 5px 0;
    
}
.note-div div span{
    /* padding: 10px 15px; */
    display: block;
}
.div-pad{
    padding: 6px 15px;
}
.border-div-left{
    border-inline-end: 1px solid #E0E4EC;
}
.title-note {
    background: #EDF0F5;
    border: 1px solid #FAFAFB;
    border-radius: 12px;
    padding: 15px;
    font-weight: 500;
    font-size: 16px;
}
/* .meeting-sec .vgt-table {
    border-collapse: separate;
    border-spacing:0 5px;
} */
/* .meeting-sec .vgt-table tbody tr:nth-child(even) {
    background-color: #FAFAFB;
} */
.meeting-sec .vgt-table thead {
    background: #EDF0F5;
    border-top: 0;
}
.meeting-sec .vgt-inner-wrap {
    border-radius:0;
    box-shadow: none !important;
}
.report-footer{
    border-top: 1px solid #E0E4EC;
    padding: 15px 0;
}
.report-footer span{
    direction: rtl;
}
.text-end {
    text-align: end;
}
.report-border{
    padding: 20px;
    position: relative;
    /* background-repeat: repeat-x;
    background-image: url('/images/assets/bar-top.svg');
    background-position: top right;
    background-size: cover; */
}
.report-border::before {
    z-index: 1;
    content: "";
    position: absolute;
    height: 300px;
    background-repeat: repeat-x;
    /* inset: 0 0 auto; */
    background-image: url(/images/assets/bar-top.svg);
    background-size: contain;
    width: 100%;
    right: 0;
    top: 0;
}
.report-border::after {
    z-index: 1;
    content: "";
    position: absolute;
    height: 300px;
    background-repeat: repeat-x;
    background-image: url(/images/assets/bar-down.svg);
    background-size: contain;
    width: 100%;
    right: 0;
    bottom: 0;
}
.report-footer .btn{
    height: 56px !important;
    width: 100% !important;
    margin-bottom: 0!important;
}
.white-bg {
    background-color: #fff;
    border-radius: 12px;
    padding: 0 10px;
    z-index: 9;
    position: inherit;
}
.header-navbar .navbar-nav .nav-item {
    align-items: center;
    display: flex;
}
.background-cover{
    width: 100%;
    background-repeat: no-repeat;
    background-image: url('/images/assets/banners-login.svg');
    height: 100%;
    background-size: cover;
}

.pagination{
    margin: 0px;
    direction: ltr;
    padding: 0;
}
.sperated-table {
    padding: 5px 0;
}
.sperated-table .vgt-inner-wrap {
    box-shadow: none !important;
}
.sperated-table table.vgt-table {
    background-color: #FFFFFF;
    border: 0 !important;
    border-collapse:separate;
    border-spacing:0 15px;
    width: 100%;
}
.sperated-table thead {
    border-top: 0 !important;
    /* display: none; */
}
.sperated-table tbody tr{
    background: #FAFAFB;
    border-radius: 8px;
}
.sperated-table .vgt-table.bordered td, .sperated-table .vgt-table.bordered th {
    border: 0 !important;
}
span.zoom-icon {
    background-color: rgba(40, 199, 111, 0.12);
    padding: 5px;
    border-radius: 6px;
    margin-inline-end: 10px;
}
.checklist-icon{
    background-color: #faa61a24;
    padding: 5px;
    border-radius: 6px;
    margin-inline-end: 10px;
}
.h-card-100 .card{
    height: 100%;
}
.cal-wrapper {
    height: 400px !important;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.meeting-title {
    margin-inline-start: auto;
    display: inline-flex;
    margin-inline-end: auto;
}
.btn.orange-btn {
    background: #FAA61A !important;
    border: 1px solid #FAA61A !important;
    border-radius: 12px;
}
button.btn.red-btn {
    background: #EF5350 !important;
    border: 1px solid #EF5350 !important;
    border-radius: 12px;
    color: #fff !important;
}
button.btn.green-btn{
    border-radius: 12px !important;
}
.input-group{
    position: relative;
    width: 100%;
}
.btn-primary.orange-btn:focus, [dir] .btn-primary.orange-btn:active, [dir] .btn-primary.orange-btn.active {
    background-color: #FFEAC8 !important;
    background: #FFEAC8 !important;
    border: 1px solid #FAA61A !important;
    color: #FAA61A !important;
}
.btn-primary.red-btn:focus, [dir] .btn-primary.red-btn:active, [dir] .btn-primary.red-btn.active {
    background-color: #FFCECE !important;
    background: #FFCECE !important;
    border: 1px solid #EF5350 !important;
    color: #EF5350 !important;
}
.persons-media img{
    width: 46px;
    height: 46px;
    filter: drop-shadow(-24px 24px 48px rgba(76, 83, 95, 0.02));
    border-radius: 50%;
    margin-inline-end: 10px;
}
.persons-media{
    padding: 15px;
}
.persons-media h5{
    font-weight: 400;
    font-size: 18px;
    color: #4C535F;
    margin-bottom: 0;
}
.persons-media p{
    color: #8D98AA;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
}
.gray-bg{
    background: #FAFAFB;
}
.btn.lightred-btn{
    background: #ef535052 !important;
    border: 1px solid #ef535052 !important;
    border-radius: 12px;
    color: #EF5350 !important;
}
.btn.lightred-btn:focus, [dir] .btn.lightred-btn:active, [dir] .btn.lightred-btn.active {
    background-color: #FFCECE !important;
    background: #FFCECE !important;
    border: 1px solid #EF5350 !important;
    color: #EF5350 !important;
}
ul.avatar-list {
    list-style: none;
    padding-right: 0;
}
ul.avatar-list li{
    display: inline-block;
}
ul.avatar-list li img{
    width: 36px;
    height: 36px;
    border-radius: 50%;
}
.p-15{
    padding: 15px;
}
.white-bg{
    background: #fff !important;
}

.header-navbar .navbar-container ul.navbar-nav li.dropdown-user .dropdown-menu {
    margin-top: -6px !important;
}
.user-nav{
    position: relative;
    padding-inline-start: 30px;
}
.profile-drop-arrow{
    position: absolute;
    left: 0;
    box-shadow: none !important;
    width: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.dropdown-language .dropdown-menu span {
    display: flex;
    align-items: center;
    margin: 0 !important;

}

.sperated-table .vgt-table thead th {
    background: #fff !important;
    padding-bottom: 0 !important;
}

.meeting-doc-list li .close-attach{
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
.input-inline-txt {
    position: absolute;
    right: 14px;
    top: 15px;
    font-size: 17px;
}
.modal-custom-switch > * {
    margin-left: 0 !important;
}
[dir] .b-form-btn-label-control.form-control > .dropdown-menu {
    padding: 0.5rem;
    width: fit-content !important;
}
.b-form-btn-label-control.form-control > label {
    align-items: center;
    display: inline-flex;
    justify-content: end;
}
.b-form-spinbutton{
    height: auto !important;
}
output.form-control{
    height: auto !important;
}

.custom-checkbox .custom-control-label, .custom-radio .custom-control-label {
    padding-inline-start: 24px;
}
.inline-checkbox{
    background: #FAFAFB;
    border-radius: 10px;
    padding: 15px 10px;
}
.repeat-meeting-div{
    cursor: pointer;
}

.profile-pic {
    width: 146px;
    height: 146px;
    border-radius: 50%;
    background: #EDF0F5;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.profile-div {
    align-items: end;
    margin-bottom: 30px;
    margin-top: 30px;
}
button.btn.border-btn.btn-primary{
    width: auto !important;
    display: inline-block;
    height: 56px;
    background: #FFFFFF !important;
    border: 1px solid #18887F;
    border-radius: 12px;
    color: #18887F !important;
    font-weight: 500;
    font-size: 16px;
}
.profile-div .cancel-btn{
    color: #18887F !important;
    height: 56px;
}
.me-2{
    margin-inline-end: 1.5rem;
}
.changepass-div .card-body{
    display: none;
}
.changepass-div .card-header {
    border-bottom: 0 !important;
    cursor: pointer;
}
.upload-btn input[type="file"] {
    position: absolute;
    appearance: none;
    visibility: hidden !important;
    width: 164px;
    height: 56px;
    top: 0;
    right: 0;
}
.upload-btn{
    position: relative;
    cursor: pointer;
    display: inline-block;
    width: 164px;
    height: 56px;
    text-align: center;
}

.w-auto{
    width: auto;
}
.flatpickr-calendar.hasTime.noCalendar {
    width: 180px !important;
}
[dir] .input-group .vs__search, [dir] .input-group .vs__search:focus {
    margin: 0px 0 0 0 !important;
}
.input-group .v-select.form-control.vs--single.vs--searchable {
    padding-top: 0 !important;
}
.input-group .vs__dropdown-toggle {
    height: 40px;
    background: transparent !important;
}
.input-group .vs__selected-options {
    padding-inline-start: 0!important;
    padding: 0px 5px !important;
}
.input-group .vs--open .vs__dropdown-toggle {
    box-shadow: none !important;
}
.input-group .v-select.vs--single .vs__selected {
    margin-top: 0 !important;
}
.input-group .vs__actions {
    padding: 0 !important;
}
.table-rate .vue-star-rating {
    padding: 0;
    justify-content: center;
    background: transparent;
    border-radius: 8px;
    margin-top: 0;
}
.meeting-baner h5 span{
    font-size: 26px !important;
}
.ms-1{
    margin-inline-start: 10px;
    margin-right: 10px !important;
}
.orang-color{
    color: #FAA61A !important;
}
.session-block h5{
    font-weight: 500;
    font-size: 16px;
}
.session-block p{
    font-weight: 400;
    font-size: 16px;
    color: #717B8C;
}
.alert-note p {
    font-size: 16px;
    line-height: 26px;
    display: flex;
    align-items: center;
    color: #00C0F3;
    margin-bottom: 0;
}
.alert-note {
    background: #e5f9fe;
    box-shadow: -24px 24px 48px rgba(76, 83, 95, 0.02);
    border-radius: 12px;
    padding: 15px 20px;
}
.alert-note svg.feather {
    color: #00C0F3;
    /* width: 34px; */
    margin-inline-end: 15px;
}
.fixed-width{
    width: 150px;
}
.gray-color{
    color: #c5c7ca;
}
.medium-img{
    max-width: 150px;
}
.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .modern-nav-toggle {
    display: flex !important;
}
.menu-collapsed .nav .modern-nav-toggle {
    transform: rotate(180deg);
    display: flex;
}
.menu-collapsed  .brand-nav{
    display: none;
}
.vertical-layout.vertical-menu-modern.menu-collapsed .header-navbar.floating-nav {
    width: calc(100vw - (100vw - 100%) - 4.4rem - 46px) !important;
}
.mobile-card{
    display: none;
}
.col-name{
    font-size: 13px;
    font-weight: 600;
    color: #6e6b7b !important;
}
.border-bottom{
    border-bottom: 1px solid #E0E4EC;
}
.table-row{
    font-size: 13px;
    padding: 5px 0;
    color: #6e6b7b !important;
}
.table-row .btn.dropdown-toggle {
    padding: 0 !important;
}
.pagination-footer{
    background: #fff;
    border-radius: 12px;
}
.pagination-footer{
    display: none;
}
.card-link{
    display: flex;
    justify-content:space-between;
    padding: 15px;
    color: #4C535F !important;
}
.vue-star-rating .sr-only {
    display: none;
}
.table-rponsive-rating .vue-star-rating {
    padding: 0;
    justify-content: end;
    background: transparent;
    border-radius: 8px;
    margin-top: 0;
}
button.btn.btn-outline-secondary.td-gary-btn{
    height: 42px !important;
    background: #EDF0F5 !important;
    border: 1px solid #8D98AA !important;
    border-radius: 12px !important;
    padding: 6px 20px !important;
    width: 100px !important;
}
.img-border {
    border: 1px solid #8D98AA;
    border-radius: 12px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.img-border img{
    max-width: 100%;
}
.ques-asns{
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    font-size: 16px;
}
span.notfic-dot {
    position: absolute;
    width: 8px;
    height: 8px;
    display: inline-block;
    background: #FAA61A;
    border-radius: 50%;
    right: 9px;
}
.breadcrumb-item .statics-icon{
    width: 16px;
    margin-inline-end: 5px;
}
li.breadcrumb-item span{
    display: inline-flex;
    align-items: center;
}
.breadcrumb-item a {
    display: inline-flex;
    align-items: center;
}
.breadcrumb-item a span{
    margin-inline-start: 5px;
}
.cal-column .cal-column-header {
    flex-direction: column;
}
.cal-column .cal-column-body .cal-column-body-slotgrid .cal-column-body-slotgrid--lines{
    text-align: center !important;
}
[dir] .cal-event .cal-event-content {
    padding: 4px;
    font-size: 12px;
    text-align: center;
    display: block;
}
.cal-column .cal-column-body .cal-column-body-slotgrid .cal-column-body-slotgrid--lines{
    color: #000;
}
.report-table {
    width: 100%;
}
.report-table th {
    padding: 0.75em 0.75em 0.75em 1.5em;
}
.report-table thead th {
    color: #6e6b7b;
    vertical-align: bottom;
}
.report-table th {
    vertical-align: middle;
    position: relative;
    font-size: 16px;
}
.report-table td {
    padding: 0.75em 0.75em 0.75em 0.75em;
    border-bottom: 1px solid #ebe9f1;
}
table.vgt-table td {
    vertical-align: top;
    color: #6e6b7b;
}
.report-table td {
    border-bottom: 1px solid #E0E4EC!important;
}
.report-table td {
    vertical-align: middle !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    color: #4C535F !important;
}
.fc-daygrid-event{
    background: #f1f2f3 !important;
}
.flex-column{
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.font-med{
    font-size: 16px;
    font-weight: 500;
}
h6, .h6 {
    font-size: 1.2rem;
    font-weight: 600;
}
.font-bold{
    font-weight: 600;
}
.status-drop{
    padding: 6px 10px;
    height: 40px;
    border-radius: 22px;
}

[dir] .status-drop .dropdown-toggle::after {
    background-image: none !important;
    display: none !important;
}
h5.modal-titlte.mt--5 {
    margin-top: -53px;
}
.meeting-title{
    display: block;
}
.input-with-icon .form-control {
    background: #EDF0F5 !important;
}

/* ------RTL ---------- */
html[dir=rtl] svg.feather {
    transform: rotate(0deg) !important;
}
[dir=rtl] .profile-drop-arrow{
    left: -10px;
    right: auto;
}
[dir] .v-select:not(.vs--single) .vs__selected {
    padding: 0 0.6em;
    background: #FFFFFF;
    box-shadow: -24px 24px 48px rgba(76, 83, 95, 0.02);
    border-radius: 12px !important;
    display: inline-flex;
    padding: 5px 10px;
    align-items: center;
    margin-inline-end: 15px;
    /* margin-bottom: 5px;
    margin-top: 5px; */
    color: #6e6b7b !important;
}

.vs__dropdown-toggle {
    min-height: 48px;
}
.save-btn-v2 {
    padding: 12px 15px !important;
    width: 150px;
    border-radius: 12px !important;
    font-weight: 500;
    font-size: 16px !important;
    text-align: center;
    justify-content: center;
}
.note-div div b {
    padding: 0 15px;
    display: block;
}

[dir=rtl] .vs__deselect {
    margin-inline-start: 8px !important;
    margin-top: 3px !important;
}

[dir=rtl] img.sidebar-ico {
    margin-right: 0;
    margin-left: 10px;
}
html[dir=rtl] .content {
    margin-right: 300px;
}
html[dir=rtl] .dropdown-user-link{
    direction: ltr !important;
}
[dir=rtl] .header-navbar .navbar-container ul.navbar-nav li a.dropdown-user-link .user-nav {
    margin-left: 0;
    margin-right: 0.8rem;
}
[dir=rtl] .dropdown-language span {
    margin-left: 26px;
}
[dir=rtl] .card.filter-card {
    right: auto;
    left: 0;
}
[dir=rtl] .add-btn {
    margin-right: auto;
    margin-left: 0 !important;
}
[dir=rtl] .modal.delete-modal .modal-header .close {
    margin: 0 auto 0 0 ;
}
[dir=rtl] .input-with-icon > img, [dir=rtl] .input-with-icon > svg, [dir=rtl]  .input-with-icon .input-ico{
    left: auto;
    right: 10px;
}
[dir=rtl] .input-with-icon input.form-control, [dir=rtl] .input-with-icon textarea.form-control {
    padding-left: 0 !important;
    padding-right: 40px !important;
}
html[dir=rtl] .content .content-wrapper .content-header-title {
    border-left: 0 !important;
}
[dir=rtl] .filter-card-title img{
    right: auto;
    left: 20px;
}
[dir=rtl] .metting-attendance .custom-control.custom-radio, [dir=rtl] .metting-attendance .custom-control.custom-checkbox {
    padding-left: 0;
    padding-right: 38px !important;
}
[dir=rtl] .metting-attendance .custom-control.custom-radio .custom-control-label::before,
[dir=rtl] .metting-attendance .custom-control.custom-radio .custom-control-label::after ,
[dir=rtl] .metting-attendance .custom-control.custom-checkbox .custom-control-label::before,
[dir=rtl] .metting-attendance .custom-control.custom-checkbox .custom-control-label::after
{
    right: 15px !important;
    left: auto !important;
}
[dir=rtl] ul.roles-list {
    padding-right: 0;
}
[dir=rtl] ul.roles-list li {
    margin-right: 0;
    margin-left: 5px;
}
.gray-baner p{
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 400;
}
[dir=rtl] ul.dropdown-menu.show {
    right: auto !important;
    left: 0 !important;
}
[dir=rtl] .forget-pass{
    text-align: left;
}
[dir=rtl] .auth-login-form label.custom-control-label {
    padding-left: 0;
    padding-right: 28px;
}
[dir=rtl] .vertical-layout.vertical-menu-modern .toggle-icon,
[dir=rtl] .vertical-layout.vertical-menu-modern .collapse-toggle-icon {
    margin-left: 0 !important;
}
[dir=rtl] .notification-setting-frm  .custom-switch .custom-control-label {
    padding-left: 3.5rem;
    padding-right: 0;
    width: 100%;
}

[dir=rtl] .notification-setting-frm  .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    -webkit-transform: translateX(1.4rem);
    transform: translateX(1.4rem);
}
[dir=rtl] .notification-setting-frm .custom-switch .custom-control-label:after {
    left: 4px;
    right: auto;

}
/* [dir=rtl] .media-aside {
    margin-left: 0 !important;
} */
[dir=rtl] .content .content-wrapper .content-header-title {
    padding-right: 0;
}
[dir=rtl] .breadcrumb {
    padding-right: 0;
    width: 100%;
}
[dir=rtl] .vertical-steps.vue-form-wizard .wizard-card-footer {
    margin-left: 250px;
    margin-right: 0;
}
[dir=rtl] .vertical-steps.vue-form-wizard .wizard-navigation .wizard-nav {
    padding-left: 2.5rem;
    margin-right: 25px;
    margin-left: 0;
    direction: rtl;
}
[dir=rtl] .vertical-steps.vue-form-wizard .wizard-card-footer {
    margin-right: 0 !important;
}
[dir=rtl] .wizard-navigation {
    direction: ltr;
}
[dir=rtl] .wizard-tab-content{
    direction: rtl;
}
[dir=rtl] .add-row img {
    margin-left: 10px;
    margin-right: 0;
}
[dir=rtl] .meeting-data .data-col{
    border-left: 1px solid #E0E4EC;
    border-right: 0;
}
[dir=rtl] .no-border-right {
    border-left: 0 !important;
}
[dir=rtl] .vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation li.has-sub > a:after {
    left: 26px !important;
}
[dir=rtl] span.icon-span {
    left: 0;
    right: auto;
    top: 0;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
[dir=rtl] .vs__selected-options {
    direction: rtl;
}
[dir=rtl] .vs--single .vs__dropdown-toggle {
    direction: rtl;
}
[dir=rtl] .class-block .delet{
    float: left;
}
[dir=rtl] .vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation li.has-sub > a:after {
    transform: rotate(180deg) !important;
}
[dir=rtl] .meeting-doc-list li .close-attach{
    right: auto;
    left: 10px;
}
[dir=rtl] .input-inline-txt {
    left: 14px;
    right: auto;
}
[dir=rtl] .remove-attach{
    right: auto;
    left: 5px;
}
[dir=rtl] .navbar-search-input img {
    top: 18px;
    position: absolute;
    left: auto;
    right: 10px;
}
[dir=rtl] .fc .fc-toolbar .fc-button-group .fc-dayGridMonth-button:first-child {
    border-top-right-radius: 0.357rem !important;
    border-bottom-right-radius: 0.357rem !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
button.btn.close-notif.btn-primary {
    background: transparent !important;
    padding: 0;
    box-shadow: none !important;
    border: 0;
    position: absolute;
    right: 13px;
    left: auto;
    top: 12px;
    z-index: 99;
}
button.btn.close-notif.btn-primary img{
    width: 12px;
}
.relative{
    position: relative;
}
[dir=rtl] button.btn.close-notif.btn-primary {
    left: 13px;
    right: auto;
}


.flatpickr-mobile{
    text-align: end;
    background-position-x: left !important
}[dir=rtl] .vue-tel-input
.cust-check.metting-attendance .custom-control.custom-radio, .cust-check.metting-attendance .custom-control.custom-checkbox {
    width: 45%;
}

.cursor-pointer{
    cursor: pointer;
}

.alert-succes{
    border: 1px solid #26A69A;
    background: #26a69a1c;
    border-radius: 10px;
    padding: 16px 20px;
    align-items: center;
    gap: 8px;
    color: #26A69A;
}
.agenda-list{
    list-style: disc;
}
[dir=rtl] .vue-tel-input {
    text-align: right;
    direction: ltr;
}
.vue-tel-input {
    height: 56px;
}
.vti__selection {
font-size: 0; 
}

.vti__selection .vti__flag {
font-size: 16px; 
}
.vti__selection {
color: transparent; 
position: relative;
}
  
.vti__selection .vti__flag {
position: relative;
z-index: 2;
}
  
.vti__selection::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: transparent;
}

[dir=ltr]  .vue-tel-conatiner {
    direction: ltr;
}
[dir=ltr]  .input-with-icon.vue-tel-conatiner > img{
    right: 10px !important;
    left: auto !important;
}
.radius{
    border-radius: 8px;
}
.b-0{
    border: 0 !important;
}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .header-navbar.floating-nav {
        width: 100% !important;
    }
    html[dir] .content.app-content {
        padding: calc(2rem + 4.45rem + 1.3rem) 1.2rem 2rem !important;
    }
    .auth-bg {
        padding: 20px 10px !important;
    }
    .login-frm .dropdown-language {
        width: 100%;
    }
    /* html[dir=rtl] img.lang-drop-arrow {
        margin-right: -3px;
    } */
    .login-header {
        margin-bottom: 20px;
    }
    .copyrights {
        font-size: 12px;
        bottom: 15px;
    }
    .login-frm .card-title {
        font-size: 20px;
    }
    .login-txt {
        font-size: 16px;
    }
    .auth-login-form .form-control {
        height: 46px;
    }
    .input-with-icon img , .input-with-icon svg{
        top: 15px;
    }
    .login-btn {
        height: 46px;
        border-radius: 12px !important;
    }
    .btn-primary {
        font-size: 16px;
    }
    .dropdown-language {
        padding: 5px;
    }
    .login-frm .dropdown-language {
        height: 46px;
        list-style: none;
    }
    .btn {
        /* width: 100px !important; */
        padding: 0.75rem !important
    }
    .add-btn img{
        display: none;
    }
    .btn-bar {
        margin-top: 0;
    }
    .btn img {
        display: none;
    }
    button.btn.bordered-btn.btn-primary {
        width: auto;
    }
    .save-btn, .cancel-btn, .cancel-btn.btn-primary{
        width: auto;
        height: 56px;
        min-width: 70px;
    }
    /* \\\\\\\\\\\\ */
    .h-card-100 .card {
        height: auto;
    }
    .vertical-steps.vue-form-wizard .wizard-navigation .wizard-nav {
        margin-right: 0 !important;
        margin-left: 0 !important;
        margin-bottom: 20px;
    }
    .metting-attendance .custom-control.custom-radio {
        width: 100%;
        height: 46px;
        margin-inline-end: 0;
        margin-top: 0;
        margin-bottom: 15px;
        padding: 12px 20px;
    }
    .form-control {
        font-size: 16px;
    }
    .input-with-icon input.form-control {
        height: 46px;
    }
    form label, .wizard-tab-body label {
        font-size: 16px;
    }
    .custom-checkbox .custom-control-label, .custom-radio .custom-control-label {
        padding-inline-start: 8px;
    }
    .metting-attendance .custom-control.custom-radio .custom-control-label::before {
        top: 16px !important;
    }
    form .form-control, .wizard-tab-body .form-control {
        height: 46px;
    }
    .save-btn, .cancel-btn, .cancel-btn.btn-primary {
        height: 46px;
        font-size: 16px !important;
        padding: 12px 20px !important;
    }
    .vs__dropdown-toggle {
        height: 46px;
    }
    .mm-1{
        margin-bottom: 15px !important;
    }
    .content .content-wrapper .content-header-title {
        font-size: 20px !important;
    }
    .content-header .breadcrumb {
        display: flex;
    }
    .add-btn {
        margin-top: -70px !important;
    }
    .tabel-header h4 {
        font-size: 18px;
    }
    table.vgt-table {
        font-size: 14px;
    }
    table.vgt-table td {
        font-size: 14px !important;
    }
    h4.card-title {
        font-size: 18px !important;
    }
    .modal-titlte {
        font-size: 20px !important;
    }
    .title-desc {
        font-size: 16px;
    }
    button.btn.btn-outline-secondary {
        padding: 14px 20px !important;
        width: auto;
    }
    .btn.btn-danger {
        padding: 14px 20px !important;
        width: auto;
    }
    .table-search {
        margin-top: 10px !important;
    }
    .input-with-icon img {
        top: 13px;
    }
    table.vgt-table {
        font-size: 14px !important;
    }
    .meeting-details-card .card-title {
        font-size: 18px !important;
    }
    .input-with-icon .vs__selected-options {
        padding-inline-start: 15px !important;
    }
    .v-select:not(.vs--single) .vs__selected {
        margin: 4px 5px 2px 2px !important;
    }
    .v-select:not(.vs--single) .vs__selected {
        font-size: 0.8rem !important;
    }
    .vs__deselect {
        margin-left: 2px;
        margin-right: 2px;
    }
    .vs__dropdown-toggle {
        height: auto;
    }
    .metting-no {
        padding: 14px;
    }
    .fixed-width {
        width: auto;
    }
    span.gray-bage {
        font-size: 12px !important;
        height: 32px;
    }
    .demo-inline-spacing.my-custom-checkbox {
        padding: 10px;
    }
    .radio-toolbar label {
        padding: 3px 8px;
        height: 32px;
        font-size: 11px !important;
    }
    .btn-bar .btn {
        height: 44px;
        font-size: 14px !important;
    }
    li.breadcrumb-item.active {
        font-size: 12px !important;
    }
    .btn-bar {
        margin-top: 0 !important;
    }
    .meeting-baner h5 {
        font-size: 20px;
        margin-bottom: 0;
    }
    .meeting-baner {
        padding: 20px;
    }
    .meeting-baner h5 span {
        font-size: 14px !important;
    }
    .danger-bage {
        height: 30px;
        padding: 0 10px;
    }
    .meeting-doc-list li {
        width: 100px;
        height: 100px;
    }
    .meeting-doc-list li span {
        font-size: 12px;
    }
    .meeting-data .data-col {
        padding: 10px 20px;
    }
    .metting-attendance .form-control {
        width: 216px;
    }
    .mobile-card{
        display: block;
    }
    .web-card{
        display: none;
    }
    .session-block p {
        font-size: 15px;
    }
    .session-btns .btn{
        padding: 14px 6px !important;
        min-width: 50px;
        font-size: 12px !important;
    }
    .meeting-doc-list li span.pdf-name {
        font-size: 12px;
        height: 40px;
        overflow: hidden;
    }
    .pagination-footer{
        display: block;
    }
    button.btn.bordered-btn.btn-primary {
        height: 44px;
        font-size: 14px !important;
    }
    .demo-inline-spacing > * {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100%;
    }
    [dir=rtl] .metting-attendance .custom-control.custom-radio {
        padding-left: 0;
        padding-right: 30px;
    }
    .metting-attendance .custom-control.custom-radio {
        width: 47%;
        margin-bottom: 0;
    }
    .card-body {
        padding: 1rem !important;
    }
    [dir=ltr] .custom-checkbox.custom-control, [dir=ltr] .custom-radio.custom-control {
        padding-right: 0 !important;
    }
    .custom-checkbox .custom-control-label, .custom-radio .custom-control-label {
        padding-inline-start: 28px;
    }
    .metting-attendance .custom-control.custom-radio .custom-control-label::before {
        left: 9px !important;
    }
    .dropdown-notification {
        border-radius: 50%;
        width: 42px;
        height: 42px;
    }
    .dropdown-language span {
        margin-right: 10px;
    }
    .dropdown-language {
        height: 42px;
    }
    html[dir] .content.app-content {
        padding: calc(2rem + 2.45rem + 1.3rem) 1.2rem 2rem !important;
    }
    .dropdown-language span {
        display: none;
    }
    /* img.lang-drop-arrow {
        display: none;
    } */
    .navbar-search-input img {
        width: 18px;
        top: 14px !important; 
    }
    .navbar-search-input {
        width: 140px;
    }
    [dir=rtl] .navbar-search-input.input-with-icon input.form-control {
        padding-left: 0 !important;
        padding-right: 34px !important;
    }
    .navbar-search-input.input-with-icon input.form-control {
        height: 42px !important;
    }
    [dir] .navbar-floating .navbar-container {
        padding: 0.86rem 0.5rem;
    }
    .mmmb-2{
        margin-bottom: 10px;
    }
    .apexcharts-xaxis text {
        font-size: 9px !important;
    }
    .fc .fc-toolbar-title {
        font-size: 1em !important;
    }
    button.btn.add-btn-icon.btn-primary {
        width: 56px;
        height: 47px;
        padding: 5px !important;
    }
    .add-btn-icon img , .delete-btn-icon img{
        display: inline-flex;
        margin-inline-end: 0 !important;
        margin-left: 0 !important;
    }
    .demo-inline-spacing.inline-checkbox .custom-control-label{
        padding-inline-start: 30px;
    }
    button.btn.delete-btn-icon.btn-primary {
        width: 56px;
        height: 47px;
    }
    .users-list {
        padding: 10px 8px;
    }
    .input-inline-txt {
        position: absolute;
        right: 14px;
        top: 11px;
        font-size: 15px;
    }
    button.btn.add-row.btn-primary {
        height: 48px;
        font-size: 16px;
    }
    span.gray-bage {
        min-width: 50px;
    }
    [dir=rtl] .vgt-table thead th {
        padding-left: 0.5em !important;
    }
    .vgt-table th {
        padding: 0.75em 0.5em 0.75em 0.5em !important;
    }
    .vgt-table thead th {
        font-size: 12px;
    }
    .meeting-report .white-bg {
        padding: 0 ;
    }
    .metting-short-desc {
        padding: 20px 5px;
    }
    .report-header {
        background: #18887F;
        padding: 10px 10px;
    }
    .meeting-report {
        padding: 25px 20px;
    }
    [dir=rtl] .input-with-icon input.form-control, [dir=rtl] .input-with-icon textarea.form-control {
        padding-left: 20px !important;
        padding-right: 40px !important;
    }
    .header-navbar .navbar-container ul.navbar-nav li .media-list {
        padding-bottom: 10px;
    }
    .publish-btn, .publish-btn.btn-primary {
        padding: 13px 14px !important;
    }
    .small-btn button {
        width: 88px !important;
        padding: 13px 14px !important;
    }
    .sm-flex-col{
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        gap: 4px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .header-navbar.floating-nav {
        width: 100% !important;
    }
    html[dir] .content.app-content {
        padding: calc(2rem + 4.45rem + 1.3rem) 1.2rem 2rem !important;
    }
    /* \\\\\\\\\\\\ */
    .h-card-100 .card {
        height: auto;
    }
    .vertical-steps.vue-form-wizard .wizard-navigation .wizard-nav {
        margin-right: 0 !important;
        margin-left: 0 !important;
        margin-bottom: 20px;
    }
    .metting-attendance .custom-control.custom-radio {
        width: 100%;
        height: 46px;
        margin-inline-end: 0;
        margin-top: 0;
        margin-bottom: 15px;
        padding: 12px 20px;
    }
    .form-control {
        font-size: 16px;
    }
    .input-with-icon input.form-control {
        height: 46px;
    }
    form label, .wizard-tab-body label {
        font-size: 16px;
    }
    .custom-checkbox .custom-control-label, .custom-radio .custom-control-label {
        padding-inline-start: 8px;
    }
    .metting-attendance .custom-control.custom-radio .custom-control-label::before {
        top: 16px !important;
    }
    form .form-control, .wizard-tab-body .form-control {
        height: 46px;
    }
    .save-btn, .cancel-btn, .cancel-btn.btn-primary {
        height: 46px;
        font-size: 16px;
        padding: 12px 20px !important;

    }
    .vs__dropdown-toggle {
        height: 46px;
    }
    .mm-1{
        margin-bottom: 15px !important;
    }
    .content .content-wrapper .content-header-title {
        font-size: 20px !important;
    }
    .content-header .breadcrumb {
        display: flex;
    }
    .add-btn {
        margin-top: -70px !important;
    }
    .tabel-header h4 {
        font-size: 18px;
    }
    table.vgt-table {
        font-size: 14px;
    }
    table.vgt-table td {
        font-size: 14px !important;
    }
    h4.card-title {
        font-size: 18px !important;
    }
    .modal-titlte {
        font-size: 20px !important;
    }
    .title-desc {
        font-size: 16px;
    }
    button.btn.btn-outline-secondary {
        padding: 14px 20px !important;
        width: auto;
    }
    .btn.btn-danger {
        padding: 14px 20px !important;
        width: auto;
    }
    .table-search {
        margin-top: 10px !important;
    }
    .input-with-icon img {
        top: 13px;
    }
    table.vgt-table {
        font-size: 14px !important;
    }
    .meeting-details-card .card-title {
        font-size: 18px !important;
    }
    .pagination-footer{
        display: block;
    }
    .meeting-report .white-bg {
        padding: 0 ;
    }
    .metting-short-desc {
        padding: 20px 5px;
    }
    .report-header {
        background: #18887F;
        padding: 10px 10px;
    }
    .meeting-report {
        padding: 25px 20px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .header-navbar.floating-nav {
        width: 100% !important;
    }
    html[dir] .content.app-content {
        padding: calc(2rem + 4.45rem + 1.3rem) 1.2rem 2rem !important;
    }
    .navbar-search-input {
        width: 260px;
    }
    /* ----------- */
    td span.gray-bage {
        padding: 2px 10px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .header-navbar.floating-nav {
        width: 100% !important;
    }
    html[dir] .content.app-content {
        padding: calc(2rem + 4.45rem + 1.3rem) 1.2rem 2rem !important;
    }
}

@media (min-width: 1200px) and (max-width: 1366px) {
}