/**
  * My File
  * @version 13.1.16

  */
/* Faculty base font size variable */
/* 14px */
/* Removes text shadow */
/* Faculty of Medicine's Main Colours */
/*@faculty-garnet-darker: #540615;*/
/*@faculty-garnet-light: #e6cdd1;*/
/*@faculty-garnet-lighter: #efdee1;*/
/* uOttawa standard for Medicine swoosh purple */
/*@faculty-purple-darker: #120012;*/
/*@faculty-purple-light: #e0cfe0;*/
/*@faculty-purple-lighter: #f4edf4;*/
/*@faculty-grey-lighter: #5d5d5d;*/
/*@faculty-grey-light: #dfd6d6;*/
/*@faculty-grey-extra-light: #f1f0f0;*/
/* uOttawa standard for Medicine swoosh grey */
/*@faculty-second-grey-darker: #80746c;*/
/*@faculty-second-grey-lighter: #f1f1f1;*/
/* Faculty of Medicine's Extra Colours */
/*@faculty-orange-darker: #673004;*/
/*@faculty-orange-light: #eadcd0;*/
/*@faculty-orange-lighter: #f9f2ec;*/
/*@faculty-blue-darker: #120012;*/
/*@faculty-blue-light: #e0cfe0;*/
/*@faculty-blue-lighter: #e8eff5;*/
/*@faculty-green-darker: #373501;*/
/*@faculty-green-light: #e9e9d3;*/
/*@faculty-green-lighter: #fafaf1;*/
/*Less mixins*/
.centered-box {
    margin-top: auto !important;
    margin-bottom: auto !important;
    margin-right: auto !important;
    margin-left: auto !important;
    width: 80% !important;
    height: 80% !important;
}

.inline-link-1 .inlineLinks {
    display: inline-block;
    margin: 0;
    padding: 0 0.4rem 0 0.4rem;
    background: transparent !important;
    border-radius: 0.5rem !important;
    -moz-border-radius: 0.5rem !important;
    -webkit-border-radius: 0.5rem !important;
    transition: all 0.3s ease-out;
    text-decoration: underline;
    font-weight: bold;
    color: #000000;
}

    .inline-link-1 .inlineLinks:active {
        background: #eeefd3 !important;
    }

    .inline-link-1 .inlineLinks:visited {
        background: #eeefd3 !important;
    }

    .inline-link-1 .inlineLinks:hover {
        background: #eeefd3 !important;
    }

    .inline-link-1 .inlineLinks:hover {
        background: lighten(#eeefd3, 30%) !important;
    }
/* Specific Font */
.oswald {
    font-family: 'Oswald', sans-serif !important;
    letter-spacing: 0.25rem !important;
}

.uppercase {
    text-transform: uppercase !important;
}

.capitalize {
    text-transform: capitalize !important;
    /*Upper and lower case*/
}

.lowercase {
    text-transform: lowercase !important;
}
/* Buttons Styles */
.btnTextColor {
    color: #ffffff !important;
}

.deleteBtn {
    display: block !important;
    border-radius: 0.5rem !important;
    -moz-border-radius: 0.5rem !important;
    -webkit-border-radius: 0.5rem !important;
    background: #ffffff !important;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #8f001a 100%) !important;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, transparent 0%, #8f001a 100%) !important;
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, transparent 0%, #8f001a 100%) !important;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='@faculty-garnet', GradientType=0) !important;
    /* IE6-9 */
    color: #ffffff !important;
    box-shadow: 0.5rem 0.5rem 0.5rem #95897e !important;
}

.loginBtn {
    display: block !important;
    border-radius: 0.5rem !important;
    -moz-border-radius: 0.5rem !important;
    -webkit-border-radius: 0.5rem !important;
    background: #ffffff !important;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #8f001a 100%) !important;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, transparent 0%, #8f001a 100%) !important;
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, transparent 0%, #8f001a 100%) !important;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='@faculty-garnet', GradientType=0) !important;
    /* IE6-9 */
    color: #ffffff !important;
    box-shadow: 0.1rem 0.1rem 0.1rem #95897e !important;
    border: 0.1rem solid #ffffff !important;
}

.loginBtnHover {
    display: block !important;
    border-radius: 0.5rem !important;
    -moz-border-radius: 0.5rem !important;
    -webkit-border-radius: 0.5rem !important;
    background: #ffffff !important;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #aca39a 100%) !important;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #aca39a 100%) !important;
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #aca39a 100%) !important;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='@faculty-second-grey', GradientType=0) !important;
    /* IE6-9 */
    color: #ffffff !important;
    box-shadow: 0.1rem 0.1rem 0.1rem #95897e !important;
    color: #000000 !important;
    border: 0.1rem solid #ffffff !important;
}

.downloadBtn {
    border-radius: 0.5rem !important;
    -moz-border-radius: 0.5rem !important;
    -webkit-border-radius: 0.5rem !important;
    background: #ffffff !important;
    /* Old browsers */
    background: -moz-linear-gradient(top, #7b44b4 10%, #2f1a45 100%) !important;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #7b44b4 10%, #2f1a45 100%) !important;
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #7b44b4 10%, #2f1a45 100%) !important;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@faculty-purple-light', endColorstr='@faculty-purple', GradientType=0) !important;
    /* IE6-9 */
    color: #ffffff !important;
    box-shadow: 0.5rem 0.5rem 0.5rem #95897e !important;
}

.searchBtn {
    -webkit-border-top-right-radius: 0.5rem !important;
    -webkit-border-bottom-right-radius: 0.5rem !important;
    -moz-border-radius-topright: 0.5rem !important;
    -moz-border-radius-bottomright: 0.5rem !important;
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 0.5rem !important;
    background: #ffffff !important;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #aca39a 100%) !important;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #aca39a 100%) !important;
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #aca39a 100%) !important;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='@faculty-second-grey', GradientType=0) !important;
    /* IE6-9 */
}

.saveBtn {
    border-radius: 0.5rem !important;
    -moz-border-radius: 0.5rem !important;
    -webkit-border-radius: 0.5rem !important;
    background: #ffffff !important;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #8d4206 100%) !important;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, transparent 0%, #8d4206 100%) !important;
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, transparent 0%, #8d4206 100%) !important;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='@faculty-orange', GradientType=0) !important;
    /* IE6-9 */
    color: #ffffff !important;
    box-shadow: 0.5rem 0.5rem 0.5rem #95897e !important;
}

.inset-text-effect {
    display: inline-block;
    border: none;
    font: normal 17px/1 "Arial", Helvetica, sans-serif;
    text-align: center;
    text-transform: normal;
    -o-text-overflow: clip;
    text-overflow: clip;
    white-space: pre;
    text-shadow: 1px 1px 0 rgba(140, 140, 140, 0.6), -1px -1px 1px rgba(0, 0, 0, 0.67);
}

.gradient-pattern {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    /*width: 320px;*/
    /*height: 320px;*/
    border: none;
    /*font: normal 100%/normal Arial, Helvetica, sans-serif;*/
    color: #ffffff;
    -o-text-overflow: clip;
    text-overflow: clip;
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0) 79px, #abced4 79px, #abced4 81px, rgba(0, 0, 0, 0) 81px), -webkit-linear-gradient(90deg, #eeeeee 0.1em, rgba(0, 0, 0, 0) 0.1em), #ffffff;
    background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0) 79px, #abced4 79px, #abced4 81px, rgba(0, 0, 0, 0) 81px), -moz-linear-gradient(0deg, #eeeeee 0.1em, rgba(0, 0, 0, 0) 0.1em), #ffffff;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 79px, #abced4 79px, #abced4 81px, rgba(0, 0, 0, 0) 81px), linear-gradient(0deg, #eeeeee 0.1em, rgba(0, 0, 0, 0) 0.1em), #ffffff;
    background-position: auto auto;
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-background-size: 100% 1.2em;
    background-size: 100% 1.2em;
}

.speechBubble .enjoy-css {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    z-index: 2;
    width: auto;
    height: auto;
    position: absolute;
    padding: 20px;
    border: none;
    -webkit-border-radius: 11px;
    border-radius: 11px;
    font: normal 32px/2 "Abel", Helvetica, sans-serif;
    color: #ffffff;
    text-align: center;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    background: #0199d9;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

    .speechBubble .enjoy-css::before {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        z-index: 1;
        width: 40px;
        height: 40px;
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        border: none;
        font: normal 16px / normal "Times New Roman", Times, serif;
        color: rgba(0, 0, 0, 0.9);
        -o-text-overflow: clip;
        text-overflow: clip;
        background: #0199d9;
        text-shadow: none;
        -webkit-transform: rotateZ(-14.32394488deg) translateX(-5px) skewX(-36deg);
        transform: rotateZ(-14.32394488deg) translateX(-5px) skewX(-36deg);
    }

.inputGrow input {
    /*-webkit-box-sizing: border-box;*/
    /*-moz-box-sizing: border-box;*/
    /*box-sizing: border-box;*/
    width: 190px;
    height: 42px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: none;
    padding: 2rem !important;
    color: #ffffff !important;
    border-radius: 0.5rem !important;
    -moz-border-radius: 0.5rem !important;
    -webkit-border-radius: 0.5rem !important;
    text-decoration: normal;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    background: #ffffff !important;
    -webkit-transition: all 502ms cubic-bezier(0.68, -0.75, 0.265, 1.75);
    -moz-transition: all 502ms cubic-bezier(0.68, -0.75, 0.265, 1.75);
    -o-transition: all 502ms cubic-bezier(0.68, -0.75, 0.265, 1.75);
    transition: all 502ms cubic-bezier(0.68, -0.75, 0.265, 1.75);
}

    .inputGrow input:hover {
        background: #ffffff !important;
        color: #ffffff !important;
        -webkit-transition: all 500ms cubic-bezier(0.68, -0.75, 0.265, 1.75);
        -moz-transition: all 500ms cubic-bezier(0.68, -0.75, 0.265, 1.75);
        -o-transition: all 500ms cubic-bezier(0.68, -0.75, 0.265, 1.75);
        transition: all 500ms cubic-bezier(0.68, -0.75, 0.265, 1.75);
    }

    .inputGrow input:focus {
        width: 213px;
        cursor: default;
        padding: -13px 20px 0;
        color: #ffffff !important;
        background: #ffffff !important;
        -webkit-transition: all 601ms cubic-bezier(0.68, -0.75, 0.265, 1.75);
        -moz-transition: all 601ms cubic-bezier(0.68, -0.75, 0.265, 1.75);
        -o-transition: all 601ms cubic-bezier(0.68, -0.75, 0.265, 1.75);
        transition: all 601ms cubic-bezier(0.68, -0.75, 0.265, 1.75);
    }
/* Gradients */
.garnetGradient {
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #8f001a 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, transparent 0%, #8f001a 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, transparent 0%, #8f001a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='@faculty-garnet', GradientType=0);
    /* IE6-9 */
}

.garnetGradientToGrey {
    background: #8f001a;
    /* Old browsers */
    background: -moz-linear-gradient(top, transparent 50%, #8f001a 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, transparent 50%, #8f001a 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, transparent 50%, #8f001a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@transparent', endColorstr='@faculty-garnet', GradientType=0);
    /* IE6-9 */
}

.greyGradientToGarnet {
    background: #8f001a;
    /* Old browsers */
    background: -moz-linear-gradient(top, #8f001a 50%, transparent 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #8f001a 50%, transparent 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #8f001a 50%, transparent 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@faculty-garnet', endColorstr='@transparent', GradientType=0);
    /* IE6-9 */
}

.purpleGradient {
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #7b44b4 10%, #2f1a45 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #7b44b4 10%, #2f1a45 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #7b44b4 10%, #2f1a45 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@faculty-purple-light', endColorstr='@faculty-purple', GradientType=0);
    /* IE6-9 */
}

.purpleGradientDarker {
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #160c20 40%, #2f1a45 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #160c20 40%, #2f1a45 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #160c20 40%, #2f1a45 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=' @faculty-purple-darker', endColorstr='@faculty-purple', GradientType=0);
    /* IE6-9 */
}

.orangeGradient {
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #8d4206 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, transparent 0%, #8d4206 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, transparent 0%, #8d4206 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='@faculty-orange', GradientType=0);
    /* IE6-9 */
}

.orangeGradientDarker {
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #8d4206 5%, #5c2b04 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #8d4206 5%, #5c2b04 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #8d4206 5%, #5c2b04 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@faculty-orange', endColorstr='@faculty-orange-darker', GradientType=0);
    /* IE6-9 */
}

.blueGradient {
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #17517a 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, transparent 0%, #17517a 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, transparent 0%, #17517a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='@faculty-blue', GradientType=0);
    /* IE6-9 */
}

.blueGradientDarker {
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #17517a 5%, #0f354f 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #17517a 5%, #0f354f 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #17517a 5%, #0f354f 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@faculty-blue', endColorstr='@faculty-blue-darker', GradientType=0);
    /* IE6-9 */
}

.greenGradient {
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #615e06 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, transparent 0%, #615e06 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, transparent 0%, #615e06 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='@faculty-green', GradientType=0);
    /* IE6-9 */
}

.secondGreyGradient {
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #95897e 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, transparent 0%, #95897e 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, transparent 0%, #95897e 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='@faculty-second-grey-darker', GradientType=0);
    /* IE6-9 */
}

.greyGradient {
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #323232 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, transparent 0%, #323232 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, transparent 0%, #323232 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='@faculty-grey', GradientType=0);
    /* IE6-9 */
}
/* Applies a darker gray gradient */
.lightGreyGradient {
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #7f7f7f 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #7f7f7f 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #7f7f7f 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='@faculty-grey-light', GradientType=0);
    /* IE6-9 */
}

.GreyGradientLight {
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #aca39a 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #aca39a 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #aca39a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='@faculty-second-grey', GradientType=0);
    /* IE6-9 */
}
/* Applies rounded corners */
.roundedCorners {
    border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
}

.rightSideRoundedCorners {
    -webkit-border-top-right-radius: 0.5rem;
    -webkit-border-bottom-right-radius: 0.5rem;
    -moz-border-radius-topright: 0.5rem;
    -moz-border-radius-bottomright: 0.5rem;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0.5rem;
}

.leftSideRoundedCorners {
    -webkit-border-top-left-radius: 0.5rem;
    -webkit-border-bottom-left-radius: 0.5rem;
    -moz-border-radius-topleft: 0.5rem;
    -moz-border-radius-bottomleft: 0.5rem;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 0.5rem;
}

.topSideRoundedCorners {
    -webkit-border-top-right-radius: 0.5rem;
    -webkit-border-top-left-radius: 0.5rem;
    -moz-border-radius-topright: 0.5rem;
    -moz-border-radius-topleft: 0.5rem;
    border-top-right-radius: 10px;
    border-top-left-radius: 0.5rem;
}

.bottomSideRoundedCorners {
    -webkit-border-bottom-right-radius: 0.5rem;
    -webkit-border-bottom-left-radius: 0.5rem;
    -moz-border-radius-bottomright: 0.5rem;
    -moz-border-radius-bottomleft: 0.5rem;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 0.5rem;
}

.removeRoundedCorners {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.uppercase {
    text-transform: uppercase !important;
}

.boxShadow {
    box-shadow: 0.5rem 0.5rem 0.5rem #95897e !important;
}

.boxShadowLight {
    box-shadow: 0.1rem 0.1rem 0.1rem #b2b2b2 !important;
}

.boxShadowSmall {
    box-shadow: 0.1rem 0.1rem 0.1rem #95897e !important;
}

.boxShadowWhite {
    -webkit-box-shadow: 3px 1px 28px 8px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 3px 1px 28px 8px rgba(255, 255, 255, 0.5);
    box-shadow: 3px 1px 28px 8px rgba(255, 255, 255, 0.5);
}

.removeBoxShadow {
    box-shadow: none !important;
}

.embossed {
    text-shadow: #fff 0px 1px 0, #000 0 -1px 0;
    line-height: 1rem;
    font-size: 1rem;
    font-weight: bold;
    color: #808080;
}
/* Applies table styles with blurred other rows on hover*/
.table-hover table {
    background: #ffffff;
    border-collapse: separate;
    box-shadow: inset 0 1px 0 #fff;
    font-size: 12px;
    line-height: 24px;
    margin: 30px 0 30px 0;
    text-align: left;
    width: 100% !important;
    border-radius: 0.5rem !important;
    -moz-border-radius: 0.5rem !important;
    -webkit-border-radius: 0.5rem !important;
}

.table-hover th {
    background: linear-gradient(#777, #444);
    border-left: 1px solid #555;
    border-right: 1px solid #777;
    border-top: 1px solid #555;
    border-bottom: 1px solid #333;
    box-shadow: inset 0 1px 0 #999;
    color: #fff;
    font-weight: bold;
    padding: 10px 15px;
    position: relative;
    text-shadow: 0 1px 0 #000;
}

    .table-hover th:after {
        background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.08));
        content: '';
        display: block;
        height: 25%;
        left: 0;
        margin: 1px 0 0 0;
        position: absolute;
        top: 25%;
        width: 100% !important;
    }

    .table-hover th:first-child {
        border-left: 1px solid #777;
        box-shadow: inset 1px 1px 0 #999;
    }

    .table-hover th:last-child {
        box-shadow: inset -1px 1px 0 #999;
    }

.table-hover td {
    border-right: 1px solid #fff;
    border-left: 1px solid #e8e8e8;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e8e8e8;
    padding: 10px 15px;
    position: relative;
    transition: all 300ms;
}

    .table-hover td:first-child {
        box-shadow: inset 1px 0 0 #fff;
    }

    .table-hover td:last-child {
        border-right: 1px solid #e8e8e8;
        box-shadow: inset -1px 0 0 #fff;
    }

.table-hover tr {
    background: url(http://jackrugile.com/images/misc/noise-diagonal.png);
}

    .table-hover tr:nth-child(odd) td {
        background: #f1f1f1 url(http://jackrugile.com/images/misc/noise-diagonal.png);
    }

    .table-hover tr:last-of-type td {
        box-shadow: inset 0 -1px 0 #fff;
    }

        .table-hover tr:last-of-type td:first-child {
            box-shadow: inset 1px -1px 0 #fff;
        }

        .table-hover tr:last-of-type td:last-child {
            box-shadow: inset -1px -1px 0 #fff;
        }

.table-hover tbody:hover td {
    color: transparent;
    text-shadow: 0 0 3px #aaa;
}

.table-hover tbody:hover tr:hover td {
    color: #444;
    text-shadow: 0 1px 0 #fff;
}
/*Styles ofr accordion type table when on smaller devices*/
.accordionTable #table {
    display: table;
    width: 100% !important;
    background: #fff;
    margin: 0;
    box-sizing: border-box;
}

.accordionTable .caption {
    display: block;
    width: 100% !important;
    background: #64e0ef;
    height: 55px;
    padding-left: 10px;
    color: #fff;
    font-size: 20px;
    line-height: 55px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
}

.accordionTable .header-row {
    background: #8b8b8b;
    color: #fff;
}

.accordionTable .row {
    display: table-row;
}

.accordionTable .cell {
    display: table-cell;
    padding: 6px;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
}

.accordionTable .primary {
    text-align: left;
}

.accordionTable input[type="radio"],
.accordionTable input[type="checkbox"] {
    display: none;
}

@media only screen and (max-width: 760px) {
    .accordionTable #table {
        display: block;
        margin: 44px 0 0 0;
    }

    .accordionTable .caption {
        position: fixed;
        top: 0;
        text-align: center;
        height: 44px;
        line-height: 44px;
        z-index: 5;
        border-bottom: 2px solid #999;
    }

    .accordionTable .row {
        position: relative;
        display: block;
        border-bottom: 1px solid #ccc;
    }

    .accordionTable .header-row {
        display: none;
    }

    .accordionTable .cell {
        display: block;
        border: none;
        position: relative;
        height: 45px;
        line-height: 45px;
        text-align: left;
    }

    .accordionTable .primary:after {
        content: "";
        display: block;
        position: absolute;
        right: 20px;
        top: 18px;
        z-index: 2;
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-right: 10px solid #ccc;
    }

    .accordionTable .cell:nth-of-type(n+2) {
        display: none;
    }

    .accordionTable input[type="radio"],
    .accordionTable input[type="checkbox"] {
        display: block;
        position: absolute;
        z-index: 1;
        width: 99%;
        height: 100%;
        opacity: 0;
    }

        .accordionTable input[type="radio"]:checked,
        .accordionTable input[type="checkbox"]:checked {
            z-index: -1;
        }

            .accordionTable input[type="radio"]:checked ~ .cell,
            .accordionTable input[type="checkbox"]:checked ~ .cell {
                display: block;
                border-bottom: 1px solid #eee;
            }

                .accordionTable input[type="radio"]:checked ~ .cell:nth-of-type(n+2),
                .accordionTable input[type="checkbox"]:checked ~ .cell:nth-of-type(n+2) {
                    background: #e0e0e0;
                }

                    .accordionTable input[type="radio"]:checked ~ .cell:nth-of-type(n+2):before,
                    .accordionTable input[type="checkbox"]:checked ~ .cell:nth-of-type(n+2):before {
                        content: attr(data-label);
                        display: inline-block;
                        width: 60px;
                        background: #999;
                        border-radius: 10px;
                        height: 20px;
                        margin-right: 10px;
                        font-size: 12px;
                        line-height: 20px;
                        text-align: center;
                        color: white;
                    }

            .accordionTable input[type="radio"]:checked ~ .primary,
            .accordionTable input[type="checkbox"]:checked ~ .primary {
                border-bottom: 2px solid #999;
            }

                .accordionTable input[type="radio"]:checked ~ .primary:after,
                .accordionTable input[type="checkbox"]:checked ~ .primary:after {
                    position: absolute;
                    right: 18px;
                    top: 22px;
                    border-right: 10px solid transparent;
                    border-left: 10px solid transparent;
                    border-top: 10px solid #ccc;
                    z-index: 2;
                }
}

#liaisonOfficer {
    padding: 1.3rem;
}

#tabContainer {
    padding: 0 1rem 0 0;
    margin-bottom: 1rem;
}

