/*input [type=text] {
    text-transform: uppercase !important;
}*/

.hide {

    display: none;

}

.loader {

    position: fixed;

    display: none;

    width: 130px;

    height: 130px;

    padding: 5px;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -60%);

    z-index: 999999999999;

    background-color: #363996;

    border-radius: 5px;

}

.loader img {

    width: 100%;

    margin-bottom: 5px;

}

.loader span {

   font-size: 13px;

   font-weight: 500;

   display: block;

   text-align: center;

}

.photo {

    width: 50px !important;

}

.profile_div {

    display: flex;

    justify-content: center;

}

#profile_pic {

    width: 100px;

    height: auto;

    margin-bottom: 50px;

    border: 1px solid rgba(0,0,0,0.2);

    border-radius: 50%;

    padding: 10px;

        

}

input {

    padding-left: 6px !important;

}

.pagination > .page-item.active > a, .pagination > .page-item.active > a:focus, .pagination > .page-item.active > a:hover, .pagination > .page-item.active > span, .pagination > .page-item.active > span:focus, .pagination > .page-item.active > span:hover {

background-color: #e91e63 !important;

border-color: #e91e63 !important;

}    



/* .btn, .btn.btn-default {

    color: #fff;

    background-color: #e91e63;

    border-color: #e91e63;

    box-shadow: 0 2px 2px 0 hsl(0deg 0% 60% / 14%), 0 3px 1px -2px hsl(0deg 0% 60% / 20%), 0 1px 5px 0 hsl(0deg 0% 60% / 12%);

}



.btn.active, .btn.btn-default.active, .btn.btn-default:active, .btn:active, .open > .btn.btn-default.dropdown-toggle, .open > .btn.dropdown-toggle, .show > .btn.btn-default.dropdown-toggle, .show > .btn.dropdown-toggle {

    color: #fff;

    background-color: #e91e63;

    border-color: #e91e63;

    box-shadow: 0 2px 2px 0 hsl(0deg 0% 60% / 14%), 0 3px 1px -2px hsl(0deg 0% 60% / 20%), 0 1px 5px 0 hsl(0deg 0% 60% / 12%);

}



.btn.active.focus, .btn.active:focus, .btn.active:hover, .btn.btn-default.active.focus, .btn.btn-default.active:focus, .btn.btn-default.active:hover, .btn.btn-default:active.focus, .btn.btn-default:active:focus, .btn.btn-default:active:hover, .btn:active.focus, .btn:active:focus, .btn:active:hover, .open > .btn.btn-default.dropdown-toggle.focus, .open > .btn.btn-default.dropdown-toggle:focus, .open > .btn.btn-default.dropdown-toggle:hover, .open > .btn.dropdown-toggle.focus, .open > .btn.dropdown-toggle:focus, .open > .btn.dropdown-toggle:hover, .show > .btn.btn-default.dropdown-toggle.focus, .show > .btn.btn-default.dropdown-toggle:focus, .show > .btn.btn-default.dropdown-toggle:hover, .show > .btn.dropdown-toggle.focus, .show > .btn.dropdown-toggle:focus, .show > .btn.dropdown-toggle:hover {

    color: #fff;

    background-color: #e91e63;

    border-color: #e91e63;

}

.bootstrap-select > .dropdown-toggle:hover {

    background-color: #e91e63;

    border-color: #e91e63;

} */





.bootstrap-select .dropdown-item.active {

    background: #e91e63;

    color: #fff;

}

.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {

    color: #fff;

}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {

    width: 100%;

}

/* .input-group-text {

    

    position:absolute;

    top: 0;

    right:10px;

        

} */

.btn_close,.btn_more {

    cursor: pointer;

}



.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {

padding: 12px 8px;

vertical-align:baseline;

/* border-color: rgba(226, 226, 226, 0.8); */

}

.customTable > tbody > tr > td {

    padding: 12px 8px;

    vertical-align:baseline;    

    border-color: transparent;

}



/* customize colors */

/* .btn-rose {

    background-color: #363996 !important;

} */

/* ------------------------------------------------------------------------- */

.btn.btn-rose {

    color: #fff;

    background-color: #363996;

    border-color: #363996;

    box-shadow: 0 2px 2px 0 rgb(54 57 150 / 14%), 0 3px 1px -2px rgb(54 57 150 / 20%), 0 1px 5px 0 rgb(54 57 150 / 12%);

}

