/** GENERAL DO NOT COPY **/
* {
  /*margin: 0;
  padding: 0;*/
}
section,
article {
    padding-top: 40px;
}
.thumbnail {
    padding: 20px !important;
}

/** WCAG Color rules for contrast (at least WCAG2.0 "AA") on TVV background colors **/
.i1-bg-color h1,
.i1-bg-color h2,
.i1-bg-color h3,
.i1-bg-color h4,
.i1-bg-color h5,
.i1-bg-color h6,
.i1-bg-color a,
.i1-bg-color p,
.i1-bg-color strong,
.i1-bg-color i,
.i1-bg-color span,

.i2-bg-color h1,
.i2-bg-color h2,
.i2-bg-color h3,
.i2-bg-color h4,
.i2-bg-color h5,
.i2-bg-color h6,
.i2-bg-color a,
.i2-bg-color p,
.i2-bg-color strong,
.i2-bg-color i,
.i2-bg-color span,

.i4-bg-color h1,
.i4-bg-color h2,
.i4-bg-color h3,
.i4-bg-color h4,
.i4-bg-color h5,
.i4-bg-color h6,
.i4-bg-color a,
.i4-bg-color p,
.i4-bg-color strong,
.i4-bg-color i,
.i4-bg-color span,

.i5-bg-color h1,
.i5-bg-color h2,
.i5-bg-color h3,
.i5-bg-color h4,
.i5-bg-color h5,
.i5-bg-color h6,
.i5-bg-color a,
.i5-bg-color p,
.i5-bg-color strong,
.i5-bg-color i,
.i5-bg-color span,

.i7-bg-color h1,
.i7-bg-color h2,
.i7-bg-color h3,
.i7-bg-color h4,
.i7-bg-color h5,
.i7-bg-color h6,
.i7-bg-color a,
.i7-bg-color p,
.i7-bg-color strong,
.i7-bg-color i,
.i7-bg-color span,

.i8-bg-color h1,
.i8-bg-color h2,
.i8-bg-color h3,
.i8-bg-color h4,
.i8-bg-color h5,
.i8-bg-color h6,
.i8-bg-color a,
.i8-bg-color p,
.i8-bg-color strong,
.i8-bg-color i,
.i8-bg-color span,

.k1-bg-color h1,
.k1-bg-color h2,
.k1-bg-color h3,
.k1-bg-color h4,
.k1-bg-color h5,
.k1-bg-color h6,
.k1-bg-color a,
.k1-bg-color p,
.k1-bg-color strong,
.k1-bg-color i,
.k1-bg-color span,

.k2-bg-color h1,
.k2-bg-color h2,
.k2-bg-color h3,
.k2-bg-color h4,
.k2-bg-color h5,
.k2-bg-color h6,
.k2-bg-color a,
.k2-bg-color p,
.k2-bg-color strong,
.k2-bg-color i,
.k2-bg-color span,

.k7-bg-color h1,
.k7-bg-color h2,
.k7-bg-color h3,
.k7-bg-color h4,
.k7-bg-color h5,
.k7-bg-color h6,
.k7-bg-color a,
.k7-bg-color p,
.k7-bg-color strong,
.k7-bg-color i,
.k7-bg-color span,

.k13-bg-color h1,
.k13-bg-color h2,
.k13-bg-color h3,
.k13-bg-color h4,
.k13-bg-color h5,
.k13-bg-color h6,
.k13-bg-color a,
.k13-bg-color p,
.k13-bg-color strong,
.k13-bg-color i,
.k13-bg-color span,

.k16-bg-color h1,
.k16-bg-color h2,
.k16-bg-color h3,
.k16-bg-color h4,
.k16-bg-color h5,
.k16-bg-color h6,
.k16-bg-color a,
.k16-bg-color p,
.k16-bg-color strong,
.k16-bg-color i,
.k16-bg-color span {
    color: #fff !important;
}

