.customcontrol-noborder{
    border:none;
}

.b12-page-header {
    margin-top:40px!important;
    height:60px!important;
    z-index:-1!important;
}

.b12-font-small{
    font-size:12px!important;
}

.b12-font-large {
    font-size: 24px !important;
}

.b12-font-xxxlarge {
    font-size: 48px !important;
}

.b12-button {   
    margin-left:10px;
    transition: all .2s ease-in-out;
}
    .b12-button:hover {
        transform: scale(1.1);
    }

.b12-mainmenu-icon {
    height:18px;
    margin-right:10px;
}

.b12-mainmenu-text {

}

.my-grid.dxbs-gridview .card.dxgvCSD.dxbs-grid-vsd {
    height: calc(100vh - 241px) !important;
}

.b12-card {
    margin-left: 0px;
    margin-top: 5px;
    margin-right: 5px;
    --bs-gutter-x: 0;
}

.b12-pageheader {
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    --bs-gutter-x: 0;
}

.b12-mainmenu {
    background: #F6F7F7;
    border-radius: 5px!important;
    margin-left: 0px;
    margin-top: 5px;
    margin-right: 5px;
    box-shadow: 1px 1px 4px 1px;
    --bs-gutter-x: 0;
}

.b12-modalcontainer-fullscreen {
    position: fixed;
    top: 60px;
    left: 0px;
    width: 100%;
    height: calc(100vh - 80px);
    background-color: transparent;
}

.b12-hidden{
    display:none;
}

.b12-no-horizontal-scroll {
    overflow-x:hidden;
}

.b12-zindex-10 {
    z-index: 1010;
}
.b12-zindex-20 {
    z-index: 1020;
}
.b12-zindex-30 {
    z-index: 1030;
}

.b12-fullscreen{
    width:calc(100% - 20px);
    height:calc(100% - 20px);
}

.b12-modal-fullscreen {
    width: calc(100vw - 20px);
    max-width: none;
    height: 100%;
    margin: 10px;
}

.b12-form-fullscreen {
    position: absolute;
    left: 0px;
    top: 0px;
    width: calc(100vw - 40px);
    max-width: none;
    height: calc(100vh - 40px);
    margin: 20px;
    border: solid;
    border-width: 1px;
}

.b12-form {
    width: calc(100%);
    height: auto;
    margin: 0px;   
}


.b12-navbar-container{
    overflow-y:auto;
    width:100%;
}

.b12-navbutton{
    width:100%;
    text-align:left!important;
}

.b12-editor {
    position: absolute;
    left: 0px;
    top: 0px;
    width: calc(100vw - 20px);
    height: calc(100vh - 100px);
    overflow-y: auto;
    overflow-x: hidden;
}

.b12-editor-menu {
    height: calc(100%);
    width: 400px;
    overflow-y: auto;
}

.b12-editor-content {
    height: calc(100% - 0px);
    width: calc(100% - 400px); 
    overflow-y: auto;
    overflow-x:hidden;
}

.b12-richedit{
    height:600px!important;
    width:100%!important;
}

.b12-defaultbackground {
    /*background-color:lightgray;*/
}


/*DevExpress*/

.demo-treeview-template .nav-pills .nav-pills {
    margin-left: 0 !important;
}

.demo-treeview-template h5 {
    margin-bottom: .1rem;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.2;
}

.demo-treeview-template .treeview-template-icon {
    padding: 5px;
    width: 30px;
    height: 30px;
}

.demo-treeview-template .treeview-expand-btn {
    background-color: currentColor;
    width: 0.7em;
    height: 0.7em;
}

    .demo-treeview-template .treeview-expand-btn.expanded {
        -webkit-mask-image: url("../assets/img/icons/chevron-down.svg");
        mask-image: url("../assets/img/icons/chevron-down.svg");
    }

    .demo-treeview-template .treeview-expand-btn.collapsed {
        -webkit-mask-image: url("../assets/img/icons/chevron-right.svg");
        mask-image: url("../assets/img/icons/chevron-right.svg");
    }

    .form-control {
        background-color:transparent!important;
    }

.b12-grid-no-vertical-lines td {
    border-left-width: 0px !important;
    border-right-width: 0px !important;
}

.b12-grid-no-vertical-lines th {
    border-left-width: 0px !important;
    border-right-width: 0px !important;
}

.b12-grid-no-vertical-lines thead {
    border-left-width: 0px !important;
    border-right-width: 0px !important;
}