.m-0 {
  margin: 0px;  
}

.width-100pc {
    width: 100%;
}

.width-95pc {
    width: 95%;
}

.width-90pc {
    width: 90%;
}

.width-85pc {
    width: 85%;
}

.width-80pc {
    width: 80%;
}

.width-75pc {
    width: 75%;
}

.width-70pc {
    width: 70%;
}

.width-65pc {
    width: 65%;
}

.width-60pc {
    width: 60%;
}

.width-55pc {
    width: 55%;
}

.width-50pc {
    width: 50%;
}

.width-45pc {
    width: 45%;
}

.width-40pc {
    width: 40%;
}

.width-25pc {
    width: 25%;
}

.height-100pc {
    height: 100%;
}

.flex-reverse-row {
    flex-direction: row-reverse; 
}

.flex-space-between {
    display: flex;
    justify-content: space-between;
}

.flex-space-between-important {
    display: flex !important;
    justify-content: space-between !important ;
}

.flex-space-around {
    display: flex;
    justify-content: space-around;
}
.flex-space-center {
    display: flex;
    justify-content: center;
}
.flex-space-evenly {
    display: flex;
    justify-content: space-evenly;
}

.display-flex-start {
    display: flex;
    justify-content: flex-start;
}

.display-flex-end {
    display: flex;
    justify-content: flex-end;
}

.align-item-center {
    align-items: center;
}

.align-item-baseline {
    align-items: baseline;
}

.float-none {
    float: none;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.flex-column-space-between {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-scroll {
    overflow: scroll;
}

.border-none {
    border: none;
}

.text-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

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

.clear-both {
    clear: both;
}

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

.dir-ltr-imp {
    direction: ltr !important;
}

.opacity-zero {
    opacity: 0;
}

.opacity-one {
    opacity: 1
}

.padding-zero {
    padding: 0px !important;
}

.float-left {
    float:left;
}

.float-right {
    float:right;
}

.display-inline-block {
    display: inline-block;
}

.p-unset {
    position: unset;
}

.p-absolute {
    position: absolute;
}

.p-relative {
    position: relative;
}

.btn-disable {
    pointer-events: none;
    opacity: 0.7;
    cursor: default;
}

.m-5 {
    margin: 0 5px;
}

.m-10 {
    margin: 0 10px;
}

.hover-focus:hover, .hover-focus:focus {
    text-decoration: none;
    outline: none;
}

.cursor-pointer {
    cursor: pointer;
}

.roboto {
    font-family: 'Roboto', sans-serif;
}