#announcements .card {
    -webkit-border-bottom-right-radius: 0.5rem;
    -webkit-border-bottom-left-radius: 0.5rem;
    -moz-border-radius-bottomright: 0.5rem;
    -moz-border-radius-bottomleft: 0.5rem;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 0.5rem;
    box-shadow: 0.1rem 0.1rem 0.1rem #95897e !important;
    margin-bottom: 1rem;
    padding: 0;
    background: #fff5f7;
}

    #announcements .card .card-block {
        padding: 0.4rem;
    }

        #announcements .card .card-block .undismissBar {
            background: #ffffff;
            color: #000000;
            display: block;
            padding: 0.4rem !important;
            border-radius: 0.5rem;
            -moz-border-radius: 0.5rem;
            -webkit-border-radius: 0.5rem;
            text-align: center;
            font-size: 1rem;
            text-decoration: underline;
            border: 0.1rem solid #ff2950;
        }

            #announcements .card .card-block .undismissBar:hover {
                background: #ff2950;
                color: #ffffff;
            }

        #announcements .card .card-block .alert-warning {
            background: #eeefd3;
            border: 0.1rem solid #e0e1ae;
            border-radius: 0.5rem;
            -moz-border-radius: 0.5rem;
            -webkit-border-radius: 0.5rem;
            margin-top: 1rem;
            padding: 1rem;
            color: #000000;
        }

            #announcements .card .card-block .alert-warning p {
                text-align: center;
                line-height: 1.7rem;
            }

                #announcements .card .card-block .alert-warning p a {
                    color: #000000;
                    text-decoration: underline;
                    padding: 0.3rem;
                    border-radius: 0.5rem;
                    -moz-border-radius: 0.5rem;
                    -webkit-border-radius: 0.5rem;
                }

                    #announcements .card .card-block .alert-warning p a:hover {
                        background: #e0e1ae;
                        color: #000000;
                    }

        #announcements .card .card-block .message {
            padding: 0.8rem 0.8rem 0.8rem 0.8rem;
            background: #ffffff;
            border: 0.1 solid #5c0011;
            margin-top: 1rem;
        }

            #announcements .card .card-block .message .messageContent.col {
                padding-right: 0.3rem;
                padding-left: 0.3rem;
            }

            #announcements .card .card-block .message .label-default {
                background: #8f001a;
                margin: 0 0 0.7rem 0;
                font-size: 1rem;
                border-radius: 0.5rem;
                -moz-border-radius: 0.5rem;
                -webkit-border-radius: 0.5rem;
            }

            #announcements .card .card-block .message .card-title {
                color: #5c0011;
            }

            #announcements .card .card-block .message #date {
                display: block;
                padding: 0 0 1rem 0;
            }

            #announcements .card .card-block .message .dismissBar {
                padding: 0;
                border: none;
            }

                #announcements .card .card-block .message .dismissBar p {
                    margin-bottom: 0;
                }

                #announcements .card .card-block .message .dismissBar a {
                    padding: 0.7rem;
                    font-size: 1rem;
                    color: #8f001a;
                    text-decoration: underline;
                }

                    #announcements .card .card-block .message .dismissBar a:hover {
                        color: #323232;
                    }

            #announcements .card .card-block .message:first-child {
                margin-top: 0;
            }

            #announcements .card .card-block .message.all {
                border-left: 0.4rem solid #ff2950;
            }

            #announcements .card .card-block .message.specific {
                border-left: 0.4rem solid #8f001a;
            }

    #announcements .card:last-child {
        margin-bottom: 0;
    }

.studentInfo {
    padding: 0 0 0 1rem;
}

    .studentInfo h3 {
        font-size: 1.8rem;
    }

    .studentInfo .studentUserName {
        font-weight: 300;
        font-size: 1rem;
        display: block;
        line-height: 0;
    }

    .studentInfo .medYear {
        font-weight: 300;
        font-size: 1rem;
        padding: 0.2rem;
        background: #7f7f7f;
        border-radius: 0.5rem;
        -moz-border-radius: 0.5rem;
        -webkit-border-radius: 0.5rem;
    }

    .studentInfo mark {
        background: #7f7f7f;
        padding: 0 1rem 0 1rem;
        border-radius: 0.5rem;
        -moz-border-radius: 0.5rem;
        -webkit-border-radius: 0.5rem;
    }

#profileInfo {
    background: transparent;
    border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    padding: 0;
}

    #profileInfo img {
        margin-bottom: 1rem;
        border-radius: 0.5rem;
        -moz-border-radius: 0.5rem;
        -webkit-border-radius: 0.5rem;
        box-shadow: 0.1rem 0.1rem 0.1rem #95897e !important;
        width: auto;
        height: auto;
    }

#tabContainer .nav-tabs {
    border-bottom: none;
}

#tabContainer .tab-content {
    background: #ffffff;
    border-top: none;
    -webkit-border-bottom-right-radius: 0.5rem;
    -webkit-border-bottom-left-radius: 0.5rem;
    -moz-border-radius-bottomright: 0.5rem;
    -moz-border-radius-bottomleft: 0.5rem;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 0.5rem;
    box-shadow: 0.1rem 0.1rem 0.1rem #95897e !important;
}

    #tabContainer .tab-content #tools .card {
        border-radius: 0.5rem;
        -moz-border-radius: 0.5rem;
        -webkit-border-radius: 0.5rem;
        background: #fefef6;
        margin-bottom: 1rem;
        margin-top: 1rem;
        padding: 1rem;
    }

        #tabContainer .tab-content #tools .card ul li {
            padding: 0;
            margin: 0;
            border: none;
            background: transparent;
        }

            #tabContainer .tab-content #tools .card ul li .fa {
                border-radius: 0.5rem;
                -moz-border-radius: 0.5rem;
                -webkit-border-radius: 0.5rem;
                background: none;
                color: #000000;
                margin-right: 0;
                border: none;
                display: inline;
            }

                #tabContainer .tab-content #tools .card ul li .fa:hover {
                    color: #615e06;
                }

            #tabContainer .tab-content #tools .card ul li .text {
                padding: 0;
                display: inline;
            }

            #tabContainer .tab-content #tools .card ul li .link {
                color: #312f03;
                text-decoration: none;
                padding: 1rem 1rem 1rem 1rem;
                display: block;
                border-left: 0.6rem solid #312f03;
                border-right: 0.6rem solid #615e06;
                border-top: 0.1rem solid #e4e4e4;
                border-bottom: 0.1rem dashed #e4e4e4;
                margin-bottom: 0.5rem;
                border-radius: 0.5rem;
                -moz-border-radius: 0.5rem;
                -webkit-border-radius: 0.5rem;
                border-top: 0.1rem solid #312f03;
                border-bottom: 0.1rem solid #312f03;
                background: #ffffff;
            }

                #tabContainer .tab-content #tools .card ul li .link:hover {
                    color: #ffffff;
                    background: #312f03;
                    color: white;
                }

                    #tabContainer .tab-content #tools .card ul li .link:hover .fa {
                        color: #ffffff;
                    }

            #tabContainer .tab-content #tools .card ul li .label {
                line-height: 1rem;
            }

                #tabContainer .tab-content #tools .card ul li .label .btn-more {
                    color: #181818;
                    background: #ffffff;
                    border: 0.1rem solid #b2b2b2;
                    padding: 1rem;
                    border-radius: 0.5rem;
                    -moz-border-radius: 0.5rem;
                    -webkit-border-radius: 0.5rem;
                    text-decoration: underline;
                }

                    #tabContainer .tab-content #tools .card ul li .label .btn-more:hover {
                        background: #e4e4e4;
                        color: #8d4206;
                    }

                    #tabContainer .tab-content #tools .card ul li .label .btn-more .fa {
                        background: transparent;
                        color: #8d4206;
                        font-size: 1.6rem;
                        border: none;
                        padding: 0.4rem 0 0.4rem 0;
                    }

            #tabContainer .tab-content #tools .card ul li:hover .link {
                text-decoration: underline;
            }

            #tabContainer .tab-content #tools .card ul li:last-child {
                margin-bottom: 0;
            }

        #tabContainer .tab-content #tools .card:last-child {
            margin-bottom: 0;
        }

#tabContainer .nav .nav-item:nth-child(1) .nav-link {
    color: #ffffff;
    background: #8f001a;
    -webkit-border-top-right-radius: 0.5rem;
    -webkit-border-top-left-radius: 0.5rem;
    -moz-border-radius-topright: 0.5rem;
    -moz-border-radius-topleft: 0.5rem;
    border-top-right-radius: 10px;
    border-top-left-radius: 0.5rem;
}

    #tabContainer .nav .nav-item:nth-child(1) .nav-link.active,
    #tabContainer .nav .nav-item:nth-child(1) .nav-link.focus {
        background: #fff5f7;
        color: #5c0011;
    }

