@import url('https://fonts.googleapis.com/css2?family=Baloo+Tamma+2:wght@400;500;600;700;800&display=swap');
*{
    font-family: 'Baloo Tamma 2', cursive;
}

.pagination .page-item.active .page-link, .pagination .page-item .page-link:hover{
    background-color: #2563eb;
    color: #FFFFFF;
}

.table th.sort:hover a{
    text-decoration: underline;
    color: dodgerblue;
}

.bg-gray-100{
    background-color: rgb(243 244 246);
}

.divide-gray-200{
    border-color: rgb(229 231 235);
}

.divide-y{
    border-top-width: 1px;
    border-bottom-width: 0px;
}

.divide-y > *{
    box-sizing: border-box;
    border: .5px solid #e5e7eb;
}

.text-left{text-align: left !important;}

.breadcrumb.breadcrumb-gray {
    margin-left: 2.5rem;
    height: 100%;
   /* border-left-width: 1px;*/
    /*border-color: rgb(255 255 255 / 0.08);*/
    border-color: #e2e8f0;
    padding-left: 2.5rem;
}

html{
    background-color: #FFFFFF;
}

.top-bar-boxed{
    background-color: #F2FFFE !important;
    border-bottom: 1px solid #DFEDF2 !important;
}

a {
    color: #075A81 !important;
}

.wrapper .wrapper-box{
    background-color: #31B7BC;
}

.side-nav > ul > li > .side-menu.side-menu--active  {
    background-color: #8BE8E5;
    color: #075A81;
}

.side-nav > ul > li > .side-menu.side-menu--active  {
    background-color: #8BE8E5;
    color: #075A81;
}

.side-nav .side-submenu  {
    background-color: #8BE8E5;
}

a.side-menu.side-menu--active .side-menu__title, a.side-menu.side-menu--active .side-menu__icon{
    color: #075A81;
}

a.side-menu .side-menu__icon{
    color:#fff;
}

.side-nav .side-menu .side-menu__title {
    color: #fff;
}

.btn-primary {
    --tw-border-opacity: 1;
    border-color: #8BE8E5;
    --tw-bg-opacity: 1;
    background-color: #8BE8E5;
    --tw-text-opacity: 1;
    color: #075A81;
    font-weight: 700;
}

.btn {
    border-radius: 40px;
}

.btn-gray{
    background-color: rgba(0, 31, 39, 0.12);
    color: rgba(0, 31, 39, .5);
}

.text-red{
    color: lightcoral;
}

.text-green{
    color:#31B7BC;
}

.text-yellow{
    color:burlywood;
}

.text-blue{
    color: #2563eb;
}
.btn-gray:hover{
    --tw-border-opacity: 1;
    border-color: #8BE8E5;
    --tw-bg-opacity: 1;
    background-color: #8BE8E5;
    --tw-text-opacity: 1;
    color: #075A81;
    font-weight: 700;
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.side-nav > ul > li > .side-menu:hover:not(.side-menu--active):not(.side-menu--open) {
    background-color: #8BE8E5;
    color: #075A81 !important;
}

.side-nav > ul > li > .side-menu:hover:not(.side-menu--active):not(.side-menu--open) .side-menu__title, .side-nav > ul > li > .side-menu:hover:not(.side-menu--active):not(.side-menu--open) .side-menu__icon {
    color: #075A81 !important;
}

.side-nav .side-menu {
    color: #fff;
}

.side-nav > ul ul li a:not(.side-menu--active) .side-menu__title, .side-nav > ul ul li a:not(.side-menu--active) .side-menu__icon{
    color: rgb(7 90 129 / 70%);
}

.pagination .page-item.active .page-link, .pagination .page-item .page-link:hover {
    background-color: #60757C;
    color: #FFFFFF;
}

.content {
    border-radius: 18px;
    background-color: #DFEDF2;
    box-shadow: none;
}

.side-nav > ul > li > .side-menu.side-menu--active:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='80' viewBox='0 0 20 122.1'%3E%3Cpath data-name='Union 1' d='M16.038 122H16v-2.213a95.805 95.805 0 00-2.886-20.735 94.894 94.894 0 00-7.783-20.434A39.039 39.039 0 010 61.051a39.035 39.035 0 015.331-17.567 94.9 94.9 0 007.783-20.435A95.746 95.746 0 0016 2.314V0h4v122h-3.961v.1l-.001-.1z' fill='%23DFEDF2'/%3E%3C/svg%3E");
}

.table li {
    list-style: none;
}

.table li::before {
    content: '- ';
}

.login:before {
    background-color: #8BE8E5;
}
.login:after {
    background-color: #D4F4F2;
}

.dropdown-menu .dropdown-content {
    box-shadow: 0px 3px 10px #00000017;
    border-radius: 20px;
    background: #ffffff;
    color: #313B3F;
}

.text-blue-main{
    color:#075A81 !important;
}

.box {
    box-shadow: none;
    border-radius: 20px;
}

.table th {
    color: #075A81;
    border-bottom-width: 1px;
    border-color: #AFD0DD;
}

.table td {
    border-bottom-width: 0;
}

#mobile-menu-toggler svg{
    color:#075A81 !important;
}

/* MENU */
.side-nav .side-menu .side-menu__title {
    margin: 0 0.75rem;
}
.side-menu__title span {
    width: calc(100% - 30px);
}
.badge-notification {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #075A81;
    border: 0;
    color: #ffffff;
    margin: 0 4px;
    text-align: center;
    font-size: 8px;
    line-height: 1;
}

.form-control[readonly] {
    cursor: default;
    background-color: white;
}

.form-control[readonly]:focus{
    border: none !important;
    box-shadow: none !important;
}

.form-label{
    color: #75787D;
    font-size: 0.75rem;
    margin-bottom: 0 !important;
}

.my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.bg-primary{
    background-color: #31B7BC !important;
    color: white !important;
}

.select2.select2-container{
    width: 100% !important;
}

.modal-change-billing-status-container{
    background: #ffffff8a;
  }
  
  .modal-change-billing-status-wrapper{
    margin: auto;
    padding-top: 25%;
  }

.modal-block-option
{
    background: #8BE8E5;
}  
  .button-accept-modal-billing-status{
    margin: 12Px;
    background-color: #2A9CA0;
  }
.h3-color
{
    color: #075A81
}