body {
    font-family: 'Roboto', sans-serif;
    -webkit-font-smoothing: antialiased;
    margin: 0 auto;
    padding: 0;
    background-color: #ffffff;
    cursor: default;
}

tr[data-href] {
  cursor: pointer;
}

table.iec-view-table-document {
  border: none;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}

.iec-view-table-document {
  border-bottom: 0px;
  box-sizing: content-box;
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-spacing: 0;
  max-width: 100%;
  background-color: transparent;
}

table.iec-view-table-document tr:hover {
  background-color: #f6f6f6;
}

.iec-view-table-document tr td {
  font-family: Roboto;
  font-size: 14px;
  color: #473f3f;
  border-bottom: 1px solid #e4e4e4 !important;
  padding: 8px 10px;
  vertical-align: top;
}

table.iec-view-table-document td {
  border: none;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  table.iec-view-table-document tr td.document-mime {
    width: 110px;
  }
  table.iec-view-table-document tr td.document-lang {
    width: 50px;
  }
}
table.iec-view-table-document tr td.document-href div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width:  400px;
}

@media (max-width: 767px) {
  table.iec-view-table-document td:empty {
    display: none;
  }
}

table.iec-view-table-document {
  text-align: left;
  border-collapse: collapse;
}

.iec-view-table-document i {
  font-size: 16px;
}

tr td.document-mime span {
  color: #473f3f;
}

tr td.document-href, .iec-view-table-document i {
  color: #0194CB;
}

tr td.document-href:hover, .iec-view-table-document i:hover {
  color: #0060aa;
}

@media (max-width: 767px) {
    /* To allow click event on iphone safari */
    body {
        cursor: pointer;
    }
}

h1, h2, h3, h4, h5, h6 {
    color: #12375F;
    font-family: 'Roboto Condensed', sans-serif;
}

a {
  color: #0194CB;
}
a:hover, a:focus {
  color: #0060aa;
}

h1.bold, h2.bold, h3.bold, h4.bold, h5.bold, h6.bold {
    color: #2061AE;
}

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

/*.iec-block-pd {*/
/*padding-top: 25px;*/
/*padding-bottom: 25px;*/
/*}*/

.iec-text-color-blue {
    color: #0060a9 !important;
}

.iec-text-color-white {
    color: #ffffff !important;
}

.iec-text-color-blue *:not(div) {
    color: #0060a9 !important;
}

.iec-text-color-white *:not(div) {
    color: #ffffff !important;
}

/*
label:not([for]) {
  pointer-events:none;
}
*/

/*  Responsive all video tag */
video {
    width: 100% !important;
    height: auto !important;
}

.footer {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border-top: 0px !important;
}

.footer nav {
    text-align: center;
}

.footer .nav > li > a {
    display: inline-block;
    padding: 10px 5px;
    color: #333333;
}

.footer .nav > li > a:hover, .footer .nav > li > a:focus {
    background-color: transparent !important;
}

a, a:hover, a:active, a:visited, a:focus {
    text-decoration: none;
}

a.hvr-icon-forward:hover, .item-link a:hover {
    text-decoration: underline;
}

a:focus,
button:focus,
input:focus,
textarea:focus {
    outline: none;
}

/* Override bootstrap carousel control */
.carousel-control {
    text-shadow: none;
    background-color: none;
    opacity: 1;
}

.carousel-control.left {
    background-image: none;
}

.carousel-control.right {
    background-image: none;
}

/* Override page css */
.path-frontpage article.full {
    padding-top: 0px;
    padding-bottom: 0px;
}

.iec-display-table {
    display: table;
}

.iec-display-cell {
    display: table-cell;
    vertical-align: middle;
}

.iec-bg-light-grey {
    background-color: #f6f6f6;
}

/*.webinar-block-container {*/
/*padding-top: 50px;*/
/*padding-bottom: 71px;*/
/*}*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .footer nav {
        text-align: left;
    }

    .footer .nav > li:first-child > a {
        padding-left: 0px;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

input:-webkit-autofill + .form-control-placeholder {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}

.iec-login-form-container .block-openid-connect {
    float: left;
    width: 100%;
    margin-top: -15px;
}

.iec-login-form-container #edit-openid-connect-client-google-login {
    display: none !important;
}

video.video-hide-control::-webkit-media-controls {
    display: none;
}

video.video-hide-control.active-video::-webkit-media-controls {
    display: block !important;
}

/*
 * Add 'equal' to 'row' to make columns equal height
 * @see https://stackoverflow.com/questions/19695784/how-can-i-make-bootstrap-columns-all-the-same-height
 */
.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

table.dataTable.no-footer {
  border-bottom: 1px solid #f6f6f6 !important;
}

table.dataTable thead th, table.dataTable thead td {
  padding: 10px 18px 10px 10px !important;
  border-bottom: 1px solid #f6f6f6 !important;
}

table.dataTable tr span.piwTotal {
  float: right;
}