/*input [type=text] {
    text-transform: uppercase !important;
}*/
:root {
    --base-color: #363996;
    --warning-color:#ff9800;
    --danger-color:red;
    --info-color:#26c6da;
    --black-color:black;
    --white-color:white;
    --link-color:black;
    --link-color-hover:rgb(41, 41, 41);
    --dark-gray-color:rgb(99, 99, 99);
}
.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;
  }

  /* custom select box */

  select{
    /* styling */
    width: 100%;
    cursor: pointer;
    background-color: white;
    border: thin solid rgb(196, 196, 196);
    border-radius: 4px;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 0.5em 3.5em 0.5em 1em;
    /* reset */
    margin: 0;      
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    }

    select.minimal {
    background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
    background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
    background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
    background-repeat: no-repeat;
    }

    select.minimal:focus {
    background-image:
    linear-gradient(45deg, rgb(196, 196, 196) 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, rgb(196, 196, 196) 50%),
    linear-gradient(to right, #ccc, #ccc);
    background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
    background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
    background-repeat: no-repeat;
    border-color: rgb(196, 196, 196);
    outline: 0;
    }

    select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
    }

  /* custom select box */
  
  /* custom number field */
  /* Chrome, Safari, Edge, Opera */
  .custom_number::-webkit-outer-spin-button,
  .custom_number::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  /* Firefox */
  input.custom_number {-moz-appearance: textfield;}
  /* custom number field */

  /* .btn.btn-warning {
    background-color: var(--dark-gray-color);
  }
  .btn.btn-warning:hover {
    background-color: var(--dark-gray-color);
  } */
  
  .logo {
    background-color: var(--base-color) !important;
  }
  .logo > a {
    color: var(--white-color) !important;
  }

  .typewriter span{
    overflow: hidden; /* Ensures the content is not revealed until the animation */
    border-right: .15em solid orange; /* The typwriter cursor */
    white-space: nowrap; /* Keeps the content on a single line */
    margin: 0 auto; /* Gives that scrolling effect as the typing happens */
    letter-spacing: .10em; /* Adjust as needed */
    animation: 
      typing 3.5s steps(40, end),
      blink-caret .75s step-end infinite;
  }
  
  /* The typing effect */
  @keyframes typing {
    from { width: 0 }
    to { width: 100% }
  }
  
  /* The typewriter cursor effect */
  @keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: rgb(241, 11, 11); }
  }

 .thumnail {
    width: 50px;
    object-fit: cover;
    cursor: pointer;
    margin-left: 20px;
 }

/*blink animation*/    

.blink {
animation: blink-animation .5s steps(5, start) infinite;
-webkit-animation: blink-animation .5s steps(5, start) infinite;
}
@keyframes blink-animation {
to {
opacity:0;
color#363996;
}
}
@-webkit-keyframes blink-animation {
to {
opacity:0;
color:#363996;
}
}