.navbar-brand.navbar-brand-center {
    float: none;
    height: 4.715rem;
    padding: 0;
    margin: 0;
    font-size: 1.286rem;
    font-weight: 500;
    line-height: 22px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.site-navbar .navbar-header .navbar-brand-logo {
    height: 50px;
    
    margin-top: 2px;
}

.author-name {
    color: #1A3665;
    margin-left: 10px;
    margin-bottom: 2px;
    margin-right: 10px;
    font-weight: 600;
}

.form-material.has-warning .form-control-label,
.form-control-feedback,
.error {
    color: #f44336;
}

.form-control-feedback {
    margin-left: 15px;
}

/* Side modal */
.modal-dialog-slideout {
    min-height: 100%;
    margin: 0 0 0 auto;
    background: #fff;
}

.modal.fade .modal-dialog.modal-dialog-slideout {
    -webkit-transform: translate(100%, 0)scale(1);
    transform: translate(100%, 0)scale(1);
}

.modal.fade.show .modal-dialog.modal-dialog-slideout {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    display: flex;
    align-items: stretch;
    -webkit-box-align: stretch;
    height: 100%;
}

.modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body {
    overflow-y: auto;
    overflow-x: hidden;
}

.modal-content {
    width: 100%;
}

.modal-dialog .slidePanel-header {
    position: relative;
    padding: 40px 30px;
    padding-right: 120px;
    color: #fff;
}

.modal-dialog .slidePanel-actions {
    float: right;
    margin: 0;
    margin-left: 15px;
    text-align: right;
    list-style: none;
}

.modal-dialog .slidePanel-header .stage-name {
    margin-top: 11px;
    font-size: 20px;
    font-weight: bold;
}

.text-bold {
    font-weight: 600;
}

.custom-nav-tabs .active {
    display: block;
}

.custom-nav-tabs .hide {
    display: none;
}

/* End Side modal */

.app-contacts table>tbody>tr>td,
.app-contacts table>tbody>tr>th,
.app-contacts table>thead>tr>td,
.app-contacts table>thead>tr>th {
    /* white-space: nowrap;*/
    vertical-align: middle;
    word-break: break-word;
}


.app-contacts table .avatar {
    margin-right: 10px;
    vertical-align: middle;
}

div.dataTables_wrapper div.dataTables_info {
    position: unset;
}

#toast-container>.toast {
    width: 700px;
    /* width: 100% */
}

.navbar-inverse .navbar-toolbar .nav-link {
    color: #1A3665 !important;
}

.navbar-inverse .hamburger .hamburger-bar,
.navbar-inverse .hamburger:after,
.navbar-inverse .hamburger:before {
    background: #1A3665;
}

.site-menu>.site-menu-item.active>a {
    color: #1A3665;
}

.page-item.active .page-link {
    color: #fff;
    border-color: #1A3665;
    background: #1A3665;
}

.btn btn-primary {
    color: #fff !important;
    background: #1A3665 !important;
}


.swal2-confirm.swal2-styled {
    background: #1A3665 !important;
    box-shadow: none !important;
}

.custom-section-class {
    background: #fff;
    padding: 30px 20px 0px;
    margin-bottom: 40px;
}

.custom-section-class .card {
    background-color: #f3f4f5;
}

.sec-title-wp h3.section-title {
    margin: 0px 0px 15px;
}

.long-text {
    word-wrap: break-word;
    max-width: 100px;
}

.badge {
    padding: 6px 8px;
    line-height: normal;
    font-size: 90%;
}

.table-responsive a i {
    color: #757575;
}

.table-responsive a:hover {
    /* background: #1A3665;
    color: white; */
}

.table-responsive a svg {
    padding-top: 5px;
    padding-left: 1px;
    padding-right: 1px;
}

.hover-link {
    position: relative;
}