.btn.btn-rose:hover {

    color: #fff;

    background-color: #363996;

    border-color: #363996;

    box-shadow: 0 2px 2px 0 rgb(54 57 150 / 14%), 0 3px 1px -2px rgb(54 57 150 / 20%), 0 1px 5px 0 rgb(54 57 150 / 12%);

}

.btn.btn-rose:focus {

    color: #fff;

    background-color: #363996;

    border-color: #363996;

    box-shadow: 0 2px 2px 0 rgb(54 57 150 / 14%), 0 3px 1px -2px rgb(54 57 150 / 20%), 0 1px 5px 0 rgb(54 57 150 / 12%);

}



.nav-pills.nav-pills-rose .nav-item .nav-link.active, .nav-pills.nav-pills-rose .nav-item .nav-link.active:focus, .nav-pills.nav-pills-rose .nav-item .nav-link.active:hover {

    background-color: #363996;

    box-shadow: 0 4px 20px 0 rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(54 57 150 / 40%);

    color: #fff;

}



.pagination > .page-item.active > a, .pagination > .page-item.active > a:focus, .pagination > .page-item.active > a:hover, .pagination > .page-item.active > span, .pagination > .page-item.active > span:focus, .pagination > .page-item.active > span:hover {

    background-color: #363996 !important;

    border-color: #363996 !important;

}



.sidebar[data-color=rose] li.active > a {

    background-color: #363996;

    box-shadow: 0 4px 20px 0 rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(54 57 150 / 40%);

}



.btn.btn-rose.active, .btn.btn-rose:active, .open > .btn.btn-rose.dropdown-toggle, .show > .btn.btn-rose.dropdown-toggle {

    color: #fff;

    background-color: #363996 !important;

    border-color: #363996 !important;

    box-shadow: 0 2px 2px 0 rgb(54 57 150 / 14%), 0 3px 1px -2px rgb(54 57 150 / 20%), 0 1px 5px 0 rgb(54 57 150 / 12%);

}



.bootstrap-select .dropdown-item.active {

    background: #363996;

    color: #fff;

}



.form-control, .is-focused .form-control {

    background-image: linear-gradient(0deg, #363996 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0);

}



.bootstrap-select .dropdown-menu li a:hover {

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background: #363996;

    box-shadow: 0 2px 2px 0 rgb(54 57 150 / 14%), 0 3px 1px -2px rgb(54 57 150 / 20%), 0 1px 5px 0 rgb(54 57 150 / 12%);

}



.card.bg-rose, .card .card-header-rose .card-icon, .card .card-header-rose .card-text, .card .card-header-rose:not(.card-header-icon):not(.card-header-text), .card.card-rotate.bg-rose .back, .card.card-rotate.bg-rose .front {

    background: linear-gradient(60deg, #363996, #2c2f7c);

}

.card .card-header-rose .card-icon, .card .card-header-rose .card-text, .card .card-header-rose:not(.card-header-icon):not(.card-header-text) {

    box-shadow: 0 4px 20px 0 rgb(0 0 0 / 14%), 0 7px 10px -5px rgba(28, 92, 209, 0.4);

}

.sidebar .nav i {

    font-size: 24px;

    float: left;

    margin-right: 15px;

    line-height: 30px;

    width: 30px;

    text-align: center;

    color: #363996;

}



.dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover, .dropdown-menu a:active, .dropdown-menu a:focus, .dropdown-menu a:hover {

    box-shadow: 0 4px 20px 0 rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(54 57 150 / 40%);

    background-color: #363996;

    color: #fff;

}

.text-rose {

    color: #363996 !important;

}

.btn.btn-rose.btn-link, .btn.btn-rose.btn-link:active, .btn.btn-rose.btn-link:focus, .btn.btn-rose.btn-link:hover {

    background-color: transparent;

    color: #363996;

}

.iti {

    z-index: 999999;

}

.tox-promotion {

    display: none !important;

}

.tox-statusbar__branding svg {

    display: none !important;

}


/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: dimgray #ccc;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: #ccc;
}

*::-webkit-scrollbar-thumb {
  background-color: dimgray;
  border-radius: 20px;
  border: 3px solid #ccc;
}
.sidebar-wrapper {

}
.ct-chart-bar {
    overflow: visible;
    margin : 0 0 30px 0;
  }
  
  .ct-chart .ct-label.ct-horizontal.ct-end {
    position: relative;
    justify-content: center;
    text-align: center;
    transform-origin: 100% 0;
    transform: translate(0%) rotate(0deg);
    white-space:nowrap;
  }