@media (min-width: 750px) {
    li.menu-item-right {
        position: fixed;
        right: 0
    }
}

.align-right{
    text-align: right;
}

.align-left{
    text-align: left;
}

.align-center{
    text-align: center;
}

.cursor-pointer{
    cursor: pointer;
}

.order-column-clear .hover-active{
    visibility: hidden;
}

.order-column-clear:hover .hover-active{
    visibility: visible;
}

.order-column-clear .hover-hide{
    visibility: visible;
}

.order-column-clear:hover .hover-hide{
    visibility: hidden;
}



.order-column-order .hover-active{
    display: none;
}

.order-column-order:hover .hover-active{
    display: inline;
}

.order-column-order .hover-hide{
    display: inline;
}

.order-column-order:hover .hover-hide{
    display: none;
}


small{
    color:gray
}

.required label:after{
    content:"  *";
    vertical-align: super;
    font-size: 0.8em;
    color: gray;
}


/*** datetimte field ***/
.datetime-input-label{
    width: 100%;
}

.datetime-date-input{
    width: 45%;
    display: inline-block;
}


.datetime-time-input{
    width: 45%;
    display: inline-block;
}

/**** datetime field end ****/



.clear-both{
    clear:both;
}

.page-content{
    padding: 0px 50px;
}

.component-readdonly-text pre{
    border: 0px;
    background-color: transparent;
    padding: 0px;
    margin: 0px;
}