#tabContainer .nav .nav-item:nth-child(2) .nav-link {
    color: #ffffff;
    background: #615e06;
    -webkit-border-top-right-radius: 0.5rem;
    -webkit-border-top-left-radius: 0.5rem;
    -moz-border-radius-topright: 0.5rem;
    -moz-border-radius-topleft: 0.5rem;
    border-top-right-radius: 10px;
    border-top-left-radius: 0.5rem;
}

    #tabContainer .nav .nav-item:nth-child(2) .nav-link.active,
    #tabContainer .nav .nav-item:nth-child(2) .nav-link.focus {
        background: #fefef6;
        color: #5c2b04;
    }

#tabContainer .nav .nav-item:nth-child(3) .nav-link {
    color: #ffffff;
    background: #17517a;
    -webkit-border-top-right-radius: 0.5rem;
    -webkit-border-top-left-radius: 0.5rem;
    -moz-border-radius-topright: 0.5rem;
    -moz-border-radius-topleft: 0.5rem;
    border-top-right-radius: 10px;
    border-top-left-radius: 0.5rem;
}

    #tabContainer .nav .nav-item:nth-child(3) .nav-link.active,
    #tabContainer .nav .nav-item:nth-child(3) .nav-link.focus {
        background: #f8fbfe;
        color: #0f354f;
    }

#tabContainer .nav .nav-item:nth-child(4) .nav-link {
    color: #ffffff;
    background: #17661a;
    -webkit-border-top-right-radius: 0.5rem;
    -webkit-border-top-left-radius: 0.5rem;
    -moz-border-radius-topright: 0.5rem;
    -moz-border-radius-topleft: 0.5rem;
    border-top-right-radius: 10px;
    border-top-left-radius: 0.5rem;
}

    #tabContainer .nav .nav-item:nth-child(4) .nav-link.active,
    #tabContainer .nav .nav-item:nth-child(4) .nav-link.focus {
        background: #f8fbfe;
        color: #0f400d;
    }

#tabContainer .nav .nav-item:nth-child(5) .nav-link {
    color: #ffffff;
    background: #8d4206;
    -webkit-border-top-right-radius: 0.5rem;
    -webkit-border-top-left-radius: 0.5rem;
    -moz-border-radius-topright: 0.5rem;
    -moz-border-radius-topleft: 0.5rem;
    border-top-right-radius: 10px;
    border-top-left-radius: 0.5rem;
}

    #tabContainer .nav .nav-item:nth-child(5) .nav-link.active,
    #tabContainer .nav .nav-item:nth-child(5) .nav-link.visited,
    #tabContainer .nav .nav-item:nth-child(5) .nav-link.focus {
        background: #ffffff;
        color: #5c2b04;
    }

#tabContainer .nav .nav-item:nth-child(6) .nav-link {
    color: #ffffff;
    background: #2f1a45;
    -webkit-border-top-right-radius: 0.5rem;
    -webkit-border-top-left-radius: 0.5rem;
    -moz-border-radius-topright: 0.5rem;
    -moz-border-radius-topleft: 0.5rem;
    border-top-right-radius: 10px;
    border-top-left-radius: 0.5rem;
}

    #tabContainer .nav .nav-item:nth-child(6) .nav-link.active,
    #tabContainer .nav .nav-item:nth-child(6) .nav-link.visited,
    #tabContainer .nav .nav-item:nth-child(6) .nav-link.focus {
        background: #fbfafd;
        color: #160c20;
    }

#accommodationContent {
    border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    background: #fbfafd;
    margin-bottom: 1rem;
    margin-top: 0;
    padding: 1rem;
}

    #accommodationContent li {
        padding: 0.4rem;
        background: transparent;
        border-bottom: 0.1rem solid #2f1a45;
        border-left: 0.3rem solid #7b44b4;
    }

        #accommodationContent li a {
            padding: 0.8rem;
            color: #2f1a45;
            display: block;
        }

            #accommodationContent li a span {
                padding: 1rem;
                text-decoration: underline;
            }

            #accommodationContent li a button {
                border: 0.1rem solid #2f1a45;
                background: #ffffff;
                /* Old browsers */
                background: -moz-linear-gradient(top, #7b44b4 10%, #2f1a45 100%);
                /* FF3.6-15 */
                background: -webkit-linear-gradient(top, #7b44b4 10%, #2f1a45 100%);
                /* Chrome10-25,Safari5.1-6 */
                background: linear-gradient(to bottom, #7b44b4 10%, #2f1a45 100%);
                /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@faculty-purple-light', endColorstr='@faculty-purple', GradientType=0);
                /* IE6-9 */
                color: #ffffff;
                border-radius: 0.5rem;
                -moz-border-radius: 0.5rem;
                -webkit-border-radius: 0.5rem;
                padding: 0.8rem;
                text-align: center;
            }

        #accommodationContent li:first-child {
            border-top: 0.1rem solid #2f1a45;
        }

        #accommodationContent li:hover {
            border-left: 0.3rem solid #2f1a45;
        }

            #accommodationContent li:hover button {
                background: #ffffff;
                /* Old browsers */
                background: -moz-linear-gradient(top, #160c20 40%, #2f1a45 100%);
                /* FF3.6-15 */
                background: -webkit-linear-gradient(top, #160c20 40%, #2f1a45 100%);
                /* Chrome10-25,Safari5.1-6 */
                background: linear-gradient(to bottom, #160c20 40%, #2f1a45 100%);
                /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=' @faculty-purple-darker', endColorstr='@faculty-purple', GradientType=0);
                /* IE6-9 */
            }

#grades h3 {
    color: #17517a;
}

#grades #gradesAccordion #panelContainer .panel {
    background: #17517a;
    border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
}

#grades #gradesAccordion #panelContainer .panel-heading {
    border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    background: #17517a;
    padding: 1rem;
    cursor: pointer;
}

    #grades #gradesAccordion #panelContainer .panel-heading:hover {
        background: #134365;
    }

    #grades #gradesAccordion #panelContainer .panel-heading h4 a {
        color: #ffffff;
    }

        #grades #gradesAccordion #panelContainer .panel-heading h4 a .label-default {
            background: #4da1dd;
            border: 0.1rem solid #0f354f;
        }

#grades #gradesAccordion #panelContainer .panel-collapse {
    background: #ffffff;
}

#grades #gradesAccordion #panelContainer table caption {
    caption-side: top;
    background: #ffffff;
}

#grades #gradesAccordion #panelContainer table th {
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #17517a 5%, #0f354f 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #17517a 5%, #0f354f 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #17517a 5%, #0f354f 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@faculty-blue', endColorstr='@faculty-blue-darker', GradientType=0);
    /* IE6-9 */
    color: #ffffff;
}

#grades #gradesAccordion #panelContainer table tr:nth-child(odd) {
    background: #f8fbfe;
}

#grades #gradesAccordion #panelContainer table tr:nth-child(even) {
    background: #ffffff;
}

#myTab-accordion .panel {
    border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    margin-bottom: 0.5rem;
}

    #myTab-accordion .panel .panel-heading {
        padding: 1rem;
    }

        #myTab-accordion .panel .panel-heading h4 {
            padding: 0;
            margin: 0;
        }

    #myTab-accordion .panel .panel-collapse {
        padding: 1rem;
    }

#myTab-accordion #tools .card {
    border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    background: #fefef6;
    margin-bottom: 1rem;
    margin-top: 1rem;
    padding: 1rem;
}

    #myTab-accordion #tools .card ul li {
        padding: 0;
        margin: 0;
        border: none;
        background: transparent;
    }

        #myTab-accordion #tools .card ul li .fa {
            border-radius: 0.5rem;
            -moz-border-radius: 0.5rem;
            -webkit-border-radius: 0.5rem;
            background: none;
            color: #000000;
            margin-right: 0;
            border: none;
            display: inline;
        }

            #myTab-accordion #tools .card ul li .fa:hover {
                color: #615e06;
            }

        #myTab-accordion #tools .card ul li .text {
            padding: 0;
            display: inline;
        }

        #myTab-accordion #tools .card ul li .link {
            color: #312f03;
            text-decoration: none;
            padding: 1rem 1rem 1rem 1rem;
            display: block;
            background: #ffffff;
            border-left: 0.6rem solid #312f03;
            border-right: 0.6rem solid #615e06;
            border-top: 0.1rem solid #e4e4e4;
            border-bottom: 0.1rem dashed #e4e4e4;
            margin-bottom: 0.5rem;
            border-radius: 0.5rem;
            -moz-border-radius: 0.5rem;
            -webkit-border-radius: 0.5rem;
            border-top: 0.1rem solid #312f03;
            border-bottom: 0.1rem solid #312f03;
        }

            #myTab-accordion #tools .card ul li .link:hover {
                color: #ffffff;
                background: #312f03;
                color: white;
            }

                #myTab-accordion #tools .card ul li .link:hover .fa {
                    color: #ffffff;
                }

        #myTab-accordion #tools .card ul li .label {
            line-height: 0;
        }

            #myTab-accordion #tools .card ul li .label .btn-more {
                color: #181818;
                background: #ffffff;
                border: 0.1rem solid #b2b2b2;
                padding: 1rem;
                border-radius: 0.5rem;
                -moz-border-radius: 0.5rem;
                -webkit-border-radius: 0.5rem;
                text-decoration: underline;
            }

                #myTab-accordion #tools .card ul li .label .btn-more:hover {
                    background: #e4e4e4;
                    color: #8d4206;
                }

                #myTab-accordion #tools .card ul li .label .btn-more .fa {
                    background: transparent;
                    color: #8d4206;
                    font-size: 1.6rem;
                    border: none;
                    padding: 0.4rem 0 0.4rem 0;
                }

        #myTab-accordion #tools .card ul li:hover .link {
            text-decoration: underline;
        }

        #myTab-accordion #tools .card ul li:last-child {
            margin-bottom: 0;
        }

#myTab-accordion .panel:nth-child(1) {
    background: #8f001a;
    -webkit-border-bottom-right-radius: 0.5rem;
    -webkit-border-bottom-left-radius: 0.5rem;
    -moz-border-radius-bottomright: 0.5rem;
    -moz-border-radius-bottomleft: 0.5rem;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 0.5rem;
}

    #myTab-accordion .panel:nth-child(1) .panel-heading h4 a {
        color: #ffffff;
    }

    #myTab-accordion .panel:nth-child(1) .panel-collapse {
        background: #ffffff;
    }

#myTab-accordion .panel:nth-child(2) {
    background: #615e06;
    -webkit-border-bottom-right-radius: 0.5rem;
    -webkit-border-bottom-left-radius: 0.5rem;
    -moz-border-radius-bottomright: 0.5rem;
    -moz-border-radius-bottomleft: 0.5rem;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 0.5rem;
}

    #myTab-accordion .panel:nth-child(2) .panel-heading h4 a {
        color: #ffffff;
    }

    #myTab-accordion .panel:nth-child(2) .panel-collapse {
        background: #ffffff;
    }

#myTab-accordion .panel:nth-child(3) {
    background: #17517a;
    -webkit-border-bottom-right-radius: 0.5rem;
    -webkit-border-bottom-left-radius: 0.5rem;
    -moz-border-radius-bottomright: 0.5rem;
    -moz-border-radius-bottomleft: 0.5rem;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 0.5rem;
}

    #myTab-accordion .panel:nth-child(3) .panel-heading h4 a {
        color: #ffffff;
    }

    #myTab-accordion .panel:nth-child(3) .panel-collapse {
        background: #ffffff;
    }

#myTab-accordion .panel:nth-child(4) {
    background: #17661a;
    -webkit-border-bottom-right-radius: 0.5rem;
    -webkit-border-bottom-left-radius: 0.5rem;
    -moz-border-radius-bottomright: 0.5rem;
    -moz-border-radius-bottomleft: 0.5rem;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 0.5rem;
}

    #myTab-accordion .panel:nth-child(4) .panel-heading h4 a {
        color: #ffffff;
    }

    #myTab-accordion .panel:nth-child(4) .panel-collapse {
        background: #ffffff;
    }

#myTab-accordion .panel:nth-child(5) {
    background: #8d4206;
    -webkit-border-bottom-right-radius: 0.5rem;
    -webkit-border-bottom-left-radius: 0.5rem;
    -moz-border-radius-bottomright: 0.5rem;
    -moz-border-radius-bottomleft: 0.5rem;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 0.5rem;
}

    #myTab-accordion .panel:nth-child(5) .panel-heading h4 a {
        color: #ffffff;
    }

    #myTab-accordion .panel:nth-child(5) .panel-collapse {
        background: #ffffff;
    }

#myTab-accordion .panel:nth-child(6) {
    background: #2f1a45;
    -webkit-border-bottom-right-radius: 0.5rem;
    -webkit-border-bottom-left-radius: 0.5rem;
    -moz-border-radius-bottomright: 0.5rem;
    -moz-border-radius-bottomleft: 0.5rem;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 0.5rem;
}

    #myTab-accordion .panel:nth-child(6) .panel-heading h4 a {
        color: #ffffff;
    }

    #myTab-accordion .panel:nth-child(6) .panel-collapse {
        background: #ffffff;
    }

#myTab-accordion #panelContainer .panel {
    background: #17517a;
    border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
}

#myTab-accordion #panelContainer .panel-heading {
    border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    background: #17517a;
    padding: 1rem;
    cursor: pointer;
    margin-bottom: 1rem;
}

    #myTab-accordion #panelContainer .panel-heading:hover {
        background: #134365;
    }

    #myTab-accordion #panelContainer .panel-heading h4 a {
        color: #ffffff;
    }

#myTab-accordion h3 {
    color: #17517a;
}

#myTab-accordion #gradesAccordion #panelContainer {
    /*80px*/
}

    #myTab-accordion #gradesAccordion #panelContainer .panel {
        background: #17517a;
        border-radius: 0.5rem;
        -moz-border-radius: 0.5rem;
        -webkit-border-radius: 0.5rem;
    }

    #myTab-accordion #gradesAccordion #panelContainer .panel-heading {
        border-radius: 0.5rem;
        -moz-border-radius: 0.5rem;
        -webkit-border-radius: 0.5rem;
        background: #17517a;
        padding: 1rem;
        cursor: pointer;
        margin-bottom: 1rem;
    }

        #myTab-accordion #gradesAccordion #panelContainer .panel-heading:hover {
            background: #134365;
        }

        #myTab-accordion #gradesAccordion #panelContainer .panel-heading h4 a {
            color: #ffffff;
        }

            #myTab-accordion #gradesAccordion #panelContainer .panel-heading h4 a .label-default {
                background: #4da1dd;
                border: 0.1rem solid #0f354f;
            }

    #myTab-accordion #gradesAccordion #panelContainer .panel-collapse {
        background: #ffffff;
    }

    #myTab-accordion #gradesAccordion #panelContainer table caption {
        caption-side: top;
        background: #ffffff;
    }

    #myTab-accordion #gradesAccordion #panelContainer table th {
        background: #ffffff;
        /* Old browsers */
        background: -moz-linear-gradient(top, #17517a 5%, #0f354f 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #17517a 5%, #0f354f 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #17517a 5%, #0f354f 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@faculty-blue', endColorstr='@faculty-blue-darker', GradientType=0);
        /* IE6-9 */
        color: #ffffff;
        text-align: center;
        vertical-align: middle;
    }

    #myTab-accordion #gradesAccordion #panelContainer table thead th:first-child {
        background: #ffffff;
    }

    #myTab-accordion #gradesAccordion #panelContainer table td {
        text-align: center;
    }

    #myTab-accordion #gradesAccordion #panelContainer table tr:nth-child(odd) {
        background: #f8fbfe;
    }

    #myTab-accordion #gradesAccordion #panelContainer table tr:nth-child(even) {
        background: #ffffff;
    }

    #myTab-accordion #gradesAccordion #panelContainer [fixed-first-column] {
        position: relative;
    }

        #myTab-accordion #gradesAccordion #panelContainer [fixed-first-column] > .table-responsive {
            margin-left: 0;
        }

            #myTab-accordion #gradesAccordion #panelContainer [fixed-first-column] > .table-responsive .table > thead > tr > td:first-child,
            #myTab-accordion #gradesAccordion #panelContainer [fixed-first-column] > .table-responsive .table > tbody > tr > td:first-child,
            #myTab-accordion #gradesAccordion #panelContainer [fixed-first-column] > .table-responsive .table > thead > tr > th:first-child,
            #myTab-accordion #gradesAccordion #panelContainer [fixed-first-column] > .table-responsive .table > tbody > tr > th:first-child {
                position: absolute;
                min-width: 200px;
                /*80px;*/
                width: 200px;
                /*80px;*/
                border-right: 1px solid #ddd !important;
                border-bottom: 1px solid #f5f5f5 !important;
                border-top: none !important;
                left: 0;
                top: auto;
                /*padding-top:0 !important;*/
                /*padding-bottom:0 !important;*/
            }

        #myTab-accordion #gradesAccordion #panelContainer [fixed-first-column] td {
            min-width: 150px;
            /* default width */
            max-width: 300px;
        }

