/*General Utility to use*/

.full-div {
    position: relative;
    height: 100%;
}

.pos-rel {
    position: relative;
    height: 100%;
}

.floatRight {
    float: right;
}

.display-flex{
    display: flex!important;
}

.display-inline,
.displayInlineBlock {
    display: inline-block!important;
}

.blockDisplay,
.display-block,
.displayBlock {
    display: block;
}

.flex-no-wrap{
    flex-wrap:nowrap!important;
}

.m-b-0{
    margin-bottom:0!important;
}

.m-b-5 {
    margin-bottom: 5px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-15 {
    margin-bottom: 15px;
}

.m-b-20 {
    margin-bottom: 20px!important;
}

.m-l-5 {
    margin-left: 5px!important;
}

.m-l-10 {
    margin-left: 10px!important;
}

.m-l-20{
    margin-left:20px!important;
}

.m-l-30{
    margin-left:30px!important;
}


.width5 {
    width: 5px !important;
}

.width10 {
    width: 10px !important;
}

.width15 {
    width: 15px !important;
}
.width20 {
    width: 20px !important;
}

.width25 {
    width: 25px !important;
}

.width35{
    width:35px !important;
}

.width50 {
    width: 50px !important;
}

.width75 {
    width: 75px !important;
}


.width100 {
    width: 100px !important;
}

.width125{
    width:125px!important;
}


.width150 {
    width: 150px !important;
}

.width175 {
    width: 175px !important;
}

.width200 {
    width: 200px !important;
}

.width250 {
    width: 250px;
}

.width275{
    width:275px!important;
}

.width300 {
    width: 300px!important;
}

.width500{
    width:500px!important;
}

div select.width350.dropdownbuttons + div,
.width350 {
    width: 350px;
}

.width400 {
    width: 400px!important;
}

.width500 {
    width: 500px!important;
}

.width800{
    width:800px!important;
}

.width80p{
    width:80%!important;
}

.width100p,
.widthFull {
    width: 100%!important;
}

.m-t-0{
    margin-top:0!important;
}

.genMarginTop5,
.m-t-5 {
    margin-top: 5px !important;
}

.m-t-10 {
    margin-top: 10px !important;
}

.m-t-15 {
    margin-top: 15px !important;
}

.m-t-20 {
    margin-top: 20px !important;
}

.m-t-30{
    margin-top:30px!important;
}

.m-t-0{
    margin-top:0!important;
}

.m-r-10{
    margin-right:10px!important;
}


.height35 {
    height: 35px;
    display: block;
}

.height200 {
    height: 200px;
    display: block;
}

.font18 {
    font-size: 18px;
}

padding10 {
    padding: 10px;
}

.hideMe {
    display: none !important;
}

/*To fit with line height of 30px need to use 28 due to margin
    in checkBoxText<Left/Right> class
*/
.lineHeight28 {
    line-height: 28px;
}

/* firefox needed extra padding otherwise text was at top of input box*/

@-moz-document url-prefix() {
    .dateText > tbody > tr > td > input {
        padding-top: 3px !important;
    }
}

div.flex-align-end{
    align-items:end;
}

div.flex-align-center{
    align-items:center;
}

div.flex-align-start{
    align-items:start;
}

.flex-align-items-start{
    align-items:start;
}

.flex-gap-0 {
    gap: 0 !important;
}
.flex-gap-025{
    gap:0.25em!important;
}

.flex-gap-05 {
    gap: 0.5em !important;
}

.flex-gap-075{
    gap:0.75em!important;
}

.flex-gap-10 {
    gap: 1em !important;
}

.flex-gap-20 {
    gap: 2em !important;
}

.flex-gap-30 {
    gap: 3em !important;
}

.input-50 {
    width: 50px !important;
}

.flex-space-between {
    justify-content: space-between;
    gap: 0;
    display: flex;
    height: 100%;
}

.flex-justify-center{
    justify-content:center!important;
}

.flex-end {
    justify-content: flex-end !important;
}


.flexContainer * {
    box-sizing: border-box;
}

.p-l-10 {
    padding-left: 10px!important;
}

.p-l-20{
    padding-left:20px;
}

p-r-10{
    padding-right:10px;
}

.p-t-5{
    padding-top:5px!important;
}

.p-b-5{
    padding-bottom:5px!important;
}

div.grid-rh-25{
    grid-auto-rows:25px;
}

div.grid-rh-30 {
    grid-auto-rows: 30px;
}