/*----------------------------------------------------------*/
/* SCDSB CSS DEFAULTS   
------------------------------------------------------------*/

body {
    /*padding-top: 50px;*/
    /*padding-bottom: 20px;*/
}

/* Set padding to keep content from hitting the edges */
.body-content {
    /*padding-left: 15px;*/
    /*padding-right: 15px;*/
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*
input,
select,
textarea {
    max-width: 280px;
}
*/

/*----------------------------------------------------------*/
/* Custom Fonts   
------------------------------------------------------------*/
/*
@font-face {
  font-family: 'Gotham';
  src: url(https://isdev.scdsb.on.ca/app/Common/cpapps/fonts/GothamHTF-Medium/GothamHTF-Medium.ttf) format('truetype');
}
*/

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------*/
/* APP LAYOUT  
----------------------------------------------------------*/

div.center {
    margin-left: auto; /* margin-left/right auto Centers */
    margin-right: auto;
    text-align: center;
}

body {
    /*background-color: #212121;*/
    background-color: #343534;
    margin: 0px;
    padding: 0px;
    border: none;
}

#app-render-body-area {
    /*background-color: #FFFFFF;*/
    background-color: #F4F4F4;
    padding: 20px;
}

#app-header-row {
    height: 100px;
}

.app-menubox-header {
    text-align: center;
    background-color: #DEDEDE;
    padding: 15px;
    /*border: 10px solid;
    border-color: white;*/
}

.app-menubox-content {
    padding: 15px;
    background-color: white;
    min-height: 60px;
    max-height: 60px;
    /*border: 10px solid;
    border-color: white;*/
}

.app-menubox-buttonarea {
    padding: 15px;
    background-color: white;
    /*border: 10px solid;
    border-color: white;*/
}

.app-menubox-footer {
    background-color: #F4F4F4;
}

/*
.app-menubox-header {
    text-align: center;
    background-color: #00466C;
}

.app-menubox-content {
    border: 1px solid;
    border-color: black;
    background-color: white;
}
*/

.app-sectionbox-header {
    text-align: left;
    background-color: #DEDEDE;
    padding: 10px;
    /*border: 10px solid;
    border-color: white;*/
}

.app-sectionbox-content {
    padding: 10px;
    background-color: white;
    min-height: 40px;
    /*border: 10px solid;
    border-color: white;*/
}

.app-sectionbox-footer {
    background-color: #F4F4F4;
}








/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------*/
/* FONTS
----------------------------------------------------------*/

.scdsb-font-xxl {
    /* Heading 1 size (1.8em = 29px = 22pt)*/
    font-family: 'Montserrat','Gotham','Arial','Century Schoolbook',sans-serif;
    font-size: 1.8em;
    font-weight: bolder;
    color: #003F5A;
    -webkit-font-smoothing: antialiased;
}

.scdsb-font-xl {
    /* Heading 2 size (1.5em = 24px = 18pt)*/
    font-family: 'Montserrat','Gotham','Arial','Century Schoolbook',sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    color: #003F5A;
    -webkit-font-smoothing: antialiased;
}

.scdsb-font-l {
    /* Heading 3 size (1.2em = 19px = 14pt)*/
    font-family: 'Montserrat','Gotham','Arial','Century Schoolbook',sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
}

.scdsb-font-m {
    /* Paragraph size (1em = 16px = 12pt)*/
    /* Ratios:   [1em x 16 = 16px] [16 x 0.75 = 12pt]*/
    font-family: 'Montserrat','Gotham','Arial','Century Schoolbook',sans-serif;
    font-size: 1em;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
}

.scdsb-font-s {
    /* Paragraph size (0.875em = 14px = 10.5 pt)*/
    font-family: 'Montserrat','Gotham','Arial','Century Schoolbook',sans-serif;
    font-size: 0.875em;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}

.scdsb-font-xs {
    /* Small Paragraph size (0.8em = 12.8px = 10 pt)*/
    font-family: 'Montserrat','Gotham','Arial','Century Schoolbook',sans-serif;
    font-size: 0.8em;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}

.scdsb-font-xxs {
    /* Small Print size (0.7em = 11px = 8pt)*/
    font-family: 'Montserrat','Gotham','Arial','Century Schoolbook',sans-serif;
    font-size: 0.7em;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}


/*--------------------------------------------------------*/
/* FONT WEIGHT
----------------------------------------------------------*/
.scdsb-fontWeight-extraLight {
    font-weight: 100;
}

.scdsb-fontWeight-light {
    font-weight: 200;
}

.scdsb-fontWeight-normal {
    font-weight: 400;
}

.scdsb-fontWeight-semiBold {
    font-weight: 600;
}

.scdsb-fontWeight-bold {
    font-weight: 700;
}

.scdsb-fontWeight-extraBold {
    font-weight: 900;
}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------