.liaisonOfficerContainer {
    padding: 0 0 0 0;
}

    .liaisonOfficerContainer .hide {
        display: none !important;
    }

    .liaisonOfficerContainer #liaisonOfficer {
        padding: 1rem !important;
    }

        .liaisonOfficerContainer #liaisonOfficer h4 {
            margin: 0 !important;
            padding: 0 !important;
            line-height: 1.5rem !important;
            color: #8f001a;
        }

        .liaisonOfficerContainer #liaisonOfficer .contact {
            margin-top: 1rem !important;
            display: block !important;
        }

            .liaisonOfficerContainer #liaisonOfficer .contact p {
                line-height: 1.4rem;
                margin: 0;
                padding: 0;
            }

            .liaisonOfficerContainer #liaisonOfficer .contact .contactSpecific p:first-child {
                font-weight: 700;
                font-size: 1.2rem;
                color: #323232;
            }

            .liaisonOfficerContainer #liaisonOfficer .contact .contactSpecific p:last-child {
                font-weight: 400 !important;
                font-size: 1.1rem !important;
            }

            .liaisonOfficerContainer #liaisonOfficer .contact .contactSpecific a {
                color: #17517a;
                line-height: 1.8rem;
            }

                .liaisonOfficerContainer #liaisonOfficer .contact .contactSpecific a:hover {
                    color: #0f354f;
                }

                .liaisonOfficerContainer #liaisonOfficer .contact .contactSpecific a .fa {
                    padding: 0 0.8rem 0 0;
                }

            .liaisonOfficerContainer #liaisonOfficer .contact .contactDepartment p:first-child {
                font-weight: 500;
                font-size: 1.2rem;
            }

            .liaisonOfficerContainer #liaisonOfficer .contact .contactDepartment .emphasized {
                font-weight: 600 !important;
                background: #e0e1ae;
                padding: 0.1rem 0.5rem 0.1rem 0.5rem;
                color: #000000;
                border-radius: 0.5rem;
                -moz-border-radius: 0.5rem;
                -webkit-border-radius: 0.5rem;
            }

            .liaisonOfficerContainer #liaisonOfficer .contact .contactDepartment a {
                color: #17517a;
                line-height: 1.8rem;
                text-decoration: underline;
            }

                .liaisonOfficerContainer #liaisonOfficer .contact .contactDepartment a:hover {
                    color: #0f354f;
                }

                .liaisonOfficerContainer #liaisonOfficer .contact .contactDepartment a .fa {
                    padding: 0 0.8rem 0 0;
                }

    .liaisonOfficerContainer .button {
        display: inline-block;
        height: 40px;
        line-height: 40px;
        padding-right: 30px;
        padding-left: 70px;
        position: relative;
        background: #8f001a;
        color: #ffffff !important;
        text-decoration: none;
        letter-spacing: 1px;
        margin-bottom: 15px;
        text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
        border-radius: 0.5rem !important;
        -moz-border-radius: 0.5rem !important;
        -webkit-border-radius: 0.5rem !important;
    }

        .liaisonOfficerContainer .button:hover {
            text-decoration: none;
            color: #ffffff !important;
            background: #5c0011;
        }

        .liaisonOfficerContainer .button p {
            font-size: 1rem;
            padding: 0.6rem 0 0.6rem 0 !important;
            margin: 0 !important;
        }

        .liaisonOfficerContainer .button span {
            position: absolute;
            left: 0;
            width: 50px;
            font-size: 2rem;
            padding: 0.2rem !important;
            border-radius: 0.5rem !important;
            -moz-border-radius: 0.5rem !important;
            -webkit-border-radius: 0.5rem !important;
            border-right: 1px solid rgba(0, 0, 0, 0.15);
            text-decoration: none;
        }

    .liaisonOfficerContainer .buttonSecondary {
        display: inline-block;
        height: 40px;
        line-height: 40px;
        padding-right: 30px;
        padding-left: 70px;
        position: relative;
        background: #7f7f7f;
        color: #000000 !important;
        text-decoration: none;
        letter-spacing: 1px;
        margin-bottom: 15px;
        text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
        border-radius: 0.5rem !important;
        -moz-border-radius: 0.5rem !important;
        -webkit-border-radius: 0.5rem !important;
    }

        .liaisonOfficerContainer .buttonSecondary:hover {
            text-decoration: none;
            color: #ffffff !important;
            background: #aca39a !important;
        }

        .liaisonOfficerContainer .buttonSecondary p {
            font-size: 1rem;
            padding: 0.6rem 0 0.6rem 0 !important;
            margin: 0 !important;
        }

        .liaisonOfficerContainer .buttonSecondary span {
            position: absolute;
            left: 0;
            width: 50px;
            font-size: 2rem;
            padding: 0.3rem 0.2rem 0 0.3rem !important;
            border-radius: 0.5rem !important;
            -moz-border-radius: 0.5rem !important;
            -webkit-border-radius: 0.5rem !important;
            border-right: 1px solid rgba(0, 0, 0, 0.15);
            text-decoration: none;
        }

        .liaisonOfficerContainer .buttonSecondary.call {
            background: #2f1a45 !important;
            border: 0.1rem solid #000000 !important;
        }

    .liaisonOfficerContainer .button.mail {
        border: 0.1rem solid #000000 !important;
    }

    .liaisonOfficerContainer .buttonSecondary.web {
        background: none !important;
        border: none !important;
        color: #000000;
    }

    .liaisonOfficerContainer .or {
        text-align: center;
    }

    .liaisonOfficerContainer .mail {
        color: #17517a;
        text-decoration: underline;
        font-size: 1.3rem;
    }

        .liaisonOfficerContainer .mail .fa {
            padding-right: 1rem;
        }

        .liaisonOfficerContainer .mail:hover {
            color: #323232;
        }

    .liaisonOfficerContainer .mailOffice {
        color: #17517a;
        text-decoration: underline;
    }

        .liaisonOfficerContainer .mailOffice .fa {
            padding-right: 1rem;
        }

        .liaisonOfficerContainer .mailOffice:hover {
            color: #323232;
        }

    .liaisonOfficerContainer .call {
        color: #17517a;
        text-decoration: underline;
        font-size: 1.1rem;
    }

        .liaisonOfficerContainer .call .fa {
            padding-right: 1rem;
        }

        .liaisonOfficerContainer .call:hover {
            color: #000000;
        }

    .liaisonOfficerContainer .callOffice {
        color: #17517a;
        text-decoration: underline;
    }

        .liaisonOfficerContainer .callOffice .fa {
            padding-right: 1rem;
        }

        .liaisonOfficerContainer .callOffice:hover {
            color: #000000;
        }

    .liaisonOfficerContainer .web {
        text-decoration: underline;
        color: #17517a;
    }

        .liaisonOfficerContainer .web .fa {
            padding-right: 1rem;
        }

        .liaisonOfficerContainer .web:hover {
            color: #000000;
        }

#Accordion .col {
    padding: 0.5rem !important;
}

    #Accordion .col .panel .panel-heading {
        background: #ffffff !important;
        border: 0.1rem solid #8d4206 !important;
        padding: 1rem !important;
        border-radius: 0.5rem !important;
        -moz-border-radius: 0.5rem !important;
        -webkit-border-radius: 0.5rem !important;
        margin-bottom: 0.1rem !important;
        cursor: pointer !important;
    }

        #Accordion .col .panel .panel-heading:hover {
            background: #8d4206 !important;
        }

            #Accordion .col .panel .panel-heading:hover h4 a {
                color: #ffffff !important;
            }

            #Accordion .col .panel .panel-heading:hover h4 .fa {
                color: #ffffff !important;
            }

        #Accordion .col .panel .panel-heading:active {
            background: #f68b36 !important;
        }

            #Accordion .col .panel .panel-heading:active h4 a {
                color: #8d4206 !important;
            }

        #Accordion .col .panel .panel-heading h4 {
            font-size: 1.2rem !important;
            font-weight: 800 !important;
            font-variant: uppercase !important;
            padding: 0 !important;
            margin: 0 !important;
        }

            #Accordion .col .panel .panel-heading h4 a {
                color: #5c2b04 !important;
                padding: 0 !important;
                margin: 0 !important;
            }

            #Accordion .col .panel .panel-heading h4 .fa {
                color: #5c2b04 !important;
            }

    #Accordion .col .panel .panel-collapse {
        background: #fffcf9 !important;
    }

        #Accordion .col .panel .panel-collapse a {
            background: #f68b36 !important;
            color: #ffffff !important;
            border: 0.1rem solid #5c2b04 !important;
            padding: 1rem !important;
            border-radius: 0.5rem !important;
            -moz-border-radius: 0.5rem !important;
            -webkit-border-radius: 0.5rem !important;
            margin: 0 !important;
        }

            #Accordion .col .panel .panel-collapse a:hover {
                background: #5c2b04 !important;
            }

            #Accordion .col .panel .panel-collapse a .fa {
                background: #8d4206 !important;
                padding: 1rem !important;
                margin: 0 !important;
                -webkit-border-top-right-radius: 0.5rem !important;
                -webkit-border-bottom-right-radius: 0.5rem !important;
                -moz-border-radius-topright: 0.5rem !important;
                -moz-border-radius-bottomright: 0.5rem !important;
                border-top-right-radius: 10px !important;
                border-bottom-right-radius: 0.5rem !important;
            }

    #Accordion .col .panel .panel-heading:last-child {
        margin-bottom: 0 !important;
    }

    #Accordion .col .panel .panel-collapse {
        padding: 1rem !important;
    }
/* Start of Login page styles */
/* class on the body tag of the login template page */
.login {
    margin: 0 auto !important;
    text-align: center !important;
    color: #ffffff !important;
    background: url('../img/ugmeFour.jpg') #000000 no-repeat center center fixed !important;
    background-size: cover !important;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/ugmeFour.jpg', sizingMethod='scale') !important;
}

.static-splash-overlay {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    background: rgba(0, 0, 0, 0.75) !important;
    z-index: 1;
    display: table !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 470px !important;
}

.static-splash-table {
    display: table !important;
    height: 100% !important;
    min-height: 600px !important;
    width: 100% !important;
    margin: 0 auto !important;
}

.static-splash-cell {
    display: table-cell !important;
    vertical-align: middle !important;
}

    .static-splash-cell .jumbotron {
        background: transparent !important;
    }

        .static-splash-cell .jumbotron img {
            width: 70% !important;
            height: auto !important;
        }

.static-splash-container {
    margin: 0 auto !important;
    text-align: center !important;
    width: 40% !important;
    max-width: 550px !important;
}

    .static-splash-container h1 {
        display: block;
        font-size: 2em;
        -webkit-margin-before: 0.67em;
        -webkit-margin-after: 0.67em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        font-weight: bold;
        visibility: hidden;
    }

#error {
    background: #8f001a !important;
    border: none !important;
    -webkit-border-bottom-right-radius: 0.5rem !important;
    -webkit-border-bottom-left-radius: 0.5rem !important;
    -moz-border-radius-bottomright: 0.5rem !important;
    -moz-border-radius-bottomleft: 0.5rem !important;
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 0.5rem !important;
    padding: 1rem !important;
}

    #error p {
        color: #ffffff !important;
        font-weight: 800 !important;
    }

.formContainer {
    border-radius: 0.5rem !important;
    -moz-border-radius: 0.5rem !important;
    -webkit-border-radius: 0.5rem !important;
    -webkit-box-shadow: 3px 1px 28px 8px rgba(255, 255, 255, 0.5) !important;
    -moz-box-shadow: 3px 1px 28px 8px rgba(255, 255, 255, 0.5) !important;
    box-shadow: 3px 1px 28px 8px rgba(255, 255, 255, 0.5) !important;
    background: #000000 !important;
    width: 80% !important;
    margin: 0 auto !important;
}

.form-signin {
    padding: 2rem 2rem 6rem 2rem !important;
    margin: 0 auto !important;
}

    .form-signin h2 {
        color: #ffffff !important;
    }

    .form-signin input {
        margin-top: 1rem !important;
    }

    .form-signin button {
        display: block !important;
        border-radius: 0.5rem !important;
        -moz-border-radius: 0.5rem !important;
        -webkit-border-radius: 0.5rem !important;
        background: #ffffff !important;
        /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 0%, #8f001a 100%) !important;
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, transparent 0%, #8f001a 100%) !important;
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, transparent 0%, #8f001a 100%) !important;
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='@faculty-garnet', GradientType=0) !important;
        /* IE6-9 */
        color: #ffffff !important;
        box-shadow: 0.1rem 0.1rem 0.1rem #95897e !important;
        border: 0.1rem solid #ffffff !important;
        font-size: 1.2rem !important;
    }

        .form-signin button:hover {
            display: block !important;
            border-radius: 0.5rem !important;
            -moz-border-radius: 0.5rem !important;
            -webkit-border-radius: 0.5rem !important;
            background: #ffffff !important;
            /* Old browsers */
            background: -moz-linear-gradient(top, #ffffff 0%, #aca39a 100%) !important;
            /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #ffffff 0%, #aca39a 100%) !important;
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #ffffff 0%, #aca39a 100%) !important;
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='@faculty-second-grey', GradientType=0) !important;
            /* IE6-9 */
            color: #ffffff !important;
            box-shadow: 0.1rem 0.1rem 0.1rem #95897e !important;
            color: #000000 !important;
            border: 0.1rem solid #ffffff !important;
        }

    .form-signin .checkbox {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .form-signin .signUp {
        padding: 0 1rem 0 1rem !important;
        margin: 0 0 0 0 !important;
    }

        .form-signin .signUp a {
            color: #56b0fe !important;
            font-weight: bold !important;
            text-decoration: underline !important;
            padding: 0 0 0 0 !important;
            margin: 0 0 0 0 !important;
        }

            .form-signin .signUp a:hover {
                color: #ffffff !important;
            }
/* End of Login page styles */
/* Folded Corner Effect */
.note {
    position: relative;
    width: auto;
    /*padding: 2rem;*/
    /*margin: 2em auto;*/
    /*color: #fff;*/
    background: #eeefd3 !important;
    overflow: hidden;
    box-shadow: 0.1rem 0.1rem 0.1rem #95897e !important;
    border-radius: 0.5rem !important;
    -moz-border-radius: 0.5rem !important;
    -webkit-border-radius: 0.5rem !important;
    /*transform: rotate(-3deg)!important;*/
}

    .note:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        border-width: 0 16px 16px 0;
        border-style: solid;
        border-color: #fff #fff #aca39a #aca39a;
        /*background: #658E15;*/
        background: transparent;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
        /* Firefox 3.0 damage limitation */
        display: block;
        width: 0;
    }

    .note.rounded {
        /*-moz-border-radius: 5px 0 5px 5px;*/
        /*border-radius: 5px 0 5px 5px;*/
        border-radius: 0.5rem;
        -moz-border-radius: 0.5rem;
        -webkit-border-radius: 0.5rem;
    }

        .note.rounded:before {
            border-width: 8px;
            border-color: #fff #fff transparent transparent;
            /*-moz-border-radius: 0 0 0 5px;*/
            /*border-radius: 0 0 0 5px;*/
            border-radius: 0.5rem;
            -moz-border-radius: 0.5rem;
            -webkit-border-radius: 0.5rem;
        }