.i3-bg-color h1,
.i3-bg-color h2,
.i3-bg-color h3,
.i3-bg-color h4,
.i3-bg-color h5,
.i3-bg-color h6,
.i3-bg-color a,
.i3-bg-color p,
.i3-bg-color strong,
.i3-bg-color i,
.i3-bg-color span,

.i6-bg-color h1,
.i6-bg-color h2,
.i6-bg-color h3,
.i6-bg-color h4,
.i6-bg-color h5,
.i6-bg-color h6,
.i6-bg-color a,
.i6-bg-color p,
.i6-bg-color strong,
.i6-bg-color i,
.i6-bg-color span,

.i9-bg-color h1,
.i9-bg-color h2,
.i9-bg-color h3,
.i9-bg-color h4,
.i9-bg-color h5,
.i9-bg-color h6,
.i9-bg-color a,
.i9-bg-color p,
.i9-bg-color strong,
.i9-bg-color i,
.i9-bg-color span,

.b1-bg-color h1,
.b1-bg-color h2,
.b1-bg-color h3,
.b1-bg-color h4,
.b1-bg-color h5,
.b1-bg-color h6,
.b1-bg-color a,
.b1-bg-color p,
.b1-bg-color strong,
.b1-bg-color i,
.b1-bg-color span,

.b2-bg-color h1,
.b2-bg-color h2,
.b2-bg-color h3,
.b2-bg-color h4,
.b2-bg-color h5,
.b2-bg-color h6,
.b2-bg-color a,
.b2-bg-color p,
.b2-bg-color strong,
.b2-bg-color i,
.b2-bg-color span,

.b3-bg-color h1,
.b3-bg-color h2,
.b3-bg-color h3,
.b3-bg-color h4,
.b3-bg-color h5,
.b3-bg-color h6,
.b3-bg-color a,
.b3-bg-color p,
.b3-bg-color strong,
.b3-bg-color i,
.b3-bg-color span,

.b4-bg-color h1,
.b4-bg-color h2,
.b4-bg-color h3,
.b4-bg-color h4,
.b4-bg-color h5,
.b4-bg-color h6,
.b4-bg-color a,
.b4-bg-color p,
.b4-bg-color strong,
.b4-bg-color i,
.b4-bg-color span,

.b5-bg-color h1,
.b5-bg-color h2,
.b5-bg-color h3,
.b5-bg-color h4,
.b5-bg-color h5,
.b5-bg-color h6,
.b5-bg-color a,
.b5-bg-color p,
.b5-bg-color strong,
.b5-bg-color i,
.b5-bg-color span,

.b6-bg-color h1,
.b6-bg-color h2,
.b6-bg-color h3,
.b6-bg-color h4,
.b6-bg-color h5,
.b6-bg-color h6,
.b6-bg-color a,
.b6-bg-color p,
.b6-bg-color strong,
.b6-bg-color i,
.b6-bg-color span,

.b7-bg-color h1,
.b7-bg-color h2,
.b7-bg-color h3,
.b7-bg-color h4,
.b7-bg-color h5,
.b7-bg-color h6,
.b7-bg-color a,
.b7-bg-color p,
.b7-bg-color strong,
.b7-bg-color i,
.b7-bg-color span,

.b8-bg-color h1,
.b8-bg-color h2,
.b8-bg-color h3,
.b8-bg-color h4,
.b8-bg-color h5,
.b8-bg-color h6,
.b8-bg-color a,
.b8-bg-color p,
.b8-bg-color strong,
.b8-bg-color i,
.b8-bg-color span,

.b9-bg-color h1,
.b9-bg-color h2,
.b9-bg-color h3,
.b9-bg-color h4,
.b9-bg-color h5,
.b9-bg-color h6,
.b9-bg-color a,
.b9-bg-color p,
.b9-bg-color strong,
.b9-bg-color i,
.b9-bg-color span, 

.b10-bg-color h1,
.b10-bg-color h2,
.b10-bg-color h3,
.b10-bg-color h4,
.b10-bg-color h5,
.b10-bg-color h6,
.b10-bg-color a,
.b10-bg-color p,
.b10-bg-color strong,
.b10-bg-color i,
.b10-bg-color span, 

