* {
    user-select: none
}





@font-face {
    font-family: 'NotoSansArabicUI-Light';
    font-style: normal;
    font-weight: 300;
    src: url(/fonts/NotoSansArabicUI-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'NotoSansArabicUI-Regular';
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/NotoSansArabicUI-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'NotoSansArabicUI-Medium';
    font-style: normal;
    font-weight: 500;
    src: url(/fonts/NotoSansArabicUI-Medium.ttf) format('truetype');
}

 
 

body, html, #owner-root-app {
    /*    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    max-height: 100%;
    overflow: hidden;
    min-width: 300px;
    position: fixed;*/

    flex: 1;
    display: flex;
}

/*#owner-root-app > div {
    height: 100%;
    width: 100%;
    max-height: 100%;
    overflow: hidden;
}*/


input {
    outline: unset !important;
}

 
@media all and (min-width: 800px) {

  /*  #root {
        background-color: #222;
    }*/

         
}


.rta__entity--selected {
    color: #fff;
    text-decoration: none;
    background: #e5e5e5 !important;
}


.rdw-editor-toolbar {
    border: unset !important;
}

.rdw-editor-wrapper {
    border-width: 1px;
    border: 1px solid #ddd;
    margin-top: 4px;
    border-radius: 4px;
}

.DraftEditor-root {
    margin: 12px;
}

.public-DraftStyleDefault-block  {
    margin: 0 !important;
    
}

.rdw-editor-main {
    height: unset !important;
    min-height: 200px;
}

 

.sheet-container {
    display: block;
    padding: 5px;
    -webkit-box-shadow: 0 0 6px #ccc;
    box-shadow: 0 0 6px #ccc;
    margin: auto;
    width: 500px;
    margin-top: 20px;
}

table.data-grid {
    margin: auto;
    width: 100%;
    font-size: 14px;
    word-break: break-all;
    background-color: #fff
}

.data-grid-container .data-grid tbody tr:first-child td {
    padding: 4px !important;
}

.data-grid-container .data-grid .cell {
    padding: 3px !important;
}

.data-grid-container .data-grid .text {
    text-align: left !important;
}

.table_row .dsg-cell  input {
    font-size: 14px !important;
}




.Toastify__toast-body > div:last-child {
    white-space: pre-wrap;
    font-size: 14px;
}


.Toastify__toast {
    min-height: 58px !important;
}



.react-datepicker__input-container {
    display: flex !important
}

.react-colorful__hue-pointer,
.react-colorful__saturation-pointer,
.react-colorful__alpha-pointer {
    width: 20px !important;
    height: 20px !important;
}




@keyframes show {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


@keyframes showX {
    from {
        opacity: 0;
        transform: translateX(15px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


@keyframes showRX {
    from {
        opacity: 0;
        transform: translateX(-15px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


@keyframes showX30 {
    from {
        opacity: 0;
        transform: translateX(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


@keyframes showRX30 {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}




@keyframes showY {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes showRY {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}