.box {
    color: #000000;
    border-color: #4d4d4d;
}

    .box div {
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    }

.post-it {
    background: #fefabc;
    padding: 15px;
    font-family: 'Gloria Hallelujah', cursive;
    font-size: 15px;
    color: #000;
    width: 200px;
    /*-moz-transform: rotate(7deg);*/
    /*-webkit-transform: rotate(7deg);*/
    /*-o-transform: rotate(7deg); */
    /*-ms-transform: rotate(7deg); */
    /*transform: rotate(7deg); */
    box-shadow: 0px 4px 6px #333;
    -moz-box-shadow: 0px 4px 6px #333;
    -webkit-box-shadow: 0px 4px 6px #333;
}
/* Flex grid */
.row-flex,
.row-flex > div[class*='col-'] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex: 1 1 auto;
}

.row-flex-wrap {
    -webkit-flex-flow: row wrap;
    align-content: flex-start;
    flex: 0;
}

.row-flex > div[class*='col-'],
.container-flex > div[class*='col-'] {
    margin: -0.2px;
    /* hack adjust for wrapping */
}

    .container-flex > div[class*='col-'] div,
    .row-flex > div[class*='col-'] div {
        width: 100%;
    }

.flex-col {
    display: flex;
    display: -webkit-flex;
    flex: 1 100%;
    flex-flow: column nowrap;
}

.flex-grow {
    display: flex;
    -webkit-flex: 2;
    flex: 2;
}

.Grid {
    display: flex;
}

.Grid-cell {
    flex: 1;
}

main,
header,
aside,
section,
div,
.wrapper,
.headerWrapper {
    /*display:block!important;*/
    /*padding: 0!important;*/
    margin: 0 !important;
    box-shadow: none !important;
}

.headerWrapper {
    display: block !important;
    top: 0 !important;
    position: relative;
}

    .headerWrapper #uoBrandWrapper .navbar-brand {
        position: absolute;
        top: 0;
        background: #8f001a !important;
        color: #ffffff;
        padding: 0.5rem !important;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 1rem;
        -webkit-border-bottom-right-radius: 0.5rem;
        -webkit-border-bottom-left-radius: 0.5rem;
        -moz-border-radius-bottomright: 0.5rem;
        -moz-border-radius-bottomleft: 0.5rem;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 0.5rem;
    }

        .headerWrapper #uoBrandWrapper .navbar-brand img {
            margin: 0.2rem !important;
            display: block !important;
            width: 148px !important;
            height: 50px !important;
        }

    .headerWrapper #topBar {
        background: #8f001a;
        display: block;
        height: 0;
    }

        .headerWrapper #topBar .navbar-toggler {
            margin: 0.6rem 0.6rem 0.6rem 0 !important;
            border: 0.1rem solid #ffffff;
            background: #323232;
            color: #ffffff;
        }

            .headerWrapper #topBar .navbar-toggler:hover {
                background: #7f7f7f;
                color: #000000;
            }

.wrapper {
    /*margin-top: 1rem!important;*/
    background: #95897e !important;
}

    .wrapper .sidebar-offcanvas {
        height: 100% !important;
    }

    .wrapper .box {
        bottom: 0;
        /*increase for footer use */
        left: 0;
        position: absolute;
        right: 0;
        top: 12rem;
        display: flex !important;
        background: #95897e !important;
    }

.wrapper,
.row {
    /*height: 100%;*/
    margin-left: 0;
    margin-right: 0;
}

    .wrapper:before,
    .wrapper:after,
    .column:before,
    .column:after {
        content: "";
        display: table;
    }

    .wrapper:after,
    .column:after {
        clear: both;
    }

aside {
    padding: 0 !important;
    display: block !important;
    background: #95897e !important;
    height: 100% !important;
    margin-top: 5rem !important;
}

    aside #sidebarNavigationXs #xs-menu {
        margin: 0 !important;
        padding: 3rem 0.5rem 1rem 0.5rem !important;
        list-style-type: none !important;
        display: block !important;
        height: 100% !important;
        background: #323232 !important;
    }

        aside #sidebarNavigationXs #xs-menu a {
            color: #ffffff !important;
        }

    aside #sidebarNavigationLg {
        margin-top: 0 !important;
        padding: 0 !important;
        display: block !important;
        height: 100% !important;
    }

        aside #sidebarNavigationLg .list-group {
            margin: 0 !important;
            padding: 0 !important;
            border-radius: 0;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            list-style-type: none !important;
        }

            aside #sidebarNavigationLg .list-group a {
                background: #ffffff !important;
                /* Old browsers */
                background: -moz-linear-gradient(top, #ffffff 0%, #323232 100%) !important;
                /* FF3.6-15 */
                background: -webkit-linear-gradient(top, transparent 0%, #323232 100%) !important;
                /* Chrome10-25,Safari5.1-6 */
                background: linear-gradient(to bottom, transparent 0%, #323232 100%) !important;
                /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='@faculty-grey', GradientType=0) !important;
                /* IE6-9 */
                margin: 0 !important;
                border: none !important;
                color: #ffffff !important;
                border-bottom: 0.1rem solid #aca39a !important;
                padding: 1rem !important;
            }

                aside #sidebarNavigationLg .list-group a:last-child {
                    border-bottom: none !important;
                }

                aside #sidebarNavigationLg .list-group a:hover {
                    background: #aca39a !important;
                }

        aside #sidebarNavigationLg .profile-sidebar {
            background: #ffffff !important;
            /* Old browsers */
            background: -moz-linear-gradient(top, #ffffff 0%, #7f7f7f 100%) !important;
            /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #ffffff 0%, #7f7f7f 100%) !important;
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #ffffff 0%, #7f7f7f 100%) !important;
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='@faculty-grey-light', GradientType=0) !important;
            /* IE6-9 */
            text-align: center !important;
            padding: 1rem !important;
        }

            aside #sidebarNavigationLg .profile-sidebar .profile-userpic {
                margin: 0 auto !important;
            }

                aside #sidebarNavigationLg .profile-sidebar .profile-userpic img {
                    text-align: center !important;
                }

            aside #sidebarNavigationLg .profile-sidebar .profile-usertitle-role {
                text-transform: uppercase !important;
            }

.pagination {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff !important;
}

    .pagination .page-item {
        padding: 0 !important;
        display: inline-block;
        border: 0;
        position: relative;
        -webkit-transition: all 200ms ease-in;
        -webkit-transform: scale(1);
        -ms-transition: all 200ms ease-in;
        -ms-transform: scale(1);
        -moz-transition: all 200ms ease-in;
        -moz-transform: scale(1);
        transition: all 200ms ease-in;
        transform: scale(1);
    }

        .pagination .page-item:visited {
            color: #ffffff !important;
            background: #2f1a45 !important;
        }

        .pagination .page-item:hover {
            color: #ffffff !important;
            background: #95897e !important;
            box-shadow: 0px 0px 150px #000000;
            z-index: 2;
            -webkit-transition: all 200ms ease-in;
            -webkit-transform: scale(1.5);
            -ms-transition: all 200ms ease-in;
            -ms-transform: scale(1.5);
            -moz-transition: all 200ms ease-in;
            -moz-transform: scale(1.5);
            transition: all 200ms ease-in;
            transform: scale(1.5);
        }

        .pagination .page-item:active {
            color: #ffffff !important;
            background: #323232 !important;
        }

        .pagination .page-item:focus {
            color: #ffffff !important;
            background: #95897e !important;
        }

        .pagination .page-item.active .page-link {
            color: #ffffff !important;
            background: #2f1a45 !important;
            border-color: #000000 !important;
        }

main {
    /*background:@faculty-second-grey!important;*/
    padding: 1rem 0 1.5rem 0 !important;
    /*display: flex!important;*/
    overflow: auto !important;
    display: block;
}

    main #mainWrapper {
        background: transparent !important;
        /*margin-top: 10rem!important;*/
    }

        main #mainWrapper #breadcrumbsContent {
            padding: 0 2rem 0 2rem !important;
            margin: 0 auto !important;
            display: block !important;
            width: 98% !important;
            /*background:@faculty-grey-light!important;*/
            background: #ffffff !important;
            /* Old browsers */
            background: -moz-linear-gradient(top, #ffffff 0%, #95897e 100%) !important;
            /* FF3.6-15 */
            background: -webkit-linear-gradient(top, transparent 0%, #95897e 100%) !important;
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, transparent 0%, #95897e 100%) !important;
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='@faculty-second-grey-darker', GradientType=0) !important;
            /* IE6-9 */
            -webkit-border-top-right-radius: 0.5rem !important;
            -webkit-border-top-left-radius: 0.5rem !important;
            -moz-border-radius-topright: 0.5rem !important;
            -moz-border-radius-topleft: 0.5rem !important;
            border-top-right-radius: 10px !important;
            border-top-left-radius: 0.5rem !important;
            box-shadow: 0.5rem 0.5rem 0.5rem #95897e !important;
        }

            main #mainWrapper #breadcrumbsContent p.breadcrumb {
                color: #ffffff !important;
                background: transparent !important;
                padding: 1rem 0rem 1rem 0 !important;
                margin-bottom: 0 !important;
                font-size: 1.2rem !important;
            }

            main #mainWrapper #breadcrumbsContent .breadcrumb {
                background: transparent !important;
                padding: 0.5rem 0.5rem 0.5rem 0 !important;
                margin-bottom: 0 !important;
            }

                main #mainWrapper #breadcrumbsContent .breadcrumb a {
                    color: #ffffff !important;
                    padding: 0.5rem !important;
                    text-decoration: none !important;
                    border-bottom: 0.1rem dashed #8f001a !important;
                }

                    main #mainWrapper #breadcrumbsContent .breadcrumb a:visited {
                        background: #2f1a45 !important;
                        border-radius: 0.5rem !important;
                        -moz-border-radius: 0.5rem !important;
                        -webkit-border-radius: 0.5rem !important;
                        border-bottom: none !important;
                    }

                    main #mainWrapper #breadcrumbsContent .breadcrumb a:hover {
                        border-bottom: 0.1rem solid #8f001a !important;
                    }

                    main #mainWrapper #breadcrumbsContent .breadcrumb a:active {
                        background: #323232 !important;
                        border-radius: 0.5rem !important;
                        -moz-border-radius: 0.5rem !important;
                        -webkit-border-radius: 0.5rem !important;
                        border-bottom: none !important;
                    }

                    main #mainWrapper #breadcrumbsContent .breadcrumb a:focus {
                        background: #323232 !important;
                        border-radius: 0.5rem !important;
                        -moz-border-radius: 0.5rem !important;
                        -webkit-border-radius: 0.5rem !important;
                        border-bottom: none !important;
                    }

        main #mainWrapper #mainContent {
            background: #ffffff !important;
            padding: 0.4rem 0 0.4rem 0 !important;
            border-radius: 0.5rem;
            -moz-border-radius: 0.5rem;
            -webkit-border-radius: 0.5rem;
            box-shadow: 0.5rem 0.5rem 0.5rem #95897e !important;
            margin-top: 0 !important;
            /*.gradient-pattern!important;*/
        }

            main #mainWrapper #mainContent .enjoyCss .enjoy-css {
                -webkit-box-sizing: content-box !important;
                -moz-box-sizing: content-box !important;
                box-sizing: content-box !important;
                z-index: 2 !important;
                width: auto !important;
                height: auto !important;
                position: absolute !important;
                padding: 20px !important;
                border: none !important;
                -webkit-border-radius: 11px !important;
                border-radius: 11px !important;
                font: normal 32px/2 "Abel", Helvetica, sans-serif !important;
                color: #ffffff !important;
                text-align: center !important;
                -o-text-overflow: ellipsis !important;
                text-overflow: ellipsis !important;
                background: #0199d9 !important;
                text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) !important;
            }

                main #mainWrapper #mainContent .enjoyCss .enjoy-css::before {
                    -webkit-box-sizing: content-box !important;
                    -moz-box-sizing: content-box !important;
                    box-sizing: content-box !important;
                    z-index: 1 !important;
                    width: 40px !important;
                    height: 40px !important;
                    position: absolute !important;
                    content: "" !important;
                    bottom: 0 !important;
                    left: 0 !important;
                    border: none !important;
                    font: normal 16px / normal "Times New Roman", Times, serif !important;
                    color: rgba(0, 0, 0, 0.9) !important;
                    -o-text-overflow: clip !important;
                    text-overflow: clip !important;
                    background: #0199d9 !important;
                    text-shadow: none !important;
                    -webkit-transform: rotateZ(-14.32394488deg) translateX(-5px) skewX(-36deg) !important;
                    transform: rotateZ(-14.32394488deg) translateX(-5px) skewX(-36deg) !important;
                }

            main #mainWrapper #mainContent .inlineLinks {
                display: inline-block !important;
                margin: 0 !important;
                padding: 0 0.4rem 0 0.4rem !important;
                background: transparent !important;
                border-radius: 0.5rem !important;
                -moz-border-radius: 0.5rem !important;
                -webkit-border-radius: 0.5rem !important;
                transition: all 0.3s ease-out !important;
                text-decoration: underline !important;
                font-weight: bold !important;
                color: #000000 !important;
            }

                main #mainWrapper #mainContent .inlineLinks:active {
                    background: #eeefd3 !important;
                }

                main #mainWrapper #mainContent .inlineLinks:visited {
                    background: #eeefd3 !important;
                }

                main #mainWrapper #mainContent .inlineLinks:hover {
                    background: #eeefd3 !important;
                }

                main #mainWrapper #mainContent .inlineLinks:hover {
                    background: ligthen(#eeefd3, 30%) !important;
                }

            main #mainWrapper #mainContent .container-fluid {
                padding-right: 0.4rem;
                padding-left: 0.4rem;
            }

