@font-face {
    font-family: 'NuraNormal';
    src: url('/fonts/Nura-Normal.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.message-wrapper {
    display: none !important;
}

.icon-play-circle {
    background-image: url(../images/icons/playcircle.png);
    background-size: cover;
    display: inline-block;
    height: 15px;
    width: 15px;
    vertical-align: middle;
}

.icon-logout-curve {
    background-image: url(../images/icons/logoutcurve.png);
    background-size: cover;
    display: inline-block;
    height: 15px;
    width: 15px;
    vertical-align: middle;
}

.dx-icon-curve {
    background-image: url(../images/icons/logoutcurve.png);
    background-repeat: no-repeat;
    vertical-align: middle;
}

.dx-icon-setting2 {
    background-image: url(../images/icons/setting2.png);
    background-repeat: no-repeat;
    background-size: 16px 16px !important;
    height: 16px !important;
    vertical-align: middle;
}

.dx-icon-setting2-bulk {
    background-image: url(../images/icons/setting2-bulk.png);
    background-repeat: no-repeat;
    background-size: 16px 16px !important;
    height: 16px !important;
    vertical-align: middle;
}

.dx-icon-setting3 {
    background-image: url(../images/icons/setting3.png);
    background-repeat: no-repeat;
    background-size: 16px 16px !important;
    height: 16px !important;
    vertical-align: middle;
}

.dx-icon-setting3-bulk {
    background-image: url(../images/icons/setting3-bulk.png);
    background-repeat: no-repeat;
    background-size: 16px 16px !important;
    height: 16px !important;
    vertical-align: middle;
}


.dx-icon-element4 {
    background-image: url(../images/icons/element4.png);
    background-repeat: no-repeat;
    background-size: 16px 16px !important;
    height: 16px !important;
    vertical-align: middle;
}

.dx-icon-element4-bulk {
    background-image: url(../images/icons/element4-bulk.png);
    background-repeat: no-repeat;
    background-size: 16px 16px !important;
    height: 16px !important;
    vertical-align: middle;
}

.dx-icon-notepad2 {
    background-image: url(../images/icons/notepad2.png);
    background-repeat: no-repeat;
    background-size: 16px 16px !important;
    height: 16px !important;
    vertical-align: middle;
}

.dx-icon-notepad2-bulk {
    background-image: url(../images/icons/notepad2-bulk.png);
    background-repeat: no-repeat;
    background-size: 16px 16px !important;
    height: 16px !important;
    vertical-align: middle;
}

.dx-icon-documenttext {
    background-image: url(../images/icons/documenttext.png);
    background-repeat: no-repeat;
    background-size: 16px 16px !important;
    height: 16px !important;
    vertical-align: middle;
}

.dx-icon-documenttext-bulk {
    background-image: url(../images/icons/documenttext-bulk.png);
    background-repeat: no-repeat;
    background-size: 16px 16px !important;
    height: 16px !important;
    vertical-align: middle;
}

.dx-icon-map2 {
    background-image: url(../images/icons/map2.png);
    background-repeat: no-repeat;
    background-size: 16px 16px !important;
    height: 16px !important;
    vertical-align: middle;
}


.dx-icon-sort {
    background-image: url(../images/icons/sort.png);
    background-repeat: no-repeat;
    background-size: 16px 16px !important;
    height: 16px !important;
    vertical-align: middle;
}

.dx-icon-sort-bulk {
    background-image: url(../images/icons/sort-bulk.png);
    background-repeat: no-repeat;
    background-size: 16px 16px !important;
    height: 16px !important;
    vertical-align: middle;
}

.dx-icon-securityuser {
    background-image: url(../images/icons/securityuser.png);
    background-repeat: no-repeat;
    background-size: 16px 16px !important;
    height: 16px !important;
    vertical-align: middle;
}

.dx-icon-securityuser-bulk {
    background-image: url(../images/icons/securityuser-bulk.png);
    background-repeat: no-repeat;
    background-size: 16px 16px !important;
    height: 16px !important;
    vertical-align: middle;
}

.dx-icon-lockcircle {
    background-image: url(../images/icons/lockcircle.png);
    background-repeat: no-repeat;
    background-size: 16px 16px !important;
    height: 16px !important;
    vertical-align: middle;
}

.dx-icon-lockcircle-bulk {
    background-image: url(../images/icons/lockcircle-bulk.png);
    background-repeat: no-repeat;
    background-size: 16px 16px !important;
    height: 16px !important;
    vertical-align: middle;
}

.dx-icon-layoutmaximize {
    background-image: url(../images/icons/layoutmaximize.png);
    background-repeat: no-repeat;
    background-size: 16px 16px !important;
    height: 16px !important;
    vertical-align: middle;
}

.dx-icon-layoutmaximize-bulk {
    background-image: url(../images/icons/layoutmaximize-bulk.png);
    background-repeat: no-repeat;
    background-size: 16px 16px !important;
    height: 16px !important;
    vertical-align: middle;
}

.dx-icon-buildings {
    background-image: url(../images/icons/buildings.png);
    background-repeat: no-repeat;
    background-size: 16px 16px !important;
    height: 16px !important;
    vertical-align: middle;
}

.dx-icon-buildings-bulk {
    background-image: url(../images/icons/buildings-bulk.png);
    background-repeat: no-repeat;
    background-size: 16px 16px !important;
    height: 16px !important;
    vertical-align: middle;
}

.dx-icon-location {
    background-image: url(../images/icons/location.png);
    background-repeat: no-repeat;
    background-size: 16px 16px !important;
    height: 16px !important;
    vertical-align: middle;
}

.dx-icon-location-bulk {
    background-image: url(../images/icons/location-bulk.png);
    background-repeat: no-repeat;
    background-size: 16px 16px !important;
    height: 16px !important;
    vertical-align: middle;
}

.dx-icon-directboxnotif {
    background-image: url(../images/icons/directboxnotif.png);
    background-repeat: no-repeat;
    background-size: 16px 16px !important;
    height: 16px !important;
    vertical-align: middle;
}

.dx-icon-directboxnotif-bulk {
    background-image: url(../images/icons/directboxnotif-bulk.png);
    background-repeat: no-repeat;
    background-size: 16px 16px !important;
    height: 16px !important;
    vertical-align: middle;
}

.dx-icon-user {
    background-image: url(../images/icons/user.png);
    background-repeat: no-repeat;
    background-size: 16px 16px !important;
    height: 16px !important;
    vertical-align: middle;
}

.dx-icon-user-bulk {
    background-image: url(../images/icons/user-bulk.png);
    background-repeat: no-repeat;
    background-size: 16px 16px !important;
    height: 16px !important;
    vertical-align: middle;
}

.dx-icon-useradd {
    background-image: url(../images/icons/useradd.png);
    background-repeat: no-repeat;
    background-size: 16px 16px !important;
    height: 16px !important;
    vertical-align: middle;
}

.dx-icon-useradd-bulk {
    background-image: url(../images/icons/useradd-bulk.png);
    background-repeat: no-repeat;
    background-size: 16px 16px !important;
    height: 16px !important;
    vertical-align: middle;
}


.dx-icon-profile2user {
    background-image: url(../images/icons/profile2user.png);
    background-repeat: no-repeat;
    background-size: 16px 16px !important;
    height: 16px !important;
    vertical-align: middle;
}

.dx-icon-profile2user-bulk {
    background-image: url(../images/icons/profile2user-bulk.png);
    background-repeat: no-repeat;
    background-size: 16px 16px !important;
    height: 16px !important;
    vertical-align: middle;
}

.dx-icon-receiptitem-bulk {
    background-image: url(../images/icons/receiptitem-bulk.png);
    background-repeat: no-repeat;
    background-size: 16px 16px !important;
    height: 16px !important;
    vertical-align: middle;
}

.dx-icon-archivebook {
    background-image: url(../images/icons/archivebook.png);
    background-repeat: no-repeat;
    background-size: 16px 16px !important;
    height: 16px !important;
    vertical-align: middle;
}

.dx-icon-archivebook-bulk {
    background-image: url(../images/icons/archivebook-bulk.png);
    background-repeat: no-repeat;
    background-size: 16px 16px !important;
    height: 16px !important;
    vertical-align: middle;
}

.dx-icon-search {
    background-image: url(../images/icons/searchnormal1.png);
    background-repeat: no-repeat;
    vertical-align: middle;
}


.dx-icon-plus {
    background-image: url(../images/icons/addsquare.png) !important;
    background-size: cover;
    display: inline-block;
    height: 15px;
    width: 15px;
    vertical-align: middle;
}

.dx-icon-edit {
    background-image: url(../images/icons/messageedit.png) !important;
    background-size: cover;
    display: inline-block;
    height: 15px;
    width: 15px;
    vertical-align: middle;
}

.dx-icon-trash {
    background-image: url(../images/icons/trash.png) !important;
    background-size: cover;
    display: inline-block;
    height: 15px;
    width: 15px;
    vertical-align: middle;
}

.dx-icon-refresh {
    background-image: url(../images/icons/refresh.png) !important;
    background-size: cover;
    display: inline-block;
    height: 15px;
    width: 15px;
    vertical-align: middle;
}

.dx-icon-export {
    background-image: url(../images/icons/directboxsend.png) !important;
    background-size: cover;
    display: inline-block;
    height: 15px;
    width: 15px;
    vertical-align: middle;
}

.app-header {
    font-weight: 900 !important;
    color: #fff;
    font-size: 24px !important;
    letter-spacing: 1px;
    font-family: 'NuraNormal', sans-serif;
    margin-left: 10px;
}

.app-header-desc {
    color: #fff;
    font-size: 10px !important;
    margin-left: 10px;
    margin-top: -10px;
}

.app-header-logo-desc {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 15px;
}

.app-profile {
    position: absolute;
    right: 35px;
    top: 13px;
    height: 35px;
    background: #F0F8F6;
    border-radius: 10px;
}
    /*.app-profile img{
    left: 10px;
    position: absolute;
}*/
    /*.app-profile .dx-item-content {
    height: 60px;
    
    
}*/
    .app-profile .dx-button-content {
        padding: 5px 20px;
        display: flex;
        justify-content: flex-start;
        flex-direction: row;
        align-items: center;
        align-content: flex-start;
        flex-wrap: nowrap
    }

    .app-profile .dx-icon {
        width: 25px !important;
        height: 25px !important;
        border-radius: 20px;
        margin-right: 10px !important;
    }

    .app-profile .dx-popup-content {
        top: 38px !important;
    }

    .app-profile .dx-button-text {
        font-weight: bold;
        color: #666666;
        padding: 10px 30px 10px 20px;
        font-size: 12px;
    }

    .app-profile .dx-icon-spindown {
        background: #cccccc;
        vertical-align: central;
        height: 16px !important;
        font-size: 18px !important;
        width: 20px !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
        color: #413c3c;
    }

#app-toolbar {
    background-color: #1E8C3C !important;
}

.dx-overlay-wrapper {
    margin-top: 35px;
}

.loader {
    border: 5px solid #f3f3f3;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border-top: 5px solid #555;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    padding-right: 0px;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.vertical-center {
    margin: 0;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}