/*
* demo.css
* File include item demo only specific css only
******************************************************************************/
.delete-leave-time,
.delete-leave{
position: absolute;
top: 0;
right: 0;
background-color: transparent;
border: none;
color: red;
}
.pagination{
margin-top: 10px;
display: flex;
justify-content: flex-end;
}
.menu .app-brand.demo {
    height: 100px;
    width: auto;
    margin-top: 12px;
    display: flex;
    justify-content: center;
  }
  .app-brand a img{
    height: 60px !important;
    width: auto !important;
  }
  .app-brand-logo.demo  svg {
    width: 22px;
    height: 38px;
  }

  .app-brand-text.demo {
    font-size: 1.75rem;
    letter-spacing: -0.5px;
    text-transform: lowercase;
  }

  /* ! For .layout-navbar-fixed added fix padding top to .layout-page */
  /* Detached navbar */
  .layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
    padding-top: 76px !important;
  }
  /* Default navbar */
  .layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
    padding-top: 64px !important;
  }
  .docs-page .layout-navbar-fixed.layout-wrapper:not(.layout-without-menu) .layout-page,
  .docs-page .layout-menu-fixed.layout-wrapper:not(.layout-without-menu) .layout-page {
    padding-top: 62px !important;
  }

  /* Navbar page z-index issue solution */
  .content-wrapper .navbar {
    z-index: auto;
  }

  /*
  * Content
  ******************************************************************************/

  .demo-blocks > * {
    display: block !important;
  }

  .demo-inline-spacing > * {
    margin: 1rem 0.375rem 0 0 !important;
  }

  /* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
  .demo-vertical-spacing > * {
    margin-top: 1rem !important;
    margin-bottom: 0 !important;
  }
  .demo-vertical-spacing.demo-only-element > :first-child {
    margin-top: 0 !important;
  }

  .demo-vertical-spacing-lg > * {
    margin-top: 1.875rem !important;
    margin-bottom: 0 !important;
  }
  .demo-vertical-spacing-lg.demo-only-element > :first-child {
    margin-top: 0 !important;
  }

  .demo-vertical-spacing-xl > * {
    margin-top: 5rem !important;
    margin-bottom: 0 !important;
  }
  .demo-vertical-spacing-xl.demo-only-element > :first-child {
    margin-top: 0 !important;
  }

  .rtl-only {
    display: none !important;
    text-align: left !important;
    direction: ltr !important;
  }

  [dir='rtl'] .rtl-only {
    display: block !important;
  }

  /* Dropdown buttons going out of small screens */
  @media (max-width: 576px) {
    #dropdown-variation-demo .btn-group .text-truncate {
      width: 231px;
      position: relative;
    }
    #dropdown-variation-demo .btn-group .text-truncate::after {
      position: absolute;
      top: 45%;
      right: 0.65rem;
    }
  }

  /*
  * Layout demo
  ******************************************************************************/

  .layout-demo-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 1rem;
  }
  .layout-demo-placeholder img {
    width: 900px;
  }
  .layout-demo-info {
    text-align: center;
    margin-top: 1rem;
  }

  /* ====================================================datatable */
  /* .dataTables_filter{
    margin-top: 0px !important;
    margin-bottom: 10px !important;
  }
  .dataTables_filter label input{
    margin-top: 0px !important;
    margin-bottom: 10px !important;
    width: 100%;
  }
  .dataTables_filter label{
    width: 100%;
    text-align: left;
  }
  .dataTables_filter{
    width: 100%;
  } */
  div.dataTables_wrapper div.dataTables_filter input {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB2ZXJzaW9uPSIxLjEiICAgaWQ9InN2ZzQ0ODUiICAgdmlld0JveD0iMCAwIDIxLjk5OTk5OSAyMS45OTk5OTkiICAgaGVpZ2h0PSIyMiIgICB3aWR0aD0iMjIiPiAgPGRlZnMgICAgIGlkPSJkZWZzNDQ4NyIgLz4gIDxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhNDQ5MCI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxnICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0xMDMwLjM2MjIpIiAgICAgaWQ9ImxheWVyMSI+ICAgIDxnICAgICAgIHN0eWxlPSJvcGFjaXR5OjAuNSIgICAgICAgaWQ9ImcxNyIgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjAuNCw4NjYuMjQxMzQpIj4gICAgICA8cGF0aCAgICAgICAgIGlkPSJwYXRoMTkiICAgICAgICAgZD0ibSAtNTAuNSwxNzkuMSBjIC0yLjcsMCAtNC45LC0yLjIgLTQuOSwtNC45IDAsLTIuNyAyLjIsLTQuOSA0LjksLTQuOSAyLjcsMCA0LjksMi4yIDQuOSw0LjkgMCwyLjcgLTIuMiw0LjkgLTQuOSw0LjkgeiBtIDAsLTguOCBjIC0yLjIsMCAtMy45LDEuNyAtMy45LDMuOSAwLDIuMiAxLjcsMy45IDMuOSwzLjkgMi4yLDAgMy45LC0xLjcgMy45LC0zLjkgMCwtMi4yIC0xLjcsLTMuOSAtMy45LC0zLjkgeiIgICAgICAgICBjbGFzcz0ic3Q0IiAvPiAgICAgIDxyZWN0ICAgICAgICAgaWQ9InJlY3QyMSIgICAgICAgICBoZWlnaHQ9IjUiICAgICAgICAgd2lkdGg9IjAuODk5OTk5OTgiICAgICAgICAgY2xhc3M9InN0NCIgICAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjY5NjQsLTAuNzE3NiwwLjcxNzYsMC42OTY0LC0xNDIuMzkzOCwyMS41MDE1KSIgICAgICAgICB5PSIxNzYuNjAwMDEiICAgICAgICAgeD0iLTQ2LjIwMDAwMSIgLz4gICAgPC9nPiAgPC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-color: #f6f6f6;
    background-position: 4px 8px !important;
    background-size: 25px;
    margin-right: 10px;
  }
  div.dataTables_wrapper div.dataTables_filter input {
    background-color: #f6f6f6;
    border-radius: 6px !important;
    border: none !important;
    padding: 10px 30px !important;
    font-size: 14px !important;
    margin-bottom: 15px !important; }
    div.dataTables_wrapper div.dataTables_filter input:active, div.dataTables_wrapper div.dataTables_filter input:focus {
      outline: none !important;
      box-shadow: none; }
    @media only screen and (max-width: 650px) {
      div.dataTables_wrapper div.dataTables_filter input {
        width: 100% !important; } }

  div.dataTables_wrapper div.dataTables_filter label {
    font-size: 0px !important; }
    @media only screen and (max-width: 650px) {
      div.dataTables_wrapper div.dataTables_filter label {
        width: 100% !important; } }

  div.dataTables_wrapper div.dataTables_filter input {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB2ZXJzaW9uPSIxLjEiICAgaWQ9InN2ZzQ0ODUiICAgdmlld0JveD0iMCAwIDIxLjk5OTk5OSAyMS45OTk5OTkiICAgaGVpZ2h0PSIyMiIgICB3aWR0aD0iMjIiPiAgPGRlZnMgICAgIGlkPSJkZWZzNDQ4NyIgLz4gIDxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhNDQ5MCI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxnICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0xMDMwLjM2MjIpIiAgICAgaWQ9ImxheWVyMSI+ICAgIDxnICAgICAgIHN0eWxlPSJvcGFjaXR5OjAuNSIgICAgICAgaWQ9ImcxNyIgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjAuNCw4NjYuMjQxMzQpIj4gICAgICA8cGF0aCAgICAgICAgIGlkPSJwYXRoMTkiICAgICAgICAgZD0ibSAtNTAuNSwxNzkuMSBjIC0yLjcsMCAtNC45LC0yLjIgLTQuOSwtNC45IDAsLTIuNyAyLjIsLTQuOSA0LjksLTQuOSAyLjcsMCA0LjksMi4yIDQuOSw0LjkgMCwyLjcgLTIuMiw0LjkgLTQuOSw0LjkgeiBtIDAsLTguOCBjIC0yLjIsMCAtMy45LDEuNyAtMy45LDMuOSAwLDIuMiAxLjcsMy45IDMuOSwzLjkgMi4yLDAgMy45LC0xLjcgMy45LC0zLjkgMCwtMi4yIC0xLjcsLTMuOSAtMy45LC0zLjkgeiIgICAgICAgICBjbGFzcz0ic3Q0IiAvPiAgICAgIDxyZWN0ICAgICAgICAgaWQ9InJlY3QyMSIgICAgICAgICBoZWlnaHQ9IjUiICAgICAgICAgd2lkdGg9IjAuODk5OTk5OTgiICAgICAgICAgY2xhc3M9InN0NCIgICAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjY5NjQsLTAuNzE3NiwwLjcxNzYsMC42OTY0LC0xNDIuMzkzOCwyMS41MDE1KSIgICAgICAgICB5PSIxNzYuNjAwMDEiICAgICAgICAgeD0iLTQ2LjIwMDAwMSIgLz4gICAgPC9nPiAgPC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-color: #f6f6f6;
    background-position: 4px 8px !important;
    background-size: 25px; }
    @media only screen and (max-width: 650px) {
      div.dataTables_wrapper div.dataTables_filter input {
        width: 100% !important; } }

  .edit-data{
    font-size: 12px;
    font-weight: 500;
    color:white;
    background-color: #1C315E;
    border-color: #1C315E;
    box-shadow: 0 0.125rem 0.25rem 0 rgba(105, 108, 255, 0.4);
    padding: 4px 15px;
    border: none;
    border-radius: 4px;
    margin: 0px 5px !important;
  }
  .edit-data:hover{
    color: white !important;
  }
  .delete-data{
    font-size: 12px;
    font-weight: 500;
    color:white;
    background-color: #dc3545;
    border: none;
    box-shadow: 0 0.125rem 0.25rem 0 rgba(235, 110, 122, 0.4);
    padding: 4px 15px;
    border-radius: 4px;
    margin: 0px 5px !important;
  }
  .dataTable{
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
  }
  .datatable-responsive2{
    width: 100%;
     overflow-x: auto;
   }
  .datatable-responsive2 .dataTable tr td{
   border-right: 1px solid white;
  }
  .datatable-responsive2::-webkit-scrollbar {
    height: 5px;
  }
  .datatable-responsive .dataTable tr th,
  .datatable-responsive2 .dataTable tr th{
   white-space: nowrap;
   }


  .datatable-responsive2::-webkit-scrollbar-thumb {
    background-color: #1C315E;
  }
  .total-text h2{
     font-size: 18px;
     font-weight: 600;
     margin-bottom: 0px;
     padding-bottom: 0;
  }
  .info-btn{
    background-color: transparent;
    border: none;
  }
  .info-btn i{
    color: #1C315E;
  }



  /* reciept */
  .reciept-box {
    border-radius: 1px;
    border: 0px solid var(--Denim-blue, #39455F);
    background:transparent;
    padding: 0px 0px;
  }

  .reciept-box h2 {
    color: var(--Denim-blue, #39455F);

    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.32px;
  }

  .reciept-header {
    padding: 10px 0px;
  }

  .border-r {
    border: 1px solid #D1D1D1;
    ;
  }
  .info-modal{
    min-width: 320px;
    margin-left:auto;
    margin-right: auto;
  }
  .reciept-box h4 {
    color: var(--Denim-blue, #39455F);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;

    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    /* 19.6px */
    margin-bottom: 6px;
  }

  .reciept-box p {
    color: rgba(9, 32, 68, 0.65);

    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.24px;
  }

  .total-div {
    display: flex;
    padding: 0px 10px;
    align-items: flex-start;
    gap: 163px;
    align-self: stretch;
    border-radius: 1px;
    background:#1C315E;
  }

  .reciept-note {
    border-radius: 4px;
    border: 1px solid var(--Denim-blue, #39455F);
    padding: 15px;
    color: var(--Denim-blue, #39455F);

    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }

  @media only screen and (max-width:500px)
  {
    .datatable-responsive{
      width: 100%;
       overflow-x: auto;
     }
    .datatable-responsive .dataTable{
      width: 450px !important;
    }


  }

  .bg-menu-theme .menu-inner-shadow{
    background: none !important;
  }
  /* ==============================================student management */
  /* Style the tab */
  .tab {
    overflow: hidden;
    background-clip: padding-box;
    box-shadow: 0 2px 6px 0 rgba(67, 89, 113, 0.12);
    background-color: white;
    border-radius: 3px;

  }

  /* Style the buttons inside the tab */
  .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 12px 16px;
    transition: 0.3s;
    font-size: 14px;
    font-weight: 500;
  }

  /* Change background color of buttons on hover */
  .tab button:hover {
    background-color: #ddd;
  }

  /* Create an active/current tablink class */
  .tab button.active {
    background-color: #1C315E;
    color: white;
  }

  /* Style the tab content */
  .tabcontent {
    /* display: none; */
    border-top: none;
    border: none !important;
  }
  .card{
    border: none !important;
  }
  .dt-head{
    background-color: #1C315E;

  }
  .dt-head th{
    color: white !important;
    white-space: nowrap;
  }
  table.dataTable>tbody>tr.child ul.dtr-details{
    width: 100% !important;
  }

  table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
  table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
    height: 15px !important;
    width: 15px !important;
    color: white !important;
    border: 2px solid white !important;
    border-radius: 100% !important;
    box-shadow: 0 0 0.2em #444;
    box-sizing: content-box;
    text-align: center !important;
    text-indent: 0 !important;
    line-height: 0;
    content: "+" !important;
    background-color: #31b131;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important; }

  table.dataTable.dtr-inline.collapsed
  > tbody
  > tr.parent
  > td.dtr-control:before,
  table.dataTable.dtr-inline.collapsed
  > tbody
  > tr.parent
  > th.dtr-control:before {
    content: "-" !important;
    background-color: #d33333; }
  .dtr-title{
    min-width: 110px !important;
  }
  table.dataTable>tbody>tr{
    border-color: rgb(233, 225, 225)!important;
  }
  .modal-fullscreen .modal-content{
    height: fit-content !important;
  }
  .modal-fullscreen{
    width: 80vw;
    margin:20px auto !important;
  }
  .modal-fullscreen2{
    width: 97vw;
    margin:20px auto !important;
  }
  .modal-header-style{
    background-color: #1C315E;
  }
  .comment-div{
    background-color: #1C315E;
    padding: 7px 15px;
    color: white;
    font-size: 16px;
    font-weight: 500;
    border-radius: 4px;
  }
  .filter-div{
    z-index: 10 !important;
    position: relative !important;
  }
  #assign_wrapper,
  #example_wrapper{
    margin-top: -40px;

  }
  .add-more-uni-row2,
  .add-more-uni-row{
    background-color: #ece8e8;
    border: 1px solid #1C315E;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 20px;
  }
  .delete-uni2,
  .delete-uni{
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: white;
    border-radius: 4px;
    padding: 5px;
    box-shadow: 0 0.125rem 0.25rem 0 rgba(105, 108, 255, 0.4);
    cursor: pointer;
  }
   /* Add custom styles to move the search filter to the left */
   /* .dataTables_wrapper .dataTables_filter {
    text-align: left !important;
  } */

   table.dataTable.nowrap td{
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: start !important;
    font-size: 14px !important;
  }
  .dataTables_filter.row>.col-md-6,
  #sm-table_wrapper>.row>.col-md-6,
  #closed_wrapper>.row>.col-md-6,
  #visaRefused_wrapper>.row>.col-md-6,
  #visaAccepted_wrapper>.row>.col-md-6,
  #t20_wrapper>.row>.col-md-6,
  #paidstudent_wrapper>.row>.col-md-6,
  #inprogress_wrapper>.row>.col-md-6,
  #inquiry_wrapper>.row>.col-md-6{
    width: 100% !important;
  }

  div.dataTables_wrapper div.dataTables_filter,
  div.dataTables_wrapper div.dataTables_filter label,
  div.dataTables_wrapper div.dataTables_filter label input{
    width: 100% !important;
    margin: 0px !important;
    margin-bottom: 3px !important;
  }
  /* #example_filter,
  #example_filter label,
  #example_filter label input
  #assign_filter,
  #assign_filter label,
  #assign_filter label input{
    width: auto !important;
    margin: 0px !important;
    margin-bottom: 3px !important;
    position: relative !important;
    z-index: 15 !important;
  } */

  .table-responsive::-webkit-scrollbar {
    height: 20px;
    cursor:pointer;
  }
  .mt-n{
    margin-top: -42px !important;
  }
  #assign-C_filter{
  width: 300px !important;
  float: left !important;

  }
  td{
    white-space: nowrap;
    font-size:14px !important;
  }
  .table-responsive::-webkit-scrollbar-thumb {
    background-color: #1C315E;
  }
  .dashboard-btn{
    padding: 20px;
    box-shadow: 0 2px 6px 0 rgba(67, 89, 113, 0.12);
    border-radius: 4px;
  }

  .dashboard-btn i{
    font-size: 22px;
  }

  .print-invoice {
    padding: 30px;
  }
  .print-invoice-detail{
    padding:60px 40px;
    border: 1px solid gray;
  }
  .print-invoice-detail h3{
    font-size: 25px;
    font-weight: 500;
  }
  .print-invoice-detail h4{
    font-size: 20px;
    font-weight: 600;
  }
  .print-invoice-detail p{
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0px ;
    padding-bottom: 0px;
  }
  .print-invoice-detail h2{
    font-size: 18px;
    font-weight: 600;
  }
  .print-invoice-detail input{
    background-color: transparent;
    border: none;
    border-bottom: 2px solid gray;
  }
  /* ===================================================login */
  .login-card{
    background-color: white;
    padding: 30px;
    border-radius: 6px;
    min-width: 400px;
  }
  .login-card h2{
    font-size: 24px;
    font-weight: 700;
    color: #222367 !important;
  }
  .login-card p{
    font-size: 14px;
    font-weight: 500;
  }
  .login-card label{
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
  }

  @media only screen and (max-width:1024px){
    .tab{
      overflow-x: auto;
    }
    .tab-scroll{
      width: 900px;

    }
  }
  @media only screen and (max-width:991px){
    .mt-n{
      margin-top: 15px !important;
    }
    #assign-C_filter{
      width: 100% !important;
    }

  }
  @media only screen and (max-width:768px){
    .btn-group2{
      display: flex;
      flex-direction: column;
    }
    #assign_wrapper,
    #example_wrapper{
      margin-top: 15px;

    }
    .session-select{
      width: 100% !important;
    }
    #example_filter,
  #example_filter label,
  #example_filter label input
  #assign_filter,
  #assign_filter label,
  #assign_filter label input{
    width: 100% !important;

  }
  }




  .delete-leave{
    position: absolute;
    top: 0;
    right: 12px;
    background-color: transparent;
    border: none;
    color: red;
  }


  .delete-time{
    position: absolute;
    top: 4px;
    right: 12px;
    background-color: transparent;
    border: none;
    color: red;
  }

  .toolpit-btn{
    position: relative;
    width: 70px;
    height: 22px;
  }

  .toolpit-div{
    position: absolute;
    width: 150px;
    bottom: 29px;
    left: -40px;
    background-color: #1C315E;
    padding: 7px;
    border-radius: 6px !important;
    z-index: 100 !important;
    display: none;
  }
  .toolpit-text{
    position: relative;
  }
  .toolpit-text h3{
   font-size: 14px;
   font-weight: 500;
   color: white;
   margin: 0px !important;
   margin-bottom: 7px;
  }
  .toolpit-text p{
   font-size: 12px;
   font-weight: 500;
   color: white;
   margin-bottom: 0px;
   text-wrap: wrap;
  }
  .arrow-down {
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;

    border-top: 13px solid #1C315E;
    position: absolute;
    bottom: -20px;
    left: 55px;
  }

  .toolpit-btn:hover .toolpit-div{
    display: block;
  }
  .fc-event-main-frame{
      display:none !important;
  }
  .event-details{
    color: #1C315E !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
  }
  .event-title,
  .event-time{
    font-size: 12px;
    font-weight: 500;
    color:white !important;
    /*margin-bottom: 7px;*/
  }
  .fc-day-future{
      position:relative !important;
      z-index:1 !important;
  }
      .event-hover-detail{
  position: absolute;
  top: -80px;
  height: 90px;
 background-color: #000000d5;
  color: white;
  text-align: center;
  font-size: 14px;
  display:none;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:7px;
  border-radius:8px;
  z-index:10;
}
.event-details:hover{
    cursor:pointer;
}
.event-details:hover .event-hover-detail{
    display:flex;
}
  .fc-timegrid-event-harness-inset .fc-timegrid-event, .fc-timegrid-event.fc-event-mirror, .fc-timegrid-more-link{
      background-color:#1C315E !important;
      height:36px;
  }
  .fc-toolbar-title{
    font-size: 18px !important;
    font-weight: 500 !important;
    margin-bottom: 15px !important;
  }
  .table-responsive{
    width: 100%;
    overflow-x: auto;
  }
  .dashboard-table-lg{
    min-width: 700px;
  }
  .fc-dayGridMonth-button{
    display: none !important;
  }
  .fc-button-primary{
    border-radius: 4px !important;
    margin-left: 7px !important;
  }
  .expens-total {
    border: 1px solid #d9dee3;
    border-radius:0 0 6px 6px;
    padding: 15px;
    border-top: 7px solid #222367;
  }
  .expens-total h1{
     font-size: 16px;
     font-weight: 600;
     color: #222367;
  }
  .expens-total h2{
    font-size: 16px;
    font-weight: 500;
  }
  @media only screen and (max-width:560px){
    .modal-fullscreen{
      width: 100vw;
    }
    .dtr-details li{
      display: flex;
      flex-direction: column;
    }
    table.dataTable.nowrap th, table.dataTable.nowrap td{
      padding: 12px 6px;
    }
    div.dataTables_wrapper div.dataTables_filter input{
      margin-left: 0px !important;
    }
    .login-content{
      width: 100%;
      align-items: flex-start !important;
      background-color: white !important;
    }
    .login-content form{
      width: 100%;
      align-items: flex-start !important;
    }
    .login-card{
      width: 100%;
      min-width: 100%;
    }
    .event-time{
      font-size: 12px !important;
      font-weight: 500;
      margin-bottom: 7px;
    }
    .event-details{
        position:relative;
    }

    .fc-toolbar-title{
      font-size: 14px !important;
      font-weight: 500 !important;
      margin-bottom: 15px !important;
    }
  }

  .dropdown2 {
    position: relative;
    font-size: 14px;
    color: #333;
  }
  .dropdown2 .dropdown-list {
    padding: 12px;
    background: #fff;
    position: absolute;
    top: 30px;
    left: 2px;
    right: 2px;
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.15);
    transform-origin: 50% 0;
    transform: scale(1, 0);
    transition: transform 0.15s ease-in-out 0.15s;
    max-height: 66vh;
    overflow-y: scroll;
  }
  .dropdown2 .dropdown-option {
    display: block;
    padding: 8px 12px;
    opacity: 0;
    transition: opacity 0.15s ease-in-out;
  }
  .dropdown2 .dropdown-label {
    display: block;
    height: 42px;
    background: #fff;
    border: 1px solid #d9dee3;
    padding: 0.4375rem 1.875rem 0.4375rem 0.875rem;
    line-height: 2;
    cursor: pointer;
    border-radius: 0.375rem;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #697a8d;
  }
  .dropdown2 .dropdown-label:before {
    content: '▼';
    float: right;
  }
  .dropdown2.on .dropdown-list {
    transform: scale(1, 1);
    transition-delay: 0s;
  }
  .dropdown2.on .dropdown-list .dropdown-option {
    opacity: 1;
    transition-delay: 0.2s;
  }
  .dropdown2.on .dropdown-label:before {
    content: '▲';
  }
  .dropdown2 [type="checkbox"] {
    position: relative;
    top: -1px;
    margin-right: 4px;
  }