.b11-bg-color h1,
.b11-bg-color h2,
.b11-bg-color h3,
.b11-bg-color h4,
.b11-bg-color h5,
.b11-bg-color h6,
.b11-bg-color a,
.b11-bg-color p,
.b11-bg-color strong,
.b11-bg-color i,
.b11-bg-color span,

.b12-bg-color h1,
.b12-bg-color h2,
.b12-bg-color h3,
.b12-bg-color h4,
.b12-bg-color h5,
.b12-bg-color h6,
.b12-bg-color a,
.b12-bg-color p,
.b12-bg-color strong,
.b12-bg-color i,
.b12-bg-color span,

.b13-bg-color h1,
.b13-bg-color h2,
.b13-bg-color h3,
.b13-bg-color h4,
.b13-bg-color h5,
.b13-bg-color h6,
.b13-bg-color a,
.b13-bg-color p,
.b13-bg-color strong,
.b13-bg-color i,
.b13-bg-color span,

.b14-bg-color h1,
.b14-bg-color h2,
.b14-bg-color h3,
.b14-bg-color h4,
.b14-bg-color h5,
.b14-bg-color h6,
.b14-bg-color a,
.b14-bg-color p,
.b14-bg-color strong,
.b14-bg-color i,
.b14-bg-color span,

.b15-bg-color h1,
.b15-bg-color h2,
.b15-bg-color h3,
.b15-bg-color h4,
.b15-bg-color h5,
.b15-bg-color h6,
.b15-bg-color a,
.b15-bg-color p,
.b15-bg-color strong,
.b15-bg-color i,
.b15-bg-color span,

.k3-bg-color h1,
.k3-bg-color h2,
.k3-bg-color h3,
.k3-bg-color h4,
.k3-bg-color h5,
.k3-bg-color h6,
.k3-bg-color a,
.k3-bg-color p,
.k3-bg-color strong,
.k3-bg-color i,
.k3-bg-color span, 

.k4-bg-color h1,
.k4-bg-color h2,
.k4-bg-color h3,
.k4-bg-color h4,
.k4-bg-color h5,
.k4-bg-color h6,
.k4-bg-color a,
.k4-bg-color p,
.k4-bg-color strong,
.k4-bg-color i,
.k4-bg-color span,

.k5-bg-color h1,
.k5-bg-color h2,
.k5-bg-color h3,
.k5-bg-color h4,
.k5-bg-color h5,
.k5-bg-color h6,
.k5-bg-color a,
.k5-bg-color p,
.k5-bg-color strong,
.k5-bg-color i,
.k5-bg-color span,

.k6-bg-color h1,
.k6-bg-color h2,
.k6-bg-color h3,
.k6-bg-color h4,
.k6-bg-color h5,
.k6-bg-color h6,
.k6-bg-color a,
.k6-bg-color p,
.k6-bg-color strong,
.k6-bg-color i,
.k6-bg-color span,

.k8-bg-color h1,
.k8-bg-color h2,
.k8-bg-color h3,
.k8-bg-color h4,
.k8-bg-color h5,
.k8-bg-color h6,
.k8-bg-color a,
.k8-bg-color p,
.k8-bg-color strong,
.k8-bg-color i,
.k8-bg-color span,

.k9-bg-color h1,
.k9-bg-color h2,
.k9-bg-color h3,
.k9-bg-color h4,
.k9-bg-color h5,
.k9-bg-color h6,
.k9-bg-color a,
.k9-bg-color p,
.k9-bg-color strong,
.k9-bg-color i,
.k9-bg-color span,

.k10-bg-color h1,
.k10-bg-color h2,
.k10-bg-color h3,
.k10-bg-color h4,
.k10-bg-color h5,
.k10-bg-color h6,
.k10-bg-color a,
.k10-bg-color p,
.k10-bg-color strong,
.k10-bg-color i,
.k10-bg-color span,

