@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

:root{
    
    --grey-dark-color: #3D3D3D;
    --grey-dark-2-color: rgba(168, 168, 168, 0.32);
    --grey-medium-color: #878787;
    --grey-light-color: #F7F7F7;
    --grey-light-2-color: #E6E4E0;
    --grey-disabled-color: rgba(247, 247, 247, 0.64);


    --primary-color: #FF3131;
    --primary-light-color: #52aCEf;

    --green-color: #48DF45;
    --yellow-color: #FFAB01;
    --red-color: #F00;
    --red-style-color: #FF3131;
    --red-2-color: #BF0000;
    --white-color: #FFF;

    --ri1-color: #FF7A00;
    --ri2-color: #FF4D00;
    --ri3-color: #FF0000;
    --ri4-color: #BF0000;
    --ri5-color: #770101;

    --font-family-primary:  'Ubuntu', sans-serif;

    --box-shadow: 0.08rem 0.08rem 1rem 0 rgba(0, 0, 0, 0.16);
}

::-webkit-scrollbar {
    width: 5px;
    height: 0;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: #999;
    border-radius: 2px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #555; 
}

body{
    overflow: hidden;
    user-select: none;
}

body.report-print-body {
  overflow: scroll !important;
  height: auto !important;
    width: 210mm !important;
  min-height: 297mm !important; 
  font-family: "Ubuntu";
}

.loading{
    display: flex;
    width: 100vw;
    height: 100vh;
    align-items: center;
    justify-content: center;
}

.empty-table{
    width: 100%;
}

.empty-table > div{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100px;
}

.click{
    &:hover{
        background-color: #FF313133;
        cursor: pointer;
        border-radius: 2px;
    }
}

.error{
    color: red;
}