/*Added to have an small border bettween sortables and the container
        needed because sortables have no patting bottom*/
        #grid-container {
            padding: 3px;
            /* padding-left: 1px !important; */
            /* padding-right: 1px !important; */
        }
        .grid-small-padding {
          padding-left: 1px !important; padding-right: 1px !important;
        }
        .grid-small-padding-first {
          padding-left: 3px !important;;
        }
        /*Used to fill the gap for a dragged element*/
        .placeholder {
            border: 5px dashed #66ffcc;
            height: 50px;
            border-radius: 5px;
            margin-top: 3px;
        }
        .form-control-number {
            direction: rtl;
        }
        .form-control-xs {
            height: calc(1em + .375rem + 2px) !important;
            padding: .125rem .25rem !important;
            font-size: .75rem !important;
            line-height: 1.5;
            border-radius: .2rem;
        }
        /* .form-control {
            padding: 0.25rem 0.5rem;
        } */
        .form-control-bold {
            font-weight: bold;
        }
        .form-control-medium {
          font-weight: 500;
        }
        .form-control-semi-bold {
          font-weight: 600;
        }
        /* nav-item has-treeview CL_237 menu-is-opening menu-open */
        .sidebar-collapse .main-sidebar .nav-sidebar.nav-child-indent .nav-treeview .active{
          padding-left: .4rem;
        }
        .sidebar-collapse .main-sidebar .nav-sidebar.nav-child-indent .nav-treeview{
          padding-left: .4rem;
        }
        /* 
        .col-form-label-light{
          font-weight: normal;
        } 
        */
        /* 
        .col-form-label-xs {
            padding-top: 0.15rem;
            padding-bottom: 0.05rem;
            font-size: 0.90rem;
            font-weight: normal;
        }
        */
        .table-striped tbody tr:nth-of-type(odd) {
          background-color: rgba(0, 0, 0, 0.15);
        }
        .col-form-label-xs {
          padding-top: 0.00rem;
          padding-bottom: 0.05rem;
          font-size: 0.75rem;
          line-height: 0.75rem;
          font-weight: normal !important;
          font-style: normal !important;
          /*  line-height: 1.5; */
        }
        
        .input-group-xs {
          height:1.25rem;
          padding: 0.25rem;
          font-size: 0.7rem;
          line-height: 1.5;
          border-radius: 0rem;
        }

        .input-right{
          text-align:right;
        }
        td.details-control {
          background: url('/img/details_open.png') no-repeat center center;  
          cursor: pointer;
        }
        tr.shown td.details-control {
          background: url('/img/details_close.png') no-repeat center center; 
        }

        .modal-xxl{
          width: 90%;
          max-width: none !important;
        }

        .form-control.border-primary {
          border-color: var(--primary);
        }
        .form-control.border-secondary {
          border-color: var(--secondary);
        }
        .form-control.border-success {
          border-color: var(--success);
        }
        .form-control.border-info {
          border-color: var(--info);
        }
        .form-control.border-warning {
          border-color: var(--secondary);
        }
        .form-control.border-warning {
          border-color: var(--danger);
        }
        /* *:required { border: 3px dotted ; } */

/*autoresize of textarea*/
        .grow-wrap {
          /* easy way to plop the elements on top of each other and have them both sized based on the tallest one's height */
          display: grid;
        }
        .grow-wrap::after {
          /* Note the weird space! Needed to preventy jumpy behavior */
          content: attr(data-replicated-value) " ";
        
          /* This is how textarea text behaves */
          white-space: pre-wrap;
        
          /* Hidden from view, clicks, and screen readers */
          visibility: hidden;
        }
        .grow-wrap > textarea {
          /* You could leave this, but after a user resizes, then it ruins the auto sizing */
          resize: none;
        
          /* Firefox shows scrollbar on growth, you can hide like this. */
          overflow: hidden;
        }
        .grow-wrap > textarea,
        .grow-wrap::after {
          /* Identical styling required!! */
          /* border: .5px solid gray; */
          padding: 0.15rem;
          font: inherit;
        
          /* Place on top of each other */
          grid-area: 1 / 1 / 2 / 2;
        }
/*autoresize of textarea*/
/*Embedding the PDF file Using Object Tag*/
.pdf {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  aspect-ratio: 4 / 3;
}
/*Embedding the PDF file Using Object Tag*/