.btn-dark {
    background-color: #000 !important;
}

.btn-danger,
.page-link.active,
.active>.page-link {
    background-color: #d9d6d6;
    padding         : 6px 30px !important;
    border          : 1px solid #d9d6d6 !important;
    color           : #0b3346;
}

.info_box {
    position: relative;
}

/* .info_icon:hover + .sizes{
    display: block
} */
.sizes {
    /* background-color: #000; */
    /* position: absolute; */
    /* top: -110px; */
    /* left: 65px; */
    width            : 100%;
    /* border-radius : 5px; */
    /* color         : #fff; */
    /* transition    : 0.5s ease; */
    /* display       : none; */
    /* padding-bottom: 11px; */
    /* font-size     : 10px; */
}

.boxes {
    background-color: #fff;
    color           : #000;
    padding         : 2px 0;
    text-align      : center;
}

.add_form {
    margin-top: 80px;
}

.add_event_list .la-trash-o {
    font-size: 18px;
    color    : #db1430;
}

.form_heading {
    margin-bottom          : 0;
    font-size              : 15px;
    width                  : 100%;
    background             : #2C6445;
    border                 : 1px solid;
    padding                : 10px;
    color                  : #fff;
    border-top-left-radius : 10px;
    border-top-right-radius: 10px;
}

.back_heading {
    border-bottom: 1px solid #ccc;
    margin-top   : 0;
}

.back_heading .form_heading {
    font-size   : 18px;
    background  : transparent;
    color       : #000;
    border      : 0;
    padding     : 10px;
    padding-left: 0;
}

.nav-line-tabs .nav-item.show .nav-link,
.nav-line-tabs .nav-item .nav-link:hover:not(.disabled) {
    color: #000;
}

.nav-line-tabs .nav-item.show .nav-link,
.nav-line-tabs .nav-item .nav-link:hover:not(.disabled) {
    background   : #0e2a381f;
    border-radius: 30px;
}

.login_page .card.rounded-3.w-md-550px {
    border          : 0;
    box-shadow      : none;
    background-color: transparent;
}

.login_page .btn-dark {
    border-radius   : 50px;
    color           : #fff !important;
    background-color: #244533 !important;
    padding         : calc(0.775rem + 1px) calc(1.5rem + 1px) !important;
}

.login_page .btn-check:checked+.btn.btn-dark,
.login_page .btn-check:active+.btn.btn-dark,
.login_page .btn.btn-dark:focus:not(.btn-active),
.login_page .btn.btn-dark:hover:not(.btn-active),
.login_page .btn.btn-dark:active:not(.btn-active),
.login_page .btn.btn-dark.active,
.login_page .btn.btn-dark.show,
.login_page .show>.btn.btn-dark {
    border-color    : #2C6445 !important;
    background-color: #2C6445 !important;
    /* //gold light */
}

.login_page .link-primary {
    color: #000 !important;
}

.login_page .form-control {
    color           : #ffffff;
    background-color: #3c3c3c4a !important;
    border          : 1px solid #29869f;
    border-radius   : 50px;
}


.prv-icon {
    padding   : 10px;
    text-align: center;
    border    : 1px solid #e4e6ef;
    box-shadow: 0px 0px 9px 1px #e9edef;
}

.table-listing {
    margin-top: 60px;
}

.table-listing td svg {
    width : 30px;
    height: 30px;
}

/* .table-listing h3 {
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    color: #ffffff;
    background: #598ca5;
    padding: 13px;
    text-align: center;
} */

.color-box {
    width         : max-content;
    height        : max-content;
    display       : inline-block;
    vertical-align: middle;
    margin-left   : 10px;
}

.color-box:before {
    content: '';
    width  : 15px;
    height : 15px;
    display: block;
}

.session_table .color-box,
.select2-container .color-box {
    margin-left : 0;
    margin-right: 5px;
}

.color-box.round {
    border-radius: 15px;
}

.filters h4 {
    color: #379ab4;
}

.filters hr {
    border-style: dashed;
}

.filters {
    margin-bottom: 30px;
}

.box {
    /* padding                   : 0 20px;
    background                : #fff;
    position                  : relative;
    width                     : 100%;
    height                    : 100%;
    display                   : flex;
    border-top-right-radius   : 89px;
    justify-content           : space-between;
    align-items               : center;
    border-bottom-right-radius: 89px; */
    padding: 0 20px;
    background: #fff;
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;    
    border-radius: 12px;
    box-shadow: 0px 8px 30px #00000028;
}