.k11-bg-color h1,
.k11-bg-color h2,
.k11-bg-color h3,
.k11-bg-color h4,
.k11-bg-color h5,
.k11-bg-color h6,
.k11-bg-color a,
.k11-bg-color p,
.k11-bg-color strong,
.k11-bg-color i,
.k11-bg-color span,

.k12-bg-color h1,
.k12-bg-color h2,
.k12-bg-color h3,
.k12-bg-color h4,
.k12-bg-color h5,
.k12-bg-color h6,
.k12-bg-color a,
.k12-bg-color p,
.k12-bg-color strong,
.k12-bg-color i,
.k12-bg-color span,

.k14-bg-color h1,
.k14-bg-color h2,
.k14-bg-color h3,
.k14-bg-color h4,
.k14-bg-color h5,
.k14-bg-color h6,
.k14-bg-color a,
.k14-bg-color p,
.k14-bg-color strong,
.k14-bg-color i,
.k14-bg-color span,

.k15-bg-color h1,
.k15-bg-color h2,
.k15-bg-color h3,
.k15-bg-color h4,
.k15-bg-color h5,
.k15-bg-color h6,
.k15-bg-color a,
.k15-bg-color p,
.k15-bg-color strong,
.k15-bg-color i,
.k15-bg-color span {
    color: #000 !important;
}

