.clGray {
  color:gray;
}

.disInBl {
  display: inline-block !important;
}

.disBl {
  display: block !important;
}

.floR {
  float:right !important; 
}

.clR {
  clear:left !important; 
}

.clL {
  clear:right !important; 
}

.clB {
  clear: both !important; 
}

.alL {
  text-align: left !important;
}

.alC {
  text-align: center !important;
}

.alR {
  text-align: right !important;
}

.pad0 {
  padding:0px !important;
}

.pad4 {
  padding:4px !important;
}

.pad8 {
  padding:8px !important;
}

.pad10 {
  padding:10px !important;
}

.pad16 {
  padding:16px !important;
}

.pad24 {
  padding:24px !important;
}

.pad32 {
  padding:32px !important;
}

.padT0 {
  padding-top:0px !important;
}

.padT8 {
  padding-top:8px !important;
}

.padT10 {
  padding-top:10px !important;
}

.padT16 {
  padding-top:16px !important;
}

.padT24 {
  padding-top:24px !important;
}

.padT32 {
  padding-top:32px !important;
}

.padL0 {
  padding-left:0px !important;
}

.padL8 {
  padding-left:8px !important;
}

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

.padL16 {
  padding-left:16px !important;
}

.padL24 {
  padding-left:24px !important;
}

.padL32 {
  padding-left:32px !important;
}

.padR0 {
  padding-right:0px !important;
}

.padR16 {
  padding-right:16px !important;
}

.pad3x5 {
  padding:7px 7px !important;
}

.w100p {
  width:100% !important;
}

.w50p {
  width:50% !important;
}

.w25p {
  width:25% !important;
}

.w50 {
  width:50px !important;
}

.w64 {
  width:64px !important;
}

.w100 {
  width:100px !important;
}

.w150 {
  width:150px !important;
}

.w200 {
  width:200px !important;
}

.w300 {
  width:300px !important;
}

.w400 {
  width:400px !important;
}

.w500 {
  width:500px !important;
}

.w600 {
  width:600px !important;
}


.maA {
  margin: auto !important;
}


.maT0 {
  margin-top:0px !important;
}

.maT3 {
  margin-top:3px !important;
}

.maT5 {
  margin-top:5px !important;
}

.maT8 {
  margin-top:8px !important;
}

.maT16 {
  margin-top:16px !important;
}

.maT24 {
  margin-top:24px !important;
}

.maT32 {
  margin-top:32px !important;
}

.maB0 {
  margin-bottom:0px !important;
}

.maB8 {
  margin-bottom:8px !important;
}

.maB16 {
  margin-bottom:16px !important;
}

.maB24 {
  margin-bottom:24px !important;
}

.maB32 {
  margin-bottom:32px !important;
}


.maR0 {
  margin-right:0px !important;
}

.maR1 {
  margin-right:1px !important;
}

.maR8 {
  margin-right:8px !important;
}

.maR16 {
  margin-right:16px !important;
}

.maR24 {
  margin-right:24px !important;
}

.maR32 {
  margin-right:32px !important;
}

.maL0 {
  margin-left:0px !important;
}

.maL8 {
  margin-left:8px !important;
}

.maL8n {
  margin-left:-8px !important;
}

.maL16 {
  margin-left:16px !important;
}

.maL24 {
  margin-left:24px !important;
}

.maL32 {
  margin-left:32px !important;
}


.pointer {
  cursor: pointer !important; ;
}

.white {
  color:white !important; ;
}

.noBg {
  background: none !important;
}

.noBorder {
  border: none !important;
}

.noBrT {
  border-top: none !important;
}

.ovElipsis {
  text-wrap: none !important;
  text-overflow: ellipsis;
  overflow: hidden;
}

.nowrap {
  white-space:nowrap !important;  
}

.wrappable {
  white-space:normal !important;  
}

.redBorder {
  border:1px #EE5757 solid !important;
}

.disabledBG {
  background-color: #f4f4f4 !important;
}



/* vertical alignment styles */
.col-top {
  vertical-align: top !important;
}
.col-middle {
  vertical-align: middle !important;
}
.col-bottom {
  vertical-align: bottom !important;
}

/* columns of same height styles */
.row-full-height {
  height: 100%;
}
.col-full-height {
  height: 100%;
  vertical-align: middle;
}
.row-same-height {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.col-xs-height {
  display: table-cell;
  float: none !important;
}

.force-hide {
  display: none !important;
}

@media (min-width: 768px) {
  .col-sm-height {
    display: table-cell;
    float: none !important;
  }
}
@media (min-width: 992px) {
  .col-md-height {
    display: table-cell;
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .col-lg-height {
    display: table-cell;
    float: none !important;
  }
}
