@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&family=Roboto:wght@100;300;400;500&display=swap');



html, body {
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif !important;
    font-weight: 400 !important; /* regular weight by Vanja*/
    font-size: 16px !important;
}

a {
    text-decoration: none;
    color: #460d68 !important;
}



/* EDIT FORM */
.caption-style {
    font-weight: 500 !important;
    font-size: 14px;
    color: #460d68 !important;
    padding: 0;
    /*text-transform: uppercase;*/
}

.editform-background {
    border-radius: 10px;
    padding: 20px;
    border: 1px solid #e4e2eb;
}




.no-text-selection {
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
}

.my-grid .dxbl-grid-table {
    --dxbl-grid-font-size: 16px;
}



    /*Remove borders */
    .my-grid .dxbl-grid-table > tbody > tr {
        border-top: 0;
        border-bottom: 0;
        border-color: #f5f5f5;
    }



        /*ALTER ROW COLOR Even color (2n+1) kada hocu da poce prvo Odd */
        .my-grid .dxbl-grid-table > tbody > tr:nth-child(2n) {
            background-color: #f2fbf1;
        }


        .my-grid .dxbl-grid-table > tbody > tr:hover {
            background-color: #b5f5ae !important; /* Set the color you want on hover */
            color: black !important;
            cursor: pointer;
        }

/* SELEKCIJA */
.dxbl-grid .dxbl-grid-table .dxbl-grid-selected-row {
    background-color: #77dd47 !important;
    color: black !important;
}

/* grid HEDER*/
.my-grid .dxbl-grid-header-content {
    font-weight: 500 !important;
    font-size: 13px;
    color: #460d68 !important;
    padding: 0;
    text-transform: uppercase;
}


.my-grid-small .dxbl-grid-table {
    --dxbl-grid-font-size: 13px;
}