.box .number {
    font-weight  : 600;
    width        : 80px;
    height       : 80px;
    background   : #CCA866;
    color        : #ffffff;
    font-size    : 25px;
    border-radius: 50px;
    line-height  : 80px;
    text-align   : center;
    margin       : 20px 10px;
}

.box .name {
    font-weight   : 600;
    font-size     : 1.25rem !important;
    color         : var(--kt-text-gray-600) !important;
    text-transform: uppercase;
    margin-bottom : 0;
}

.dashboard_card .card-header {
    /* background-color: #226a70; */
    background-color: #2C6445;
    min-height      : 0;
    padding         : 1rem 2.25rem;
}

.dashboard_card .card-header .card-title {
    margin: 0;
}

.dashboard_card .card-header .card-label {
    color: #fff !important;
}

.table {
    background-color: #fff;
}

.table thead tr {
    background-color: #f5f5f5;
}

.session_table th,
.session_table td {
    text-align    : left !important;
    /* white-space: nowrap; */
}

.box_span {
    width: 100%;
}

.table thead tr th {
    padding    : 0.75rem 1.25rem !important;
    font-size  : 1.1rem !important;
    font-weight: 600 !important;
}

.table tr td {
    padding  : 0.75rem 1.25rem !important;
    font-size: 0.9em !important;
}

.heading_chart {
    background-color: #2C6445;
    color           : #fff;
    padding         : 1rem 2.25rem;
    font-size       : 1.275rem;
    margin-bottom   : 0;
}

#chart {
    background-color: #fff;
}

td i {
    padding      : 7px !important;
    border-radius: 30px;
    font-size    : 16px !important;
    margin       : 0 3px;
}


.card.sidebar .card-header {
    padding: 0;
}

.card.sidebar .card-header .nav-line-tabs {
    padding: 15px 8px;

}

.inputfile {
    width      : 0px;
    height     : 0px;
    opacity    : 0;
    padding    : 0;
    line-height: 0;
    font-size  : 0;
    border     : 0;
}

.inputfile+label {
    font-size       : 1.1rem;
    font-weight     : 500;
    text-overflow   : ellipsis;
    white-space     : nowrap;
    cursor          : pointer;
    padding         : 0.6rem 1rem;
    background-color: #d2dfe7;
    transition      : 0.3s linear;
    color           : #000;
    border          : 1px solid #e4e6ef;
}

.inputfile:focus+label,
.inputfile.has-focus+label,
.inputfile+label:hover {
    color           : #ffffff;
    background-color: #225370;
}

.banner_preview_img {
    margin-top: 10px;
    border    : 1px solid #ccc;
    padding   : 10px;
    height    : 170px;
    overflow-y: auto;
    width     : 100%;
}

.banner_preview_img img {
    object-fit   : contain;
    margin-bottom: 1px;
    height       : 75px !important;
}

.logo_pw_img img {
    height: 66px;
}

.banner_img img {
    height: 56px;
}

.splash_pw_img img {
    height: 118px;
}

.delete_icon {
    position: relative;
    display : inline-block;
    width   : 49%;
}

.splash_pw_img .delete_icon {
    width: 23%;
}

.delete_icon i {
    position        : absolute;
    top             : 50%;
    left            : 50%;
    transform       : translate(-50%, -50%);
    background-color: #000;
    color           : #fff;
    width           : 30px;
    height          : 30px;
    border-radius   : 30px;
    line-height     : 28px;
    text-align      : center;
    opacity         : 0;
    transition      : 0.4s linear;
    cursor          : pointer;
}

.delete_icon:hover i {
    opacity: 1;
}

.card.sidebar {
    border-top-left-radius : 20px;
    border-top-right-radius: 20px;
    overflow               : hidden;
    min-height             : 490px;
}

.icon_pw {
    margin-left: 20px;
    width      : 30px;
    height     : 30px;
}

table .form-check-custom {
    justify-content: left !important;
}

.table tr th,
.table tr td {
    text-align: left !important;
}

button.btn.btn-dark {
    margin-top: 10px;
}

.event_list_table {
    margin-top: 40px;
}

/* 
ul.nav.date {
    width: 100%;
    overflow-x: auto;
    flex-wrap: nowrap;
    border-bottom: 0;
}

.date li.nav-item {
    width: 20%;
    margin-right: 10px;
    text-align: center;
}

.date .nav-item:last-child {
    margin: 0;
}

.date a.nav-link {
    border: 1px solid #ccc;
    margin-bottom: 0;
    transition: 0.4s linear;
}

.date a.nav-link:hover {
    background: #225370;
    color: #fff;
    transition: 0.4s linear;
    border-color: #225370;
}

.date a.nav-link.active {
    background: #d2dfe7;
    color: #225370;
    font-weight: 500;
    transition: 0.4s linear;
    border-color: #225370;
} */