.hover-link span.hover-text {
    display: inline-block;
    position: absolute;
    bottom: -19px;
    left: 50%;
    background: #1A3665;
    padding: 3px 6px 1px;
    transform: translate(-50%, 10px);
    z-index: 2;
    color: #757575;
    font-size: 11px;
    font-weight: 400;
    transition: all 400ms ease;
    opacity: 0;
    visibility: hidden;
    border-radius: 2px;
    box-shadow: -3px 2px 10px 2px rgba(0, 0, 0, 0.15);
    z-index: 1;
}

.hover-link:hover span.hover-text {
    opacity: 1;
    visibility: visible;
}

.hover-link span.hover-text:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 7px solid #1A3665;
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
}

.site-menubar-unfold .site-menu>.site-menu-item.hover>.site-menu-sub.sm-sub-down,
.site-menubar-unfold .site-menu>.site-menu-item:hover>.site-menu-sub.sm-sub-down {
    position: static !important;
    left: unset !important;
    width: 100% !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.min-50 {min-width: 50px;}
.min-100 {min-width: 100px;}
.min-150 {min-width: 150px;}
.min-200 {min-width: 200px;}
.min-20 {min-width: 20px;}

.dragBox{display:flex;align-items:center;justify-content:center;width:100%;height:220px;position:relative;text-align:center;color:#363636;border:2px dashed #f69b97;transition:transform 0.3s;border-radius:6px;background:#fff;font-weight:normal;}
.dragBox input[type="file"]{position:absolute;height:100%;width:100%;opacity:0;top:0;left:0; cursor: pointer;z-index: 3;}
.draging{transform:scale(1.1);}
#preview{text-align:center;}
#preview img{max-width:100%;}
.dragBox-text .logo-title {margin-bottom: 30px; font-size: 18px; font-weight: 400; } 
.dragBox-text{display:flex;flex-direction:column;}
.dragBox-text .uploads-icon{width:50px;height:50px;line-height:50px;margin:0px auto 15px;}
.dragBox-text .uploads-icon img{display:inline-block;width:100%;height:100%;object-fit:contain;}
.dragBox-text div{line-height:normal;}
.preview-main{position:absolute;left:0;right:0;top:0;bottom:0;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;}
.preview-main img{width:auto;max-width:100%!important;padding:10px;max-height:200px;}



.custom-radio-group {
    display: flex;
    gap: 0px 20px;
    flex-wrap: wrap;
}

.custom-radio {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-size: 16px;
    user-select: none;
    display: flex;
    align-items: center;
}

.custom-radio input[type="radio"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.custom-radio .radio-btn {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 18px;
    width: 18px;
    background-color: #f0f0f0;
    border: 2px solid #1a3665;
    border-radius: 50%;
    transition: all 0.2s ease;
}

.custom-radio input[type="radio"]:checked ~ .radio-btn::after {
    content: "";
    position: absolute;
    left: 3px;
    top: 3px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #1a3665;
}

.custom-radio:hover .radio-btn {
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.2);
}

/* feedback details css */

.feedback-detail-mmain{border:1px solid #000;padding:25px;border-top-left-radius:25px;}
.feedback-detail-mmain .head-title-wrap{}
.feedback-detail-mmain .head-title-wrap .head-title h3{margin:0;color:#000;font-size:22px;padding-bottom:10px;font-weight:bold;}
.feedback-detail-mmain .head-title-wrap .head-title h4{margin:0;color:#6c6c6c;font-size:18px;padding-bottom:0;font-weight:bold;}
.feedback-exp-txt p{margin:0;color:#5f5f5f;font-size:14px;line-height:1.4;}
.feedback-exp-box{background-color:#f8f8f8;padding:0 15px;position:relative;border:1px solid #000;border-radius:10px;margin-top:25px;}
.feedback-exp-date{position:absolute;right:15px;top:-15px;background-color:#ffffff;padding:5px;min-width:130px;text-align:center;border:1px solid #000;border-radius:6px;font-size:16px;font-weight:600;color:#000;}
.feedback-exp-box .head-title h5{font-size:16px;color:#000000;font-weight:bold;margin:0;padding-bottom:10px;padding-top:20px;}
.feedback-exp-box .feedback-exp-txt{padding-bottom:20px;border-bottom:1px solid #9e9e9e;}
.feedback-exp-box .feedback-exp-txt:last-child{border-bottom:0;}
.feedback-exp-box:not(:first-child){margin-top:40px;}
.feedback-detail-wp {padding: 50px;}
.session_details table.table.feedback-table tr th {
    word-break: unset !important;
    white-space: nowrap;
    min-width: 60px;
}
/* feedback details media query */


.session_details {padding: 25px;}

.session_details .feedback-detail-mmain {border: none;padding: 0px;}
.modal-dialog.modal-lg.session_details_modal {max-width: 1100px;}
.block-popup-main {background: rgba(0,0,0,0.5);}


.block-popup-main .modal-header {
    align-items: center;
    border-bottom: 1px solid #ccc;
}

.block-popup-main .modal-header .close {
    padding: 2px 10px;
    margin-bottom: 0px;
    margin-top: 0px;
    font-size: 30px;
}

.block-popup-main .modal-header  .modal-title {
    font-size: 22px;
    line-height: 1.5;
}

.block-popup-main .modal-body p {
    font-size: 18px;
    /* background: #1A3665; */
    padding: 10px;
    border-radius: 3px;
    text-align: center;
    color: #000000;
    font-weight: 400;
}

.block-popup-main .modal-footer {
    border-top: 1px solid #ccc;
    padding-top: 15px;
}

.block-popup-main .modal-dialog {
    max-width: 455px;
}

@media(max-width:767px) {

.feedback-detail-mmain{padding:20px;}
.feedback-detail-mmain .head-title-wrap .head-title h3{font-size:20px;padding-bottom:5px;}
.feedback-detail-mmain .head-title-wrap .head-title h4{font-size:16px;}
.feedback-exp-date{font-size:14px;min-width:100px;padding:3px;right: 10px;}
.feedback-exp-box .head-title h5{padding-top:15px;padding-bottom:5px;}
.feedback-exp-box .feedback-exp-txt{padding-bottom:15px;}
.feedback-exp-box:not(:first-child){margin-top:35px;}
.feedback-detail-wp {padding: 20px;}

.block-popup-main .modal-body p {font-size: 16px;}

}
.clockpicker-popover{z-index: 9999 !important}

  .label-bold-lg {
    font-weight: bold;
    font-size: 18px;
  }
  .text-lg {
    font-size: 18px;
  }



  .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #1a3665;
}
.add-session-form {
    padding: 20px;
    background: #f1f1f1;
    border-radius: 5px;
}
.table-responsive table {
    font-size: 14px;
}


.bootstrap-timepicker {
    position: relative;
  }
  .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
    left: auto;
    right: 0;
  }
  .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
    left: auto;
    right: 12px;
  }
  .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
    left: auto;
    right: 13px;
  }
  .bootstrap-timepicker .input-group-addon {
    cursor: pointer;
  }
  .bootstrap-timepicker .input-group-addon i {
    display: inline-block;
    width: 16px;
    height: 16px;
  }
  .bootstrap-timepicker-widget.dropdown-menu {
    padding: 4px;
  }
  .bootstrap-timepicker-widget.dropdown-menu.open {
    display: inline-block;
  }
  .bootstrap-timepicker-widget.dropdown-menu:before {
    border-bottom: 7px solid rgba(0, 0, 0, 0.2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
  }
  .bootstrap-timepicker-widget.dropdown-menu:after {
    border-bottom: 6px solid #FFFFFF;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
  }
  .bootstrap-timepicker-widget.timepicker-orient-left:before {
    left: 6px;
  }
  .bootstrap-timepicker-widget.timepicker-orient-left:after {
    left: 7px;
  }
  .bootstrap-timepicker-widget.timepicker-orient-right:before {
    right: 6px;
  }
  .bootstrap-timepicker-widget.timepicker-orient-right:after {
    right: 7px;
  }
  .bootstrap-timepicker-widget.timepicker-orient-top:before {
    top: -7px;
  }
  .bootstrap-timepicker-widget.timepicker-orient-top:after {
    top: -6px;
  }
  .bootstrap-timepicker-widget.timepicker-orient-bottom:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #999;
  }
  .bootstrap-timepicker-widget.timepicker-orient-bottom:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #ffffff;
  }
  .bootstrap-timepicker-widget table {
    width: 100%;
    margin: 0;
  }
  .bootstrap-timepicker-widget table td {
    text-align: center;
    height: 30px;
    margin: 0;
    padding: 2px;
  }
  .bootstrap-timepicker-widget table td:not(.separator) {
    min-width: 30px;
  }
  .bootstrap-timepicker-widget table td span {
    width: 100%;
  }
  .bootstrap-timepicker-widget table td a {
    border: 1px transparent solid;
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 8px 0;
    outline: 0;
    color: #333;
  }
  .bootstrap-timepicker-widget table td a:hover {
    text-decoration: none;
    background-color: #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-color: #ddd;
  }
  .bootstrap-timepicker-widget table td a i {
    margin-top: 2px;
    font-size: 18px;
  }
  .bootstrap-timepicker-widget table td input {width: 25px;margin: 0;text-align: center;border:none}
  .bootstrap-timepicker-widget .modal-content {
    padding: 4px;
  }
  @media (min-width: 767px) {
    .bootstrap-timepicker-widget.modal {
      width: 200px;
      margin-left: -100px;
    }
  }
  @media (max-width: 767px) {
    .bootstrap-timepicker {
      width: 100%;
    }
    .bootstrap-timepicker .dropdown-menu {
      width: 100%;
    }
  }
  
  
  /* Base glyphicon style */
  .glyphicon {
    font-style: normal;
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    vertical-align: middle;
    font-family: Arial, sans-serif; /* fallback */
  }
  
  /* Chevron Up Icon (▲) */
  .glyphicon-chevron-up::before {
    content: '\25B2'; /* Unicode for ▲ */
  }
  
  /* Chevron Up Icon (▲) */
  .glyphicon-chevron-down::before {
    content: '\25BC'; /* Unicode for down */
  }
  
  
  /* Clock Icon (🕒) */
  .glyphicon-time::before {
    content: '\1F552'; /* Unicode for 🕒 */
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
  }

.pers-pro-day {
    display: flex;
    flex-wrap: wrap;
}


.pers-pro-day-s {
    font-size: 14px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-right: 7px;
}

.pers-pro-day-s label {
    margin-bottom: 0;
}

.pers-pro-day-s:last-child {
    margin-right: 0px;
}

.pers-pro-day-s input {
    margin-right: 3px;
}

.pers-pro-day-btn .btn {
    background-color: #1A3665;
    color: #fff;
    font-size: 14px;
    padding: 5px 10px;
}


.day-sel-modal .modal-dialog {
    max-width: 455px;
}

.day-sel-modal .modal-header {
    align-items: center;
    border-bottom: 1px solid #ccc;
}

.day-sel-modal .modal-footer {
    border-top: 1px solid #ccc;
    padding-top: 15px;
}


.day-sel-modal .day-sel-cancel-conform-p {
    font-size: 18px;
    padding: 10px;
    border-radius: 3px;
    text-align: center;
    color: #000000;
    font-weight: 400;
}


.day-sel-modal {
    background-color: rgba(0,0,0,0.8);
}

.day-sel-modal .modal-header .close {
    padding: 2px 10px;
    margin-bottom: 0px;
    margin-top: 0px;
    font-size: 30px;
    outline: none;
}
.pers-pro-day-btn .btn[disabled] {
  cursor: not-allowed;
}

.input-group .input-group-prepend{background-color:#eeeeee;border-right:none;font-weight:600;color:#555;border-radius:6px 0 0 6px;margin-right:-1px;}
.input-group .form-control{border-left:none;box-shadow:none;}
.input-group-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5px 10px;margin-bottom:0;font-size:1rem;font-weight:400;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:none;border-radius:.25rem;min-width:35px;text-align:center;justify-content:center;height:100%;}
.input-group-append .input-group-text{border-radius:0 6px 6px 0;}