@import url(./base.css);

/*********/


/* Fonts */


/*********/

@font-face {
    font-family: "Kanit Regular";
    src: url(../fnt/vdos/Kanit-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "Kanit Light";
    src: url(../fnt/vdos/Kanit-Light.ttf) format("truetype");
}

@font-face {
    font-family: "Kanit ExtraLight";
    src: url(../fnt/vdos/Kanit-ExtraLight.ttf) format("truetype");
}

@font-face {
    font-family: "Kanit Thin";
    src: url(../fnt/vdos/Kanit-Thin.ttf) format("truetype");
}

@font-face {
    font-family: "Karla Bold";
    src: url(../fnt/vdos/Karla-Bold.ttf) format("truetype");
}

@font-face {
    font-family: "Karla Regular";
    src: url(../fnt/vdos/Karla-Regular.ttf) format("truetype");
}


/********/


/* Main */


/********/

body {
    font-family: "Karla", "Karla Regular", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Kanit Light", Arial, Helvetica, sans-serif;
}

header .motto span {
    font-family: "Kanit Light", Arial, Helvetica, sans-serif;
}

/*********/


/* Table */


/*********/


.table {
    border-spacing: 4px 0;
    border-collapse: separate;
}

/*********/


/* Logos */


/*********/

.logo-header-left {
    background-image: url(../img/vdos/logo_header_left.png);
    height: 33px;
    width: 150px;
}

.logo-header-right {
    display: none;
}

.logo-navbar {
    background-image: url(../img/vdos/logo_navbar.png);
    height: 33px;
    width: 150px;
}


/********/


/* Help */


/********/

.help .tooltip {
    font-family: "Karla", "Karla Regular", sans-serif;
}



/**************************/


/* Custom Styles for View */


/**************************/

body.catfi h3,
body.info h3,
body.catppiBusc h3,
body.catppsiBusc h3 {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 5px;
}



/**************************/


/*        MSCI ASG        */


/**************************/


SPAN.msci-esg-rating.CCC,
SPAN.msci-esg-rating.B,
SPAN.msci-esg-rating.BBB,
SPAN.msci-esg-rating.BB,
SPAN.msci-esg-rating.A,
SPAN.msci-esg-rating.AAA,
SPAN.msci-esg-rating.AA {
    display: inline-block;
    float: none;
    line-height: 24px;
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    width: 42px;
    height: 22px;
    color: #fff;
}
 
SPAN.msci-esg-rating.CCC,
SPAN.msci-esg-rating.B {
    background: #D04F53;
}
 
SPAN.msci-esg-rating.BBB,
SPAN.msci-esg-rating.BB,
SPAN.msci-esg-rating.A {
    background: #FFB838;
}
 
SPAN.msci-esg-rating.AAA,
SPAN.msci-esg-rating.AA {
    background: #237E74;
}