table.dataTable thead th,
table.dataTable thead td,
table.dataTable tfoot th,
table.dataTable tfoot td {
    text-align: center;
}

#speaker_list .image-input {
    margin-right : 20px;
    margin-bottom: 20px;
}

.bootstrap-tagsinput .badge {
    margin          : 2px !important;
    background-color: #96929f;
}

#previewImg img {
    height    : 125px;
    object-fit: contain;
}

#faq_table .hiddenRow {
    padding: 0 !important;
}

.innertable table {
    margin-bottom: 0;
}

.innertable .table thead tr {
    border-bottom: 1px solid #e3e7ea !important;
}

.innertable table tr {
    background-color: #f5f8fa4d;
    border-color    : #e3e7ea !important;
}

.innertable .collapse.show {
    border-bottom : 1px solid #e3e7ea;
    padding-bottom: 10px;
}

.innertable table tr td,
.innertable table tr th {
    text-align: left !important;
    font-size : 14px !important;
}

.innertable {
    border: 0 !important;
}

#faq_table tr td i {
    padding       : 5px !important;
    vertical-align: inherit;
}

.add_btn {
    font-weight: 600;
    padding    : 8px 16px;
    color      : #155270;
    background : #afcbdf;
    transition : 0.5s linear;
    display    : inline-block;
}

.add_btn i {
    color       : #155270;
    transition  : 0.5s linear;
    margin-right: 6px;
}

.add_btn:hover {
    color     : #fff;
    background: #6e95b1;
    transition: 0.5s linear;
}

.add_btn:hover i {
    transition: 0.5s linear;
    color     : #fff;
}

#subsession hr {
    border-color: #a3a3a3;
}

.nav.nav-tabs.nav-line-tabs.myprofile-tab .nav-item {
    width       : auto;
    margin-right: 10px;
}

.bootstrap-tagsinput {
    padding      : 0.6rem 1rem !important;
    font-size    : 1.1rem;
    font-weight  : 500;
    line-height  : 1.5 !important;
    color        : #5E6278 !important;
    border       : 1px solid #E4E6EF !important;
    border-radius: 0 !important;
    box-shadow   : none !important;
}

.add_btnn {
    margin: 30px 0;
}

.modal .modal-header {
    padding: 10px 20px;
}

.modal input[type="color"] {
    height: 39px;
}

.getReplyList a,
.getlikeList a,
.getReportList a {
    color: #181c32;
}

.organize_modalImg {
    width            : 90px;
    height           : 64px;
    background-size  : cover;
    background-repeat: no-repeat;
}

#like_modal .table tr:last-child,
#like_modal .table th:last-child,
#like_modal .table td:last-child,
#report_modal .table tr:last-child,
#report_modal .table th:last-child,
#report_modal .table td:last-child {
    text-align: left !important;
}

#like_modal .modal-header,
#report_modal .modal-header,
#reply_modal .modal-header {
    background: #d2dfe7;
}

.image-input-wrapper+span {
    width     : 100%;
    display   : block;
    background: #0000004d;
    text-align: center;
}

.form-check-label {
    color: #6a6a6a;
}

.form-check-input {
    border-color: #6a6a6a;
}

.custom_radioSession {
    width  : 0 !important;
    display: none;
}

.date_row {
    list-style  : none;
    padding-left: 0;
}

.date_row li {
    display      : inline-block;
    margin-bottom: 10px;
    margin-right : 4px;
}

.custom_radioSession+label {
    padding      : 9px 17px;
    border       : 1px solid #ccc;
    margin-bottom: 0;
    transition   : 0.4s linear;
    text-align   : center;
    width        : 100%;
    transition   : 0.5s linear;
    cursor       : pointer;
}

.custom_radioSession:checked+label {
    background  : #d2dfe7;
    color       : #225370;
    font-weight : 500;
    transition  : 0.4s linear;
    border-color: #225370;
}

.custom_radioSession+label:hover {
    background  : #225370;
    color       : #fff;
    transition  : 0.4s linear;
    border-color: #225370;
}

.bi.bi-trash3 {
    padding-right: 0;
}

.daterangepicker.show-calendar .ranges {
    height: auto;
}

.upper_Eventheading {
    background : #225370;
    padding    : 6px 12px;
    min-height : 60px;
    display    : flex;
    align-items: center;
}