#mainHeader {
    background: #323232 !important;
    color: #ffffff;
    /* padding: 0!important; */
    display: block;
    border-top: 1rem solid #8f001a;
}

    #mainHeader #siteId {
        padding: 1rem 1rem 0 1rem;
        margin-left: 0.6rem !important;
        margin-right: 1rem !important;
    }

        #mainHeader #siteId a {
            color: #ffffff;
            text-decoration: underline;
            font-weight: 600;
        }

        #mainHeader #siteId h1 {
            color: #e4e4e4;
            font-size: 1.5rem;
            padding-top: 0.5rem;
            font-weight: 600;
        }

    #mainHeader .navbar-toggler {
        margin: 0.6rem 0 0.6rem 0 !important;
        border: 0.1rem solid #ffffff;
        background: #323232;
    }

        #mainHeader .navbar-toggler:hover {
            background: #7f7f7f;
            color: #000000;
        }

    #mainHeader #navToggle {
        background: #8f001a !important;
        display: block;
    }

    #mainHeader nav {
        background: #323232 !important;
        /*border-top: 2rem solid @faculty-garnet!important;*/
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin: 0 !important;
    }

        #mainHeader nav .navbar-brand {
            background: #8f001a !important;
            color: #ffffff;
            padding: 0.5rem !important;
            margin-top: 0;
            margin-bottom: 0;
            margin-left: 1rem;
            -webkit-border-bottom-right-radius: 0.5rem;
            -webkit-border-bottom-left-radius: 0.5rem;
            -moz-border-radius-bottomright: 0.5rem;
            -moz-border-radius-bottomleft: 0.5rem;
            border-bottom-right-radius: 10px;
            border-bottom-left-radius: 0.5rem;
        }

            #mainHeader nav .navbar-brand .fa {
                margin-right: 1rem !important;
                font-size: 1rem !important;
            }

            #mainHeader nav .navbar-brand img {
                margin: 0.2rem !important;
                display: block !important;
                width: auto !important;
                height: 50px !important;
            }

        #mainHeader nav .nav {
            padding: 1rem 0 1rem 0;
        }

            #mainHeader nav .nav .nav-item {
                display: inline-block;
            }

                #mainHeader nav .nav .nav-item .nav-link {
                    color: #ffffff;
                    padding: 0.6rem;
                }

            #mainHeader nav .nav .logout {
                background: #8f001a !important;
                border-radius: 0.5rem;
                -moz-border-radius: 0.5rem;
                -webkit-border-radius: 0.5rem;
                border: 0.1rem solid #ff2950 !important;
                transition: all 0.3s ease 0s !important;
                text-align: center;
            }

                #mainHeader nav .nav .logout:active {
                    background: #656565 !important;
                }

                #mainHeader nav .nav .logout:visited {
                    background: #b2b2b2 !important;
                }

                #mainHeader nav .nav .logout:hover {
                    background: #323232 !important;
                    border: 0.1rem solid #95897e !important;
                }

                #mainHeader nav .nav .logout:focus {
                    background: #fefefe !important;
                }

            #mainHeader nav .nav .dropdown-menu-right {
                right: 0;
                left: auto;
            }

            #mainHeader nav .nav .dropdown {
                background: #4c4c4c !important;
                border-radius: 0.5rem;
                -moz-border-radius: 0.5rem;
                -webkit-border-radius: 0.5rem;
                border: 0.1rem solid #7f7f7f !important;
                transition: all 0.3s ease 0s !important;
                text-decoration: none !important;
                text-align: center;
            }

                #mainHeader nav .nav .dropdown:active {
                    background: #656565 !important;
                }

                #mainHeader nav .nav .dropdown:visited {
                    background: #b2b2b2 !important;
                }

                #mainHeader nav .nav .dropdown:hover {
                    background: #323232 !important;
                    border: 0.1rem solid #7f7f7f !important;
                }

                #mainHeader nav .nav .dropdown:focus {
                    background: #fefefe !important;
                }

        #mainHeader nav .notifications {
            padding: 0.5rem !important;
            background: transparent !important;
            text-decoration: none !important;
            color: #ffffff !important;
        }

            #mainHeader nav .notifications:active {
                background: #c1bb0c !important;
            }

            #mainHeader nav .notifications:visited {
                background: #f6f270 !important;
            }

            #mainHeader nav .notifications:hover {
                background: #918d09 !important;
            }

            #mainHeader nav .notifications:focus {
                background: #ffffff !important;
            }

        #mainHeader nav .language {
            padding: 0 !important;
            margin: 0.9rem 0.5rem 0.9rem 0.5rem !important;
            background: #323232 !important;
            border-radius: 0.5rem;
            -moz-border-radius: 0.5rem;
            -webkit-border-radius: 0.5rem;
            border: 0.1rem solid #b2b2b2 !important;
            text-decoration: none !important;
            transition: all 0.3s ease 0s !important;
        }

            #mainHeader nav .language a {
                padding: 0.3rem !important;
                text-decoration: none;
            }

            #mainHeader nav .language:active {
                background: #b2b2b2;
            }

            #mainHeader nav .language:visited {
                background: #b2b2b2;
            }

            #mainHeader nav .language:hover {
                background: #b2b2b2 !important;
                border: 0.1rem solid #95897e !important;
            }

            #mainHeader nav .language:focus {
                background: #b2b2b2;
            }

            #mainHeader nav .language .text {
                padding-right: 0.3rem !important;
                padding-left: 0.3rem !important;
            }

footer {
    background: #323232 url(../img/noise_texture.png) top left repeat;
    color: #ffffff !important;
    padding: 1rem !important;
}

    footer .footerInfo {
        padding: 1rem 0.4rem 1rem 0.4rem;
    }

        footer .footerInfo p {
            margin: 0;
        }

        footer .footerInfo hr {
            border: 0;
            height: 1px;
            background-image: linear-gradient(to right, rgba(169, 169, 169, 0), rgba(169, 169, 169, 0.75), rgba(169, 169, 169, 0));
        }

        footer .footerInfo a {
            color: #e4e4e4;
            text-decoration: underline;
        }

            footer .footerInfo a:hover {
                color: #b2b2b2;
            }

    footer .contactInfo {
        background: #000000;
        border-radius: 0.5rem;
        -moz-border-radius: 0.5rem;
        -webkit-border-radius: 0.5rem;
    }

        footer .contactInfo h5 {
            color: #ffffff;
            padding: 1rem 0 0 2rem;
        }

        footer .contactInfo address {
            padding: 0 2rem 0 2rem;
        }

            footer .contactInfo address a {
                color: ligten(#4da1dd, 50%) !important;
                text-decoration: underline;
            }

                footer .contactInfo address a:hover {
                    color: #e4e4e4 !important;
                }

                footer .contactInfo address a:visited {
                    color: ligten(#f8fbfe, 50%) !important;
                }

                footer .contactInfo address a:active {
                    color: ligten(#4da1dd, 50%) !important;
                }

                footer .contactInfo address a:focus {
                    color: ligten(#4da1dd, 50%) !important;
                }

        footer .contactInfo .btn-default {
            background: #e4e4e4;
            color: #000000;
        }

            footer .contactInfo .btn-default:hover {
                background: #b2b2b2;
                color: #ffffff;
            }

    footer .column {
        padding: 0.2rem 0 0.2rem 0.2rem !important;
    }
/* Adding icon to inputs */
.left-inner-addon {
    position: relative;
}

    .left-inner-addon input {
        padding-left: 1rem;
    }

    .left-inner-addon span {
        position: absolute;
        padding: 1rem;
        /*pointer-events: none;*/
    }

.right-inner-addon {
    position: relative;
}

    .right-inner-addon input {
        padding-right: 1rem;
    }

    .right-inner-addon span {
        position: absolute;
        right: 0px;
        padding: 1rem;
        /*pointer-events: none;*/
    }

#myForm {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    width: auto !important;
    background: transparent !important;
}

    #myForm .searchField {
        margin: 0 auto !important;
        color: #323232 !important;
        padding: 0 !important;
        display: block !important;
    }

        #myForm .searchField input {
            /*-webkit-box-sizing: border-box;*/
            /*-moz-box-sizing: border-box;*/
            /*box-sizing: border-box;*/
            width: 190px !important;
            height: 42px !important;
            top: 0 !important;
            right: 0 !important;
            bottom: 0 !important;
            left: 0 !important;
            border: none !important;
            padding: 2rem !important;
            color: #ffffff !important;
            border-radius: 0.5rem !important;
            -moz-border-radius: 0.5rem !important;
            -webkit-border-radius: 0.5rem !important;
            text-decoration: normal !important;
            -o-text-overflow: ellipsis !important;
            text-overflow: ellipsis !important;
            overflow: hidden !important;
            cursor: pointer !important;
            background: #ffffff !important;
            -webkit-transition: all 502ms cubic-bezier(0.68, -0.75, 0.265, 1.75) !important;
            -moz-transition: all 502ms cubic-bezier(0.68, -0.75, 0.265, 1.75) !important;
            -o-transition: all 502ms cubic-bezier(0.68, -0.75, 0.265, 1.75) !important;
            transition: all 502ms cubic-bezier(0.68, -0.75, 0.265, 1.75) !important;
        }

            #myForm .searchField input:hover {
                background: #ffffff !important;
                color: #ffffff !important;
                -webkit-transition: all 500ms cubic-bezier(0.68, -0.75, 0.265, 1.75) !important;
                -moz-transition: all 500ms cubic-bezier(0.68, -0.75, 0.265, 1.75) !important;
                -o-transition: all 500ms cubic-bezier(0.68, -0.75, 0.265, 1.75) !important;
                transition: all 500ms cubic-bezier(0.68, -0.75, 0.265, 1.75) !important;
            }

            #myForm .searchField input:focus {
                width: 213px !important;
                cursor: default !important;
                padding: -13px 20px 0 !important;
                color: #ffffff !important;
                background: #ffffff !important;
                -webkit-transition: all 601ms cubic-bezier(0.68, -0.75, 0.265, 1.75) !important;
                -moz-transition: all 601ms cubic-bezier(0.68, -0.75, 0.265, 1.75) !important;
                -o-transition: all 601ms cubic-bezier(0.68, -0.75, 0.265, 1.75) !important;
                transition: all 601ms cubic-bezier(0.68, -0.75, 0.265, 1.75) !important;
            }

    #myForm .fa {
        color: #323232 !important;
    }
/* Styles for more information buttons */
.buttonEdit,
.buttonDelete {
    padding: 0.5rem !important;
    box-shadow: 0.1rem 0.1rem 0.1rem #95897e !important;
    border-radius: 0.5rem !important;
    -moz-border-radius: 0.5rem !important;
    -webkit-border-radius: 0.5rem !important;
    margin-left: 1rem !important;
    margin-top: 0.5rem !important;
}

.buttonEdit {
    background: #ffffff !important;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #7f7f7f 100%) !important;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #7f7f7f 100%) !important;
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #7f7f7f 100%) !important;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='@faculty-grey-light', GradientType=0) !important;
    /* IE6-9 */
}

.buttonDelete {
    background: #aca39a;
    background: #ffffff !important;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #aca39a 100%) !important;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #aca39a 100%) !important;
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #aca39a 100%) !important;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='@faculty-second-grey', GradientType=0) !important;
    /* IE6-9 */
}

.btn-download {
    display: inline-block;
    border: 0;
    line-height: 2.5em;
    padding: 0 0 0 1em;
    margin-bottom: 1em;
    outline: none;
    text-decoration: none;
    color: #323232;
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #7f7f7f 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #7f7f7f 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #7f7f7f 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='@faculty-grey-light', GradientType=0);
    /* IE6-9 */
    border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    box-shadow: 0.1rem 0.1rem 0.1rem #95897e !important;
    text-transform: uppercase !important;
}

    .btn-download .fa {
        display: inline-block;
        line-height: 2.5em;
        text-align: center;
        background: #2f1a45;
        color: #ffffff;
        font-size: 1em;
        width: 2.5em;
        transition: margin 200ms;
        margin-left: .75em;
    }

    .btn-download:hover {
        color: #2f1a45;
    }

        .btn-download:hover .fa {
            margin-left: 1.25em;
            background-color: ligthen(#2f1a45, 5%);
        }

    .btn-download:active {
        background: #323232;
        color: #ffffff;
    }

        .btn-download:active .fa {
            margin-left: 1.5em;
        }

.btn-delete {
    display: inline-block;
    border: 0;
    line-height: 2.5em;
    padding: 0 0 0 1em;
    margin-bottom: 1em;
    outline: none;
    text-decoration: none;
    color: #323232;
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #7f7f7f 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #7f7f7f 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #7f7f7f 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='@faculty-grey-light', GradientType=0);
    /* IE6-9 */
    border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    box-shadow: 0.1rem 0.1rem 0.1rem #95897e !important;
    text-transform: uppercase !important;
}

    .btn-delete .fa {
        display: inline-block;
        line-height: 2.5em;
        text-align: center;
        background: #8f001a;
        color: #ffffff;
        font-size: 1em;
        width: 2.5em;
        transition: margin 200ms;
        margin-left: .75em;
    }

    .btn-delete:hover {
        color: #8f001a;
    }

        .btn-delete:hover .fa {
            margin-left: 1.25em;
            background-color: ligthen(#8f001a, 5%);
        }

    .btn-delete:active {
        background: #323232;
        color: #ffffff;
    }

        .btn-delete:active .fa {
            margin-left: 1.5em;
        }
/* Styles for submit buttons */
.btn-submit {
    display: inline-block;
    border: 0;
    line-height: 2.5em;
    padding: 0 0 0 1em;
    margin-bottom: 1em;
    outline: none;
    text-decoration: none;
    color: #323232;
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #7f7f7f 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #7f7f7f 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #7f7f7f 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='@faculty-grey-light', GradientType=0);
    /* IE6-9 */
    border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    box-shadow: 0.1rem 0.1rem 0.1rem #95897e !important;
    text-transform: uppercase !important;
}

    .btn-submit .fa {
        display: inline-block;
        line-height: 2.5em;
        text-align: center;
        background: #95897e;
        color: #ffffff;
        font-size: 1em;
        width: 2.5em;
        transition: margin 200ms;
        margin-left: .75em;
    }

    .btn-submit:hover {
        color: #b2b2b2;
    }

        .btn-submit:hover .fa {
            margin-left: 1.25em;
            background-color: ligthen(#95897e, 5%);
        }

    .btn-submit:active {
        background: #95897e;
        color: #ffffff;
    }

        .btn-submit:active .fa {
            margin-left: 1.5em;
        }

.btn-save {
    display: inline-block;
    border: 0;
    line-height: 2.5em;
    padding: 0 0 0 1em;
    margin-bottom: 1em;
    outline: none;
    text-decoration: none;
    color: #323232;
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #7f7f7f 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #7f7f7f 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #7f7f7f 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='@faculty-grey-light', GradientType=0);
    /* IE6-9 */
    border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    box-shadow: 0.1rem 0.1rem 0.1rem #95897e !important;
    text-transform: uppercase !important;
}

    .btn-save .fa {
        display: inline-block;
        line-height: 2.5em;
        text-align: center;
        background: #8d4206;
        color: #ffffff;
        font-size: 1em;
        width: 2.5em;
        transition: margin 200ms;
        margin-left: .75em;
    }

    .btn-save:hover {
        color: #8d4206;
    }

        .btn-save:hover .fa {
            margin-left: 1.25em;
            background-color: ligthen(#8d4206, 5%);
        }

    .btn-save:active {
        background: #323232;
        color: #ffffff;
    }

        .btn-save:active .fa {
            margin-left: 1.5em;
        }
/* uottawa faculty of medicine swoosh */
#uottawa-global-footer-swoosh {
    /*position: absolute;*/
    /*bottom: 0;*/
    width: 100%;
    height: 15px;
}

#uottawa-global-footer-swoosh-left-bg {
    /*height: 15px;*/
    width: 50%;
    /*position: absolute;*/
    background: #aca39a;
    /*left: 0;*/
}

#uottawa-global-footer-swoosh-left {
    width: 75%;
    height: 15px;
    float: left;
    background: #aca39a;
    /*position: relative;*/
    z-index: 5;
}

#uottawa-global-footer-swoosh-right {
    width: 25%;
    height: 15px;
    background: #2f1a45 url(../img/swoosh.png) no-repeat left top;
    float: left;
    /*position: relative;*/
    z-index: 5;
}
/*Styles for tables*/
.hoverTable {
    width: 100% !important;
    background: #ffffff !important;
}

    .hoverTable table {
        background: #ffffff;
        border-collapse: separate;
        box-shadow: inset 0 1px 0 #fff;
        font-size: 12px;
        line-height: 24px;
        margin: 30px 0 30px 0;
        text-align: left;
        width: 100% !important;
        border-radius: 0.5rem !important;
        -moz-border-radius: 0.5rem !important;
        -webkit-border-radius: 0.5rem !important;
    }

    .hoverTable th {
        background: url(http://jackrugile.com/images/misc/noise-diagonal.png), linear-gradient(#777, #444);
        border-left: 1px solid #555;
        border-right: 1px solid #777;
        border-top: 1px solid #555;
        border-bottom: 1px solid #333;
        box-shadow: inset 0 1px 0 #999;
        color: #fff;
        font-weight: bold;
        padding: 10px 15px;
        position: relative;
        text-shadow: 0 1px 0 #000;
    }

        .hoverTable th:after {
            background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.08));
            content: '';
            display: block;
            height: 25%;
            left: 0;
            margin: 1px 0 0 0;
            position: absolute;
            top: 25%;
            width: 100% !important;
        }

        .hoverTable th:first-child {
            border-left: 1px solid #777;
            box-shadow: inset 1px 1px 0 #999;
        }

        .hoverTable th:last-child {
            box-shadow: inset -1px 1px 0 #999;
        }

    .hoverTable td {
        border-right: 1px solid #fff;
        border-left: 1px solid #e8e8e8;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #e8e8e8;
        padding: 10px 15px;
        position: relative;
        transition: all 300ms;
    }

        .hoverTable td:first-child {
            box-shadow: inset 1px 0 0 #fff;
        }

        .hoverTable td:last-child {
            border-right: 1px solid #e8e8e8;
            box-shadow: inset -1px 0 0 #fff;
        }

    .hoverTable tr {
        background: url(http://jackrugile.com/images/misc/noise-diagonal.png);
    }

        .hoverTable tr:nth-child(odd) td {
            background: #f1f1f1 url(http://jackrugile.com/images/misc/noise-diagonal.png);
        }

        .hoverTable tr:last-of-type td {
            box-shadow: inset 0 -1px 0 #fff;
        }

            .hoverTable tr:last-of-type td:first-child {
                box-shadow: inset 1px -1px 0 #fff;
            }

            .hoverTable tr:last-of-type td:last-child {
                box-shadow: inset -1px -1px 0 #fff;
            }

    .hoverTable tbody:hover td {
        color: transparent;
        text-shadow: 0 0 3px #aaa;
    }

    .hoverTable tbody:hover tr:hover td {
        color: #444;
        text-shadow: 0 1px 0 #fff;
    }

#table {
    width: 100% !important;
}

    #table #table {
        display: table;
        width: 100% !important;
        background: #fff;
        margin: 0;
        box-sizing: border-box;
    }

    #table .caption {
        display: block;
        width: 100% !important;
        background: #64e0ef;
        height: 55px;
        padding-left: 10px;
        color: #fff;
        font-size: 20px;
        line-height: 55px;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
        box-sizing: border-box;
    }

    #table .header-row {
        background: #8b8b8b;
        color: #fff;
    }

    #table .row {
        display: table-row;
    }

    #table .cell {
        display: table-cell;
        padding: 6px;
        border-bottom: 1px solid #e5e5e5;
        text-align: center;
    }

    #table .primary {
        text-align: left;
    }

    #table input[type="radio"],
    #table input[type="checkbox"] {
        display: none;
    }