/** COLORS **/
/* Identity background colors */
.i1-bg-color { background-color: #02A6A4 !important; }
.i2-bg-color { background-color: #006D71 !important; }
.i3-bg-color { background-color: #A5DDE1 !important; }
.i4-bg-color { background-color: #0076CF !important; }
.i5-bg-color { background-color: #004376 !important; }
.i6-bg-color { background-color: #92C8EF !important; }
.i7-bg-color { background-color: #7854BD !important; }
.i8-bg-color { background-color: #492069 !important; }
.i9-bg-color { background-color: #C9B8E1 !important; }

/* Identity text colors */
.i1-text-color { color: #02A6A4 !important; }
.i2-text-color { color: #006D71 !important; }
.i3-text-color { color: #A5DDE1 !important; }
.i4-text-color { color: #0076CF !important; }
.i5-text-color { color: #004376 !important; }
.i6-text-color { color: #92C8EF !important; }
.i7-text-color { color: #7854BD !important; }
.i8-text-color { color: #492069 !important; }
.i9-text-color { color: #C9B8E1 !important; }

/* Base colors */
.b1-bg-color { background-color: #FFEBFF !important; }
.b2-bg-color { background-color: #EAE4FF !important; }
.b3-bg-color { background-color: #F1E6EA !important; }
.b4-bg-color { background-color: #F8F8F8 !important; }
.b5-bg-color { background-color: #E3E3E3 !important; }
.b6-bg-color { background-color: #E1FFFF !important; }
.b7-bg-color { background-color: #D2F5FF !important; }
.b8-bg-color { background-color: #E1EFFF !important; }
.b9-bg-color { background-color: #F2F2F2 !important; }
.b10-bg-color { background-color: #DADADA !important; }
.b11-bg-color { background-color: #FFFDED !important; }
.b12-bg-color { background-color: #FCF5EF !important; }
.b13-bg-color { background-color: #EAF6FB !important; }
.b14-bg-color { background-color: #EDECEC !important; }
.b15-bg-color { background-color: #D0D0D0 !important; }

/* Complementary colors */
.k1-bg-color { background-color: #893B67 !important; }
.k2-bg-color { background-color: #93328E !important; }
.k3-bg-color { background-color: #E793B7 !important; }
.k4-bg-color { background-color: #DC8633 !important; }
.k5-bg-color { background-color: #F2A900 !important; }
.k6-bg-color { background-color: #F6EB61 !important; }
.k7-bg-color { background-color: #A4123F !important; }
.k8-bg-color { background-color: #F4364C !important; }
.k9-bg-color { background-color: #ECBAA8 !important; }
.k10-bg-color { background-color: #78AA00 !important; }
.k11-bg-color { background-color: #C4D600 !important; }
.k12-bg-color { background-color: #D6E865 !important; }
.k13-bg-color { background-color: #007398 !important; }
.k14-bg-color { background-color: #1998D6 !important; }
.k15-bg-color { background-color: #71C5E8 !important; }
.k16-bg-color { background-color: #00205B !important; }


/** BUTTONS **/
.btn {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}
.btn:hover,
.btn:active,
.btb:focus {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn-primary {
    background-color: #007398 !important;
    border-color: #00205B !important;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    background-color: #1998D6 !important;
    border-color: #004376 !important;
}

.btn-default:hover,
.btn-default:active,
.btn-default:focus {
    background-color: #F2F2F2 !important;
    border-color: #D0D0D0 !important;
}

.btn-success {
    background-color: #02a6a4 !important;
    border-color: #02a6a4 !important;
}

.btn-success:hover,
.btn-success:active,
.btn-success:focus {
    background-color: #006d71 !important;
    border-color: #006d71 !important;
    color: #fff !important;
}

.btn-danger {
    background-color: #A4123F !important;
    border-color: #A4123F !important;
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger:focus {
    background-color: #F4364C !important;
    border-color: #F4364C !important;
}

.btn-link {
    color: #000 !important; 
}
 
/** NAV BAR **/
.navbar-fixed-bottom {
    padding-top: 10px !important;
}

.navbar-right  {
    padding-right: 15px !important; 
}

/** TABLES **/
 
.table > thead > tr >th {
    padding: 10px !important;
    background: #ECBAA8 !important;
    color: #000 !important;
    font-weight: 400;
    font-size: 14px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #DADADA !important;
}

.table-bordered>tbody>tr>td, 
.table-bordered>tbody>tr>th, 
.table-bordered>tfoot>tr>td, 
.table-bordered>tfoot>tr>th, 
.table-bordered>thead>tr>td, 
.table-bordered>thead>tr>th {
    border: 1px solid #868686 !important;
}

/** TABLES MINIFIED **/

.table-minified>tbody>tr>td,  
.table-minified>tfoot>tr>td, 
.table-minified>thead>tr>td {
    padding:  3px 5px 1px 5px !important;
}
.table-minified>tbody>tr>td>div>div>div,
.table-minified>tbody>tr>td>div>div>div>span {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}  

.table-minified>tbody>tr>td>div>div>div>input,
.table-minified>tbody>tr>td>div>div>div>div,
.table-minified>tbody>tr>td>div>div>div>div>button,
.table-minified>tbody>tr>td>div>div>div>div>button>div>div,
.table-minified>tbody>tr>td>div>div>div>div>div>input,
.table-minified>tbody>tr>td>div>div>div>div>div>span {
    height: 22px !important;
    padding: 0px !important;
}

.table-minified>thead>tr>th {
    padding:  3px 5px 1px 5px !important;
    font-size: 13px !important;
}

.table-minified>thead>tr>th>div>label {
    margin-bottom: 0px !important; 
}

/** ALERTS **/
.alert-success,
.alert-info,
.alert-danger,
.alert-warning {
    color: #000 !important;
}

/** INPUTS **/
.form-control {
    border: 1px solid #9A9A9A !important;
}
.has-success .form-control {
    border-color: #3c763d !important; 
}
.has-error .form-control {
    border-color: #a94442 !important;
}

.navbar-collapse {
    float: none !important; 
    min-width: 70%;
}

/** TOOLTIP **/
.tooltip-wrapper {
  display: inline-block; /* display: block works as well */
}

.tooltip-wrapper + .tooltip > .tooltip-inner {
    background-color: #f8f8f8;
    color: #000000;
    border: 1px solid #e7e7e7;
    font-size: 12px;
    padding: 2px;
}

  /* Tooltip on right */
.tooltip-wrapper + .tooltip.right > .tooltip-arrow {
    border-right: 5px solid #fff;
}

/** TABS **/