.upper_Eventheading h5 {
    color        : #fff;
    margin-bottom: 0;
    line-height  : 20px;
    font-size    : 14px;
}

.sidebar svg {
    width       : 30px !important;
    height      : 30px !important;
    margin-right: 10px;
}

/* .card-body.col-md-9 {
    margin-top: 30px;
} */

img.h-30px.logo {
    height: 35px !important;
}

.text-center.mb-11 img {
    width: 75%;
}

.resetSuccess_msg h1,
.resetSuccess_msg h5 {
    text-align: center;
    color     : #fff;
    margin    : 15px 0;
}

.btn.btn-light {
    color           : #fff;
    background-color: #CCA866;
    font-weight     : bold;
    font-size       : 14px;
}

.sidebar .nav-line-tabs .nav-item .nav-link.active {
    background   : #ffffff !important;
    color        : #000 !important;
    border-radius: 30px;
    box-shadow   : 0px 3px 6px #0e2a3826;
    font-weight  : 600;
    border-bottom: 0;
}

.sidebar .nav-line-tabs .nav-item .nav-link {
    margin: 0 0 5px;
}

input[type="color"i]::-webkit-color-swatch {
    border-color: #ebebeb;
}

.icons_ {
    display    : flex;
    align-items: center;
}

.icons_ a {
    border-radius: 0;
    border-right : 2px dotted #888;
}

.icons_ a:last-child {
    border-right: none;
}

.icons_ a i {
    padding       : 0 5px !important;
    vertical-align: middle;
    margin        : 0;
    font-size     : 15px !important;
}

i.fas.fa-eye,
i.far.fa-eye {
    color: #4CAF50;
}

i.fa-solid.fa-pen {
    color: #607D8B;
}

.select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) {
    min-height: 39px;
}

.getSessionList a {
    color: #000;
}

table td img {
    object-fit: contain;
}

.form-check-input {
    width     : 20px;
    height    : 20px;
    margin-top: 0;
}

.form-check-input:checked {
    background-color: #517c96;
    border-color    : #517c96;
    background-size : auto;
}

.custom-control.custom-switch .form-check-input+span,
.custom-control.custom-switch .form-check-input+label {
    padding-left: 4px;
}

.add_stpes {
    background: #f8f8fa;
    padding   : 13px;
}

.add_stpes a.btn-light-danger {
    margin-top      : 26px;
    background-color: #f158782b;
    padding         : 6px 10px !important;
}

.add_stpes .step_num {
    font-size    : 15px;
    color        : #c3c3c3;
    margin-bottom: 5px;
}

.table-responsive {
    margin-top: 20px;
}

.required:after {
    font-size   : 12px;
    padding-left: 0;
}

table.dataTable>thead .sorting_desc:after,
table.dataTable>thead .sorting_asc:after {
    display: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color     : #fff !important;
    border    : 1px solid #2C6445;
    background: #2C6445;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color     : #225370 !important;
    border    : 1px solid #225370;
    background: transparent;
}

#admin_reply {
    margin: 15px auto;
}

.chat-window {
    background-color: #fff;
    overflow        : hidden;
}

.chat-header {
    background-color: #226a70;
    color           : #fff;
    padding         : 10px;
    font-size       : 1.275rem;
    font-weight     : 600;
    text-align      : center;
    text-transform  : uppercase;
}

.message-container {
    padding   : 10px;
    overflow-y: scroll;
    min-height: 450px;
}

.message {
    margin-bottom: 20px;
    max-width    : 50%;
}

.message .message-detail {
    padding      : 15px;
    border-radius: 5px;
}

.message-info {
    font-size: 0.8em;
    color    : #888;
}

.message-info.date {
    text-align: right;
}

.message p {
    margin-bottom: 0;
}

.message-info.name {
    margin: 5px;
}

.sender-message .message-detail {
    background-color: #0e2a38;
    color           : #fff;
}

.receiver-message {
    margin-left : auto;
    margin-right: 0;
}

.receiver-message .message-detail {
    background-color: #eff2f5;
    color           : #000;
}

.message-box {
    padding   : 10px;
    border-top: 1px solid #eff2f5;
    display   : flex;
}

.message-input {
    flex      : 1;
    padding   : 5px;
    border    : 1px solid #eff2f5;
    min-height: 70px;
}

.message-input:focus {
    outline: none;
    border : 1px solid #ccc;
}

.send-button {
    margin-left: -10px;
}

.send-button.btn.btn-sm.btn-light i {
    color    : #fff;
    font-size: 20px;
}
