@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700,700i,800,800i&display=swap);
body{font-family:'Open Sans',sans-serif;position:relative;font-weight:300;color:#212529;font-size:15px;line-height:1.8;background:#fff;overflow:hidden}
::-webkit-scrollbar {
	width: 5px;
  }
  ::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px #f8f8f8;
	border-radius: 10px;
  }
  ::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 10px;
  }
  ::-webkit-scrollbar-thumb:hover {
	background: #007bff;
  }
h1,h2,h3,h4,h5,p,ul{padding:0;margin:0}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:400}
li{list-style:none}
a,button{transition:.5s all;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;-ms-transition:.5s all;outline:0}
a:focus,a:hover{text-decoration:none}
.form-control:focus{outline:0;box-shadow:none;border-color:#f1bd06!important;color:#333}
button:focus{outline:0;box-shadow:none;border-color:transparent}
img{max-width:100%}
input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;outline:0;width:100%;padding:0 10px}
h1{font-size:3.5rem;font-weight:300}
h2{font-size:2.25rem}
h4{font-size:1.25rem}
h5{font-size:1.125rem;line-height:2rem}
::-webkit-input-placeholder{color:#898f96}
::-moz-placeholder{color:#898f96}
::-ms-input-placeholder{color:#898f96}
::-ms-input-placeholder{color:#898f96}
::placeholder{color:#898f96}
.display-5{font-size:1.58rem}
.display-6{font-size:1.22rem}
.font-23{font-size:23px}
.no-bg-color{background-color:transparent !important}
.text-theme{color:#f1bd06}
.text-grey{color:#555}
.text-danger{color:#f62d51!important}
.table-responsive{    line-height: 20px;
  /* white-space: nowrap;*/}
.custom-badge{padding:.8rem 1.25rem;border-radius:50em;background:#f1f3f6;margin-bottom:5px;color:#fff;background-color:#6c757d}
.ctm-bg-danger{background:#ff6a6c}
.ctm-bg-warning{background:#feb71d}
.ctm-bg-info{background:#58c9e9}
.ctm-bg-success{background:#62d03a}
.ctm-border-radius{border-radius:10px !important}
.ctm-btn-padding{padding:10px 15px}
.ctm-text-sm{font-size:14px;color:#888}
.ctm-padding{padding:1.25rem}
.bg-theme{background-color:#3e007c}
.l-1{left:.5rem}
.t-1{top:.5rem}
.display-6{font-size:1.22rem}
.sidebar-overlay{background-color:rgba(0,0,0,.6);z-index:1048;height:100%;width:100%;position:fixed;top:0;display:none;overflow:hidden}
.btn-theme{background-color: #ff9d00;
    border-color: #ff9d00;
    border-radius: 10px;
    border-bottom: 5px solid #e28f0a;}
.btn-theme:focus,.btn-theme:hover{box-shadow:0 9px 14px 1px rgba(214,211,208,.56)}
.btn-secondary{background:#7347c1}
.btn-outline{border:1px solid #fff}
.text-primary{color:#3e007c!important}
.text-pink{color:#f00f89!important}
.bg-primary{background-color:#3e007c!important}
.badge-primary{color:#fff;background-color:#3e007c}
a.text-primary:focus,a.text-primary:hover{color:#f1bd06!important}
a.text-warning:focus,a.text-warning:hover{color:#dea705!important}
.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{color:#dea705!important}
.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{background-color:#3e007c}
.btn-outline-primary{color:#3e007c;border-color:#3e007c}
.btn-outline-primary:hover{color:#fff;background-color:#3e007c;border-color:#3e007c}
.btn-white{background-color:#fff;border:1px solid #ccc;color:#333}
.btn.focus,.btn:focus{outline:0;box-shadow:none}
.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#3e007c;border-color:#3e007c}
.bg-light{background:#f4f4f4}
.btn-outline-success:hover{color:#28a745;border-color:#28a745;background:#d4eabb}
.btn-outline-danger:hover{border-color:#dc3545;background:#ffd3d7;color:#dc3545}
.btn-outline-warning:hover{color:#212529;background-color:#ffe79e;border-color:#ffc107}
.bg-success-light{background-color:rgba(15,183,107,.12)!important;color:#26af48!important}
.bg-danger-light{background-color:rgba(242,17,54,.12)!important;color:#e63c3c!important}
.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545 !important;border-bottom:5px solid #a22b2b !important;padding: 0.175rem 0.75rem !important; font-size: 14px;}
.btn-danger:hover{box-shadow:0 9px 14px 1px rgba(214,211,208,.56);border-bottom:5px solid #dc3545 !important; background-color: #dc3545 !important;}
.btn-danger:active{box-shadow: none!important;}
.btn-danger.only-icon{
  padding: 0.175rem 0.55rem !important;
}
.badge-light{color:#333;background-color:#eceff3;font-weight:600}
.button-1{    color: #fff;
    border-bottom: 5px solid #e28f0a;
    background-image: -webkit-linear-gradient(30deg,#ff9d00 50%,transparent 50%);
    background-image: linear-gradient(30deg,#ff9d00 50%,transparent 50%);
    background-size: 900px;
    background-repeat: no-repeat;
    background-position: 0;
    -webkit-transition: background .8s ease-in-out;
    transition: background .8s ease-in-out;padding: 0.175rem 0.75rem;
    font-size: 14px;}
    .btn-warning {
      color: #212529;
      border-color: #ffc107 !important;
      background-color: #ffc618 !important;
      border-bottom: 5px solid #c99802 !important;
      padding: 0.175rem 0.75rem;
  }
  .btn-success {
    color: #fff;
    background-color: #28a745!important;
    border-color: #28a745!important;
    border-bottom: 5px solid #166f2a!important;
    padding: 0.175rem 0.75rem;
}
.button-1:hover{background-position:-900px;color:#fff;background-color:#f1980b;border-bottom:5px solid #ff9d00}
.button-5{background-color:#f1bd06;background-image:-moz-linear-gradient(top,#ff9d00 0,#f1bd06 100%);background-image:-webkit-linear-gradient(top,#ff9d00 0,#f1bd06 100%);background-image:linear-gradient(to bottom,#ff9d00 0,#f1bd06 100%);background-size:900px;background-repeat:no-repeat;background-position:0;-webkit-transition:background .3s ease-in-out;transition:background .3s ease-in-out}
.button-5:hover{background-position:-900px;transition:background .5s ease-in-out}
.button-6{background-color:#f1f1f1;background-image:-moz-linear-gradient(top,#fff 0,#fff 100%);background-image:-webkit-linear-gradient(top,#fff 0,#fff 100%);background-image:linear-gradient(to bottom,#fff 0,#fff 100%);background-size:900px;background-repeat:no-repeat;background-position:0;-webkit-transition:background .3s ease-in-out;transition:background .5s ease-in-out}
.button-6:hover{background-position:-900px;transition:background .5s ease-in-out}
.avatar-upload{position:relative;max-width:205px;margin:15px auto}
.avatar-upload .avatar-edit{position:absolute;right:12px;z-index:1;top:10px}
.avatar-upload .avatar-edit input{display:none}
.avatar-upload .avatar-edit input+label{display:inline-block;width:34px;height:34px;margin-bottom:0;border-radius:100%;background:#fff;border:1px solid transparent;box-shadow:0 2px 4px 0 rgba(0,0,0,.12);cursor:pointer;font-weight:400;transition:all .2s ease-in-out}
.avatar-upload .avatar-edit input+label:hover{background:#f1f1f1;border-color:#d6d6d6}
.avatar-upload .avatar-edit input+label:after{content:"\f040";font-family:FontAwesome;color:#757575;position:absolute;top:3px;left:0;right:0;text-align:center;margin:auto}
.avatar-upload .avatar-preview{width:200px;height:200px;position:relative;border-radius:10px;border:6px solid #f3f3f3;box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}
.avatar-upload .avatar-preview>div{width:100%;height:100%;border-radius:100%;background-size:contain;background-repeat:no-repeat;background-position:center}
.avatar-preview div{background-image:url(../img/logo2.png)}
.rt_nav_header.horizontal-layout.fixed-on-scroll.nav-bottom{position:fixed;top:0;right:0;left:0;z-index:1030;border-bottom:1px solid #f2f2f2;box-shadow:0 0 5px rgba(0,0,0,.2)}
#loader-wrapper{background-color:#fff;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:9999}
.loader{position:absolute;top:50%;left:40%;margin-left:10%;transform:translate3d(-50%,-50%,0)}
.dot{width:20px;height:20px;background:#3ac;border-radius:100%;display:inline-block;animation:slide 1s infinite}
.dot:nth-child(1){animation-delay:.1s;background:#3e007c}
.dot:nth-child(2){animation-delay:.2s;background:#f1bd06}
.dot:nth-child(3){animation-delay:.3s;background:#007bff}
.dot:nth-child(4){animation-delay:.4s;background:#dc3545}
.dot:nth-child(5){animation-delay:.5s;background:#28a745}
@-moz-keyframes slide{
0%{transform:scale(1)}
50%{opacity:.3;transform:scale(2)}
100%{transform:scale(1)}
}
@-webkit-keyframes slide{
0%{transform:scale(1)}
50%{opacity:.3;transform:scale(2)}
100%{transform:scale(1)}
}
@-o-keyframes slide{
0%{transform:scale(1)}
50%{opacity:.3;transform:scale(2)}
100%{transform:scale(1)}
}
@keyframes slide{
0%{transform:scale(1)}
50%{opacity:.3;transform:scale(2)}
100%{transform:scale(1)}
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#f5dd91f5;border:1px solid #f1bd06}
.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid #f1bd06 1px;outline:0}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#f1bd06;color:#fff}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:42px;right:7px}
.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#e3e3e3 transparent transparent;border-style:solid;border-width:6px 6px 0;height:0;left:50%;margin-left:-10px;margin-top:-2px;position:absolute;top:50%;width:0}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #e3e3e3;border-width:0 6px 6px}
.select2-container .select2-selection--single .select2-selection__rendered{padding-right:30px;padding-left:15px}
.select2-container--default .select2-selection--multiple{border:1px solid #e3e3e3;min-height:40px}
.select2-dropdown{border:1px solid #e3e3e3}
.select2-container--default .select2-selection--single{border-color:#e3e3e3;box-shadow:none;font-size:15px;height:44px;outline:0}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:#495057;line-height:42px;border-color:transparent;outline:0;padding-left:1.25rem;    font-size: 13px;
  font-weight: 600;}
.card:hover{box-shadow:1px 0 20px rgba(0,0,0,.08)!important;-webkit-box-shadow:0 10px 6px -6px #777;-moz-box-shadow:0 10px 6px -6px #777;box-shadow:0 10px 6px -6px #777}
.header-dropdown:hover>.dropdown-menu{display:block}
.header{background-color:#3e007c;padding:0 15px 80px;border-bottom-left-radius:30px;border-bottom-right-radius:30px;box-shadow:0 6px 14px 1px rgba(62,0,124,.18)}
.top-header-section{padding-bottom:25px;padding-top:25px}
.header-menu-list{padding:15px 20px;border-radius:10px}
.user-notification-block ul li a.menu-style{color:#7e8fa1;padding:32px 14px}
.user-info a.menu-style{color:#7e8fa1;padding:18px 14px;padding-right:0}
.user-notification-block ul li .badge{font-family:'Open Sans',sans-serif;width:23px;height:23px;top:14px;right:5px;font-weight:500;font-size:14px}
nav ul li a{color:#333}
nav ul li.active a,nav ul li.focus a,nav ul li.hover a{color:#f1bd06}
.nav-link:focus,.nav-link:hover{background:#e2e2e2;border-radius:10px}
.user-block .dropdown-toggle:after{display:none}
.user-block .notification-dropdown-menu{min-width:23rem}
.user-block .user-info .notification-dropdown-menu{min-width:5rem;width:300px}
.user-block .notification-dropdown-menu .dropdown-item p{width:230px}
.user-block .notification-dropdown-menu .media a.trash-btn{background:#ffe6e6;border-radius:50%;width:50px;height:50px;color:#900}
.user-block .notification-dropdown-menu .media a.position-relative span{font-size:2rem;position:absolute;top:50%;transform:translateY(-50%)}
.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f4f6f9}
.calendar-events{border:1px solid transparent;cursor:move;padding:10px 15px}
.calendar-events:hover{border-color:#e9e9e9;background-color:#fff}
.calendar-events i{margin-right:8px}
.calendar{float:left;margin-bottom:0}
.fc-toolbar.fc-header-toolbar{margin-bottom:1.5rem}
.none-border .modal-footer{border-top:none}
.fc-toolbar h2{font-size:18px;font-weight:600;font-family:'Open Sans',sans-serif;line-height:30px;text-transform:uppercase}
.fc-day-grid-event .fc-time{font-family:'Open Sans',sans-serif}
.fc-day{background:#fff}
.fc-toolbar .fc-state-active,.fc-toolbar .ui-state-active,.fc-toolbar .ui-state-hover,.fc-toolbar button:focus,.fc-toolbar button:hover{z-index:0}
.fc th.fc-widget-header{background:#f9dc77;font-size:14px;line-height:20px;padding:10px 0;text-transform:uppercase;color:#333}
.fc-axis.fc-widget-header{width:70px!important}
.fc-unthemed .fc-divider,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#f1bd06}
.fc-basic-view .fc-day-number,.fc-basic-view .fc-week-number{padding:2px 5px}
.fc-button{background:#f1f1f1;border:none;color:#797979;text-transform:capitalize;box-shadow:none!important;border-radius:3px!important;margin:0 3px;padding:6px 12px!important;height:auto!important;font-size: 13px;}
.fc-text-arrow{font-family:inherit;font-size:16px}
.fc-state-hover{background:#f3f3f3}
.fc-state-highlight{background:#f0f0f0}
.fc-state-active,.fc-state-disabled,.fc-state-down{background-color:#3e007c!important;color:#fff!important;text-shadow:none!important;    border-bottom: 5px solid #6d11c9;
  border-radius: 10px !important;}
.fc-cell-overlay{background:#f0f0f0}
.fc-unthemed .fc-today{background:#fff}
.fc-event{border-radius:2px;border:none;color:#fff!important;cursor:move;font-size:13px;margin:1px 7px;padding:5px 5px;text-align:center}
.fc-basic-view td.fc-week-number span{padding-right:8px;font-weight:700;font-family:'Open Sans',sans-serif}
.fc-basic-view td.fc-day-number{padding-right:8px;font-weight:700;font-family:'Open Sans',sans-serif}
.event-form .input-group .form-control{height:40px}
.offcanvas-menu{position:fixed;height:100%;width:0;top:0;right:0;background:#fff;z-index:989999;overflow-y:scroll;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease;-webkit-box-shadow:0 -2px 20px rgba(0,0,0,.3);box-shadow:0 -2px 20px rgba(0,0,0,.3);padding-bottom:25px}
.custom-search .input-group-append{border-radius:0rem 5rem 5rem 0rem}
.custom-search button{border-radius:5rem!important}
.header-wrapper ul li.active{z-index: 2;
    color: #fff;
    background-color: #ff9d00;
    border-color: #ff9d00;
    border-radius: 10px;
    border-bottom: 5px solid #e28f0a;
    transition-duration: .5s;}
.header-wrapper ul li:hover{background-color:#e8e8e8;border-color:#e8e8e8;border-radius:10px;border-bottom:5px solid #dedede;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)}
.header-wrapper ul li.active:hover{background-color:#f1bd06;border-color:#f1bd06;border-radius:10px;transform:translateY(1px);box-shadow:0 .125rem .25rem rgba(0,0,0,.075);border-bottom:5px solid #ff9d00;text-shadow:0 -2px #ff9d00;transition-duration:.3s}
.header-wrapper div.append select{display:none;height:45px;border:1px solid #ececec;padding:0 40px 0 20px;-webkit-border-radius:4px;border-radius:4px;-moz-appearance:none;-webkit-appearance:none;cursor:pointer}
.header-wrapper .nav-arrow{right:14px}
/* img:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,.2)} */
a .avatar:hover>img{-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.page-wrapper{padding:0 15px 0 15px;margin-top:-40px}
.list-group-item.active{z-index:2;color:#fff;background-color:#f1bd06;border-color:#f1bd06}
.list-group-item:first-child{border-top-left-radius:10px;border-top-right-radius:10px}
.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:10px;border-bottom-left-radius:10px}
.page-title{border-left:3px solid #f1bd06;border-right:3px solid #f1bd06}
.card{border:1px solid #ededed;margin-bottom:30px;border-radius:10px!important}
.card-header{background:#f5f5f5;padding:1.25rem;border-bottom:1px solid #ededed}
.card-title{color:#333;margin-bottom:20px;font-weight: 600;}
.card-title a{color:#333;}
hr{border-top:1px solid #ededed}
.list-group-item{border:1px solid #ededed}
.team-lead .media{align-items:center}
.e-avatar:first-of-type{margin-left:0!important}
.e-avatar{background-color:#fff;border:3px solid #e7e7e7;border-radius:50%;height:50px;position:relative;width:50px;margin-left:-20px;font-size: 10px;}
.e-avatar>img{border-radius:50%;width:100%}
.dash-card-container{display:flex;flex-direction:row;flex-grow:1;min-height:45px}
.dash-card-icon{align-items:center;display:flex;flex-direction:row;padding-right:15px}
.dash-card-icon i{width:20px}
.today-list .card-body .dash-card-content{color:#333}
.dash-card-content p{margin-bottom:0}
.dash-card-avatars{align-items:center;display:flex;flex-grow:1;justify-content:flex-end;padding:0 15px;padding-right:0}
.dash-card-content{align-items:center;display:flex;flex-direction:row}
.notice-board{display:flex;align-items:center; margin-top: 1rem;
  margin-bottom: 1rem;border-bottom: 1px solid #ededed; padding-bottom: 10px;}
.notice-board:last-child{
  border-bottom: 0;
}
.time-list{display:flex;flex-grow:1}
.dash-stats-list{align-items:center;display:flex;flex-flow:column wrap;flex-grow:1;padding-left:15px;padding-right:15px}
.dash-stats-list span{min-width:105px}
.dash-stats-list h4{font-size:20px;font-weight:500;margin-bottom:15px}
.dash-stats-list+.dash-stats-list{border-left:1px solid #e7e7e7}
.dash-stats-list{align-items:center;display:flex;flex-flow:column wrap;flex-grow:1;padding-left:5px;padding-right:5px}
/* .dash-widget .card-body{display:flex;flex-direction:row;align-items:center} */
.card-icon{float:left;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;vertical-align:middle;background:#26a69a}
.card-icon .fa{font-size:16px;margin:auto;color:#fff}
.card-right{padding-left:10px;display:flex;flex-direction:column;justify-content:center}
.card-right .card-title{margin:0;font-size:13px}
.card-right p{font-size:20px;font-weight:700}
.drop-active a{min-width:90px}
.avatar{background-color:#3e007c;border-radius:50%;color:#fff;display:inline-block;font-weight:500;height:38px;line-height:34px;margin:0 -17px 0 0;text-align:center;text-decoration:none;text-transform:uppercase;vertical-align:middle;width:38px;position:relative;white-space:nowrap;border:3px solid #fff;box-shadow:0 1px 5px 0 rgba(53,53,53,.3)}
.avatar:hover{color:#fff}
.avatar.avatar-xs{width:24px;height:24px}
.avatar>img{border-radius:50%;display:block;overflow:hidden;width:100%}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#3e007c;border-radius:10px}
.nav-pills .nav-link{color:#3e007c}
.quicklink-sidebar-menu ul li a{display:block}
.header-menu-list div ul li a{display:block}
.yalign{position:absolute;top:50%;transform:translateY(-50%)}
.admin-activ .recent-comment{max-height:500px;overflow-y:auto;position:relative}
.btn-add{margin-bottom:30px}
.last-card-row,.last-card-row1{margin-bottom:0}
.custom-table tr{background-color:#fff}
.table.custom-table>tbody>tr>td,.table.custom-table>tbody>tr>th,.table.custom-table>tfoot>tr>td,.table.custom-table>tfoot>tr>th,.table.custom-table>thead>tr>td,.table.custom-table>thead>tr>th{padding:10px 8px;vertical-align:middle}
.table.custom-table>tbody>tr>td:first-child,.table.custom-table>thead>tr>th:first-child{padding-left:20px}
.table.custom-table>tbody>tr>td:last-child,.table.custom-table>thead>tr>th:last-child{padding-right:20px}
.table.custom-table>thead>tr>th{font-weight:700;border-top:0;text-transform:capitalize}
.table td,.table th{padding-left:20px;    font-size: 13px;    padding: 5px 8px;}
.admin-table.table td,.admin-table.table th{padding-left:0;vertical-align:middle}
.table{color:#333;margin-bottom:0}
.table.table-white{background-color:#fff}
.table thead th{    letter-spacing: normal;text-align: center;
  border: 1px solid #dee2e6;
  font-size: 13px;
  line-height: 20px;}
.table-striped>tbody>tr:nth-of-type(2n+1){background-color:#f6f6f6}
table.table td .avatar{margin:0 5px 0 0}
table.table td h2{display:inline-block;font-size:inherit;font-weight:400;margin:0;padding:0;vertical-align:middle}
table.table td h2.table-avatar{align-items:center;display:inline-flex;font-size:inherit;font-weight:400;margin:0;padding:0;vertical-align:middle;white-space:nowrap}
table.table td h2.table-avatar.blue-link a{color:#007bff}
table.table td h2 a{color:#333}
table.table td h2 a:hover{color:#f1bd06}
table.table td h2 span{color:#888;display:block;font-size:12px;margin-top:3px}
table.dataTable{margin-bottom:15px!important;margin-top:15px!important}
.table-hover tbody tr:hover{background-color:#f7f7f7;color:#212529}
table.dataTable thead>tr>td.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc{padding-right:30px!important}
.form-check-input{position:absolute;margin-top:-.7rem;height:auto;width:auto}
.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff}
.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#3e007c;background-color:#3e007c}
.form-control{border-color:#e3e3e3;box-shadow:none;font-size:13px;height:44px;color:#333;font-weight: 600;
  line-height: 30px;}
.company-logo .form-control{border-color:#e3e3e3;box-shadow:none;font-size:15px;height:40px}
.form-control:focus{border-color:#ccc;box-shadow:none;outline:0 none}
.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}
.form-group.row{align-items:center}
.form-group{margin-bottom:1rem}
.accordion>.card:first-of-type{border-bottom:0;border-bottom-right-radius:10px;border-bottom-left-radius:10px}
.table td,.table th{border-top:0 solid #dee2e6;vertical-align: middle !important;    max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}
.accordion>.card:not(:first-of-type):not(:last-of-type){border-bottom:0;border-radius:10px}
.employee-office-table .table.custom-table>tbody>tr>td:first-child,.employee-office-table .table.custom-table>thead>tr>th:first-child{padding-left:0}
.employee-office-table .table.custom-table>tbody>tr>td:last-child,.employee-office-table .table.custom-table>thead>tr>th:last-child{padding-right:0}
.btn-ctm-space{padding:10px 20px 5px}
.top-nav-search{margin-right:15px;margin-left:15px;transition:all .4s ease 0s}
.top-nav-search:hover{margin-right:20px;transition:all .4s ease 0s}
.top-nav-search form{margin-top:5px;position:relative;width:auto}
.top-nav-search .form-control{background-color:#3e007c;border-color:rgba(150,148,148,.9);border-radius:50px;color:#fff;height:42px;padding:10px 50px 10px 15px}
.offcanvas-menu .top-nav-search form{margin-top:20px}
.top-nav-search .btn{background-color:transparent;border-color:transparent;color:#fff;min-height:40px;padding:7px 15px;position:absolute;right:0;top:0}
.top-nav-search .form-control::-webkit-input-placeholder{color:#fff}
.top-nav-search .form-control::-moz-placeholder{color:#fff}
.top-nav-search .form-control:-ms-input-placeholder{color:#fff}
.top-nav-search .form-control::-ms-input-placeholder{color:#fff}
.top-nav-search .form-control::placeholder{color:#fff}
.top-nav-search.active form{display:block;left:0;position:absolute}
.document-up a{padding:15px;background:#fff;margin-bottom:0;border-radius:5px;display:block;color:#333;border:1px solid #e5e5e5}
.leave-img{width:20px}
.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#3e007c}
.dropdown-menu{font-size:15px}
.widget-profile .profile-info-widget{display:block;text-align:center}
.widget-profile .profile-info-widget .booking-doc-img{display:inline-block;margin:0 0 10px;width:auto;padding:5px;background-color:#f7f7f7;border-radius:50%}
.widget-profile .profile-info-widget .booking-doc-img img{border-radius:50%;height:60px;width:60px}
.profile-info-widget{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:left}
.profile-info-widget .booking-doc-img{margin-right:15px}
.profile-info-widget .booking-doc-img img{border-radius:4px;height:90px;width:90px;object-fit:cover}
.profile-det-info{overflow:hidden}
.profile-det-info h3{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.user-info a .user-avatar img{margin-bottom:3px}
.login-body{display:table;height:100vh;min-height:100vh}
.login-wrapper{width:100%;height:100%;display:table-cell;vertical-align:middle}
.login-wrapper .loginbox{background-color:#fff;border-radius:10px;display:flex;margin:1.875rem auto;max-width:800px;min-height:500px;width:100%}
.login-wrapper .loginbox .login-left{align-items:center;background:#3e007c;border-radius:6px 0 0 6px;flex-direction:column;justify-content:center;padding:80px;width:400px;display:flex}
.login-wrapper .loginbox .login-right{align-items:center;display:flex;justify-content:center;padding:40px;width:400px}
.login-wrapper .loginbox .login-right .login-right-wrap{max-width:100%;flex:0 0 100%}
.login-wrapper .loginbox .login-right h1{font-size:26px;font-weight:500;margin-bottom:5px;text-align:center}
.account-subtitle{color:#4c4c4c;font-size:17px;margin-bottom:1.875rem;text-align:center}
.login-wrapper .loginbox .login-right .forgotpass a, .forgot_password .loginback a, .pweye{color:#a0a0a0}
.login-wrapper .loginbox .login-right .forgotpass a:hover, .forgot_password .loginback a:hover{color:#333;text-decoration:underline}
.login-wrapper .loginbox .login-right .dont-have{color:#a0a0a0;margin-top:1.875rem}
.login-wrapper .loginbox .login-right .dont-have a{color:#333}
.login-wrapper .loginbox .login-right .dont-have a:hover{text-decoration:underline}
.social-login{text-align:center}
.social-login>span{color:#a0a0a0;margin-right:8px}
.social-login>a{background-color:#ccc;border-radius:4px;color:#fff;display:inline-block;font-size:18px;height:32px;line-height:32px;margin-right:6px;text-align:center;width:32px}
.social-login>a:last-child{margin-right:0}
.social-login>a.facebook{background-color:#4b75bd}
.social-login>a.google{background-color:#fe5240}
.login-or{color:#a0a0a0;margin-bottom:20px;margin-top:20px;padding-bottom:10px;padding-top:10px;position:relative}
.or-line{background-color:#e5e5e5;height:1px;margin-bottom:0;margin-top:0;display:block}
.span-or{background-color:#fff;display:block;left:50%;margin-left:-20px;position:absolute;text-align:center;text-transform:uppercase;top:0;width:42px}
.inner-wrapper{width:100%;height:100vh;min-height:100vh}
a.list-group-item{color:#333}
.tab-list-emp li a{padding:0 15px}
.nav-tabs .list-view.active,.nav-tabs .nav-item.show .list-view{color:#f1bd06;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}
.nav-tabs .grid-view.active,.nav-tabs .nav-item.show .grid-view{color:#f1bd06;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}
.nav-tabs .grid-view,.nav-tabs .list-view{color:#3e007c}
.item-animated a span:hover{font-size:25px;transition:all .4s ease 0s}
textarea.form-control{color:#000000}
.coll-arrow:after{font-family:FontAwesome;font-weight:900;float:right;position:relative}
.coll-arrow:not(.collapsed):after{content:"\f106"}
.coll-arrow.collapsed:after{content:"\f107"}
.breadcrumb-item{ font-size: 13px;}
.user-details h4 { text-transform: uppercase;    color: #343a40;}
@media only screen and (max-width:1199.98px){
.header-menu-list{padding:15px 10px}
.header-menu-list ul li a{font-size:13px}
h1{font-size:2.75rem}
h2{font-size:2.03rem}
.h3,h3{font-size:1.4rem}
h5{font-size:1rem}
.last-card-row{margin-bottom:30px}
.last-card-row1{margin-bottom:0}
.btn-ctm-space{padding:10px 12px}
}
@media only screen and (max-width:991.98px){
h4{font-size:1.2rem}
.header-menu-list ul li a{font-size:18px}
.user-menu-items a{color:#212529}
.header{padding:0 15px 45px}
}
@media only screen and (max-width:767.98px){
.user-block .dropdown-menu{display:block;opacity:0;visibility:hidden;top:calc(100% + 20px)}
.dropdown:hover>.notification-dropdown-menu{opacity:1;visibility:visible;top:100%}
h1{font-size:2.75rem}
h2{font-size:2.03rem}
.h3,h3{font-size:1.3rem}
h5{font-size:1rem}
.header-wrapper div.append{width:100%}
.header-wrapper div.append ul{display:none}
.header-wrapper div.append select{display:block;position:relative;background:#fff;font-size:16px}
.header-menu-list{padding:10px}
.header-wrapper div.append select:after{position:absolute;content:"\e874";font-family:Linearicons-Free}
.offcanvas-menu .user-notification-block ul li a.menu-style{padding:27px 14px 14px}
.user-notification-block ul li .badge{right:23px}
.login-wrapper .loginbox .login-left{display:none}
.login-wrapper .loginbox{max-width:450px;min-height:unset}
.login-wrapper .loginbox .login-right{float:none;padding:1.875rem;width:100%}
.top-nav-search form{width:212px}
}
@media only screen and (max-width:575.98px){
h1{font-size:1.22rem}
h2{font-size:1.67rem}
.h3,h3{font-size:1.2rem}
h4{font-size:1rem}
p{font-size:.9rem}
.top-header-section{padding-bottom:5px;padding-top:5px}
.page-wrapper{padding:0;margin-top:-45px}
.header{padding:0 0 45px}
.card{margin-bottom:15px}
.fc-toolbar .fc-right{display:inline-block;float:none;margin:10px auto 0;width:200px;clear:both}
.fc-toolbar .fc-left{float:none;margin:0 auto;width:200px}
.fc-toolbar .fc-center{display:inline-block;width:100%;text-align:center}
.fc-toolbar .fc-center h2{width:100%}
.fc button{font-size:14px}
.nav-pills .nav-link{padding:.5rem .5rem}
.tab-list-emp li a{padding:0 5px}
.btn-add{margin-bottom:15px}
.last-card-row1{margin-bottom:0}
}

.button-sm{

    padding: .175rem .55rem;
    font-size: .875rem;
   
}
.tracketCard{
  background-color: #f6f6f6 !important;
    color: #3e007c !important;
}
.breadcrumb-item+.breadcrumb-item::before{
  content: "\f105";
    font-family: FontAwesome;
}
.breadcrumb-item.active {
  color: #ff9d00;
}
.ticketHead{
  /* color: #ff9d00 !important; */
    text-align: left;
    background: #f6f6f6;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}
.ticketHead p{font-size: 13px;
  color: #323232;}
.badge{
  padding: .25em .8em .30rem !important
}

.container{max-width:1170px; margin:auto;}
img{ max-width:100%;}
.inbox_people {
  /* background: #fbfbfb none repeat scroll 0 0; */
  float: left;
  overflow: hidden;
  width:100%; 
}
.inbox_msg {
  border: 1px solid #c4c4c4;
  clear: both;
  overflow: hidden;
}
.top_spac{ margin: 20px 0 0;}


.chat_ib h5{ line-height: 16px;
  font-size: 16px;
  color: #323232;
  margin: 0;
  font-weight: 600;}
.chat_ib h5 span{    font-size: 13px;
  float: right;
  color: #989898;
  font-weight: normal;}
.chat_ib p{ font-size: 13px;
  color: #626262;
  margin: auto;
  line-height: 20px;}
.chat_img {
  float: left;
  --chat-img-size : 40px;
  width: var(--chat-img-size);
}
.chat_img img{
  width: var(--chat-img-size);
  height: var(--chat-img-size);
  object-fit: cover;
  border-radius: 50%;
  overflow-clip-margin: unset;
  transform: translate3d(0px, 0px, 0.1px);
}
.chat_ib {
  float: left;
  padding: 0 0 0 15px;
  width: calc(100% - 40px);
}

.chat_people{ overflow:hidden; clear:both;}
.chat_list {
  border-bottom: 1px solid #efecec;
  margin: 0;
  padding: 18px 16px 10px;
  /* background: #fbfbfb; */
}
.chat_list:nth-of-type(odd) {
  background-color:#fbfbfb;
  }
      
  .chat_list:nth-of-type(even) {
  background-color:#fff;
  }

.inbox_chat { max-height: 550px; overflow-y: scroll;}


.incoming_msg_img {
  display: inline-block;
  width: 6%;
}
.received_msg {
  display: inline-block;
  padding: 0 0 0 10px;
  vertical-align: top;
  width: 92%;
 }
 .received_withd_msg p {
  background: #ebebeb none repeat scroll 0 0;
  border-radius: 3px;
  color: #646464;
  font-size: 14px;
  margin: 0;
  padding: 5px 10px 5px 12px;
  width: 100%;
}
.time_date {
  color: #747474;
  display: block;
  font-size: 12px;
  margin: 8px 0 0;
}
.received_withd_msg { width: 57%;}
.mesgs {
  float: left;
  padding: 30px 15px 0 25px;
  width: 60%;
}

 .sent_msg p {
  background: #05728f none repeat scroll 0 0;
  border-radius: 3px;
  font-size: 14px;
  margin: 0; color:#fff;
  padding: 5px 10px 5px 12px;
  width:100%;
}
.outgoing_msg{ overflow:hidden; margin:26px 0 26px;}
.sent_msg {
  float: right;
  width: 46%;
}
.input_msg_write input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #4c4c4c;
  font-size: 15px;
  min-height: 48px;
  width: 100%;
}

.type_msg {border-top: 1px solid #c4c4c4;position: relative;}
.msg_send_btn {
  background: #05728f none repeat scroll 0 0;
  border: medium none;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  font-size: 17px;
  height: 33px;
  position: absolute;
  right: 0;
  top: 11px;
  width: 33px;
}
.messaging { padding: 0 0 50px 0;}
.msg_history {
  height: 516px;
  overflow-y: auto;
}
.error{
  color:red;
}

.select2-container--default .select2-selection--single{     border: 1px solid #dfdfdf !important;}

.iconBg{
  background: #f5f5f5;
    padding: 5px;
    font-size: 10px;
}
.iconBg:hover{
  background-color: #e9e9e9;
}
.employee-office-table .table td:last-child{ width: 100px;}

/* .badge-info{background-color: rgb(5, 195, 251, 0.1)!important;
  color: #05c3fb!important;}
   */
.bg-success-transparent {
  background-color: rgba(0, 230, 130, 0.1) !important;  color: #09ad95 !important;
}
.bg-danger-transparent {
  background-color: rgba(255, 56, 43, 0.1) !important;  color: #e82646 !important;
}
.bg-warning-transparent {
  background-color: rgba(255, 162, 43, 0.1) !important;  color: #f7b731 !important;
}
.bg-info-transparent {
  background-color: rgb(5, 195, 251, 0.1); color: #05c3fb!important;
}
.bg-pink-transparent {
  background-color: rgb(108, 95, 252, 0.2); color: #ec82ef!important;
}

.page-link{     color: #323232 !important;}
.table thead{    background: #f5f5f5;}
label {
  display: inline-block;
  margin-bottom: 0;
  font-size: 13px;
}
.select2-container--default .select2-selection--multiple{    border: 1px solid #e0dede !important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
font-size: 13px !important;
  background-color: #3e007c !important;
    border: 1px solid #3e007c !important; color: #fff !important;    margin-top: 8px!important;
}
.select2-selection__choice__remove{
  float: right !important;
  color: #ff0000 !important;
  padding-left: 5px !important; 
}

.social-media-list {
  list-style: none;
  margin: 0;
}
.social-media-list li {
  display: inline-block;
}
.social-media-list li a {
  padding: 2px 10px;
  background: #f5f5f5;
  border-radius: 5px;
  color: #323232;
}
.social-media-list li a:hover{
  background: #323232;color: #fff;
}

input[type="file"]{line-height: 25px !important;}

.createBtn{
  background: #e1f9f1;
    color: #03364a !important;
    border: 0;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    margin-right: 10px;
}

#profile_change img {
  /* margin-top: -40px; */
  margin-right: 5px;
}

.custom-file-upload input[type="file"] {
  display: none;
}

.custom-file-upload label::before {
  content: " "; /* Empty content to hide the text */
}
.custom-file-upload {
  margin-left: 8px;
}

/* UI For Pending list Dashboard Start */
.card.ssl-expiry, .card.pending-tick-dash{
  overflow: hidden;
}
.pending-tick-dash .notice-board,
.ssl-expiry .notice-board,
.approval-nd-peding-page .notice-board{
  margin-block: 0px;
  font-size: 13px;
  line-height: 20px;
  background: #fff;
  padding-block: 12px;
  padding-inline: 18px;
}
.pending-tick-dash .notice-board:first-child,
.approval-nd-peding-page .notice-board:first-child{
  padding-top: 20px;
}
.pending-tick-dash .notice-board:hover,
.approval-nd-peding-page .notice-board:hover{
  background: rgb(245 245 245 / 50%)
}
.ssl-expiry .notice-board{
  padding-block: 10px;
  padding-inline: 20px;
}
.ssl-expiry .notice-board:first-child{
  padding-top: 15px;
}
.ssl-expiry .notice-board:hover{
  background-color: rgb(253 241 242);
}
.ssl-expiry .notice-board:hover h4{
  color:rgb(181 64 96);
}

.ssl-expiry .notice-board a{
  color: inherit;
}
.ssl-expiry .card-body{
  max-height: 265px;
  overflow-y: auto;
}

.dash-pending-ticket{
  align-self: baseline;
  padding: 10px 15px;
  border-radius: 5px;
  border: 1px solid #3e007c0f;
}
.pending-tick-dash .notice-body h4,
.dashboard-message-text h4{
  font-size: 16px;
  font-weight: 600;
  margin-bottom: .3rem;
}
.pending-tick-dash .notice-body h4 a,
.dash-pending-ticket h4 a,
.dashboard-message-text h4 a{
  color: #212529;
  transition: .1s;
}
.dash-pending-ticket h4 a{
  /* color: #147da6; */
  font-size: 15px;
}
.not-found{
  font-size: 13px;
}
.ssl-expiry:not(:has(.not-found)){
  border-color: rgb(250 156 167);
  box-shadow: 0 .125rem .25rem rgb(251 113 133 / .75);
  font-size: 13px;
  line-height: 20px;
}
.ssl-expiry:not(:has(.not-found)) .card-header{
  background-color: rgb(254 205 211 / 1);
  border-bottom: 1px solid rgb(250 156 167);
}
.ssl-expiry .card-header{
  padding-block: 10px;
}

.ssl-expiry:not(:has(.not-found)) .card-title,
.ssl-expiry .expire-date{
  color: rgb(159 18 57 / 1);
}
.ssl-expiry .card-title{
  font-size: 14px;
  line-height: 1.5;
}
.ssl-expiry .notice-body h4{
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
}
.text-nowarp{
  white-space: nowrap;
}
/* Common Orange Hover  */

.pending-tick-dash .notice-body h4 a:hover,
.dashboard-message-text h4 a:hover,
.dash-pending-ticket h4 a:hover{
  color: #ff9d00;
}
.pending-tick-dash .card-header,
.approval-nd-peding-page .card-header,
.dash-user-pending-tap .card-header{
  padding-inline: 30px;  
}
.user-profile .user-details h4{
  font-weight: 600;
}
.user-profile .user-details .designation{
  font-size: 14px;
  margin-top: 3px;
}
.user-profile .user-details h6{
  font-size: 13px;
}

.dashboard-tabs .nav-pills .nav-link{
  padding: 4px 10px;
  font-size: 14px;
  border-radius: 8px;
  color: #000;
  transition: none;
}
@media screen and (max-width:600px) {
  .dashboard-tabs .nav-pills .nav-link{
    padding: 4px 6px;
    font-size: 12px;
  }
  .dashboard-tabs .nav-pills{
    gap: 4px;
  }
}
.dashboard-tabs .nav-pills .nav-link{
  background-color: #f5f5f5;
}
.dashboard-tabs .nav-pills .nav-link.active{
  color: #000;
  background-color: #ff9d0063;
  border-radius: 10px;
}
.dashboard-tabs .nav-pills .nav-link span{
  display: inline-block;
  text-align: center;
  padding: 0px 4px;
  min-width: 22px;
  background-color: #ff9d0063;
  font-weight: 600;
  border-radius: 4px;
  line-height: 1.6;
}
.dashboard-tabs .nav-pills .nav-link.active span{
  background-color: #fff;
}
.dashboard-tabs .nav-pills{
  gap:8px
}
.dash-approval-pending-tap, .dash-user-pending-tap{
  display: none;
}
@media screen and (max-width: 996px){
  .topcorner{
    top:0px !important;
    right: 60px !important;
  }
  .topcorner_1{
    top: 0px !important;
    right: 110px !important;
  }
  .topcorner .bell .layer-2,.topcorner .bell .layer-3,.topcorner_1 a i{
    color:#fff !important;
    font-size: 23px !important;
  }
  .notification-count{
    right: -3px;
    top: -7px;
  }
}


.note-btn.dropdown-toggle::after{
  content: none;
}
.note-editable p, .note-editable span{
  font-weight: 500;
}
.categories-list li{
  display: inline-block;
  margin: 0 5px 8px 0;
  list-style: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -khtml-border-radius: 5px;
  border: 1px solid #d2d2d2;
  line-height: 1;
  padding: 6px 14px;
  font-size: 13px;
  transition: none;
}
.categories-list li a{
  color: inherit;
  transition: none;
}
.categories-list li:hover {
  z-index: 1000;
  background: #3e007c;
  color: #fff;
}
.categories-list:has(li){
  margin-top: 35px;
  margin-bottom: 30px;
  overflow-y: hidden;
  max-height: 30000px;
  transition: max-height .3s linear;
}
.categories-list.active:has(li){
  margin-bottom: 55px;
}
.categories-list-wrapper:not(:has(.readmore-link)) .categories-list{
  margin-bottom: 30px;
}
/* common font weight */
.f-w-600{
  font-weight: 600;
}
/* common font 13px */
.fs-13{
  font-size: 13px;
}
.approval-nd-peding-page:after,
.pending-ticket-page:after{
content: '';
position: absolute;
padding: 20px;
}
.dashboard-message-text h4{
  margin-bottom: 4px;
}
.small-title{
  font-size: 24px;
  font-weight: 600;
}
.input-group-append .btn-light{
  background:#f5f5f5;
  border-color:#e3e3e3;
}
.categories-list-wrapper:has(.readmore-link input:not(:checked)) .categories-list{
  max-height: 132px;
  overflow: hidden;
}
.categories-list.active:after{
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: -60px;
  width: 100%;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 28%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 28%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 28%);
  height: 0px;
  transition: all .2s linear;
}
.categories-list-wrapper:has(.readmore-link input:not(:checked)) .categories-list.active:after{
  height: 125px;
}

.readmore-link {
  float: left;
  z-index: 10;
  position: absolute;
  color: #ff720b;
  font-size: 12px;
  transition: all .2s linear;
  bottom: -15px;
  left: 50%;
  display: none;
  transform: translateX(-50%);
}
.readmore-link:has(input:checked){
  bottom: -28px;

}
/* .categories-list-wrapper:has(.readmore-link input:checked) .readmore-link{
  top: 8px;
} */
.readmore-link label{
text-decoration: underline !important;
margin-top: 10px;
font-size: 14px;
cursor: pointer;
}
.action-icon{
  border: 1px solid rgba(0,0,0,.125);
  color: inherit;
  margin-right: 4px;
  transition: .01s;
  display: inline-block;
  margin-bottom: 4px;
  padding: .1rem .4rem;
}
.action-icon{
  font-size:13px;
}
.action-icon:hover{
  /* background-color:#ff9d00; */
  /* color: #fff; */
  color:#ff9d00;
}
.action-icon:hover .text-danger{
  color: #d92041 !important;
}
.shadow-none:hover{
  box-shadow: none !important;
}
.forgot_password .loginback a{
  font-size: 14px;
}
.project-title h5{
  transform: all 0.1s;
  line-height: 1.2;
}
.project-title span{
  font-size: 13px;
}
.project-title h5 a:hover{
  color: #f1bd06;
}

/* PassWord Show Eye icon  */
.pweye{
  position: absolute;
  right: 14px;
  top: 14px;
  font-size: 14px;
}
#Message{
  line-height: 20px;
}
/* PW Eye Icon hide for MS edge  */
input::-ms-reveal,
input::-ms-clear{
  display: none;
}

.p-ticket-cout{
  position: absolute;
  top: -40px;
  left: 30px;
  font-size: 15px;
}
.no-of-item-wrapper{
  padding-left: 16px;
  padding-right: 15px;
  margin-top: 10px;
  margin-bottom: 15px;
}
.ticket-approval-state{
  row-gap: 6px;
}
.ticket-approval-state small .badge{
  display: inline-block;
  padding: .3em .7em !important;
  font-size: 12px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .p-ticket-cout{
    top: -35px;
    left: unset;
    right: 15px;
  }
  .pending-tick-dash .card-header, .approval-nd-peding-page .card-header, .dash-user-pending-tap .card-header{
    padding-inline: 15px;
  }
  .approval-nd-peding-page .notice-board,
  .pending-tick-dash .notice-board,
  .approval-nd-peding-page .no-of-item-wrapper{
    padding-inline: 0px;
  }
  .chat_img {
    --chat-img-size : 30px;
  }
  .chat_ib {
    width: calc(100% - 30px);
  }
}
.note-editor .note-editable ul,
.note-editor .note-editable ol{
  padding-left:0px;
}
.note-editor .note-editable ul li,
.note-editor .note-editable ol li{
  display: list-item;
  margin-left: 18px;
  padding-left: 0px;
}
.note-editor .note-editable ul li{
  list-style: disc outside none;
}
.note-editor .note-editable ol li{
  list-style: decimal outside none;
  display: list-item;
  margin-left: 1em;
  padding-left: 0px;
}

.table-most-basic.table thead{
  background-color: unset !important;
}
.table-most-basic.table thead th{
  border: 0;
  padding: 0.6rem 0.9rem;
  background-color: #fff;
  position: sticky;
  top: -1px;
  box-shadow: inset 0px -1.5px 0px 0px #dee2e6;
  z-index: 2;
}
.table-most-basic.table th,
.table-most-basic.table td{
  text-align: left;
  border: 0px;
  border-bottom: 1px solid #dee2e6;
  max-width: unset;
  padding: 0.7rem 0.9rem;
  font-size: 14px;
  line-height: 1.5;
}
.table-most-basic.table tr th:first-child,
.table-most-basic.table tr td:first-child{
  padding-left: 30px;
}
.table-most-basic.table tr th:last-child,
.table-most-basic.table tr td:last-child{
  padding-right: 30px;
}


.p-user{
  display: flex;
  align-items: flex-start;
}

.avtar{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    font-size: 14px;
    object-fit: cover;
    border-radius: 50%;
    overflow-clip-margin: unset;
    transform: translate3d(0px, 0px, 0.1px);
}
.p-user-body {
  flex: 1;
}
.p-user-body h5 {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}
.p-user-body p{
  font-size: 13px;
  line-height: 1.2;
  color: #747b83;
}
.p-user-body h5, 
.p-user-body p{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 15px);
  
}
.p-user-body h5 a,
.p-t-count a{
  color: #333;
  transition: 0.2s all;
  webkit-transition:0.2s all;
  -moz-transition:0.2s all;
  -o-transition:0.2s all;
  -ms-transition:0.2s all;
}

.p-t-action i{
  font-size: 12px;
}
.p-t-action a{
  color: #333;
  font-size: 13px;
  font-weight: 500;
}
.p-t-count a{
  display: inline-block;
  text-align: center;
  padding: 0px 4px;
  min-width: 22px;
  background-color: #ff9d0063;
  font-weight: 600;
  border-radius: 4px;
  line-height: 1.6;
}
.p-user-body h5 a:hover,
.p-t-action a:hover{
  color: #ff9d00;
}
.p-t-count a:hover{
  color: #333;
  background-color:#ffae2c !important;
}

.p-user-image-text{
  width: 36px;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
}

.bg-1{
  background-color: rgb(250, 237, 197);
  color: hsla(44, 43%, 20%, 1);
}
.bg-2{
  background-color: rgb(247 166 177);
  color: hsla(352, 92%, 20%, 1);
}
.bg-3{
  background-color: rgb(193, 197, 241);
  color: hsla(235, 100%, 20%, 1);
}
.bg-4{
  background-color: rgb(236, 232, 170);
  color: hsla(56, 83%, 20%, 1);
}
.bg-5{
  background-color: rgb(158, 217, 248);
  color: hsla(201, 97%, 20%, 1);
}
.bg-6{
  background-color: rgb(160, 218, 191);
  color: hsla(153, 38%, 20%, 1);
}
.bg-7{
  background-color: rgb(248, 191, 153);
  color: hsla(24, 97%, 20%, 1);
}
.bg-8{
  background-color: hsla(200, 77%, 68%, 1);
  color: hsla(200, 77%, 20%, 1);
}
.bg-9{
  background-color: rgb(248, 248, 196);
  color: hsla(60, 88%, 20%, 1);
}
.bg-10{
  background-color: hsla(235, 100%, 82%, 1);
  color: hsla(235, 100%, 20%, 1);
}
.bg-11{
  background-color: rgb(247, 213, 188);
  color: hsla(26, 100%, 20%, 1);
}
.bg-12{
  background-color: rgb(190, 245, 221);
  color: hsla(154, 75%, 20%, 1);
}
.bg-13{
 background-color: rgb(198, 191, 241);
 color: hsla(250, 63%, 20%, 1);

}
.bg-14{
  background-color: rgb(176, 170, 204);
  color: hsla(250, 37%, 20%, 1);
}