@font-face {
  font-family: 'Lato-Regular';
  src: url('/feeds/IR/fonts/Lato-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Lato-Light';
  src: url('/feeds/IR/fonts/Lato-Light.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Lato-LightItalic';
  src: url('/feeds/IR/fonts/Lato-LightItalic.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Lato-Bold';
  src: url('/feeds/IR/fonts/Lato-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
}


/* Smartphones (portrait and landscape) ----------- */

@media screen and (max-width: 700px) {
    .div-sensheader-font{ font-size: 34px !important; text-align: center !important; padding-left: 0 !important; line-height: 50px !important; }
}

@media screen and (max-width: 1000px) { /*510*/
    .div-header-height{ height: 110px !important; }
    .div-subheader-height{ height: 88px !important; }
    .div-sensheader-height{ height: 150px !important; }
    .div-header-font{ font-size: 30px !important; text-align: left !important; padding-left: 0 !important; padding-bottom: 10px !important; padding-top: 10px !important; }
    .div-subheader-font{
        font-size: 20px !important;
        padding-left: 15px !important;
        padding-bottom: 10px !important;
        padding-top: 10px !important;
    }
    .div-sensheader-font{
        font-size: 40px !important;
        padding-left: 25px !important;
        line-height: 70px !important;
    }
    .tbl{ font-size: 13px !important; }
    .tbsens{ font-size: 13px !important; }
    .tblsub{ font-size: 12px !important; }
    .tblpl{ padding-left: 24px !important; }
    
    .title{ font-size: 25px !important; }
    
    .sign-up{ font-size: 13px !important; }
    .reporterr{ font-size: 13px !important; }
    .reportcor{ font-size: 13px !important; }
    .reportbusy{ font-size: 13px !important; }
    
    .chart-font{ font-size: 12px !important; }
    .lineheight{ padding: 4px 5px !important; }
    
    .see-more{ font-size: 14px !important; }
    
    .sens-header-year, .directors-header-year{ font-size: 17px !important; }
    .a-blue{ font-size: 17px !important; }
    
    #charts { height: 300px !important; }
}

@media screen and (max-width: 1200px) {
    .sens-header-year, .directors-header-year{ font-size: 20px !important; }
    .a-blue{ font-size: 20px !important; }
}

/* Desktops and Laptops --------------------------- */
    
    .div-header-height{ height: 98px; }
    .div-subheader-height{ height: 76px; }
    .div-sensheader-height{ height: 98px; }
    .div-button-height{ height: 98px; }
    .div-header-font{
        font-family: 'Lato-Light';
        font-size: 40px;
        padding: 15px 0 15px 15px;
    }
    .div-subheader-font{
        font-family: 'Lato-Bold';
        font-size: 30px;
        padding-left: 25px;
        padding-bottom: 15px;
        padding-top: 15px;
    }
    .div-sensheader-font{
        font-size: 40px;
        padding-left: 25px;
        line-height: 70px;
    }
    .tbl{ font-family: 'Lato-Regular'; font-size: 16px; }
    .tbsens{ font-family: 'Lato-Bold'; font-size: 15px; color: #6c6c6c; }
    .tblsub{ font-family: 'Lato-Regular'; font-size: 14px; }
    .tblpl{ padding-left: 37px; }
    
    .title{ font-family: 'Lato-Bold'; font-size: 30px; padding: 15px 0; }
    .title-sens{ font-family: 'Lato-Bold'; font-size: 35px; }
    
    .sign-up{ font-family: 'Lato-Bold'; font-size: 16px; background-color: #289dcc; color: #fff; float: right; height: 49px;  width: 20%; cursor: pointer; }
    .reporterr{ font-family: 'Lato-Bold'; font-size: 16px; color: red; }
    .reportcor{ font-family: 'Lato-Bold'; font-size: 16px; color: green; }
    .reportbusy{ font-family: 'Lato-Bold'; font-size: 16px; color: orange; }
    
    .chart-font{ font-family: 'Lato-Bold'; font-size: 14px;}
    .lineheight{ padding: 10px 5px; }
    
    .see-more{ font-size: 24px; }
    
    .sens-header, .directors-header{ font-family: 'Lato-Bold'; font-size: 35px; color: #6c6c6c; }
    .sens-header-year, .directors-header-year{ font-family: 'Lato-Bold'; font-size: 25px; color: #6c6c6c; }
    .a-blue{ font-family: 'Lato-Bold'; font-size: 25px; color: #289dcc; }
    .a-blue:hover{ color: #289dcc; border-bottom: 2px solid #289dcc; }
    
    #charts {
    	min-width: 300px;
    	max-width: 1174px;
    	height: 400px;
    }
    
/* All Devices ------------------------------------ */
    
    body{ font-family: 'Lato-Regular'; height: 100%; }
    a{ text-decoration: none; }
    a:hover{ text-decoration: none; }
    td{ padding: 10px 10px 10px 0; }
    
    .div-header{ margin-top: 10px; }
    .divider{ border-right: 1px solid #e7e7e7; }
    .divider-bot{ border-bottom: 1px solid #6c6c6c; }
    .divider-top{ border-top: 1px solid #6c6c6c; }
    .divider-thick{ border-top: 2px solid #6c6c6c; }
    .tblbold{ font-family: 'Lato-Bold'; }
    .mt10{ margin-top: 10px; }
    .mt25{ margin-top: 25px; }
    .mt50{ margin-top: 50px; }
     
    .chart-select{ color: #000 !important; cursor: default !important; background-color: #efefef !important; }
    
    .sens-year{ font-family: 'Lato-Regular'; font-size: 33px; }
    .sens-disable{ font-family: 'Lato-Bold'; font-size: 25px; color: #c0c0c0; }
    .sens-select, .directors-select{ border-bottom: 2px solid #289dcc !important; }
    .sens-drop{ font-family: 'Lato-Regular'; font-size: 24px; color: #289dcc; padding: 10px 0; height: 49px; width: 100%; }
    
    .shadow {
      -webkit-box-shadow: 1px 3px 3px #8e8e8e;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
      -moz-box-shadow:    1px 3px 3px #8e8e8e;  /* Firefox 3.5 - 3.6 */
      box-shadow:         1px 3px 3px #8e8e8e;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
      /*box-shadow: [horizontal offset] [vertical offset] [blur radius] [optional spread radius] [color];*/
    }
    
    .bg-blue{ background-color: #289dcc; }
    .bg-gray{ background-color: #cccccc; }
    .bg-dark-gray{ background-color: #8d8d8d; }
    .fg-blue{ color: #289dcc; }
    .fg-white{ color: #fff; }
    .fg-black{ color: #000; }
    .fb-gray{ color: #6c6c6c; }
    
    .a-black{ color: #000; }
    .a-black:hover{ color: #289dcc; }
    
    .cursor-pointer{ cursor: pointer; }
    .cursor-default{ cursor: default; }
    
    .parent {
        display: table;
        table-layout: fixed;
    }
    
    .child {
        display:table-cell;
        vertical-align:middle;
        text-align:center;
    }
    
    .footer{ font-size: 21px; }
    
    
/* ----------------------------------------------------------------------------------------- */
    
    #charts {
    	min-width: 300px;
    	max-width: 1111px;
    	height: 400px;
    }
    
    .div-subheader-font{
        font-size: 16px !important;
    }