@media only screen and (max-width: 760px) {
    #table #table {
        display: block;
        margin: 44px 0 0 0;
    }

    #table .caption {
        position: fixed;
        top: 0;
        text-align: center;
        height: 44px;
        line-height: 44px;
        z-index: 5;
        border-bottom: 2px solid #999;
    }

    #table .row {
        position: relative;
        display: block;
        border-bottom: 1px solid #ccc;
    }

    #table .header-row {
        display: none;
    }

    #table .cell {
        display: block;
        border: none;
        position: relative;
        height: 45px;
        line-height: 45px;
        text-align: left;
    }

    #table .primary:after {
        content: "";
        display: block;
        position: absolute;
        right: 20px;
        top: 18px;
        z-index: 2;
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-right: 10px solid #ccc;
    }

    #table .cell:nth-of-type(n+2) {
        display: none;
    }

    #table input[type="radio"],
    #table input[type="checkbox"] {
        display: block;
        position: absolute;
        z-index: 1;
        width: 99%;
        height: 100%;
        opacity: 0;
    }

        #table input[type="radio"]:checked,
        #table input[type="checkbox"]:checked {
            z-index: -1;
        }

            #table input[type="radio"]:checked ~ .cell,
            #table input[type="checkbox"]:checked ~ .cell {
                display: block;
                border-bottom: 1px solid #eee;
            }

                #table input[type="radio"]:checked ~ .cell:nth-of-type(n+2),
                #table input[type="checkbox"]:checked ~ .cell:nth-of-type(n+2) {
                    background: #e0e0e0;
                }

                    #table input[type="radio"]:checked ~ .cell:nth-of-type(n+2):before,
                    #table input[type="checkbox"]:checked ~ .cell:nth-of-type(n+2):before {
                        content: attr(data-label);
                        display: inline-block;
                        width: 60px;
                        background: #999;
                        border-radius: 10px;
                        height: 20px;
                        margin-right: 10px;
                        font-size: 12px;
                        line-height: 20px;
                        text-align: center;
                        color: white;
                    }

            #table input[type="radio"]:checked ~ .primary,
            #table input[type="checkbox"]:checked ~ .primary {
                border-bottom: 2px solid #999;
            }

                #table input[type="radio"]:checked ~ .primary:after,
                #table input[type="checkbox"]:checked ~ .primary:after {
                    position: absolute;
                    right: 18px;
                    top: 22px;
                    border-right: 10px solid transparent;
                    border-left: 10px solid transparent;
                    border-top: 10px solid #ccc;
                    z-index: 2;
                }
}
/* Styles for toggle buttons*/
.switch {
    display: inline-block;
    margin: 10em 2em;
    position: relative;
    border-radius: 3.5em;
    -webkit-box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.2);
    -moz-box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.2);
}

    .switch label {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
    }

    .switch input {
        display: none;
    }

    .switch span {
        display: block;
        -webkit-transition: top 0.2s;
        -moz-transition: top 0.2s;
        -ms-transition: top 0.2s;
        -o-transition: top 0.2s;
        transition: top 0.2s;
    }

.switch-border1 {
    border: 0.1em solid #000;
    border-radius: 3.5em;
    -webkit-box-shadow: 0 0.2em rgba(255, 255, 255, 0.2);
    -moz-box-shadow: 0 0.2em rgba(255, 255, 255, 0.2);
    box-shadow: 0 0.2em rgba(255, 255, 255, 0.2);
}

