/* 
  Allow angular.js to be loaded in body, hiding cloaked elements until 
  templates compile.  The !important is important given that there may be 
  other selectors that are more specific or come later and might alter display.  
 */

.IndentText50 {
    text-indent: 50px !important;
}

.primaryColour {
    color: #fff !important;
    background-color: #428bca !important;
    border-color: #357ebd !important;
}

.primaryColour:hover {
      color: #fff !important;
  background-color: #337ab7 !important;
  border-color: #2e6da4 !important;
}

.input-group-addon {
    width: 0;
}

.full-width {
    width: 100% !important;
}

.input-group-label {
    min-width: 130px !important;
}

.input-group-label-lg {
    min-width: 200px !important;
}

.input-text-field {
    min-width: 350px !important;
}

.input-text-field-sm {
    min-width: 275px !important;
}

.select2me {
    cursor: pointer !important;
}

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

[ng\:cloak], [ng-cloak], .ng-cloak {
    display: none !important;
}

@media (min-width: 768px) {
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 100%;
        *width: 100%;
    }
}

@media (min-width: 768px) {
    .eight-cols .col-md-1,
    .eight-cols .col-sm-1,
    .eight-cols .col-lg-1 {
        width: 100%;
        *width: 100%;
    }
}

@media (min-width: 992px) {
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 50%;
        *width: 50%;
    }
}

@media (min-width: 992px) {
    .eight-cols .col-md-1,
    .eight-cols .col-sm-1,
    .eight-cols .col-lg-1 {
        width: 50%;
        *width: 50%;
    }
}

@media (min-width: 1200px) {
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 25%;
        *width: 25%;
    }
}

@media (min-width: 1200px) {
    .eight-cols .col-md-1,
    .eight-cols .col-sm-1,
    .eight-cols .col-lg-1 {
        width: 25%;
        *width: 25%;
    }
}

@media (min-width: 1500px) {
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 14.285714285714285714285714285714%;
        *width: 14.285714285714285714285714285714%;
    }
}

@media (min-width: 1500px) {
    .eight-cols .col-md-1,
    .eight-cols .col-sm-1,
    .eight-cols .col-lg-1 {
        width: 12.5%;
        *width: 12.5%;
    }
}

.PaddedTable td {
    padding: 0 5px 0 5px;
}

.mytrue {
    color: green;
}

.myfalse {
    color: red;
}