.switch-border2 {
    width: 6.6em;
    height: 12.6em;
    position: relative;
    border: 0.1em solid #323232;
    background-image: -webkit-gradient(linear, left top, right top, from(#2D2D2D), color-stop(0.5, #4B4B4B), to(#2D2D2D));
    background-image: -webkit-linear-gradient(left, #2D2D2D, #4B4B4B, #2D2D2D);
    background-image: -moz-linear-gradient(left, #2D2D2D, #4B4B4B, #2D2D2D);
    background-image: -ms-linear-gradient(left, #2D2D2D, #4B4B4B, #2D2D2D);
    background-image: -o-linear-gradient(left, #2D2D2D, #4B4B4B, #2D2D2D);
    background-image: linear-gradient(to right, #2D2D2D, #4B4B4B, #2D2D2D);
    border-radius: 3.4em;
}

    .switch-border2:before,
    .switch-border2:after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        opacity: .3;
        border-radius: 3.4em;
    }

    .switch-border2:before {
        background: -webkit-gradient(linear, left top, left bottom, from(#000), to(rgba(0, 0, 0, 0)));
        background: -webkit-linear-gradient(#000, rgba(0, 0, 0, 0));
        background: -moz-linear-gradient(#000, rgba(0, 0, 0, 0));
        background: -ms-linear-gradient(#000, rgba(0, 0, 0, 0));
        background: -o-linear-gradient(#000, rgba(0, 0, 0, 0));
        background: linear-gradient(#000, rgba(0, 0, 0, 0));
    }

    .switch-border2:after {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000));
        background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #000);
        background: -moz-linear-gradient(rgba(0, 0, 0, 0), #000);
        background: -ms-linear-gradient(rgba(0, 0, 0, 0), #000);
        background: -o-linear-gradient(rgba(0, 0, 0, 0), #000);
        background: linear-gradient(rgba(0, 0, 0, 0), #000);
    }

.switch-top {
    width: 100%;
    height: 84%;
    position: absolute;
    top: 8%;
    left: 0;
    z-index: 1;
    background-image: -webkit-gradient(linear, left top, right top, from(#2D2D2D), color-stop(0.5, #4B4B4B), to(#2D2D2D));
    background-image: -webkit-linear-gradient(left, #2D2D2D, #4B4B4B, #2D2D2D);
    background-image: -moz-linear-gradient(left, #2D2D2D, #4B4B4B, #2D2D2D);
    background-image: -ms-linear-gradient(left, #2D2D2D, #4B4B4B, #2D2D2D);
    background-image: -o-linear-gradient(left, #2D2D2D, #4B4B4B, #2D2D2D);
    background-image: linear-gradient(to right, #2D2D2D, #4B4B4B, #2D2D2D);
    border-radius: 3.4em;
}

.switch-shadow {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    border-radius: 3.4em;
    -webkit-box-shadow: 0 0 2em black inset;
    -moz-box-shadow: 0 0 2em black inset;
    box-shadow: 0 0 2em black inset;
}

.switch-handle-left,
.switch-handle-right {
    content: '';
    display: block;
    width: 3.6em;
    height: 0;
    position: absolute;
    top: 6.6em;
    z-index: 2;
    border-bottom: 4.5em solid #111;
    border-left: 0.7em solid transparent;
    border-right: 0.7em solid transparent;
    border-radius: 0;
}

.switch-handle-left {
    left: 0.8em;
}

.switch-handle-right {
    right: 0.8em;
}

.switch-handle {
    width: 3.6em;
    height: 4.5em;
    position: absolute;
    top: 6.6em;
    left: 1.5em;
    z-index: 3;
    background: #333;
    background-image: -webkit-gradient(linear, left top, right top, from(#111), color-stop(0.4, #777), color-stop(0.5, #888), color-stop(0.6, #777), to(#111));
    background-image: -webkit-linear-gradient(left, #111, #777 40%, #888, #777 60%, #111);
    background-image: -moz-linear-gradient(left, #111, #777 40%, #888, #777 60%, #111);
    background-image: -ms-linear-gradient(left, #111, #777 40%, #888, #777 60%, #111);
    background-image: -o-linear-gradient(left, #111, #777 40%, #888, #777 60%, #111);
    background-image: linear-gradient(to right, #111, #777 40%, #888, #777 60%, #111);
    border-radius: 0;
}

.switch-handle-top {
    width: 5em;
    height: 5em;
    position: absolute;
    top: 8.5em;
    left: 0.8em;
    z-index: 4;
    background-color: #555;
    background-image: -webkit-gradient(linear, left top, right top, from(#5F5F5F), to(#878787));
    background-image: -webkit-linear-gradient(left, #5F5F5F, #878787);
    background-image: -moz-linear-gradient(left, #5F5F5F, #878787);
    background-image: -ms-linear-gradient(left, #5F5F5F, #878787);
    background-image: -o-linear-gradient(left, #5F5F5F, #878787);
    background-image: linear-gradient(to right, #5F5F5F, #878787);
    border-top: 0.2em solid #AEB2B3;
    border-radius: 2.5em;
}

.switch-handle-bottom {
    width: 3.6em;
    height: 3.6em;
    position: absolute;
    top: 4.7em;
    left: 1.5em;
    z-index: 3;
    background: #333;
    background-image: -webkit-gradient(linear, left top, right top, from(#111), color-stop(0.4, #777), color-stop(0.5, #888), color-stop(0.6, #777), to(#111));
    background-image: -webkit-linear-gradient(left, #111, #777 40%, #888, #777 60%, #111);
    background-image: -moz-linear-gradient(left, #111, #777 40%, #888, #777 60%, #111);
    background-image: -ms-linear-gradient(left, #111, #777 40%, #888, #777 60%, #111);
    background-image: -o-linear-gradient(left, #111, #777 40%, #888, #777 60%, #111);
    background-image: linear-gradient(to right, #111, #777 40%, #888, #777 60%, #111);
    border-top: 0.2em solid #141414;
    border-radius: 1.8em;
}

.switch-handle-base {
    width: 4.2em;
    height: 4.2em;
    position: absolute;
    top: 3.8em;
    left: 1.2em;
    z-index: 2;
    border-top: 0.2em solid rgba(255, 255, 255, 0.35);
    border-radius: 2.1em;
    -webkit-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.8) inset;
    -moz-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.8) inset;
    box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.8) inset;
}

.switch-led {
    position: absolute;
    left: 2em;
    border-radius: 1.4em;
}

.switch-led-border {
    border: 0.2em solid black;
    border-radius: 1.3em;
}

.switch-led-light {
    border-radius: 1.1em;
    -webkit-box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.5) inset;
    -moz-box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.5) inset;
}

.switch-led-glow {
    width: 2em;
    height: 2em;
    position: relative;
    border-radius: 1em;
}

    .switch-led-glow:before {
        content: '';
        display: block;
        width: 0.6em;
        height: 0.6em;
        position: absolute;
        top: 0.3em;
        left: 0.7em;
        background: rgba(255, 255, 255, 0.2);
        border-radius: 0.3em;
        -webkit-box-shadow: 0 0 1em rgba(255, 255, 255, 0.75);
        -moz-box-shadow: 0 0 1em rgba(255, 255, 255, 0.75);
        box-shadow: 0 0 1em rgba(255, 255, 255, 0.75);
    }

    .switch-led-glow:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0.2;
        filter: alpha(opacity=20);
        border: 1em solid #fff;
        border-color: transparent #fff transparent #fff;
        border-radius: 1em;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.switch-led:after {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    color: #666;
    font-family: arial, verdana, sans-serif;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 0.1em rgba(0, 0, 0, 0.7);
}

.switch-led-green:after {
    content: 'ON';
    top: -1.8em;
}

.switch-led-red:after {
    content: 'OFF';
    bottom: -1.8em;
}

.switch-led-green {
    top: -5em;
    border-top: 0.1em solid rgba(0, 161, 75, 0.5);
    border-bottom: 0.1em solid rgba(255, 255, 255, 0.25);
}

    .switch-led-green .switch-led-light {
        background: #00a14b;
        border: 0.1em solid #006838;
    }

.switch-led-red {
    bottom: -5em;
    border-top: 0.1em solid rgba(237, 28, 36, 0.2);
    border-bottom: 0.1em solid rgba(255, 255, 255, 0.25);
    -webkit-box-shadow: 0 0 3em #ed1c24;
    -moz-box-shadow: 0 0 3em #ed1c24;
    box-shadow: 0 0 3em #ed1c24;
}

    .switch-led-red .switch-led-light {
        background: #ed1c24;
        border: 0.1em solid #a11e2d;
    }

    .switch-led-red .switch-led-glow {
        background: #fff;
        background: rgba(255, 255, 255, 0.3);
        filter: alpha(opacity=30);
    }
/* Switch on */
.switch input:checked ~ .switch-handle-left,
.switch input:checked ~ .switch-handle-right {
    top: 1.5em;
    border-bottom: 0;
    border-top: 4.5em solid #111;
}

.switch input:checked ~ .switch-handle {
    top: 1.5em;
}

.switch input:checked ~ .switch-handle-top {
    top: -1em;
    border-top: 0;
    border-bottom: 0.2em solid #AEB2B3;
}

.switch input:checked ~ .switch-handle-bottom {
    top: 4.2em;
    border-top: 0;
    border-bottom: 0.2em solid #141414;
}

.switch input:checked ~ .switch-handle-base {
    top: 4.5em;
    border-top: 0;
    border-bottom: 0.2em solid rgba(255, 255, 255, 0.35);
}

.switch input:checked ~ .switch-led-green {
    -webkit-box-shadow: 0 0 3em #00a14b;
    -moz-box-shadow: 0 0 3em #00a14b;
    box-shadow: 0 0 3em #00a14b;
}

    .switch input:checked ~ .switch-led-green .switch-led-glow {
        background: #fff;
        background: rgba(255, 255, 255, 0.4);
        filter: alpha(opacity=40);
    }

.switch input:checked ~ .switch-led-red {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    .switch input:checked ~ .switch-led-red .switch-led-glow {
        background: rgba(255, 255, 255, 0);
        filter: alpha(opacity=0);
    }

nav.navbar .navbar-toggler {
    position: absolute;
    top: 0;
    left: 0;
    height: inherit;
    width: 70px;
}

.navbar-toggler {
    padding: .5rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background: 0 0;
    border: 1px solid transparent;
}

nav.navbar.navbar-light button.navbar-toggler.layout-toggler {
    background: #f8f9fa;
    border-bottom: 1px solid #d1d4d7;
    border-right: 1px solid #d1d4d7;
}

nav.navbar button.navbar-toggler.layout-toggler {
    display: block;
    position: absolute;
    top: 0;
    left: 200px;
    padding: 0 1rem;
    height: 55px;
    line-height: 55px;
    border: 0;
}
/* MEDIA Queries */
@media (max-width: 61.9em) {
    /*
 * Off Canvas
 * --------------------------------------------------
 */
    .row-offcanvas {
        position: relative;
        -webkit-transition: all 0.25s ease-out;
        -moz-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
    }

    .row-offcanvas-left.active {
        left: 45%;
    }

        .row-offcanvas-left.active .sidebar-offcanvas {
            left: -45%;
            position: absolute;
            top: 0;
            width: 45%;
            margin-left: 5px;
        }

    #sidebarNavigationLg,
    #sidebarNavigationLg a {
        padding-left: 3px;
    }

    .sidebar-offcanvas {
        position: absolute;
        top: 0;
        width: auto;
        /* 6 columns */
    }
}

@media (min-width: 62em) {
    /*
 * Off Canvas
 * --------------------------------------------------
 */
    .row-offcanvas {
        position: relative;
        -webkit-transition: all 0.25s ease-out;
        -moz-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
    }

    .row-offcanvas-left.active {
        left: 25%;
    }

        .row-offcanvas-left.active .sidebar-offcanvas {
            left: -25%;
            position: absolute;
            top: 0;
            width: 25%;
            margin-left: 5px;
        }

    #sidebarNavigationLg,
    #sidebarNavigationLg a {
        padding-left: 3px;
    }

    .sidebar-offcanvas {
        position: absolute;
        top: 0;
        width: auto;
        /* 6 columns */
    }
}

@media (max-width: 71em) {
    aside {
        margin-top: 4.5rem !important;
    }

    .form-signin {
        padding: 2rem 2rem 8rem 2rem !important;
    }

        .form-signin .signUp {
            padding: 0.8rem 0 0.8rem 0 !important;
            display: block !important;
        }

    #tabContainer {
        padding: 0 1rem 0 0 !important;
    }

    .static-splash-container {
        width: 100% !important;
        max-width: auto !important;
    }
}

@media (max-width: 62em) {
    #tabContainer {
        padding: 0 0 0 0 !important;
    }
}

@media (max-width: 47.9em) {
    #mainHeader {
        border-top: none !important;
    }

        #mainHeader .navbar-brand {
            margin-top: -3rem !important;
        }

    .headerWrapper #topBar {
        background: #8f001a !important;
        display: block !important;
        height: 4rem !important;
    }

    .static-splash-container {
        width: 100% !important;
        max-width: auto !important;
    }

    #mainContent .hoverTable {
        width: 100% !important;
        background: #ffffff !important;
        display: block !important;
        min-height: .01% !important;
        overflow-x: auto !important;
    }

        #mainContent .hoverTable table {
            background: #ffffff;
            border-collapse: separate;
            box-shadow: inset 0 1px 0 #fff;
            font-size: 12px;
            line-height: 24px;
            margin: 30px 0 30px 0;
            text-align: left;
            width: 100% !important;
            border-radius: 0.5rem !important;
            -moz-border-radius: 0.5rem !important;
            -webkit-border-radius: 0.5rem !important;
        }

        #mainContent .hoverTable th {
            background: url(http://jackrugile.com/images/misc/noise-diagonal.png), linear-gradient(#777, #444);
            border-left: 1px solid #555;
            border-right: 1px solid #777;
            border-top: 1px solid #555;
            border-bottom: 1px solid #333;
            box-shadow: inset 0 1px 0 #999;
            color: #fff;
            font-weight: bold;
            padding: 10px 15px;
            position: relative;
            text-shadow: 0 1px 0 #000;
        }

            #mainContent .hoverTable th:after {
                background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.08));
                content: '';
                display: block;
                height: 25%;
                left: 0;
                margin: 1px 0 0 0;
                position: absolute;
                top: 25%;
                width: 100% !important;
            }

            #mainContent .hoverTable th:first-child {
                border-left: 1px solid #777;
                box-shadow: inset 1px 1px 0 #999;
            }

            #mainContent .hoverTable th:last-child {
                box-shadow: inset -1px 1px 0 #999;
            }

        #mainContent .hoverTable td {
            border-right: 1px solid #fff;
            border-left: 1px solid #e8e8e8;
            border-top: 1px solid #fff;
            border-bottom: 1px solid #e8e8e8;
            padding: 10px 15px;
            position: relative;
            transition: all 300ms;
        }

            #mainContent .hoverTable td:first-child {
                box-shadow: inset 1px 0 0 #fff;
            }

            #mainContent .hoverTable td:last-child {
                border-right: 1px solid #e8e8e8;
                box-shadow: inset -1px 0 0 #fff;
            }

        #mainContent .hoverTable tr {
            background: url(http://jackrugile.com/images/misc/noise-diagonal.png);
        }

            #mainContent .hoverTable tr:nth-child(odd) td {
                background: #f1f1f1 url(http://jackrugile.com/images/misc/noise-diagonal.png);
            }

            #mainContent .hoverTable tr:last-of-type td {
                box-shadow: inset 0 -1px 0 #fff;
            }

                #mainContent .hoverTable tr:last-of-type td:first-child {
                    box-shadow: inset 1px -1px 0 #fff;
                }

                #mainContent .hoverTable tr:last-of-type td:last-child {
                    box-shadow: inset -1px -1px 0 #fff;
                }

        #mainContent .hoverTable tbody:hover td {
            color: transparent;
            text-shadow: 0 0 3px #aaa;
        }

        #mainContent .hoverTable tbody:hover tr:hover td {
            color: #444;
            text-shadow: 0 1px 0 #fff;
        }

    .form-signin {
        padding: 2rem 2rem 8rem 2rem !important;
    }

        .form-signin .signUp {
            padding: 0 0 0.5rem 0 !important;
            display: block !important;
        }

    #tabContainer {
        padding: 0 0 0 0 !important;
    }

        #tabContainer .nav .nav-link {
            font-size: 1.3rem !important;
        }

    #myTab-accordion .panel .panel-collapse {
        padding: 0 !important;
    }

    #myTab-accordion .panel {
        margin-bottom: 0.5rem !important;
    }

        #myTab-accordion .panel h3 {
            font-size: 1.2rem;
        }

        #myTab-accordion .panel .panel-heading h4 a {
            font-size: 1.2rem !important;
        }

            #myTab-accordion .panel .panel-heading h4 a .label-default {
                font-size: 0.8rem !important;
            }

    #myTab-accordion .card ul li .label .btn-more .fa {
        font-size: 1rem !important;
    }

    .nav-item {
        float: none !important;
        clear: both !important;
    }

    ul.pull-right {
        clear: both !important;
        float: none !important;
        text-align: left;
    }
}

@media (max-width: 33.9em) {
    .dropdown-menu-right {
        right: auto !important;
        left: auto !important;
    }

    .form-signin {
        padding: 2rem 2rem 12rem 2rem !important;
    }

        .form-signin .signUp {
            padding: 0 0 0.5rem 0 !important;
            display: block !important;
        }

    #tabContainer {
        padding: 0 0 0 0 !important;
    }

    #myTab-accordion .panel .panel-heading h4 a {
        font-size: 1rem;
    }

    #mainHeader nav .nav {
        padding: 1rem 0 1rem 0;
    }

    ul.pull-right {
        clear: both !important;
        float: none !important;
        text-align: left;
    }

    .nav-item:nth-child(2) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 800px) {
    #flip-scroll .cf:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    #flip-scroll * html .cf {
        zoom: 1;
    }

    #flip-scroll *:first-child + html .cf {
        zoom: 1;
    }

    #flip-scroll table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
    }

    #flip-scroll th,
    #flip-scroll td {
        margin: 0;
        vertical-align: top;
    }

    #flip-scroll th {
        text-align: left;
    }

    #flip-scroll table {
        display: block;
        position: relative;
        width: 100%;
    }

    #flip-scroll thead {
        display: block;
        float: left;
    }

    #flip-scroll tbody {
        display: block;
        width: auto;
        position: relative;
        overflow-x: auto;
        white-space: nowrap;
    }

    #flip-scroll thead tr {
        display: block;
    }

    #flip-scroll th {
        display: block;
        text-align: right;
    }

    #flip-scroll tbody tr {
        display: inline-block;
        vertical-align: top;
    }

    #flip-scroll td {
        display: block;
        min-height: 1.25em;
        text-align: left;
    }
    /* sort out borders */
    #flip-scroll th {
        border-bottom: 0;
        border-left: 0;
    }

    #flip-scroll td {
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }
}

#flip-scroll table {
    width: auto !important;
}

#flip-scroll th,
#flip-scroll td {
    padding: 0.75rem;
}

#flip-scroll thead th:first-child {
    background: none !important;
}

#flip-scroll tbody td:first-child {
    background: transparent linear-gradient(to bottom, #17517a 5%, #0f354f 100%) repeat scroll 0% 0%;
    color: #FFF;
    font-weight: bold;
}

.display-inline-menu {
    display: inline;
}

.fa-check:before {
    content: "\f00c";
}

.fa-times:before {
    content: "\f00d";
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: inherit;
    line-height: 1;
    font-family: FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

*, ::after, ::before {
    box-sizing: inherit;
}

.bg-badge {
    background-color: #8f001a;
}

.ng-binding {
    color: "black";
}

.ng-isolate-scope {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.ng-scope {
    border-left: 0.4rem solid #8f001a;
    border-left-width: 0.4rem;
    border-left-style: solid;
    border-left-color: rgb(143, 0, 26);
}

.btn-link {
    font-weight: 400;
    color: #0275d8;
    border-radius: 0;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.ng-hide{
    display: none !important;
}

*, ::after, ::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

.close:focus, .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
}

button, input, select, textarea {
    margin: 0;
    line-height: inherit;
    border-radius: 0;
}

.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    cursor: pointer;
    background: 0 0;
    background-image: initial;
    background-position-x: 0px;
    background-position-y: 0px;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
    border: 0;
    border-top-color: initial;
    border-top-style: initial;
    border-top-width: 0px;
    border-right-color: initial;
    border-right-style: initial;
    border-right-width: 0px;
    border-bottom-color: initial;
    border-bottom-style: initial;
    border-bottom-width: 0px;
    border-left-color: initial;
    border-left-style: initial;
    border-left-width: 0px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
}

[role=button], a, area, button, input, label, select, summary, textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bcdff1;
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

button, input, optgroup, select, textarea {
    margin: 0;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    font: inherit;
    font-style: inherit;
    font-variant-ligatures: inherit;
    font-variant-caps: inherit;
    font-variant-numeric: inherit;
    font-variant-east-asian: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
    color: inherit;
}

#profileInfo {
    background: transparent;
    background-image: initial;
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: transparent;
    border-radius: 0.5rem;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    padding: 0;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

.liaisonOfficerContainer #liaisonOfficer {
    padding: 1rem !important;
    padding-top: 1rem !important;
    padding-right: 1rem !important;
    padding-bottom: 1rem !important;
    padding-left: 1rem !important;
}

.liaisonOfficerContainer #liaisonOfficer .contact .contactSpecific p:first-child {
    font-weight: 700;
    font-size: 1.2rem;
    color: #323232;
}

#liaisonOfficer {
    padding: 1.3rem;
    padding-top: 1.3rem;
    padding-right: 1.3rem;
    padding-bottom: 1.3rem;
    padding-left: 1.3rem;
}

.liaisonOfficerContainer #liaisonOfficer .contact {
    margin-top: 1rem !important;
    display: block !important;
}

.note {
    position: relative;
    width: auto;
    /* padding: 2rem; */
    /* margin: 2em auto; */
    /* color: #fff; */
    background: #eeefd3 !important;
    overflow: hidden;
    box-shadow: 0.1rem 0.1rem 0.1rem #95897e !important;
    border-radius: 0.5rem !important;
    -moz-border-radius: 0.5rem !important;
    -webkit-border-radius: 0.5rem !important;
    /* transform: rotate(-3deg)!important; */
}

    line-height: 1.4rem;
    margin: 0;
}

.liaisonOfficerContainer #liaisonOfficer .contact .contactSpecific a {
    color: #17517a;
    line-height: 1.8rem;
}

.liaisonOfficerContainer #liaisonOfficer .contact .contactDepartment a {
    color: #17517a;
    line-height: 1.8rem;
    text-decoration: underline;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-phone:before {
    content: "\f095";
}

.fa-external-link:before {
    content: "\f08e";
}

.liaisonOfficerContainer #liaisonOfficer .contact .contactDepartment a {
    color: #17517a;
    line-height: 1.8rem;
    text-decoration: underline;
}

#accommodationContent li button {
    color: rgb(255, 255, 255);
    text-align: center;
    border-width: 0.1rem;
    border-style: solid;
    border-color: rgb(47, 26, 69);
    border-image: initial;
    background: linear-gradient(rgb(123, 68, 180) 10%, rgb(47, 26, 69) 100%);
    border-radius: 0.5rem;
    padding: 0.8rem;
}

#accommodationContent li span {
    padding: 1rem;
    text-decoration: underline;
}

@media (min-width: 768px) {
    .col-md-12 {
        width: 100%;
    }
}

.liaisonOfficerContainer {
    padding: 0px;
}