/*MAIN BODY START*/

html,
body {
    font-size: 10pt;
    font-family: verdana;
    height: 100%;
    -webkit-text-size-adjust: auto;
}

h1,
h2,
h3,
h4,
h5 {
    color: #0F204B;
}

h1 {
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.42857143 !important;
}

.no-margin {
    margin: 0px;
}

.emptybutton {
    height: 30px;
}

.BlueBackground {
    background-color: #0F204B;
}

.Expand {
    display: none;
}

.sfContentBlock table td {
    border-top: none;
    border-left: none;
}

.sfContentBlock table {
    border-right: none;
    border-bottom: none;
    border-top: none;
    border-left: none;
}

.Tenders {
    border: solid 1px #4d4c4c;
}

.tableHeading select {
    color: #4d4c4c;
    font-size: 10pt;
    font-weight: normal;
}

.YearbookFaculties {
    display: inline-block;
    padding: 5px;
    height: 20px;
    line-height: 20px;
    font-size: 8pt;
    padding-bottom: 10px;
}

#loading {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    opacity: 1.5;
    background-color: #fff;
    z-index: 99999;
    text-align: center;
}

#loading-image {
    position: absolute;
    top: 48%;
    left: 47.5%;
    z-index: 100;
}

.StaffMailto {
    color: #4d4c4c !important;
    font-family: Verdana !important;
    text-decoration: underline !important;
}

@media print {
    a:after {
        content: '';
    }

    a[href]:after {
        content: none !important;
    }
}

#OldPassword {
    margin-left: 60px;
}

#NewPassword {
    margin-left: 84px;
}

#RepeatPassword {
    margin-left: 29px;
}

/*MAIN BODY END*/
/* Johannes Header CSS */
/*the container must be positioned relative:*/
.custom-select {
    position: relative;
    font-family: verdana;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    background-color: grey;
    border-left: 1px solid #ccc !important;
    border-top: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
    width: 100px;
}

.unround-corner {
    border-bottom-left-radius: 0px !important;
}


.select-selected {
    background-color: grey;
}

.custom-select select {
    display: none; /*hide original SELECT element:*/
}
    /*style the arrow inside the select element:*/
    .select-selected:after {
        position: absolute;
        content: "";
        top: 14px;
        right: 10px;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-color: #fff transparent transparent transparent;
    }

    /*point the arrow upwards when the select box is open (active):*/
    .select-selected.select-arrow-active:after {
        border-color: transparent transparent #fff transparent;
        top: 7px;
    }

/*style the items (options), including the selected item:*/
.select-items div, .select-selected {
    color: #ffffff;
    padding: 4px 20px 5px 10px;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
    text-align: left;
}

/*style items (options):*/
.select-items {
    position: absolute;
    background-color: grey;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-left: 1px solid #ccc;
    margin-left: -1px;
    text-align: left;
    padding-left: 5px;
}

/*hide the items when the select box is closed:*/
.select-hide {
    display: none;
}

.same-as-selected {
    display: none;
}

.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

/* JOhannes Header End CSS */

/* Gavin Header CSS */

#header  a {
    color: white;
}

.navbar-hamburger {
    margin-top:25px;
}

.navbar-hamburger .navbar-toggle .icon-bar {
    background-color: #A71930;
}

.navbar-hamburger .navbar-toggle .icon-bar {
    display: block;
    width: 45px;
    height: 4px;
    border-radius: 5px;
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 10px;
}

.navbar-toggle {
    margin-right: 0px !important;
}

.navbar-searchicon {
    margin-top:25px;
}

.navbar-searchicon .glyphicon-search {
    font-size: 27pt;
    color: #0F204B;
}

#navbarmobilegrey {
    background-color: #8B8D8E;
    font-size: 14pt;
    height: 505px;
}

#navbarmobilered {
    background-color: #A71930;
    font-size: 14pt;
    height: 505px;
}

@media (min-width: 370px) and (max-width: 464px) { 
    #navbarmobilegrey {
        height: 530px;
    }
    
    #navbarmobilered {
        height: 530px;
    }

    @-moz-document url-prefix() {
        #navbarmobilegrey {
            height: 580px;
        }
        
        #navbarmobilered {
            height: 580px;
        }
    }
}

@media (min-width: 348px) and (max-width: 369px) {
    #navbarmobilegrey {
        height: 540px;
    }
    
    #navbarmobilered {
        height: 540px;
    }

    @-moz-document url-prefix() {
        #navbarmobilegrey {
            height: 650px;
        }
        
        #navbarmobilered {
            height: 650px;
        }
    }
}

@media (max-width: 347px) {
    #navbarmobilegrey {
        height: 560px;
    }
    
    #navbarmobilered {
        height: 560px;
    }

    @-moz-document url-prefix() {
        #navbarmobilegrey {
            height: 665px;
        }
        
        #navbarmobilered {
            height: 665px;
        }
    }
}

#navbarmobile .navbar-nav {
    margin: 0px;
    padding:10px 0px;
}

#navbarmobile .navbar-nav > li > a {
    margin-top: 0px !important;
    padding-top: 15px;
    padding-bottom: 15px;
}

#navbarsearch .custom-select {
    width: 120px;
}

#navbarsearch .select-items div, #navbarsearch .select-selected {
    font-size: 14pt;
}

#navbarsearch .form-control {
    height: 38px;
    font-size: 14pt;
}

#navbarsearch .btn1 {
    height:38px;
}

@media (min-width: 768px) and (max-width: 991px) {
    
    #navbarmobile .navbar-nav li {
    float: none;
    }

    #header .socialiconssmall {
        float:left !important;
    }

    #navbarmobile .navbar-nav > li > a {
        margin-top: 0px !important;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #navbarmobilered .navbar-nav {
        float: none;
    }
}

#navbarmobile .navbar-nav > li > a {
    border: 1px solid transparent;
    border-radius: 10px;
    margin-left: 5px;
}

#navbarmobile .navbar-nav > li > a:hover, #navbarmobile .navbar-nav > li > a:focus {
    background-color: transparent !important;
    border: 1px solid white;
    border-radius: 10px;
	width: fit-content;
    /* width: 210px; */
    /* margin-left: 10px; */
}

#navbarsearch #inputGroup {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    float: none;
    margin: 0px;
}

#header .sfContentBlock ol, #header .sfContentBlock p, #header .sfContentBlock ul {
    margin-bottom: 0px !important;
}

#header .navbar-nav>li>a {
    line-height: 15px !important;
}

#header .socialicons a {
    padding: 10px 10px !important;
}

#header .socialiconssmall a {
    padding: 10px 10px !important;
}

#header .fit-image {
    zoom: 0.7;
    -moz-transform: scale(0.7); 
}

/* Gavin Header End CSS */
/*HEADER START*/

.UFSSearchResult h3 {
    font-size: 12pt;
    font-weight: bold;
}

.UFSSearchResult img {
    padding-top: 20px !important;
    margin-bottom: -20px !important;
}

#Logo {
    width: auto;
    background-color: #ffffff;
    height: 100px;
    padding: 15px 0px 0px 0px;
    /* margin-top: 20px; */
    position: relative;
}

#Logo img {
    height: 100%;
    /*width: 100%;*/
}

#LogoBlue {
    width: auto;
    background-color: #0F204B;
    height: 100px;
    margin-top: 20px;
}

#Search {
    width: auto;
    background-color: #ffffff;
    height: auto;
    text-align: right;
    font-weight: bold;
    margin-top: 20px;
}

#Search p {
    color: #A71930;
    font-size: 12pt;
}

#Search ul li a {
    color: #0F204B;
    text-decoration: none;
}

#Search ul {
    margin-bottom: 10px;
}

#Search ul li {
    display: inline-block;
}



#Search #showsearch .glyphicon-search {
    color: #0F204B;
    cursor: pointer;
}

#SearchBlue {
    width: auto;
    background-color: #0F204B;
    height: auto;
    text-align: right;
    font-weight: bold;
    font-weight: bold;
    margin-top: 20px;
}

#SearchBlue p {
    color: #ffffff;
    font-size: 12pt;
}

#SearchBlue ul li a {
    color: #ffffff;
    text-decoration: none;
}

#SearchBlue ul li {
    display: inline-block;
}

#SearchBlue #showsearch .glyphicon-search {
    color: #ffffff;
    cursor: pointer;
}

/* HEADER SEARCH START */

.InLine {
    display: inline-block;
}

.SearchControl {
    font-family: Verdana;
    font-size: 10pt;
    width: 240px;
    height: 60px;
    position: relative;
}

.SearchControl input {
    font-size: 10pt;
    height: 20px;
    width: 220px;
    background-color: #ffffff;
    color: #0F204B;
    border-width: 1px;
    margin: 0px;
    padding: 0px;
    left: 5px;
    padding-left: 10px;
}

.SearchControl .searchmainbutton {
    background-color: transparent;
    padding: 2px 5px 2px 5px;
    cursor: pointer;
    display: inline-block;
    margin-right: 1px;
    float: left;
    color: #0F204B;
}

.SearchControl .searchmainbuttonactive {
    background-color: #dcdcdc;
    padding: 2px 5px 2px 5px;
    cursor: pointer;
    display: inline-block;
    margin-right: 1px;
    float: left;
    color: #0F204B;
}

.SearchControl .divpos {
    position: absolute;
    top: 0px;
    left: 0px;
}

.SearchControl .searchmainbuttonadvanced {
    padding: 2px 0px 2px 5px;
    cursor: pointer;
    top: 0px;
    height: 15px;
    display: inline-block;
    color: #0F204B;
}

.SearchControl .Tabs {
    position: absolute;
    top: 20px;
    height: 20px;
    width: 240px;
    margin: 0;
    padding: 0;
}

.SearchControl .TabSheets {
    height: 20px;
    width: 240px;
    position: absolute;
    top: 0px;
}

.SearchControl .TabInner {
    position: absolute;
    top: 0px;
    left: 0px;
}

.SearchControl .TabButtonPos {
    position: absolute;
    top: 0px;
    right: 0px;
    padding-top: 2px;
}

.SearchControl .TabButtonPos A:link {
    color: #0F204B !important;
}

/* HEADER SEARCH END */

/* HEADER BLUESEARCH START */

.BlueSearch .SearchControl input {
    background-color: #ffffff;
    color: #0F204B;
}

.BlueSearch .SearchControl .searchmainbutton {
    color: #ffffff;
}

.BlueSearch .SearchControl .searchmainbuttonactive {
    color: #ffffff;
    background-color: #8B8D8E;
}

.BlueSearch .SearchControl .searchmainbuttonadvanced {
    color: #ffffff;
}

.BlueSearch .SearchControl .TabButtonPos A:link {
    color: #ffffff !important;
}

/* HEADER BLUESEARCH END */

/*HEADER END*/

/*NAVBAR MAIN START*/

.navbar-main {
    background-color: #A71930;
    border-color: #A71930;
    font-size: 12pt !important;
    font-weight: bold;
}

.navbar-main .navbar-nav {
    margin-bottom: 0px;
}

.navbar-main .navbar-nav > li > a {
    color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
}

.navbar-main .navbar-nav > li > a:hover,
.navbar-main .navbar-nav > li > a:focus {
    text-decoration: none;
    color: #A71930;
}

/*NAVBAR MAIN END*/

/*NAVBAR SUBMENU START*/

.navbar-submenu {
    background-color: #0f204b !important;
    border-color: #0f204b;
    font-size: 11pt !important;
    font-weight: bold;
}

.background-red {
	background-color: #A71930;
}

.navbar-submenu .navbar-brand {
    color: #ffffff;
    font: 12pt verdana;
    font-weight: bold;
}

.navbar-submenu ul {
    margin-bottom: 0px;
}

.navbar-submenu .navbar-nav > li > a {
    color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
}

.navbar-submenu .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

.navbar-submenu .navbar-collapse,
.navbar-submenu .navbar-form {
    border-color: #ffffff;
}

.navbar-submenu .navbar-nav > li > a:hover {
    text-decoration: none;
    background-color: #ffffff;
    color: #0f204b;
}

/*NAVBAR SUBMENU END*/

/*NAVBAR SUBMENUGREY START*/

.navbar-submenugrey {
    background-color: #8B8D8E !important;
    border-color: #8B8D8E;
    font-size: 11pt !important;
    font-weight: bold;
}

	.background-grey {
    background-color: #8B8D8E;
}

.navbar-submenugrey .navbar-brand {
    color: #ffffff;
    font: 12pt verdana;
    font-weight: bold;
}

.navbar-submenugrey ul {
    margin-bottom: 0px;
}

.navbar-submenugrey .navbar-nav > li > a {
    color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
}

.navbar-submenugrey .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

.navbar-submenugrey .navbar-collapse,
.navbar-submenugrey .navbar-form {
    border-color: #ffffff;
}

.navbar-submenugrey .navbar-nav > li > a:hover {
    text-decoration: none;
    background-color: #ffffff;
    color: #8B8D8E;
}

/*NAVBAR SUBMENU END*/

/*NAVBARWHITE SUBMENU START*/

.navbar-submenuwhite {
    background-color: #ffffff;
    border-color: #ffffff;
    font-size: 11pt !important;
    font-weight: bold;
}

.navbar-submenuwhite .navbar-brand {
    color: #0f204b;
    font: 12pt verdana;
    font-weight: bold;
}

.navbar-submenuwhite ul {
    margin-bottom: 0px;
}

.navbar-submenuwhite .navbar-nav > li > a {
    color: #0f204b;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
}

.navbar-submenuwhite .navbar-toggle .icon-bar {
    background-color: #0f204b;
}

.navbar-submenuwhite .navbar-collapse,
.navbar-submenuwhite .navbar-form {
    border-color: #0f204b;
}

.navbar-submenuwhite .navbar-nav > li > a:hover {
    text-decoration: none;
    background-color: #0f204b;
    color: #ffffff;
}

/*NAVBARWHITE SUBMENU END*/

/*NAVBARPURPLE SUBMENU START*/

.navbar-submenupurple {
    background-color: #a6228f;
    border-color: #a6228f;
    font-size: 12pt !important;
    font-weight: bold;
}

.navbar-submenupurple .navbar-brand {
    color: #ffffff;
    font: 12pt verdana;
    font-weight: bold;
}

.navbar-submenupurple ul {
    margin-bottom: 0px;
}

.navbar-submenupurple .navbar-nav > li > a {
    color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
}

.navbar-submenupurple .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

.navbar-submenupurple .navbar-collapse,
.navbar-submenupurple .navbar-form {
    border-color: #ffffff;
}

.navbar-submenupurple .navbar-nav > li > a:hover {
    text-decoration: none;
    background-color: #ffffff;
    color: #a6228f;
}

/*NAVBARPURPLE SUBMENU END*/


/*NAVSTYLEBLUE START*/

.NavStyleBlue {
    background-color: #0f204b;
    border-color: #0f204b;
    font-size: 10pt !important;
    font-weight: bold;
    text-transform: capatalize;
    margin-bottom: 0px;
}

.NavStyleBlue .sfNavHorizontal a.sfSel {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #0F204B;
}

.NavStyleBlue .sfNavHorizontal a.sfSel:hover {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #ffffff;
    border: 1px solid #0F204B;
}

.NavStyleBlue .sfNavHorizontal a:hover {
    color: #0F204B;
    background-color: #ffffff;
    border: 1px solid #0F204B;
}

.NavStyleBlue .sfNavHorizontal li {
    border-right: none;
}

.NavStyleBlue > ul > li {
    background-color: #0f204b;

}

.NavStyleBlue > ul > li > a {
    color: #ffffff;
    text-decoration: none;
}

.sfNavHorizontalDropDown {
    padding-left: 0px;
    padding-right: 0px;
}

.NavStyleBlue .sfNavHorizontalDropDown {
    background-color: #0F204B;
}

.NavStyleBlue .sfNavHorizontalDropDown a.sfSel {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #0F204B;
    color: #ffffff;
}

.NavStyleBlue .sfNavHorizontalDropDown a.k-link {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #0F204B;
    color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
}

.NavStyleBlue .sfNavHorizontalDropDown a.sfSel:hover {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #ffffff;
    border: 1px solid #0F204B;
}

.NavStyleBlue .sfNavHorizontalDropDown a:hover {
    color: #0F204B;
    background-color: #ffffff;
    border: 1px solid #0F204B;
}

.NavStyleBlue .sfNavHorizontalDropDown a {
    border: 1px solid #0F204B;
}

.NavStyleBlue .sfNavHorizontalDropDown li {
    border-right: none !important;
}

.NavStyleBlue .sfNavHorizontalDropDown .k-item > a.k-link.sfSel {
    background-color: #0F204B;
    color: #ffffff;
    margin-top: 0px;
    padding-top: 0px;
}

.NavStyleBlue .sfNavHorizontalDropDown .k-item > a.k-link.sfSel:hover {
    background-color: #ffffff;
    color: #0F204B;
}

.NavStyleBlue .sfNavHorizontalDropDown .k-i-arrow-e,
.sfNavHorizontalDropDown .k-i-arrow-s {
    background: none;
}

.NavStyleBlue .sfNavHorizontalDropDown .k-popup li {
    border-top: none !important;
}

.sfNavHorizontalDropDown .k-group {
    border: none;
    font-size: 10pt !important;
}

.NavStyleBlue .sfNavHorizontalDropDown .k-link {
    padding-right: 10px !important;
}

@media (max-width: 425px) {
    .NavStyleBlue .sfNavHorizontalDropDown .k-group li a {
        white-space: normal;
    }
}

@media (max-width: 960px) {
    .NavStyleBlue .sfNavHorizontalDropDown .k-item {
        border-style: none;
    }
}

.k-header > li > a {
    cursor: pointer;
    pointer-events: none;

}

/*NAVSTYLEBLUE END*/

/*NAVSTYLEFACULTY START*/

.NavStyleFaculty {
    background-color: #0f204b;
    border-color: #0f204b;
    font-size: 10pt !important;
    font-weight: bold;
    text-transform: capatalize;
    margin-bottom: 0px;
}

.NavStyleFaculty .sfNavHorizontal a.sfSel {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #0F204B;
}

.NavStyleFaculty .sfNavHorizontal a.sfSel:hover {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #ffffff;
    border: 1px solid #0F204B;
}

.NavStyleFaculty .sfNavHorizontal a:hover {
    color: #0F204B;
    background-color: #ffffff;
    border: 1px solid #0F204B;
}

.NavStyleFaculty .sfNavHorizontal li {
    border-right: none;
}

.NavStyleFaculty > ul > li {
    background-color: #0f204b;

}

.NavStyleFaculty > ul > li > a {
    color: #ffffff;
    text-decoration: none;
}

.sfNavHorizontalDropDown {
    padding-left: 0px;
    padding-right: 0px;
}

.NavStyleFaculty .sfNavHorizontalDropDown {
    background-color: #0F204B;
}

.NavStyleFaculty .sfNavHorizontalDropDown a.sfSel {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #0F204B;
    color: #ffffff;
}

.NavStyleFaculty .sfNavHorizontalDropDown a.k-link {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #0F204B;
    color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
}

.NavStyleFaculty .sfNavHorizontalDropDown a.sfSel:hover {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #ffffff;
    border: 1px solid #0F204B;
}

.NavStyleFaculty .sfNavHorizontalDropDown a:hover {
    color: #0F204B;
    background-color: #ffffff;
    border: 1px solid #0F204B;
}

.NavStyleFaculty .sfNavHorizontalDropDown a {
    border: 1px solid #0F204B;
}

.NavStyleFaculty .sfNavHorizontalDropDown li {
    border-right: none !important;
}

.NavStyleFaculty .sfNavHorizontalDropDown .k-item > a.k-link.sfSel {
    background-color: #0F204B;
    color: #ffffff;
    margin-top: 0px;
    padding-top: 0px;
}

.NavStyleFaculty .sfNavHorizontalDropDown .k-item > a.k-link.sfSel:hover {
    background-color: #ffffff;
    color: #0F204B;
}

.NavStyleFaculty .sfNavHorizontalDropDown .k-i-arrow-e,
.sfNavHorizontalDropDown .k-i-arrow-s {
    background: none;
}

.NavStyleFaculty .sfNavHorizontalDropDown .k-popup li {
    border-top: none !important;
}

.sfNavHorizontalDropDown .k-group {
    border: none;
    font-size: 10pt !important;
}

.NavStyleFaculty .sfNavHorizontalDropDown .k-link {
    padding-right: 10px !important;
}

@media (max-width: 425px) {
    .NavStyleFaculty .sfNavHorizontalDropDown .k-group li a {
        white-space: normal;
    }
}

@media (max-width: 960px) {
    .NavStyleFaculty .sfNavHorizontalDropDown .k-item {
        border-style: none;
    }
}

.k-header > li > a {
    cursor: pointer;
    pointer-events: none;

}

/*NAVSTYLEFACULTY END*/

/*NAVSTYLERED START*/

.NavStyleRed {
    background-color: #A71930;
    border-color: #A71930;
    font-size: 10pt !important;
    font-weight: bold;
    text-transform: capatalize;
    margin-bottom: 0px;
}

.NavStyleRed .sfNavHorizontal a.sfSel {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #A71930;
}

.NavStyleRed .sfNavHorizontal a.sfSel:hover {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #ffffff;
    border: 1px solid #A71930;
}

.NavStyleRed .sfNavHorizontal a:hover {
    color: #A71930;
    background-color: #ffffff;
    border: 1px solid #A71930;
}

.NavStyleRed .sfNavHorizontal li {
    border-right: none;
}

.NavStyleRed > ul > li {
    background-color: #A71930;

}

.NavStyleRed > ul > li > a {
    color: #ffffff;
    text-decoration: none;
}

.NavStyleRed .sfNavHorizontalDropDown {
    background-color: #A71930;
}

.NavStyleRed .sfNavHorizontalDropDown li {
    border-right-color: #A71930;
}

.NavStyleRed .sfNavHorizontalDropDown a.sfSel {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #A71930;
    color: #ffffff;
}

.NavStyleRed .sfNavHorizontalDropDown a.k-link {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #A71930;
    color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
}

.NavStyleRed .sfNavHorizontalDropDown a.sfSel:hover {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
}

.NavStyleRed .sfNavHorizontalDropDown a:hover {
    color: #A71930;
    background-color: #ffffff;
    border: 1px solid #A71930;
}

.NavStyleRed .sfNavHorizontalDropDown a {
    border: 1px solid #A71930;
}

.NavStyleRed .sfNavHorizontalDropDown .k-item > a.k-link.sfSel {
    background-color: #A71930;
    color: #ffffff;
    margin-top: 0px;
    padding-top: 0px;
}

.NavStyleRed .sfNavHorizontalDropDown .k-item > a.k-link.sfSel:hover {
    background-color: #ffffff;
    color: #A71930;
}

.NavStyleRed .sfNavHorizontalDropDown .k-i-arrow-e,
.sfNavHorizontalDropDown .k-i-arrow-s {
    background: none;
}

.NavStyleRed .sfNavHorizontalDropDown .k-popup li {
    border-top: none !important;
}



.NavStyleRed .sfNavHorizontalDropDown .k-link {
    padding-left: 20px !important;
    padding-right: 10px !important;
}

@media (max-width: 425px) {
    .NavStyleRed .sfNavHorizontalDropDown .k-group li a {
        white-space: normal;
    }
}

@media (max-width: 960px) {
    .NavStyleRed .sfNavHorizontalDropDown .k-item {
        border-style: none;
    }
}

/*NAVSTYLERED END*/

/*NAVSTYLEGREY START*/

.NavStyleGrey {
    background-color: #8B8D8E;
    border-color: #8B8D8E;
    font-size: 10pt !important;
    font-weight: bold;
    text-transform: capatalize;
    margin-bottom: 0px;
}

.NavStyleGrey .sfNavHorizontal a.sfSel {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #8B8D8E;
}

.NavStyleGrey .sfNavHorizontal a.sfSel:hover {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #ffffff;
    border: 1px solid #8B8D8E;
}

.NavStyleGrey .sfNavHorizontal a:hover {
    color: #8B8D8E;
    background-color: #ffffff;
    border: 1px solid #8B8D8E;
}

.NavStyleGrey .sfNavHorizontal li {
    border-right: none;
}

.NavStyleGrey > ul > li {
    background-color: #8B8D8E;

}

.NavStyleGrey > ul > li > a {
    color: #ffffff;
    text-decoration: none;
}

.sfNavHorizontalDropDown {
    padding-left: 0px;
    padding-right: 0px;
}

.NavStyleGrey .sfNavHorizontalDropDown {
    background-color: #8B8D8E;
}

.NavStyleGrey .sfNavHorizontalDropDown a.sfSel {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #8B8D8E;
    color: #ffffff;
}

.NavStyleGrey .sfNavHorizontalDropDown a.k-link {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #8B8D8E;
    color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
}

.NavStyleGrey .sfNavHorizontalDropDown a.sfSel:hover {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #ffffff;
    border: 1px solid #8B8D8E;
}

.NavStyleGrey .sfNavHorizontalDropDown a:hover {
    color: #8B8D8E;
    background-color: #ffffff;
    border: 1px solid #8B8D8E;
}

.NavStyleGrey .sfNavHorizontalDropDown a {
    border: 1px solid #8B8D8E;
}

.NavStyleGrey .sfNavHorizontalDropDown li {
    border-right: none !important;
}

.NavStyleGrey .sfNavHorizontalDropDown .k-item > a.k-link.sfSel {
    background-color: #8B8D8E;
    color: #ffffff;
    margin-top: 0px;
    padding-top: 0px;
}

.NavStyleGrey .sfNavHorizontalDropDown .k-item > a.k-link.sfSel:hover {
    background-color: #ffffff;
    color: #8B8D8E;
}

.NavStyleGrey .sfNavHorizontalDropDown .k-i-arrow-e,
.sfNavHorizontalDropDown .k-i-arrow-s {
    background: none;
}

.NavStyleGrey .sfNavHorizontalDropDown .k-popup li {
    border-top: none !important;
}

.sfNavHorizontalDropDown .k-group {
    border: none;
    font-size: 10pt !important;
}

.NavStyleGrey .sfNavHorizontalDropDown .k-link {
    padding-right: 10px !important;
}

@media (max-width: 425px) {
    .NavStyleGrey .sfNavHorizontalDropDown .k-group li a {
        white-space: normal;
    }
}

@media (max-width: 960px) {
    .NavStyleGrey .sfNavHorizontalDropDown .k-item {
        border-style: none;
    }
}

.k-header > li > a {
    cursor: pointer;
    pointer-events: none;

}

/*NAVSTYLEGREY END*/

/*NAVSTYLEBLUEVERTICAL START*/

.NavStyleBlueVertical {
    background-color: #0F204B;
    border-color: #0F204B;
    font-size: 10pt !important;
    font-weight: bold;
    text-transform: capatalize;
    margin-bottom: 0px;
}

.NavStyleBlueVertical .sfNavHorizontal a.sfSel {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #0F204B;
}

.NavStyleBlueVertical .sfNavHorizontal a.sfSel:hover {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #ffffff;
    border: 1px solid #0F204B;
}

.NavStyleBlueVertical .sfNavHorizontal a:hover {
    color: #0F204B;
    background-color: #ffffff;
    border: 1px solid #0F204B;
}

.NavStyleBlueVertical .sfNavHorizontal li {
    border-right: none;
}

.NavStyleBlueVertical > ul > li {
    background-color: #0F204B;

}

.NavStyleBlueVertical > ul > li > a {
    color: #ffffff;
    text-decoration: none;
}

.NavStyleBlueVertical .sfNavHorizontalDropDown {
    background-color: #0F204B;
}

.NavStyleBlueVertical .sfNavHorizontalDropDown li {
    border-right-color: #0F204B;
}

.NavStyleBlueVertical .sfNavHorizontalDropDown a.sfSel {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #0F204B;
    color: #ffffff;
}

.NavStyleBlueVertical .sfNavHorizontalDropDown a.k-link {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #0F204B;
    color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
}

.NavStyleBlueVertical .sfNavHorizontalDropDown a.sfSel:hover {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
}

.NavStyleBlueVertical .sfNavHorizontalDropDown a:hover {
    color: #0F204B;
    background-color: #ffffff;
    border: 1px solid #0F204B;
}

.NavStyleBlueVertical .sfNavHorizontalDropDown a {
    border: 1px solid #0F204B;
}

.NavStyleBlueVertical .sfNavHorizontalDropDown .k-item > a.k-link.sfSel {
    background-color: #0F204B;
    color: #ffffff;
    margin-top: 0px;
    padding-top: 0px;
}

.NavStyleBlueVertical .sfNavHorizontalDropDown .k-item > a.k-link.sfSel:hover {
    background-color: #ffffff;
    color: #0F204B;
}

.NavStyleBlueVertical .sfNavHorizontalDropDown .k-i-arrow-e,
.sfNavHorizontalDropDown .k-i-arrow-s {
    background: none;
}

.NavStyleBlueVertical .sfNavHorizontalDropDown .k-popup li {
    border-top: none !important;
}


.NavStyleBlueVertical .sfNavHorizontalDropDown .k-link {
    padding-left: 20px !important;
    padding-right: 10px !important;
}

@media (max-width: 425px) {
    .NavStyleBlueVertical .sfNavHorizontalDropDown .k-group li a {
        white-space: normal;
    }
}

@media (max-width: 960px) {
    .NavStyleBlueVertical .sfNavHorizontalDropDown .k-item {
        border-style: none;
    }
}

/*NAVSTYLEBLUEVERTICAL END*/

/*NAVSTYLEREDVERTICAL START*/

.NavStyleRedVertical {
    background-color: #A71930;
    border-color: #A71930;
    font-size: 10pt !important;
    font-weight: bold;
    text-transform: capatalize;
    margin-bottom: 0px;
}

.NavStyleRedVertical .sfNavHorizontal a.sfSel {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #A71930;
}

.NavStyleRedVertical .sfNavHorizontal a.sfSel:hover {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #ffffff;
    border: 1px solid #A71930;
}

.NavStyleRedVertical .sfNavHorizontal a:hover {
    color: #A71930;
    background-color: #ffffff;
    border: 1px solid #A71930;
}

.NavStyleRedVertical .sfNavHorizontal li {
    border-right: none;
}

.NavStyleRedVertical > ul > li {
    background-color: #A71930;

}

.NavStyleRedVertical > ul > li > a {
    color: #ffffff;
    text-decoration: none;
}

.NavStyleRedVertical .sfNavHorizontalDropDown {
    background-color: #A71930;
}

.NavStyleRedVertical .sfNavHorizontalDropDown li {
    border-right-color: #A71930;
}

.NavStyleRedVertical .sfNavHorizontalDropDown a.sfSel {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #A71930;
    color: #ffffff;
}

.NavStyleRedVertical .sfNavHorizontalDropDown a.k-link {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #A71930;
    color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
}

.NavStyleRedVertical .sfNavHorizontalDropDown a.sfSel:hover {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
}

.NavStyleRedVertical .sfNavHorizontalDropDown a:hover {
    color: #A71930;
    background-color: #ffffff;
    border: 1px solid #A71930;
}

.NavStyleRedVertical .sfNavHorizontalDropDown a {
    border: 1px solid #A71930;
}

.NavStyleRedVertical .sfNavHorizontalDropDown .k-item > a.k-link.sfSel {
    background-color: #A71930;
    color: #ffffff;
    margin-top: 0px;
    padding-top: 0px;
}

.NavStyleRedVertical .sfNavHorizontalDropDown .k-item > a.k-link.sfSel:hover {
    background-color: #ffffff;
    color: #A71930;
}

.NavStyleRedVertical .sfNavHorizontalDropDown .k-i-arrow-e,
.sfNavHorizontalDropDown .k-i-arrow-s {
    background: none;
}

.NavStyleRedVertical .sfNavHorizontalDropDown .k-popup li {
    border-top: none !important;
}


.NavStyleRedVertical .sfNavHorizontalDropDown .k-link {
    padding-left: 20px !important;
    padding-right: 10px !important;
}

@media (max-width: 425px) {
    .NavStyleRedVertical .sfNavHorizontalDropDown .k-group li a {
        white-space: normal;
    }
}

@media (max-width: 960px) {
    .NavStyleRedVertical .sfNavHorizontalDropDown .k-item {
        border-style: none;
    }
}

/*NAVSTYLEREDVERTICAL END*/

/*NAVSTYLEGREYVERTICAL START*/

.NavStyleGreyVertical {
    background-color: #8B8D8E;
    border-color: #8B8D8E;
    font-size: 10pt !important;
    font-weight: bold;
    text-transform: capatalize;
    margin-bottom: 0px;
}

.NavStyleGreyVertical .sfNavHorizontal a.sfSel {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #8B8D8E;
}

.NavStyleGreyVertical .sfNavHorizontal a.sfSel:hover {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #ffffff;
    border: 1px solid #8B8D8E;
}

.NavStyleGreyVertical .sfNavHorizontal a:hover {
    color: #8B8D8E;
    background-color: #ffffff;
    border: 1px solid #8B8D8E;
}

.NavStyleGreyVertical .sfNavHorizontal li {
    border-right: none;
}

.NavStyleGreyVertical > ul > li {
    background-color: #8B8D8E;

}

.NavStyleGreyVertical > ul > li > a {
    color: #ffffff;
    text-decoration: none;
}

.NavStyleGreyVertical .sfNavHorizontalDropDown {
    background-color: #8B8D8E;
}

.NavStyleGreyVertical .sfNavHorizontalDropDown li {
    border-right-color: #8B8D8E;
}

.NavStyleGreyVertical .sfNavHorizontalDropDown a.sfSel {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #8B8D8E;
    color: #ffffff;
}

.NavStyleGreyVertical .sfNavHorizontalDropDown a.k-link {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #8B8D8E;
    color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
}

.NavStyleGreyVertical .sfNavHorizontalDropDown a.sfSel:hover {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
}

.NavStyleGreyVertical .sfNavHorizontalDropDown a:hover {
    color: #8B8D8E;
    background-color: #ffffff;
    border: 1px solid #8B8D8E;
}

.NavStyleGreyVertical .sfNavHorizontalDropDown a {
    border: 1px solid #8B8D8E;
}

.NavStyleGreyVertical .sfNavHorizontalDropDown .k-item > a.k-link.sfSel {
    background-color: #8B8D8E;
    color: #ffffff;
    margin-top: 0px;
    padding-top: 0px;
}

.NavStyleGreyVertical .sfNavHorizontalDropDown .k-item > a.k-link.sfSel:hover {
    background-color: #ffffff;
    color: #8B8D8E;
}

.NavStyleGreyVertical .sfNavHorizontalDropDown .k-i-arrow-e,
.sfNavHorizontalDropDown .k-i-arrow-s {
    background: none;
}

.NavStyleGreyVertical .sfNavHorizontalDropDown .k-popup li {
    border-top: none !important;
}


.NavStyleGreyVertical .sfNavHorizontalDropDown .k-link {
    padding-left: 20px !important;
    padding-right: 10px !important;
}

@media (max-width: 425px) {
    .NavStyleGreyVertical .sfNavHorizontalDropDown .k-group li a {
        white-space: normal;
    }
}

@media (max-width: 960px) {
    .NavStyleGreyVertical .sfNavHorizontalDropDown .k-item {
        border-style: none;
    }
}

/*NAVSTYLEGREYVERTICAL END*/

/*NAVSTYLEWHITE START*/

.NavStyleWhite {
    background-color: #ffffff;
    border-color: #ffffff;
    font-size: 10pt !important;
    font-weight: bold;
    text-transform: capatalize;
    margin-bottom: 0px;
}

.NavStyleWhite .sfNavHorizontal a.sfSel {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #ffffff;
}

.NavStyleWhite .sfNavHorizontal a.sfSel:hover {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #0F204B;
    border: 1px solid #ffffff;
}

.NavStyleWhite .sfNavHorizontal a:hover {
    color: #ffffff;
    background-color: #0F204B;
    border: 1px solid #ffffff;
}

.NavStyleWhite .sfNavHorizontal li {
    border-right: none;
}

.NavStyleWhite > ul > li {
    background-color: #ffffff;

}

.NavStyleWhite > ul > li > a {
    color: #0F204B;
    text-decoration: none;
}

.NavStyleWhite .sfNavHorizontalDropDown {
    background-color: #ffffff;
}

.NavStyleWhite .sfNavHorizontalDropDown a.sfSel {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #ffffff;
    color: #ffffff;
}

.NavStyleWhite .sfNavHorizontalDropDown a.k-link {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #ffffff;
    color: #0F204B;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
}

.NavStyleWhite .sfNavHorizontalDropDown a.sfSel:hover {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #0F204B;
    border: 1px solid #ffffff;
}

.NavStyleWhite .sfNavHorizontalDropDown a:hover {
    color: #ffffff;
    background-color: #0F204B;
    border: 1px solid #ffffff;
}

.NavStyleWhite .sfNavHorizontalDropDown a {
    border: 1px solid #ffffff;
}

.NavStyleWhite .sfNavHorizontalDropDown .k-item > a.k-link.sfSel {
    background-color: #ffffff;
    color: #0F204B;
    margin-top: 0px;
    padding-top: 0px;
}

.NavStyleWhite .sfNavHorizontalDropDown .k-item > a.k-link.sfSel:hover {
    background-color: #0F204B;
    color: #ffffff;
}

.NavStyleWhite .sfNavHorizontalDropDown .k-i-arrow-e,
.sfNavHorizontalDropDown .k-i-arrow-s {
    background: none;
}

.NavStyleWhite .sfNavHorizontalDropDown .k-popup li {
    border-top: none !important;
}


.NavStyleWhite .sfNavHorizontalDropDown .k-link {
    padding-left: 20px !important;
    padding-right: 10px !important;
}

@media (max-width: 425px) {
    .NavStyleWhite .sfNavHorizontalDropDown .k-group li a {
        white-space: normal;
    }
}

@media (max-width: 960px) {
    .NavStyleWhite .sfNavHorizontalDropDown .k-item {
        border-style: none;
    }
}


/*NAVSTYLEWHITE END*/

/*NavStyleWhiteVertical START*/

.NavStyleWhiteVertical {
    background-color: #ffffff;
    border-color: #ffffff;
    font-size: 10pt !important;
    font-weight: bold;
    text-transform: capatalize;
    margin-bottom: 0px;
}

.NavStyleWhiteVertical .sfNavHorizontal a.sfSel {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #ffffff;
}

.NavStyleWhiteVertical .sfNavHorizontal a.sfSel:hover {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #0F204B;
    border: 1px solid #ffffff;
}

.NavStyleWhiteVertical .sfNavHorizontal a:hover {
    color: #ffffff;
    background-color: #0F204B;
    border: 1px solid #ffffff;
}

.NavStyleWhiteVertical .sfNavHorizontal li {
    border-right: none;
}

.NavStyleWhiteVertical > ul > li {
    background-color: #ffffff;

}

.NavStyleWhiteVertical > ul > li > a {
    color: #0F204B;
    text-decoration: none;
}

.NavStyleWhiteVertical .sfNavHorizontalDropDown {
    background-color: #ffffff;
}

.NavStyleWhiteVertical .sfNavHorizontalDropDown a.sfSel {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #ffffff;
    color: #ffffff;
}

.NavStyleWhiteVertical .sfNavHorizontalDropDown a.k-link {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #ffffff;
    color: #0F204B;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
}

.NavStyleWhiteVertical .sfNavHorizontalDropDown a.sfSel:hover {
    margin-top: 0px;
    padding-top: 0px;
    background-color: #0F204B;
    border: 1px solid #ffffff;
}

.NavStyleWhiteVertical .sfNavHorizontalDropDown a:hover {
    color: #ffffff;
    background-color: #0F204B;
    border: 1px solid #ffffff;
}

.NavStyleWhiteVertical .sfNavHorizontalDropDown a {
    border: 1px solid #ffffff;
}

.NavStyleWhiteVertical .sfNavHorizontalDropDown li {
    border-right: none;
}

.NavStyleWhiteVertical .sfNavHorizontalDropDown .k-item > a.k-link.sfSel {
    background-color: #ffffff;
    color: #0F204B;
    margin-top: 0px;
    padding-top: 0px;
}

.NavStyleWhiteVertical .sfNavHorizontalDropDown .k-item > a.k-link.sfSel:hover {
    background-color: #0F204B;
    color: #ffffff;
}

.NavStyleWhiteVertical .sfNavHorizontalDropDown .k-i-arrow-e,
.sfNavHorizontalDropDown .k-i-arrow-s {
    background: none;
}

.NavStyleWhiteVertical .sfNavHorizontalDropDown .k-popup li {
    border-top: none !important;
}


.NavStyleWhiteVertical .sfNavHorizontalDropDown .k-link {
    padding-left: 20px !important;
    padding-right: 10px !important;
}

@media (max-width: 425px) {
    .NavStyleWhiteVertical .sfNavHorizontalDropDown .k-group li a {
        white-space: normal;
    }
}

@media (max-width: 960px) {
    .NavStyleWhiteVertical .sfNavHorizontalDropDown .k-item {
        border-style: none;
    }
}

/*NavStyleWhiteVertical END*/

/*postgrad Style START*/

.postgrad {
    color: #ffffff;
}

.postgrad .glyphicon {
    color: #ffffff;
}

.postgrad .glyphicon:hover {
    color: #A71930;
}

.postgrad .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

/*postgrad Style END*/

/*SPOTLIGHT START*/


div#Spotlight .bx-wrapper .bx-pager,
div#Spotlight .bx-wrapper .bx-controls-auto {
    padding-bottom: 3.5%;
    text-align: center !important;
    width: 50% !important;
}

.NewsList .bx-wrapper .bx-pager,
.NewsList .bx-wrapper .bx-controls-auto {
    padding-bottom: 16%;
    text-align: center !important;
    width: 100% !important;
}
.bx-wrapper {
    margin-bottom: 0px !important;
}


.bx-wrapper .bx-pager.bx-default-pager a.bx-pager-link {
    border: 2px solid #FFF;
    border-radius: 15px;
    height: 15px;
    width: 15px;
    background: none !important;
    z-index: 99;
}

.bx-controls-auto {
    z-index: -99 !important;
}

.bx-pager-link {
    z-index: 999;
    position: relative;
}

/*Current slide dot */
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {

    background: #ffffff !important;
}

/*width of */

.btn-readmore {
    background-color: #0F204B;
    border: 2px solid white;
    cursor: default;
    width: auto;
    text-align: left;
}

/*Outside border*/
.bx-wrapper {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 0 !important;
}

.SpotImage {
    width: 100%;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 0px 0px !important;
}

.SpotCaption {
    width: 50%;
    height: 100%;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 0px 0px !important;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}
/* Gav Start */

.SpotText {
    zoom: 1.3;
    -moz-transform: scale(1.3);
    position: absolute;
    height: auto;
    bottom: 20%;
    vertical-align: bottom;
    max-width: 560px;
    left: 5%;
    right: 52.5%;
}

.SpotTextHalf {
    zoom: 1.3;
    -moz-transform: scale(1.3);
    position: absolute;
    height: auto;
    bottom: 20%;
    vertical-align: bottom;
    max-width: 560px;
    left: 5%;
    right: 55%;
}

@-moz-document url-prefix() {
    .SpotText {
        left: 9.4%;
        bottom: 23.5%;
    }

    .SpotTextHalf {
        left: 15.2%;
        bottom: 23.5%;
    }
}

.SpotText h5 {
    font-size: 20pt !important;
    font-weight: bold;
    font-family: Arial;
    color: white;
}

.SpotTextHalf h5 {
    font-size: 20pt !important;
    font-weight: bold;
    font-family: Arial;
    color: white;
}

.container {
    position: relative;
}

.fullwidth {
    width: 100%;
}

a.btn.btn-readmore {
    color: white;
    text-decoration: none;
}

a.btn.btn-readmore:hover {
    color: #FFFFFF;
    border: 3px solid #FFFF;
    text-decoration: none;
}

.SpotText p {
    color: white;
}

.bx-wrapper img {
    object-fit: cover;
    height: 100%;
}

@media (max-width: 499px) {
    div#Spotlight .bx-wrapper .bx-pager,
    div#Spotlight .bx-wrapper .bx-controls-auto {
    padding-bottom:11% !important;
   }

    .SpotText,  .SpotTextHalf {
        zoom: 0.4;
        height: 150px;
        bottom: 0%;
        max-width: 100%;
        left: 0%;
        right: 0%;
        background: rgba(15, 32, 75, 0.8);
    }

    .SpotText h5,  .SpotTextHalf h5 {
        padding: 10px 40px 0px 40px;
    }

    .btn-readmore {
        background-color: transparent;
        border: 2px solid white;
        margin-left: 40px;
        font-size: 20px;
        border-radius: 10px;
        padding: 8px 14px;
    }

    @-moz-document url-prefix() {

        .SpotText,  .SpotTextHalf {
            height: 70px;
            -moz-transform: scale(1);
        }

        .SpotText h5,  .SpotTextHalf h5 {
            padding: 0px 0px 0px 20px;
            -moz-transform-origin: left;
            font-size: 8pt !important;
        }

        .btn-readmore {
            -moz-transform: scale(0.4);
            -moz-transform-origin: left;
            margin-left: 20px;
        }
    }
}

@media (min-width: 500px) and (max-width: 599px) {
    div#Spotlight .bx-wrapper .bx-pager,
    div#Spotlight .bx-wrapper .bx-controls-auto {
    padding-bottom: 8% !important;
    }

    .SpotText,  .SpotTextHalf {
        zoom: 0.4;
        height: 160px;
        bottom: 0%;
        max-width: 100%;
        left: 0%;
        right: 0%;
        background: rgba(15, 32, 75, 0.8);
    }

    .SpotText h5,  .SpotTextHalf h5 {
        padding: 25px 40px 10px 40px;
    }

    .btn-readmore {
        background-color: transparent;
        border: 2px solid white;
        margin-left: 40px;
        font-size: 20px;
        border-radius: 10px;
        padding: 8px 14px;
    }

    @-moz-document url-prefix() {

        .SpotText,  .SpotTextHalf {
            height: 75px;
            -moz-transform: scale(1);
        }

        .SpotText h5,  .SpotTextHalf h5 {
            padding: 0px 0px 0px 20px;
            -moz-transform-origin: left;
            font-size: 9pt !important;
        }

        .btn-readmore {
            -moz-transform: scale(0.4);
            -moz-transform-origin: left;
            margin-left: 20px;
        }
    }
}

@media (min-width: 600px) and (max-width: 767px) {
    div#Spotlight .bx-wrapper .bx-pager,
    div#Spotlight .bx-wrapper .bx-controls-auto {
    padding-bottom: 7% !important;
    }

    .SpotText,  .SpotTextHalf {
        zoom: 0.5;
        height: 160px;
        bottom: 0%;
        max-width: 100%;
        left: 0%;
        right: 0%;
        background: rgba(15, 32, 75, 0.8);
    }

    .SpotText h5,  .SpotTextHalf h5 {
        padding: 25px 40px 10px 40px;
    }

    .btn-readmore {
        background-color: transparent;
        border: 2px solid white;
        margin-left: 40px;
        font-size: 20px;
        border-radius: 10px;
        padding: 8px 14px;
    }

    @-moz-document url-prefix() {

        .SpotText,  .SpotTextHalf {
            height: 80px;
            -moz-transform: scale(1);
        }

        .SpotText h5,  .SpotTextHalf h5 {
            padding: 0px 0px 0px 20px;
            -moz-transform-origin: left;
            font-size: 10pt !important;
        }

        .btn-readmore {
            -moz-transform: scale(0.5);
            -moz-transform-origin: left;
            margin-left: 20px;
        }
    }
}

@media (min-width: 768px) and (max-width: 992px) {

    div#Spotlight .bx-wrapper .bx-pager,
    div#Spotlight .bx-wrapper .bx-controls-auto {
    padding-bottom: 6%;
    }

    .SpotText,  .SpotTextHalf {
        zoom: 0.6;
        height: 160px;
        bottom: 0%;
        max-width: 100%;
        left: 0%;
        right: 0%;
        background: rgba(15, 32, 75, 0.8);
    }

    .SpotText h5,  .SpotTextHalf h5 {
        padding: 25px 40px 10px 40px;
    }

    .btn-readmore {
        background-color: transparent;
        border: 2px solid white;
        margin-left: 40px;
        font-size: 20px;
        border-radius: 10px;
        padding: 8px 14px;
    }

    @-moz-document url-prefix() {

        .SpotText,  .SpotTextHalf {
            height: 90px;
            -moz-transform: scale(1);
        }

        .SpotText h5,  .SpotTextHalf h5 {
            padding: 0px 0px 0px 20px;
            -moz-transform-origin: left;
            font-size: 12pt !important;
        }

        .btn-readmore {
            -moz-transform: scale(0.6);
            -moz-transform-origin: left;
            margin-left: 20px;
        }
    }
}

/* Gav End */

/*SPOTLIGHT END*/

/* MEDIA BLOCKS START */

#NewsBlock{
    padding: 10px 7.8%;
}

#NewsBlock .NewsList {
    background-color: none;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    width: 100%;
    height: 460px;
    position: relative;
    text-align: left;
    padding: 5px;
}

.NewsList .bx-wrapper .bx-pager,
.NewsList .bx-wrapper .bx-controls-auto {
    padding-bottom: 16%;
    text-align: center !important;
    width: 100% !important;
}

.LatestNewsTitleText {
    position: absolute;
    height: auto;
    bottom: 70px;
    left: 16px;
    text-align: left;
    vertical-align: bottom;
}

.LatestNewsTitleText h5 {
    font-size: 15pt !important;
    font-weight: bold;
    font-family: Verdana;
    color: white;
    padding: 5px;
}

.LatestNewsName {
    font-size: 18pt !important;
    font-weight: bold;
    font-family: Verdana;
    color: white;
}

.LatestNewsSummaryText {
    zoom: 100%;
    -moz-transform: scale(100%);
    position: absolute;
    height: auto;
    bottom: 20px;
    left: 16px;
    text-align: left;
    vertical-align: bottom;
    max-width: 560px;
}

.LatestNewsSummaryText h5 {
    font-size: 14pt !important;
    font-family: Verdana;
    color: white;
}

.LatestNewsImage {
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%
}

.MultiMediaLink {
    position: relative;
    padding: 5px;
}

.MultiMediaLink h5 {
    font-size: 18pt !important;
    font-weight: bold;
    font-family: Verdana;
    color: white;
}

.MultiMediaLinkTitleTextTop {
    position: absolute;
    top: 6%;
    left: 7%;
}

.MultiMediaLinkTitleTextCenter {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}

.MultiMediaLinkTitleTextCenter .glyphicon, .MultiMediaLinkTitleTextTop .glyphicon {
    transform: scale(5);
}

.MultiMediaLinkImage {
    height: 225px;
    object-fit: cover;
    width: 100%;
}

.MultiMediaLinkImageLarge {
    height: 460px;
    object-fit: cover;
    width: 100%;
}

.MultiMediaLinkVideo {
    width: 100%;
    position: relative;
}

.MultiMediaLinkVideoImage {
    height: 225px;
    object-fit: cover;
    width: 100%;
}

.YouTubePopUp-Wrap {
    background-color: rgba(139,141,142,0.9) !important;
}

.YouTubePopUp-Close {
    bottom: 430px !important;
}

.YouTubePopUp-Content iframe {
    height: 410px !important;
}

@media (max-width: 500px) {
    #NewsBlock{
        padding: 10px 9%;
    }

    .NewsList .bx-wrapper .bx-pager, .NewsList .bx-wrapper .bx-controls-auto {
        padding-bottom: 13% ;
    }

    .LatestNewsTitleText {
        bottom: 35px;
    }

    .YouTubePopUp-Close {
        bottom: 290px !important;
    }

    .YouTubePopUp-Content iframe {
        height: 270px !important;
    }
}

@media (min-width: 501px) and (max-width:600px) {
    #NewsBlock{
        padding: 10px 8.2%;
    }

    .NewsList .bx-wrapper .bx-pager, .NewsList .bx-wrapper .bx-controls-auto {
        padding-bottom: 12% ;
    }

    .LatestNewsTitleText {
        bottom: 45px;
    }

    .YouTubePopUp-Close {
        bottom: 330px !important;
    }

    .YouTubePopUp-Content iframe {
        height: 310px !important;
    }
}

@media (min-width: 601px) and (max-width:767px) {
    .NewsList .bx-wrapper .bx-pager, .NewsList .bx-wrapper .bx-controls-auto {
        padding-bottom: 10% ;
    }

    .LatestNewsTitleText {
        bottom: 55px;
    }

    .YouTubePopUp-Close {
        bottom: 420px !important;
    }

    .YouTubePopUp-Content iframe {
        height: 400px !important;
    }
}

@media  (min-width: 768px) and (max-width: 991px) {
    .NewsList .bx-wrapper .bx-pager, .NewsList .bx-wrapper .bx-controls-auto {
        padding-bottom: 7% ;
    }

    .LatestNewsTitleText {
        bottom: 65px;
    }
}

@media  (max-width: 991px) {

    #NewsBlock .sf_4cols_1_25 {
        float: left;
        width: 100% !important;
    }

    #NewsBlock .sf_4cols_2_25 {
        float: left;
        width: 100% !important;
    }

    #NewsBlock .MediaBlock2 .sf_1col_1in_100, #NewsBlock .MediaBlock2 .sf_2col_2in_100 {
        float: left;
        width: 50% !important;
    }

    #NewsBlock .sf_4cols_3_25 {
        float: right;
        width: 50% !important
    }

    .MultiMediaLinkImageLarge, .MultiMediaLinkImage {
        height: 200px;
    }

    #NewsBlock .sf_4cols_4_25 {
        float: left;
        width: 50% !important
    }

    #NewsBlock .MediaBlock4 .sf_2col_2in_100 {
        width: 200% !important;
    }

    .MultiMediaLinkTitleTextTop {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        text-align: center;
    }

    .MultiMediaLinkVideoImage {
        height: 300px;
    }

    .NewsList img {
        height:400px !important;
    }

    #NewsBlock .NewsList {
        height: 400px !important;
    }

    .NewsList .bx-viewport {
        height: 400px !important;
    }

    #NewsBlock .MediaBlock2 .MultiMediaLink {
        padding: 15px 5px 5px 5px;
    }
}

@media (min-width: 992px) {
    #NewsBlock{
        padding: 10px 115px;
    }
 }

 @media (min-width: 1981px) {
    .NewsList .bx-wrapper .bx-pager, .NewsList .bx-wrapper .bx-controls-auto {
        padding-bottom: 12% ;
    }
 }

/* MEDIA BLOCKS END */
/*MEDIA */

/* Refer to CSS backup file: 2021-08-12_Main Scaling Spotlight CSS removed from Home Template.css */
/*ANNOUNCEMENT START*/

#AnnouncementBottom {
    margin-top: -2px;
}

#AnnouncementBottom a {
    color: white;
}

#AnnouncementTop a {
    color: white;
}

.wrap {
    width: 100%;
}

.grey-bg {
    background-color: #8B8D8E;
}

.red-bg {
    background-color: #A71930;
}

.annoucement {
    height: 47px;
    color: white;
    line-height: 47px;
    padding-right: 1%;
}

.scroll-left {
    color: white;
    height: 47px;
    line-height: 47px;
    padding: 0px 0px;
    margin: 0px 0px;
}

.annoucement p {
    margin: 0px;
    color: #ffffff !important;
}

#annoucement-info {
    position: absolute;
    right: 0px;
    height: 40px;
    width: 195px;
    background-image: url("../Images/Info.png");
    background-repeat: no-repeat;
    background-position: 10px;
}

#annoucement-infomobile {
    position: absolute;
    height: 40px;
    width: 180px;
    margin-left: 1px;
    background-image: url("../Images/Info.png");
    background-repeat: no-repeat;
    background-position: 0px 10px;
}

@media (min-width: 321px) and (max-width:375px) {
    #annoucement-infomobile {
        margin-left: 2px;
    }
}

@media (min-width: 376px) and (max-width:425px) {
    #annoucement-infomobile {
        margin-left: 4px;
    }
}

@media (min-width: 426px) and (max-width:768px) {
    #annoucement-infomobile {
        margin-left: 10px;
    }
}

@media (min-width: 769px) and (max-width:991px) {
    #annoucement-infomobile {
        margin-left: 15px;
    }
}

.Scroll {
    position: relative;
    overflow: hidden;
    height: 49px;
    width: auto;
}

.Scroll p {
    position: absolute;
    margin: 0;
    line-height: 49px;
    white-space: nowrap;
    animation: marquee 30s linear infinite;
}

.ScrollMobile {
    position: relative;
    overflow: hidden;
    height: 49px;
    width: auto;
}

.ScrollMobile p {
    position: absolute;
    margin: 0;
    line-height: 49px;
    white-space: nowrap;
    animation: marquee 30s linear infinite;
    color: #ffffff !important;
}

@keyframes marquee {

    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}

/*ANNOUNCEMENT END*/

/* Search Start */
#inputAddon {
    background-color: grey;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

#inputGroup {
    padding-top: 13px;
    width: 275px;
    float: right;
    margin-right: 15px;
	padding-bottom: 10px;
}

.input-group-addon {
    padding: 4px 4px !important;
}

#txtSearch {
    background-color: #A7A8AA
}

.fa-search {
    background-color: grey;
}
.btn1
{
    background-color: grey;
    border:1px solid #ccc !important;
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

.input-group-addon {
    padding-top: 0px;
    padding-bottom: 0px;
}

.btnsubmit {
    background-image: url(/Sitefinity/WebsiteTemplates/UFSTemplate2017/App_Themes/UFSTemplate/Images/search.png);
    width: 24px;
    height: 24px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
}

.form-control:focus {
    border-color: #ffffff;
}

.btnsubmit:focus {
    outline-color: #ffffff;
}

.spacer20 {
    margin-top: 10px;
}

.spacer20Bottom {
    margin-bottom: 10px;
}
/* Search END */

/*HOME PAGE STYLING START*/
.gridMenu {
    display: grid;
    grid-template-columns: 0.25fr 1fr;
    grid-auto-rows: minmax(auto, auto);
    font-weight: bold;

}

.gridLogo {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 1;
    grid-row-end: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top:20px;
}

.gridContent {
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
}

.searchbar {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.fa-search {
    color: white;
}

@media (min-width: 768px) {
    .navbar {
        border-radius: unset !important;
    }

    .navbar.navbar-lower .navbar-nav {
        margin-left: 100px;
    }

    .navbar-nav > li > a {
        margin-top: 7px;
    }
}

#navbarTopBlue {
    background-color: #0F204B;
    height: 60px;
    font-size: 11pt;
}
#navbarTop {
    background-color: #8B8D8E;
    height: 60px;
    font-size: 11pt;
}

#navbarBottom {
    background-color: #A71930;
    height: 60px;
    font-size: 11pt;
}
.sfContentBlock .navbar ul {
    padding-left: 80px !important;
}

/* a:link {
    color: white;
} */

/* visited link */
/* a:visited {
    color: green;
} */

/* mouse over link */
/* a:hover {
    color: hotpink;
} */

/* selected link */
/* a:active {
    color: blue;
} */

.zindex {
    z-index: 20;
}

#navbarTop .navbar-nav > li > a {
		border: 1px solid transparent;
    border-radius: 10px;
}

#navbarTop .navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
    background-color: #8B8D8E;
    border: 1px solid white;
    border-radius: 10px;
}

#navbarBottom .navbar-nav > li > a {
border: 1px solid transparent;
border-radius: 10px;
}
#navbarBottom .navbar-nav > li > a:hover,
#navbarBottom .navbar-nav > li > a:focus {
    background-color: #A71930;
    border: 1px solid white;
    border-radius: 10px;
}

#navbarTop .navbar-nav > li > a {
    border: 1px solid transparent;
    border-radius: 10px;
}

#navbarBottom .navbar-nav > li > a {
    border: 1px solid transparent;
    border-radius: 10px;
}
#searchSite {
    border: none;
    background-color: grey;
    color: white;
    font-size: 11pt;
}

#inputGroup .select-items div, #inputGroup .select-selected {
    font-size: 11pt;
}

#inputGroup .form-control {
    font-size: 11pt;
}

#inputAddon {
    background-color: grey;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

#navbarTop #inputGroup {
    padding-top: 13px;
    float: right;
    margin-right: 15px;
}

#navbarsearch #inputGroup {
    margin-right: 15px;
}

#navbarBottom ul {
    width:100%;
    /* padding-left: 0px; */
}

#navbarTop a {
    padding: 15px 15px;
}

#navbarBottom li a {
    padding: 15px 15px;
    text-align: center;
}

/* #header .socialiconssmall { */
    /* float:left; */
/* } */

/* #navbarmobile .navbar-nav .socialiconssmall a:hover { */
    /* background-color: transparent !important; */
    /* border: 1px solid white; */
    /* border-radius: 10px; */
    /* width: fit-content; */
    /* width: -moz-fit-content; */
/* } */


@media (max-width: 1200px) {
    #navbarTop #inputGroup {
        padding-top: 13px;
        margin-right: 15px;
        position: absolute;
        right: 0%;
        top: 48%;
    }

    #navbarTop {
        background-color: #8B8D8E;
        height: 115px;
    }
}

@media (max-width: 1300px) {
    #navbarTop a {
        padding: 15px 10px;
    }
    
    #navbarBottom li a {
        padding: 15px 10px;
        text-align: center;
    }

    /* #header .socialicons a { */
        /* padding: 12px 10px; */
    /* } */

}

@media (max-width: 1502px) {
    #navbarBottom ul {
        width:100%;
        padding-left: 0px;
    }

}

.background-red {
    background-color: #A71930;
}

.background-grey {
background-color: #8B8D8E;
}

.input-group-addon {
    padding: 4px 4px !important;
}

#txtSearch {
    background-color: #A7A8AA
}

.fa-search {
    background-color: grey;
}

.btn1
{
    background-color: grey;
    border:1px solid white !important;
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}
/*HOME PAGE STYLING END*/

/*REDMENU START*/

#RedNav .row {
    background-color: #A71930;
    padding-left: 10px;
    margin-right: 0px;
}

#RedNav .row a {
    width: 100%;
    text-decoration: none;
}

#RedNav .row .btn-default {
    color: #A71930;
}

#RedNav .search {
    padding-top: 10px;
    background-color: #A71930;
    padding-right: 15px;
}

#RedNav .search input {
    border-right-style: none;
    color: #A71930;
    margin-left: 10px;
    margin-right: 10px;
}

#RedNav .search span {
    background-color: #ffffff;
    padding-left: 22px;
}

#RedNav .search span a {
    color: #A71930;
}

.input-group-addon {
    padding-top: 0px;
    padding-bottom: 0px;
}

.btnsubmit {
    background-image: url(/Sitefinity/WebsiteTemplates/UFSTemplate2017/App_Themes/UFSTemplate/Images/search.png);
    width: 24px;
    height: 24px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
}

.form-control:focus {
    border-color: #ffffff;
}

.btnsubmit:focus {
    outline-color: #ffffff;
}

.spacer20 {
    margin-top: 10px;
}

.spacer20Bottom {
    margin-bottom: 10px;
}

/*REDMENU END*/

/* CONTENT SEARCH START */

#MobileSearch .search {
    padding-top: 10px;
    background-color: #A71930;
    padding-right: 15px;
    padding-bottom: 10px;
}

#MobileSearch .search input {
    border-right-style: none;
    color: #A71930;
    margin-left: 10px;
    margin-right: 10px;
}

#MobileSearch .search span {
    background-color: #ffffff;
    padding-left: 10px;
}

#MobileSearch .search span a {
    color: #A71930;
}

/* CONTENT SEARCH END */

/*CONTENT START*/

#content {
    clear: both;
}

/*PAGETITLE START*/

#Spotlight {
    position: relative;
}

.PageTitle {
    position: absolute;
    top: 48%;
    left: 6.3%;
    z-index: 999;
}

.PageCrumb {
    position: absolute;
    top: 54%;
    right: 6.3%;
    z-index: 999;
}

.PageTitle a {
    /* color: #0F204B !important; */
    color:#ffffff !important;
    /* font-size: 20px; */
    font-size: 24px;
    font-family: verdana;
    line-height: 1.42857143 !important;
    font-weight: bold;
    margin-top: 10px;
    padding-top: 15px;
}

.PageCrumb a {
    /* color: #0F204B !important; */
    color:#ffffff !important;
    /* font-size: 20px; */
    font-size: 16px;
    font-family: verdana;
    line-height: 1.42857143 !important;
    font-weight: bold;
    margin-top: 10px;
    padding-top: 15px;
}

.PageTitle ul {
    text-align: center !important;
}

.PageCrumb ul {
    text-align: center !important;
}

.sfBreadcrumbWrp {
    margin-bottom: 5px;
}

.RadSiteMap_Default .rsmOneLevel .rsmLink:hover {
    border-color: transparent;
    background: none;
}

.sfBreadcrumbWrp .RadSiteMap .sfNoBreadcrumbNavigation .rsmLink,
.sfBreadcrumbWrp .RadSiteMap .sfNoBreadcrumbNavigation .rsmLink:hover {
    text-decoration: none !important;
    padding-left: 0px;
    padding-right: 0px;
}

.sfBreadcrumbWrp .RadSiteMap .sfBreadcrumbNavigation .rsmLink {
    text-decoration: none;
}

.sfBreadcrumbNodeSeparator {
    /* color: #0F204B !important; */
    color:#ffffff !important;
}

.PageTitle .sfBreadcrumbNavigation a {
    display: none;
}

.PageTitle .sfBreadcrumbNavigation .sfBreadcrumbNodeSeparator {
    display: none;
}


@media (max-width: 767px) {
    .PageCrumb {
        display:none;
    }
}

/*PAGETITLE END*/

/* BREADCRUMBBANNER START */

#AboutUFSBanner {
    position: relative;
    /* margin-bottom: 30px; */
    }

    #AboutUFSBanner .container-fluid {
        padding-right: 0px;
        padding-left: 0px;
    }

    #AboutUFSBanner .col-md-12 {
        position: relative;
        padding-left: 0px;
        padding-right: 0px;
        min-height: 1px;
    }


    /* #AboutUFSBanner .about-the-ufs {
        position: absolute;
        left: 6.4%;
        top: 43%;
        color: white;
        font-weight: bold;
    } */

    #AboutUFSBanner .banner-size {
        height: 180px;
        width: 100%;
        object-fit: cover;
    }

/* BREADCRUMBBANNER END */


/*SPOTLIGHT CONTENT START*/

div#SpotlightContentStrip :hover {
    color: white;
}

#SpotlightContentStrip .text-red {
    color: #A71930;
}

#ContentNav .text-red {
    color: #A71930;
}

#SpotlightContentStrip .bold {
    font-weight: bold;
}

#SpotlightContentStrip a {
    text-decoration: none;
}

#SpotlightContentStrip h1 {
    text-align: center;
    color: #0F204B;
}

/*SPOTLIGHT CONTENT END*/

/*CONTENTNAV START*/

#ContentNavStrip {
    padding: 40px 0px;
    font-weight: 900;
    font-size: 11pt;
}

@media (min-width: 992px) {
    #ContentNavStrip {
        padding: 50px 70px;
        font-weight: 900;
        font-size: 11pt;
    }
 }

 .contentnavcardsmall {				 
    height: 230px;
    text-align: center;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #F6F6F6;
    color: #a71930;
    margin:5px;
}
.contentnavcard {				   
    height: 230px;
    text-align: center;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #F6F6F6;
    color: #a71930;
    margin:5px;
}
.contentnavcardwide {					 
    height: 230px;
    text-align: center;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #F6F6F6;
    color: #a71930;
    margin:5px;
}

.content-nav-image-auto {
    width:85%;
    height: auto;
}

.content-nav-word-break {
    word-wrap: break-word;
}

.card-small-width {
    width: 29.3%;
}

.card-medium-width{
    width: 21.8%;
}

.card-wide-width {
    width: 13.8%;
}

div.contentnavcardsmall p, div.contentnavcard p, div.contentnavcardwide p {
    padding-top: 10px;
}

div.contentnavcardsmall:hover p, div.contentnavcard:hover p, div.contentnavcardwide:hover p {
    color: white;
}

.prospectivecard:hover {
    transform: none;
    background-color: #a71930;
}

.prospectiveBase {
    content: url("/images/librariesprovider5/ufs_redesign_2021/prospective-students-colour.svg");
}

div.contentnavcardsmall:hover .prospectiveBase, div.contentnavcard:hover .prospectiveBase, div.contentnavcardwide:hover .prospectiveBase {
    content: url("/images/librariesprovider5/ufs_redesign_2021/prospective-students-clear.svg");
}

.currentStudents:hover {
    transform: none;
    background-color: #a71930;
}

.currentStudentsBase {
    content: url("/images/librariesprovider5/ufs_redesign_2021/current-students-colour.svg");
}

div.contentnavcardsmall:hover .currentStudentsBase, div.contentnavcard:hover .currentStudentsBase, div.contentnavcardwide:hover .currentStudentsBase {
    content: url("/images/librariesprovider5/ufs_redesign_2021/current-students-clear.svg");
}

.postgraduateStudents:hover {
    transform: none;
    background-color: #a71930;
}

.postgraduateStudentsBase {
    content: url("/images/librariesprovider5/ufs_redesign_2021/postgraduate-students-colour.svg");
}

div.contentnavcardsmall:hover .postgraduateStudentsBase, div.contentnavcard:hover .postgraduateStudentsBase, div.contentnavcardwide:hover .postgraduateStudentsBase {
    content: url("/images/librariesprovider5/ufs_redesign_2021/postgraduate-students-clear.svg");
}

.onlineLearning:hover {
    transform: none;
    background-color: #a71930;
}

.onlineLearningBase {
    content: url("/images/librariesprovider5/ufs_redesign_2021/online-learning-colour.svg");
}

div.contentnavcardsmall:hover .onlineLearningBase, div.contentnavcard:hover .onlineLearningBase, div.contentnavcardwide:hover .onlineLearningBase {
    content: url("/images/librariesprovider5/ufs_redesign_2021/online-learning-clear.svg");
}

.shortLearningPrograms:hover {
    transform: none;
    background-color: #a71930;
}

.shortLearningProgramsBase {
    content: url("/images/librariesprovider5/ufs_redesign_2021/short-learning-programmes-colour.svg");
}

div.contentnavcardsmall:hover .shortLearningProgramsBase, div.contentnavcard:hover .shortLearningProgramsBase, div.contentnavcardwide:hover .shortLearningProgramsBase {
    content: url("/images/librariesprovider5/ufs_redesign_2021/short-learning-programmes-clear.svg");
}

.academicFaculties:hover {
    transform: none;
    background-color: #a71930;
}

.academicFacultiesBase {
    content: url("/images/librariesprovider5/ufs_redesign_2021/academic-faculties-colour.svg");
}

div.contentnavcardsmall:hover .academicFacultiesBase, div.contentnavcard:hover .academicFacultiesBase, div.contentnavcardwide:hover .academicFacultiesBase {
    content: url("/images/librariesprovider5/ufs_redesign_2021/academic-faculties-clear.svg");
}

.graduation:hover {
    transform: none;
    background-color: #a71930;
}

.graduationBase {
    content: url("/images/librariesprovider5/ufs_redesign_2021/graduation-colour.svg");
}

div.contentnavcardsmall:hover .graduationBase, div.contentnavcard:hover .graduationBase, div.contentnavcardwide:hover .graduationBase {
    content: url("/images/librariesprovider5/ufs_redesign_2021/graduation-clear.svg");
}

@media (min-width: 992px) {
    .prospectivecard:hover {
        transform: translateY(-20px);
    }

    .currentStudents:hover {
        transform: translateY(-20px);
    }

    .postgraduateStudents:hover {
        transform: translateY(-20px);
    }

    .onlineLearning:hover {
        transform: translateY(-20px);
    }

    .shortLearningPrograms:hover {
        transform: translateY(-20px);
    }

    .academicFaculties:hover {
        transform: translateY(-20px);
    }

    .graduation:hover {
        transform: translateY(-20px);
    }
 }

/*CONTENTNAV END*/

/*FACULTYCONTENT START*/

#FacultyContentStrip {
    padding: 40px 0px;
    font-weight: bold;
    font-size: 11pt;
}

@media (min-width: 992px) {
    #FacultyContentStrip {
        padding: 50px 70px;
        font-weight: bold;
        font-size: 11pt;
    }
 }

div.facultywide:hover p, div.faculty:hover p {
    color: white;
}

div.spotlightwide:hover p {
    color: white;
}

	div.contentnavcard:hover p {
    color: white;
}
div.spotlight-mobile:hover p {
    color: white;
}


#FacultyContentStrip .text-white {
    color: #ffffff;
}

#FacultyContentStrip .text-black {
    color: black;
}

.111center {
    text-align: center;
    vertical-align: middle;
    line-height: 90px;
    /* The same as your div height */
}

#FacultyContentStrip .text-red {
    color: red;
}

#FacultyContentStrip .bold {
    font-weight: bold;
}

#FacultyContentStrip a {
    text-decoration: none;
}

#FacultyContentStrip h1 {
    text-align: center;
    color: #0F204B;
}

#FacultyContentStrip .GreyHeader {
    color: #ffffff;
    background-color: #8B8D8E !important;
    padding: 5px 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom-right-radius: 15px;
}

#FacultyContentStrip .GreyHeader a {
    color: #ffffff;
    font-size: 9pt;
    font-weight: bold;
}

.fillcontent {
    align-items: center;
    display: flex;
    justify-content: center;
}

.faculty {		   
    height: 215px;				
    text-align: center;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #F6F6F6;
    color: black;
    margin:4px
}

.faculty-small-width {
    width: 29%;
}

/* New */
.facultywide {		   
    height: 215px;				
    text-align: center;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #F6F6F6;
    color: black;
    margin:4px
}

.faculty-wide-width {
    width:10.7%;
}

.spotlightwide {
    width: 12%;
    height: 195px;
    float: left;
    text-align: center;
    border-bottom-right-radius: 10px;
    border: solid white 5px;
    background-color: #F6F6F6;
    color: red;
}

.spotlight-mobile {
    width: 33%;
    height: 170px;
    float: left;
    text-align: center;

}

/* .MyClass123:hover {
    content: url("/images/librariesprovider5/ufs_redesign_2021/open-distance-learning-icon.png");
} */

.econcardBase {
    content: url("/images/librariesprovider5/ufs_redesign_2021/economic-and-management-science-colour.svg");
    margin: 20px 0px 20px 0px;
}

div.facultywide:hover .econcardBase,  div.faculty:hover .econcardBase {
    content: url("/images/librariesprovider5/ufs_redesign_2021/economic-and-management-science-clear.svg");
}

.econcard:hover {
    transform: none;
    background-color: #0f204b;
}

.healthcardBase {
    content: url("/images/librariesprovider5/ufs_redesign_2021/health-sciences-colour.svg");
}

div.facultywide:hover .healthcardBase,  div.faculty:hover .healthcardBase {
    content: url("/images/librariesprovider5/ufs_redesign_2021/health-sciences-clear.svg");
}

.healthcard:hover {
    transform: none;
    background-color: #4a0d70;
}

div.facultywide:hover .educardBase, div.faculty:hover .educardBase {
    content: url("/images/librariesprovider5/ufs_redesign_2021/education-clear.svg");
}

.educardBase {
    content: url("/images/librariesprovider5/ufs_redesign_2021/education-colour.svg");
}

.educard:hover {
    transform: none;
    background-color: #00675a;
}

.humcardBase {
    content: url("/images/librariesprovider5/ufs_redesign_2021/humanities-colour.svg");
}

div.facultywide:hover .humcardBase, div.faculty:hover .humcardBase {
    content: url("/images/librariesprovider5/ufs_redesign_2021/humanities-clear.svg");
}

.humcard:hover {
    transform: none;
    background-color: #ea8400;
}

.lawcardBase {
    content: url("/images/librariesprovider5/ufs_redesign_2021/law-colour.svg");
}

div.facultywide:hover .lawcardBase, div.faculty:hover .lawcardBase {
    content: url("/images/librariesprovider5/ufs_redesign_2021/law-clear.svg");
}

.lawcard:hover {
    transform: none;
    background-color: #bb133e;
}

.natcardBase {
    content: url("/images/librariesprovider5/ufs_redesign_2021/natural-and-agricultural-sciences-colour.svg");
}

div.facultywide:hover .natcardBase, div.faculty:hover .natcardBase {
    content: url("/images/librariesprovider5/ufs_redesign_2021/natural-and-agricultural-sciences-clear.svg");
}

.natcard:hover {
    transform: none;
    background-color: #0039a7;
}

.opencardBase {
    content: url("/images/librariesprovider5/ufs_redesign_2021/open-distance-learning-colour.svg");
}

div.facultywide:hover .opencardBase, div.faculty:hover .opencardBase {
    content: url("/images/librariesprovider5/ufs_redesign_2021/open-distance-learning-clear.svg");
}

.opencard:hover {
    transform: none;
    background-color: #9e83b7;
}

.theocard:hover {
    transform: none;
    background-color: #c69317;
}

.theocardBase {
    content: url("/images/librariesprovider5/ufs_redesign_2021/theology-and-religion-colour.svg");
}

div.facultywide:hover .theocardBase, div.faculty:hover .theocardBase {
    content: url("/images/librariesprovider5/ufs_redesign_2021/theology-and-religion-clear.svg");
}

.businesscard:hover {
    transform: none;
    background-color: #a71930;
}

.buscardBase {
    content: url("/images/librariesprovider5/ufs_redesign_2021/business-school-colour.svg");
}

div.facultywide:hover .buscardBase, div.faculty:hover .buscardBase {
    content: url("/images/librariesprovider5/ufs_redesign_2021/business-school-clear.svg");
}

@media (min-width: 992px) {
    .econcard:hover {
        transform: translateY(-20px);
    }

    .healthcard:hover {
        transform: translateY(-20px);
    }

    .educard:hover {
        transform: translateY(-20px);
    }

    .humcard:hover {
        transform: translateY(-20px);
    }

    .lawcard:hover {
        transform: translateY(-20px);
    }

    .natcard:hover {
        transform: translateY(-20px);
    }

    .opencard:hover {
        transform: translateY(-20px);
    }

    .theocard:hover {
        transform: translateY(-20px);
    }

    .businesscard:hover {
        transform: translateY(-20px);
    }
 }

 /*FACULTYCONTENT END*/

/*Spotlight Section Start*/


/*Spotlight Section End*/

/*Map Section Start*/

#MapContentStrip .bloemfonteinCampus {
    content: url("/images/librariesprovider5/ufs_redesign_2021/bloemfontein-campus-plain.png");
	height:280px;
	width: 100%;
    object-fit: cover;
}

#MapContentStrip .bloemfonteinCampus:hover {
    content: url("/images/librariesprovider5/ufs_redesign_2021/bloemfontein-campus-hover.png");
}

#MapContentStrip .qwaqwaCampus {
    content: url("/images/librariesprovider5/ufs_redesign_2021/qwaqwa-campus-plain.png");
    height:280px;
    width: 100%;
    object-fit: cover;
}

#MapContentStrip .qwaqwaCampus:hover {
    content: url("/images/librariesprovider5/ufs_redesign_2021/qwaqwa-campus-hover.png");
}

#MapContentStrip .southCampus {
    content: url("/images/librariesprovider5/ufs_redesign_2021/south-campus-plain.png");
    height:280px;
    width: 100%;
    object-fit: cover;
}

#MapContentStrip .southCampus:hover {
    content: url("/images/librariesprovider5/ufs_redesign_2021/south-campus-hover.png");
}

#MapContentStrip .border-round {
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px ;
}

#MapContentStrip {
	padding: 70px 0px;
}

@media (min-width: 768px) {
    #MapContentStrip .bloemfonteinCampus {
        height:230px;
    }

    #MapContentStrip .qwaqwaCampus {
        height:230px;
    }

    #MapContentStrip .southCampus {
        height:230px;
    }

    #MapContentStrip p {
        position: static !important;
        top: auto !important;
        padding-left: 0px !important;
        text-align: center !important;
    }
 }

 @media (min-width: 992px) {
    #MapContentStrip {
        padding: 70px 50px;
    }

    #MapContentStrip .bloemfonteinCampus {
        height:230px;
    }

    #MapContentStrip .qwaqwaCampus {
        height:230px;
    }

    #MapContentStrip .southCampus {
        height:230px;
    }

    #MapContentStrip p {
        position: static !important;
        top: auto !important;
        padding-left: 0px !important;
        text-align: center !important;
    }
 }

#MapContentStrip p {
    color: #bb133e;
    font-weight: bold;
    font-size: 20pt;
    position: absolute;
    top: 170px;
    padding-left: 30px;
    text-align: left;
	margin-bottom: 10px !important;
}

#MapContentStrip .mapwide {
    width: 30.7%;
    height: auto;
    float: left;
    text-align: center;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    margin: 7px;
    color: black;
}

#MapContentStrip .map {
    width: 30.7%;
    height: auto;
    float: left;
    text-align: center;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    margin: 7px;
    color: black;
}

#MapContentStrip .mapsmall {
    width: 86.2%;
    height: auto;
    float: left;
    text-align: center;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    margin: 7px;
    color: black;
}

/*Map Section End*/

.facultylanding {
    width: 100%;
    height: 120px;
    float: left;
    border-bottom-right-radius: 15px;
    border: 1px solid #ffffff;
    margin-bottom: 10px;
    line-height: 120px;
    color: #ffffff;
    font-size: 9pt;
}

.facultylanding a {
    color: #ffffff !important;
    font-weight: bold;
}


/*FACULTYCONTENT END*/

/*NEWSCONTENT START*/

#NewsContent {
    min-height: 200px;
    width: auto;
    padding: 10px;
    background-color: #ffffff;
    color: #0F204B;
    margin-bottom: 15px;
}

.img-center {
    margin: 0 auto;
    display: block;
}

.squareContent {
    width: 100%;
    height: 0;
    padding-top: 100%;
    background-color: red;
    position: relative;

    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    /* you change this to "contain" if you don't want the images to be cropped */
}

.square {
    background-color: #EEE;
    border: 3px dashed red;
    margin-bottom: 30%;
}

.two {
    position: relative;
    max-width: 40%;
}

.one {
    position: relative;
    max-width: 100%;
}

.content {
    position: absolute;
    width: 100%;
    height: 100%;
}

.square:after {
    content: '';
    display: block;
    padding-top: calc(100%);
}

.squareContentHalf {
    width: 50%;
    height: 0;
    padding-top: 50%;
    background-color: red;
    position: relative;
}

.contentS {
    position: absolute;
    top: 0;
    left: 0;
}

.LatestNewsHeading {
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: center;
}

.LatestNewsSubHeading {
    font-size: 10pt;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 5px;
}

#NewsContent .btn-static {
    text-align: center;
    width: 50%;
    color: #0F204B;
    font: 10pt verdana;
    border-color: #0F204B;
    margin: 0 auto;
    text-decoration: none;
}

#NewsContent .btn-secondary {
    color: #A71930;
    text-decoration: none;
    padding-left: 0px !important;
}

#NewsContent .btn-secondary strong {
    font-size: 10pt !important;
}

#round-chevron {
    background-image: url("../Images/ReadmoreIcon.png");
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    background-position-x: inherit;
    background-position-y: center;
    border: 0px !important;
    outline: 0 !important;
    padding-bottom: 2px;
}

.newsletter {
    padding: 5px;
    padding-bottom: 5px;
    display: inline-block;
    border-right: 1px solid #ededed;
    font-size: 8pt;
}

#NewsContent .LeftLatestNewsHeading {
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: left;
}

.LatestNewsText {
    zoom: 100%;
    -moz-transform: scale(100%);
    position: absolute;
    height: auto;
    /*Firefox*/
    bottom: 20px;
    background-color: hsla(0, 0%, 1%, 0.4);
    padding: 5px 5px;
    vertical-align: bottom;
    max-width: 560px;

    text-shadow: 1px 1px #000 !important;
}

.LatestNewsImage {
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%
}

/*GAVIN NEW UPDATE START*/

#NewsContent {
    padding: 30px 4.5%;
}

#NewsContent #news{
    margin-bottom: 20px;
}

#NewsContent #latestnews {
    border-top: 1px solid lightgrey;
    border-left: 1px solid lightgrey;
    border-right: 1px solid lightgrey;
    border-radius: 10px 10px 0px 0px;
    padding: 0px;
    min-height: 360px;
}

#NewsContent #latestnewsbutton {
    border: 1px solid lightgray;
    border-top-color: transparent;
    margin-bottom: 20px;
    border-radius: 0px 0px 10px 10px;
    padding-bottom: 20px;
}

#NewsContent .img-center {
    width: 100%;
    height: 225px;
    /* object-fit: cover; */
    border-radius: 10px 10px 0px 0px;
    border: 1px solid lightgray;
}

#NewsContent .btn-static {
    width: 130px;
    font-weight: bold;
    padding: 12px;
    border-radius: 7px;
    /* position: absolute;
    bottom: 5%; */
}

#NewsContent .btn-secondary {
    text-align: center;
    width: 220px;
    font: 10pt verdana;
    border-color: #A71930;
    font-weight: bold;
    margin: 0 auto;
    text-decoration: none;
    padding: 12px 0px;
    border-radius: 7px;
}

#NewsContent .LatestNewsHeading {
    font-size: 20pt;
}

#NewsContent .LatestNewsSubHeading {
    font-size: 12pt;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 20px 10px;
    text-align: center;
}

@media (min-width: 768px) {

    #NewsContent {
        padding: 30px 4.9%;
    }
}

@media (min-width: 880px) {

    #NewsContent {
        padding: 30px 5.2%;
    }
}

@media (min-width: 991px) {

    #NewsContent {
        padding: 30px 90px;
    }
}

@media (min-width: 992px) and (max-width: 1099px) {
    #NewsContent #latestnews {
        min-height: 430px;
    }
}

@media (min-width: 1100px) and (max-width: 1199px) {
    #NewsContent #latestnews {
        min-height: 420px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    #NewsContent #latestnews {
        min-height: 410px;
    }
}

@media (min-width: 1400px) and (max-width: 1499px) {
    #NewsContent #latestnews {
        min-height: 400px;
    }
}

@media (min-width: 1500px) and (max-width: 1599px) {
    #NewsContent #latestnews {
        min-height: 390px;
    }
}

@media (min-width: 1600px) and (max-width: 1699px) {
    #NewsContent #latestnews {
        min-height: 380px;
    }
}

@media (min-width: 1700px) and (max-width: 1799px) {
    #NewsContent #latestnews {
        min-height: 380px;
    }
}

@media (min-width: 1800px) and (max-width: 1899px) {
    #NewsContent #latestnews {
        min-height: 370px;
    }
}

/*GAVIN NEW UPDATE END*/

/*NEWSCONTENT END*/

/*NEWSARCHIVE START*/

.newsArchiveYear {
    display: inline-block;
    padding: 5px;
    vertical-align: top;
}

.newsArchiveYear:hover {
    background-color: #ededed;
}

.newsArchiveMonth {
    display: inline-block;
    padding: 5px;
    vertical-align: top;
}

.newsArchiveMonth:hover {
    background-color: #ededed;
}

.newsArchiveItems {
    padding: 5px;
}

.newsArchiveItem {
    padding-bottom: 5px;
}

.newsArchiveReturn {
    text-align: center;
    padding: 5px;
}

.newsSelected {
    background-color: #ededed;
}

.tableHeading {
    font-family: Verdana;
    font-size: 10pt;
    color: #ffffff;
    height: 25px;
    font-weight: bold;
    padding-left: 8px;
    background-color: #0F204B;
    line-height: 25px;
    margin-top: 10px;
}

.tableSubHeading {
    font-family: Verdana;
    font-size: 8pt;
    color: #4d4c4c;
    padding-left: 5px;
    background-color: #cfcfcf;
    line-height: 20px;
}



    A:visited {
        color: #4d4c4c;
        text-decoration: none;
    }

    A:link {
        color: #4d4c4c;
        text-decoration: none;
    }


.newsArchiveCategory {
    display: inline-block;
    padding: 5px;
    white-space: nowrap;
}

.newsArchiveCategory:hover {
    background-color: #ededed;
}

.newsarticle h4 {
    color: #0F204B;
    font-size: 13px;
    font-weight: 700;
}

.newsarticle ul {
    list-style-type: disc;
    list-style-position: inside;
    margin-left: 15px;
}

.newsarticle ol {
    display: block;
    list-style-type: decimal;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
    padding-left: 31px;
}

.newsarticle li {
    display: list-item;
}

@media screen and (min-width:320px\0) {
    .newsarticle ol {
        padding-left: 35px;
    }
}

/*NEWSARCHIVE END*/

/*ARCHIVE START*/

.ArchiveYearHeading,
.ArchiveMonthHeading {
    font-family: Verdana;
    font-size: 8pt;
    color: #ffffff;
    height: 20px;
    font-weight: bold;
    padding-left: 8px;
    background-color: #001d59;
    line-height: 20px;
}

.calendarArchiveYear {
    display: inline-block;
    width: 35px;
    padding: 5px;
    vertical-align: top;
    font-size: 8pt;
}

.calendarDay {
    vertical-align: top;
    display: inline-block;
    background-image: url(/Sitefinity/WebsiteTemplates/UFSTemplate2017/App_Themes/UFSTemplate/Images/CalendarBlock.png);
    background-position: top left;
    background-repeat: no-repeat;
    width: 44px;
    height: 50px;
    position: relative;
    color: #001c58;
}

.calendarBlockDay {
    position: absolute;
    top: 5px;
    font-size: 18px;
    font-weight: bold;
    width: 44px;
    text-align: center;
}

.calendarBlockMonth {
    position: absolute;
    top: 28px;
    font-size: 11px;
    font-weight: bold;
    width: 44px;
    text-align: center;
    color: #8a8a8a;
}

/*ARCHIVE END*/

/*CAMPUSEVENTSCONTENT START*/

#CampusEventsContent .container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}


#CampusEventsContent h1 {
    color: #ffffff;
}

#CampusEventsContent .redrow {
    background-color: #A71930;
}

#CampusEventsContent .Campus {
    background-color: #A71930;
    color: #ffffff;
}

#CampusEventsContent .Campus h1 {
    margin-top: 0px;
    padding-top: 15px;
}

#CampusEventsContent .Campus img {
    height: 255px !important;
    width: 100%;
}

#CampusEventsContent .Campus .btn-static {
    text-align: center;
    width: 50%;
    margin-right: 20px;
    color: #ffffff;
    text-decoration: none;
}

#CampusEventsContent .Campus p {
    padding-left: 15px;
    margin-bottom: 15px
}

#CampusEventsContent .bluerow {
    background-color: #0F204B;
}

#CampusEventsContent .Events {
    background-color: #0F204B;
    color: #ffffff;
}

#CampusEventsContent .Events h1 {
    margin-top: 0px;
    padding-top: 15px;
}

#CampusEventsContent .Events img {
    height: 255px !important;
    width: 100%;
}

#CampusEventsContent .Events .btn-static {
    text-align: center;
    width: 50%;
    margin-right: 20px;
    color: #ffffff;
    text-decoration: none;
}

@media (min-width: 992px) and (max-width: 1056px) {

    #CampusEventsContent .Campus img {
        height: 288px !important;
    }

    #CampusEventsContent .Events img {
        height: 288px !important;
    }

}

@media (min-width: 1057px) and (max-width: 1245px) {

    #CampusEventsContent .Campus img {
        height: 270px !important;
    }

    #CampusEventsContent .Events img {
        height: 270px !important;
    }

}

/*CAMPUSEVENTSCONTENT END*/

/*KOVSIE2BCONTENT START*/

.Kovsie2B {
    margin-top: 15px;
}

.Kovsie2B .bluerow {
    Height: 80px;
}

.Kovsie2B .bluerow a {
    text-decoration: none;
}

.Kovsie2B .bluerow a h4 {
    color: #ffffff;
    padding-top: 30px;
    margin-top: 0px;
}

.Kovsie2B h4 {
    color: #ffffff;
    padding-top: 30px;
    margin-top: 0px;
}

.Kovsie2B .redrow {
    Height: 80px;
}

.Kovsie2B .redrow a {
    text-decoration: none;
}

.Kovsie2B .redrow a h4 {
    color: #ffffff;
    padding-top: 30px;
    margin-top: 0px;
}

#CampusEventsContent .Kovsie2BWhy img {
    height: 318px !important;
    width: 100%;
}

@media (min-width: 992px) and (max-width: 1026px) {
    #CampusEventsContent .Kovsie2BWhy img {
        height: 432px !important;
    }
}

@media (min-width: 1027px) and (max-width: 1106px) {
    #CampusEventsContent .Kovsie2BWhy img {
        height: 413px !important;
    }
}

@media (min-width: 1107px) and (max-width: 1128px) {
    #CampusEventsContent .Kovsie2BWhy img {
        height: 394px !important;
    }
}

@media (min-width: 1129px) and (max-width: 1206px) {
    #CampusEventsContent .Kovsie2BWhy img {
        height: 375px !important;
    }
}

@media (min-width: 1207px) and (max-width: 1468px) {
    #CampusEventsContent .Kovsie2BWhy img {
        height: 356px !important;
    }
}

@media (min-width: 1469px) and (max-width: 1483px) {
    #CampusEventsContent .Kovsie2BWhy img {
        height: 337px !important;
    }
}

.Kovsie2BWhy h2 {
    color: #0F204B;
    margin-top: 15px;
}

.Kovsie2BWhy .col-md-6 {
    padding-left: 0px;
}

.Kovsie2BWhy .whiterow {
    padding-left: 30px;
}

#CampusEventsContent .Kovsie2BBottom img {
    height: 255px !important;
    width: 100%;
}

#CampusEventsContent .Kovsie2BBottom #visitormap {
    height: 255px !important;
    width: 100%;
}


/*KOVSIE2BCONTENT END*/

/*DUELBCONTENT START*/

#DuelContent {
    margin-top: 20px;
}

/*DUELBCONTENT END*/

/*ASKUSCONTENT START*/

/* .leftpadding
{
    padding:0 0 0 1% !important;
}

.headingleftPadding
{
    padding:0 0 0 10% !important;
}

#AskUsContent {
    color: #ffffff;
}

#AskUsContent .redborder {
    text-align: left;
}

#AskUsContent .redborder .col-md-6 {
    background-image: url("../images/librariesprovider5/research-block/research-report_new-new.jpg?sfvrsn=39d79321_2");
    font-size: 10pt;
}

#AskUsContent .AskUsBackground {
    background-image: url("../images/librariesprovider5/research-block/research-report_new-new.jpg?sfvrsn=39d79321_2");
    height: 177px;
    background-repeat: no-repeat;
}

#AskUsContent .redborder .col-xs-6,
.col-sm-offset-3,
.col-sm-3 {
    background-color: #A71930;
}

#AskUsContent h1 {
    color: #0F204B;
}

#AskUsContent .btn-static {
    margin-left: 0px;
    font-size: 10pt;
    padding-left: 5px;
    padding-right: 5px;
    width: 140px;
    color: #ffffff;
    text-decoration: none;
}

.researchtop {
    background-color: #0F204B;
    height: 177px;
    width: 50%;
    position: relative;
    bottom: 177px;
    left: 180px;
    margin-bottom: -162px;
}

.researchtop p {
    padding-top: 35px;
    padding-left: 5px;
    font-size: 10pt;
    font-weight: bold;
}

@media (min-width: 992px) and (max-width: 1200px) {
    .research {
        height: 150px !important;
    }

    .researchtop {
        height: 150px !important;
        bottom: 150px !important;
        left: 147px !important;
    }

    .researchtop p {
        padding-top: 5px !important;
    }
}

#AskUsContent .btn-secondary {
    color: #A71930;
    text-decoration: none;
    padding-left: 0px !important;
}

#AskUsContent .btn-secondary strong {
    font-size: 10pt !important;
}

#AskUsContent iframe {
    background-color: black !important;
} */

/*ASKUSCONTENT END*/

/*ABOUTNAVIGATION START*/

#AboutNavigation ul {
    list-style: none;
    padding-left: 0px;
}

#AboutNavigation hr {
    margin-top: 5px;
    margin-bottom: 5px;
    border-color: #e4e4e4;
    border-top-style: dotted;
    border-top-width: 2px;
}

#AboutNavigation li a {
    color: #000000;
    text-decoration: none;
}

#AboutNavigation .RedHeader .caret {
    margin-top: 5px;
}

.dropdown a {
    text-decoration: none;
}

.dropdown-menu > li > a {
    padding-left: 10px;
    white-space: normal;
}

.caret {
    float: right;
    font-size: 18px;
}

.dropdown-menu {
    width: 100%;
    font-size: 10pt;
}

/*About Page Start*/

/*Campus Start*/

.campuswideLeft {
    width: 33.33%;
    height: 240px;
    float: left;
    text-align: center;
    color: black;
    padding-left: 0;
    padding-right: 10px;
}

.campuswideMiddle {
    width: 33.33%;
    height: 240px;
    float: left;
    text-align: center;
    color: black;
    padding-left: 0px;
    padding-right: 0px;

}

.campuswideRight {
    width: 33.33%;
    height: 240px;
    float: left;
    text-align: center;
    color: black;
    padding-left: 10px;
    padding-right: 0;

}

.container-img {
    position: relative;
    text-align: center;
    color: white;
}

.bottom-left {
    position: absolute;
    bottom: 0px;
    left: 10px;
    color: white;
    font-weight: bold;
    font-size: 20px;
}

.imgBloemfonteinCampus {
    background-image: url("/images/librariesprovider5/ufs_redesign/campus1e19437b2-51ae-4759-9145-3381cbb6f62a.jpg?Status=Master&sfvrsn=52596820_3/Campus1e19437b2-51ae-4759-9145-3381cbb6f62a.jpg");
    width: 100%;
    height: 100%;
}

/*Campus End*/

/*End About Page*/

/*ABOUTNAVIGATION END*/

/*NEWABOUTNAVIGATION START*/

#AboutNavigation {
    padding: 30px 105px;
}

#AboutNavigation .RedHeader {
    color: #8B8D8E;
    padding: 30px 30px;
}

#AboutNavigation .borderRed {
    float: right;
    margin-top: -11px;
}

#AboutNavigation .borderWhite {
    float: right;
    margin-top: -11px;
}

#AboutNavigation .txtRed {
    color: #A71930 !important;
    font-size: 18px;
    font-weight: bold;
    border-top: 1px solid #A71930;
    border-left: 1px solid #A71930;
    border-right: 1px solid #A71930;
}

#AboutNavigation .txtWhite {
    color: #8B8D8E;
    font-size: 18px;
    font-weight: bold;
    border-top: 1px solid lightgrey;
    border-left: 1px solid lightgrey;
    border-right: 1px solid lightgrey;
    background-color: rgba(139, 141, 142, 0.1);
}

#AboutNavigation .txtGrey {
    color: #8B8D8E !important;
}

#AboutNavigation .borderGrey {
    border-bottom: 1px solid lightgrey;
}

#AboutNavigation .linkColor {
    color: #8B8D8E !important;
    font-size: 18px;
}

#AboutNavigation .borderContent {
    border: 1px solid lightgrey;
    border-top-width: 5px;
    border-top-color: #A71930;
    padding: 30px 20px !important;
}

#AboutNavigation .glyphicon {
    color: #A71930;
    font-size: 16px;
    padding-right: 7px;
}

#AboutNavigation .col-md-4 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#AboutNavigation .pad {
    padding: 10px;
}

#AboutNavigation .padLeftFull {
    padding-left: 10px !important;
}

#AboutNavigation .padLeft {
    padding-left: 5px !important;
}

#AboutNavigation .padRight {
    padding-right: 5px !important;
}

#AboutNavigation .padRightFull {
    padding-right: 10px !important;
}

#AboutNavigation .fillContent {
    width: 100%;
    height: 100%;
}

/* #AboutNavigation #FocusDiv  :hover, #AboutNavigation #VisitDiv  :hover, #AboutNavigation #AdminDiv  :hover {
    color: #8B8D8E !important;
}

#AboutNavigation #Focus  :hover, #AboutNavigation #Visit  :hover, #AboutNavigation #Admin  :hover {
    color: #A71930 !important;
} */

@media (max-width: 992px) {
    #AboutNavigation {
        padding: 30px 6.8%;
    }

    #AboutNavigation .padLeftFull {
        padding-left: 0px !important;
    }

    #AboutNavigation .padRightFull {
        padding-right: 0px !important;
    }

    #AboutNavigation .padLeft {
        padding-left: 0px !important;
    }

    #AboutNavigation .padRight {
        padding-right: 0px !important;
    }

    #AboutNavigation .txtWhite {
        margin-bottom: 10px;
        border-bottom: 1px solid lightgrey;
    }

    #AboutNavigation .borderContent {
        margin-bottom: 10px;
    }

}

/*NEWABOUTNAVIGATION END*/

/*ABOUTRELATEDCONTENT START */

#AboutRelatedContent {
    background-color: #F6F6F6;
    padding: 20px 115px 30px 115px;
}

#AboutRelatedContent .linkColor {
    color: #8B8D8E !important;
    font-size: 18px;
}

#AboutRelatedContent h1 {
    color: #A71930 !important;
    font-size: 26px !important;
}

#AboutRelatedContent h2 {
    font-size: 22px;
    margin-top: 20px;
}

.Other, .Opinion, .Vlog {
    background-color: #ffffff;
    padding: 10px 20px;
    border-top-right-radius: 10px;
    border-left: 5px solid #F6F6F6;
    border-right: 5px solid #F6F6F6;
}

.Relatedbtn {
    background-color: #ffffff;
    padding: 10px 20px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-left: 5px solid #F6F6F6;
    border-right: 5px solid #F6F6F6;
}

.OtherExtended, .OpinionExtended, .VlogExtended {
    background-color: #ffffff;
    padding: 10px 5px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-left: 5px solid #F6F6F6;
    border-right: 5px solid #F6F6F6;
    margin-top: 10px;
}

#AboutRelatedContent .MultiMediaLink {
    position: relative;
    padding: 0px;
}

#AboutRelatedContent .glyphicon {
    color: #A71930;
    font-size: 16px;
    padding-right: 7px;
}

#AboutRelatedContent .glyphicon-play-circle {
    color: #FFFFFF;
    font-size: 16px;
    padding-right: 0px !important;
}

#AboutRelatedContent .MultiMediaLinkVideoImage {
    height: 200px;
    object-fit: cover;
    width: 100%;
}

#AboutRelatedContent .otherbtn, #AboutRelatedContent .opinionbtn, #AboutRelatedContent .vlogbtn {
    color: #ffffff;
    cursor: pointer;
    padding: 15px;
    width: 100%;
    border: none;
    font-size: 18px;
    outline: none;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

#AboutRelatedContent .otherbtn {
    background-color: #0F204B;
}

#AboutRelatedContent .opinionbtn {
    background-color: #A71930;
}

#AboutRelatedContent .vlogbtn {
    background-color: #8B8D8E;
}

@media (max-width: 992px) {

    #AboutRelatedContent {
        background-color: #F6F6F6;
        padding: 20px 8.4% 30px 8.4%;
    }

    .OtherExtended, .OpinionExtended, .VlogExtended {
        margin-bottom: 10px;
    }

    #AboutRelatedContent .MultiMediaLinkVideo {
        margin-bottom: 10px;
    }
}

/*ABOUTRELATEDCONTENT END */

/*ABOUTACCORDION START */

.AccordionLeft {
    padding-left: 90px;
}

.AccordionRight {
    padding-right: 105px;
}

@media (max-width: 992px) {

    .AccordionLeft {
        width:100%;
        padding-left: 0px;
        padding-bottom: 10px;
    }

    .AccordionRight {
        width:100%;
        padding-left: 7%;
        padding-right: 7%;
    }

    #accordion .txtWhite {
        color: #FFFFFF;
        font-size: 14px !important;
        font-weight: bold;
        padding-top: 15px;
    }

    .cresttext h2 {
        margin-top: 15px;
        margin-bottom: 30px;
        font-size: 18px;
        font-weight: 700;
        padding: 0px 30px;
    }

}

.accordion h2 {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 700;
}

.cresttext h2 {
    margin-top: 15px;
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: 700;
}

#accordion .txtWhite {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    padding-top: 15px;
}

#accordion h3, .accordionimage h3 {
    color: #A71930;
    font-size: 18px;
    font-weight: bold;
    border-bottom: none;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-bottom: 0px;
}

#accordion h4, .accordionimage h4 {
    color: #0F204B;
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

#accordion p {
    color: #8B8D8E !important;
}

#accordion .borderWhite {
    float: right;
    margin-top: -11px;
}

.panel-heading-custom {
    color: #ffffff;
    padding: 10px;
    height:75px;
}

#accordion .newcolor {
    border: 1px solid lightgrey;
}

a.filmEve:link {
    color: white !important;
    text-decoration: none;
}

.backgroundActive {
    background-color: #A71930;
    /* height:75px; */
}

.backgroundInactive {
    background-color: #A7ABAA;
}

.backgroundInactive:hover {
    background-color: #0F204B;
}

.backgroundHover {
    background-color: #0F204B;
}

.accordion-button.collapsed {
background: blue
}

.accordion-button.collapsed::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/*ABOUTACCORDION END */

/*NEWMEDIAPAGECONTENT START*/

.MediaContent {
    padding: 30px 105px;
}

#mediainto h2 {
    font-size: 22px;
}

#mediainto a {
    color: #8B8D8E !important;
    font-size: 16px;
}

#mediainto p {
    color: #8B8D8E !important;
    font-size: 16px;
}

#MediaLogoContent {
    padding: 30px 100px;
}

#MediaLogoContent .MediaLogoBlock {
    background-color: #F6F6F6;
    padding: 20px 30px;
    border-radius: 0px 10px 10px 10px;
    border-left: 5px solid #FFFFFF;
    border-right: 5px solid #FFFFFF;
    margin-bottom: 30px;
}

#MediaLogoContent .MediaLogoBlockImage {
    background-color: #FFFFFF;
    border-radius: 0px 10px 10px 10px;
    height:220px;
}

#MediaLogoContent  h1 {
    text-align: center;
    font-size: 22px !important;
}

#MediaLogoContent  p {
    padding-top: 15px;
    color: #8B8D8E !important;
    font-size: 18px;
}

#MediaLogoContent .MediaLogoBlock a:link {
    color: #8B8D8E !important;
    font-size: 18px;
}

#MediaLogoContent .glyphicon {
    color: #A71930;
    font-size: 16px;
    padding-right: 7px;
}

@media (max-width: 992px) {

    .MediaContent {
        padding: 30px 6.8%;
    }

    #MediaLogoContent {
        padding: 30px 6.4%;
    }

    #MediaLogoContent .MediaLogoBlock
    {
        margin-bottom: 10px;
    }

    #MediaLogoContent .MediaLogoBlockImage
    {
        height:200px;
    }

}

/*NEWMEDIAPAGECONTENT END*/

/*NEWMEDIANAVIGATION START*/

#MediaNavigation ul {
    list-style: none;
    padding-left: 0px;
}

#MediaNavigation hr {
    margin-top: 5px;
    margin-bottom: 5px;
    border-color: #e4e4e4;
    border-top-style: dotted;
    border-top-width: 2px;
}

#MediaNavigation li a {
    color: #000000;
    text-decoration: none;
}

#MediaNavigation .RedHeader .caret {
    margin-top: 5px;
}

#MediaNavigation {
    padding: 30px 105px;
}

#MediaNavigation .RedHeader {
    color: #8B8D8E;
    padding: 30px 30px;
}

#MediaNavigation .borderRed {
    float: right;
    margin-top: -11px;
}

#MediaNavigation .borderWhite {
    float: right;
    margin-top: -11px;
}

#MediaNavigation .txtRed {
    color: #0F204B !important;
    font-size: 18px;
    font-weight: bold;
    border-top: 1px solid #0F204B;
    border-left: 1px solid #0F204B;
    border-right: 1px solid #0F204B;
}

#MediaNavigation .txtWhite {
    color: #8B8D8E;
    font-size: 18px;
    font-weight: bold;
    border-top: 1px solid lightgrey;
    border-left: 1px solid lightgrey;
    border-right: 1px solid lightgrey;
    background-color: rgba(139, 141, 142, 0.1);
}

#MediaNavigation .txtGrey {
    color: #8B8D8E !important;
}

#MediaNavigation .borderGrey {
    border-bottom: 1px solid lightgrey;
}

#MediaNavigation .linkColor {
    color: #8B8D8E !important;
    font-size: 18px;
}

#MediaNavigation .borderContent {
    border: 1px solid lightgrey;
    border-top-width: 5px;
    border-top-color: #0F204B;
    padding: 30px 20px !important;
}

#MediaNavigation .glyphicon {
    color: #A71930;
    font-size: 16px;
    padding-right: 7px;
}

#MediaNavigation .col-md-3, #MediaNavigation .col-md-4 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#MediaNavigation h1 {
    text-align: center;
    font-size: 22px !important;
}

#MediaNavigation .pad {
    padding: 10px;
}

#MediaNavigation .padLeftFull {
    padding-left: 10px !important;
}

#MediaNavigation .padLeft {
    padding-left: 5px !important;
}

#MediaNavigation .padRight {
    padding-right: 5px !important;
}

#MediaNavigation .padRightFull {
    padding-right: 10px !important;
}

#MediaNavigation .fillContent {
    width: 100%;
    height: 100%;
}

@media (max-width: 992px) {
    #MediaNavigation {
        padding: 30px 6.8%;
    }

    #MediaNavigation .padLeftFull {
        padding-left: 0px !important;
    }

    #MediaNavigation .padRightFull {
        padding-right: 0px !important;
    }

    #MediaNavigation .padLeft {
        padding-left: 0px !important;
    }

    #MediaNavigation .padRight {
        padding-right: 0px !important;
    }

    #MediaNavigation .txtWhite {
        margin-bottom: 10px;
        border-bottom: 1px solid lightgrey;
    }

    #MediaNavigation .borderContent {
        margin-bottom: 10px;
    }

}

/*NEWMEDIANAVIGATION END*/

/*KOVSIEGEARCONTENT START */

#KovsieGearContent {
    background-color: #F6F6F6;
    padding: 20px 115px 30px 115px;
}

#KovsieGearContent .linkColor {
    color: #8B8D8E !important;
    font-size: 18px;
}

#KovsieGearContent h1 {
    color: #A71930 !important;
    font-size: 26px !important;
    text-align: center;
}

#KovsieGearContent h2 {
    font-size: 22px;
    margin-top: 20px;
}

.FindUs, .Shop, .Contact {
    background-color: #ffffff;
    padding: 10px 20px;
    border-radius: 0px 10px 10px 10px;
    border-left: 5px solid #F6F6F6;
    border-right: 5px solid #F6F6F6;
}

#KovsieGearContent .glyphicon {
    color: #A71930;
    font-size: 16px;
    padding-right: 7px;
}

#KovsieGearContent a:link {
    color: #8B8D8E !important;
    font-size: 18px;
}

@media (max-width: 992px) {

    #KovsieGearContent {
        background-color: #F6F6F6;
        padding: 20px 8.4% 30px 8.4%;
    }

    .FindUs, .Shop, .Contact {
        background-color: #ffffff;
        padding: 10px 20px;
        border-top-right-radius: 10px;
        border-left: 5px solid #F6F6F6;
        border-right: 5px solid #F6F6F6;
        margin-bottom:10px;
    }
}

/*KOVSIEGEARCONTENT END */

/*KOVSIE2BNAVIGATION START*/

#Kovsie2bNavigation .RedHeader {
    color: #ffffff;
    background-color: #A71930;
    padding: 5px;
    margin-top: 10px;
}

#Kovsie2bNavigation .RedHeader a {
    color: #ffffff;
    text-decoration: none;
}

.Kovsie2Btop {
    background-image: url("/Sitefinity/WebsiteTemplates/UFSTemplate2017/App_Themes/UFSTemplate/Images/Select.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 65px;
    width: 100%;
    position: relative;
    bottom: 50px;
}

/*KOVSIE2BNAVIGATION END*/

/*KOVSIESPORTTOPNAVIGATION START*/

#KovsieSportTopNavigation .BlueHeader {
    color: #ffffff;
    background-color: #0F204B;
    padding: 5px;
    margin-top: 10px;
}

#KovsieSportTopNavigation .BlueHeader p {
    padding-top: 5px;
    margin-bottom: 0px;
}

#KovsieSportTopNavigation .BlueHeader a {
    color: #ffffff;
    text-decoration: none;
}

/*KOVSIESPORTTRIANGLE START*/

.Sporttriangle {
    border-top: 30px solid #0f204b;
    border-left: 180px solid transparent;
    border-right: 180px solid transparent;
    width: 0;
    height: 0;
    bottom: 174px;
    content: "";
    display: block;
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    margin: auto;
}

/*KOVSIESPORTTRIANGLE END*/

@media (min-width: 992px) and (max-width: 1199px) {

    .Sporttriangle {
        border-left: 148px solid transparent;
        border-right: 148px solid transparent;
        bottom: 136px;
    }

}

/*KOVSIESPORTTOPNAVIGATION END*/

/*KOVSIESPORTNAVIGATION START*/

#KovsieSportNavigation {
    background-color: transparent;
    background-image: url('/Sitefinity/WebsiteTemplates/UFSTemplate2017/App_Themes/UFSTemplate/Images/SportDivisions.jpg');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#KovsieSportNavigation h2 {
    color: #ffffff;
    margin-top: 20px;
}

.SportStyling {
    margin-bottom: 10px;
}

.SportStyling ul {
    list-style: none;
}

.SportStyling a {
    font-size: 10pt;
}

.SportStyling .dropdown-menu {
    background-color: #ffffff;
    padding-bottom: 10px;
}

.SportStyling .dropdown-menu a {
    color: #A71930;
}

.SportStyling .caret {
    margin-left: 10px;
    font-size: 18px;
    float: none;
}

.black {
    background-image: url('/Sitefinity/WebsiteTemplates/UFSTemplate2017/App_Themes/UFSTemplate/Images/SportContent.jpg');
}

/*KOVSIESPORTNAVIGATION END*/

/*VISITORSTYLE START*/

.VisitorStyle a {
    text-decoration: none !important;
}

.VisitorStyle h2 {
    margin-top: 20px;
    text-decoration: none !important;
}

#visitormap {
    height: 308px;
    width: 100%;
    background-color: #0f204b;
}

/*VISITORSTYLE END*/

/*ContactUsCalendar START*/

.borderwhite {
    border-color: #ffffff;
    border-width: 1px;
    border-style: solid;
}

.ContactUsCalendar {
    margin-top: 10px;
    margin-bottom: 10px;
}

.ContactUsCalendar hr {
    margin-bottom: 10px;
    margin-top: 10px;
    width: 60%;
}

.ContactUsCalendar h1 {
    margin-bottom: 0px;
}

.ContactUsCalendar p {
    margin-bottom: 5px;
}

.ContactUsCalendar a {
    margin-top: 5px;
}

@media (max-width: 384px) {

    .calendarbottom {
        padding-bottom: 61px !important;
    }

}

/*ContactUsCalendar END*/

/*postgradtop START*/

.postgradtop {
    text-transform: capatilze;
}

.postgradtop li a {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

.postgradtop li {
    list-style: none;
}

.navbar-submenu > li > a:hover {
    text-decoration: none;
    background-color: #ffffff;
    color: #0f204b;
}

.navbar-main > .container > .postgradtop ul li:hover > ul {
    display: block
}

.postgradtopmobile {
    text-transform: uppercase;
}

.postgradtopmobile li a {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

.postgradtopmobile li {
    list-style: none;
}

.padding-left li ul li a {
    padding-left: 0px !important;
}




/*postgradtop END*/

/*USERCONTENT START*/

#UserContent h1 {
    color: #0F204B;
}

.FacultyDepartment {
    color: #ffffff;
    background-color: #0F204B;
    padding: 5px;
    margin-top: 25px;
    margin-bottom: 10px;
    border-bottom-right-radius: 12px;
    border: 1px solid #ffffff;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 10px;
    font-size: 10pt;
    height: 55px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .FacultyDepartment {
        height: 75px;
    }
}

/*DIVSTYLE START*/

.top {
    background-color: #0f204b;
    background-image: url("/Sitefinity/WebsiteTemplates/UFSTemplate2017/App_Themes/UFSTemplate/Images/economic-icon.png");
    background-repeat: no-repeat;
    background-position: center 10px;
    height: 100px;
    width: 100%;
    position: relative;
}

.bottom {
    background-color: #ffffff;
    height: 80px;
    width: 100%;
}

.triangle {
    border-top: 30px solid #0f204b;
    border-left: 49vw solid transparent;
    border-right: 49vw solid transparent;
    width: 0;
    height: 0;
    bottom: -30px;
    content: "";
    display: block;
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    margin: auto;
}

@media (max-width: 768px) {

    .top {
        margin-bottom: -1px;
    }

    .bottom {
        background-color: #0f204b;
        height: 20px;
        width: 100%;
    }

    .triangle {
        border-top: none;
    }
}

/*DIVSTYLE END*/

/*KOVSIELIFEDIVSTYLE START*/

.KovsieLifetop {
    background-color: #0f204b;
    background-repeat: no-repeat;
    background-position: center 10px;
    height: 70px;
    width: 100%;
    position: relative;
    margin-bottom: -2px;
}

.KovsieLifetop h2 {
    color: #ffffff;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 15px;
}

.KovsieLifebottom {
    background-color: #a6228f;
    height: 40px;
    width: 100%;
    margin-top: -1px;
}

.KovsieLifetriangle {
    border-top: 30px solid #0f204b;
    border-left: 49vw solid transparent;
    border-right: 49vw solid transparent;
    width: 0;
    height: 0;
    padding-top: 1px;
    bottom: -30.5px;
    content: "";
    display: block;
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    margin: auto;
}

.KovsieLifeContenttriangle {
    border-top: 30px solid #ffffff;
    border-left: 49.5vw solid transparent;
    border-right: 49.5vw solid transparent;
    width: 0;
    height: 0;
    padding-top: 1px;
    content: "";
    display: block;
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    margin: auto;
}

.KovsieLifeContentbottom {
    background-color: #ffffff;
    height: 50px;
    width: 100%;
    margin-top: -1px;
}

/*KOVSIELIFEDIVSTYLE END*/

/*USERCONTENT END*/

/*CALENDAR WIDGET START*/
.calendarArchiveYear {
    display: inline-block;
    width: 35px;
    padding: 5px;
    vertical-align: top;
}

.calendarArchiveYear:hover {
    background-color: #ededed;
}

.calendarArchiveMonth {
    display: inline-block;
    padding: 5px;
    vertical-align: top;
}

.calendarArchiveMonth:hover {
    background-color: #ededed;
}

.calendarArchiveItems {
    padding: 0px 5px 10px 10px;
    display: inline-block;
}

.calendarArchiveItem {
    padding-bottom: 5px;
    width: 625px;
}

.calendarArchiveReturn {
    text-align: center;
    padding: 5px;
}

.calendarDay {
    vertical-align: top;
    display: inline-block;
    background-image: url('/Sitefinity/WebsiteTemplates/UFSTemplate2017/App_Themes/UFSTemplate/Images/CalendarBlock.png');
    background-position: top left;
    background-repeat: no-repeat;
    width: 44px;
    height: 50px;
    position: relative;
    color: #001c58;
}

.FullCalendarDayContainer {
    min-height: 50px;
    vertical-align: top;
    padding-top: 0px;
    margin-bottom: 10px;
}

.FullCalendarDayContainer .calendarDay {
    vertical-align: top;
    display: inline-block;
    background-image: url('/Sitefinity/WebsiteTemplates/UFSTemplate2017/App_Themes/UFSTemplate/Images/CalendarBlock.png');
    background-position: top left;
    background-repeat: no-repeat;
    width: 44px;
    height: 50px;
    position: relative;
    color: #001c58;
    float: left;
}

.calendarBlockDay {
    position: absolute;
    top: 5px;
    font-size: 18px;
    font-weight: bold;
    width: 44px;
    text-align: center;
}

.calendarBlockMonth {
    position: absolute;
    top: 28px;
    font-size: 11px;
    font-weight: bold;
    width: 44px;
    text-align: center;
    color: #8a8a8a;
}

.calendarSelected {
    background-color: #ededed;
}

.calendarArchiveContainer {
    padding-top: 10px;
}

.calendarDivider {
    height: 1px;
    margin: 0px auto;
    border-bottom: 1px solid gray;
    overflow: hidden;
    width: 75%;
    line-height: 1px;
    font-size: 1px;
    border: none;
    background-color: #8b8b8b;
    margin-bottom: 10px;
}

.FullCalendarDayEvents {
    width: 100%;
    padding-left: 50px;
    position: static;
}

.FullCalendarEventInstance {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    font-size: 8pt;
}

.FullCalendarBullet {
    width: 5px;
    height: 5px;
    background-color: #001c58;
    display: inline-block;
    margin-right: 5px;
}

/*CALENDAR WIDGET END*/

/*EBSCO Search Widget Start*/

.ui-tabs .ui-tabs-nav {
    background: transparent;
    border: none;
}

.ui-tabs {
    border-color: #A71930;
    border-width: 3px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    border-left-color: #A71930 !important;
    border-top-color: #A71930 !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {

    font-weight: bold;
}

#tabs-1 label {
    display: inline;
    padding-left: 5px;
}

.redoutline a:focus {
    outline-color: #A71930;
}

#tabs {
    margin-right: 10px;
}

@media (min-width: 320px) and (max-width: 375px) {

    #tabs {
        margin-right: 3px;
    }
}

@media (min-width: 376px) and (max-width: 425px) {

    #tabs {
        margin-right: 4px;
    }
}

@media (min-width: 426px) and (max-width: 768px) {

    #tabs {
        margin-right: 7px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {

    #tabs {
        margin-right: 9px;
    }
}

/*EBSCO Search Widget End*/

/*Ask Librarian Widget Start*/

#styled-select {
    overflow: hidden;
    margin: auto;
}

#styled-select select {
    width: 164px;
    height: 19px;
}

.question textarea {
    width: 100%;
}

@media (min-width: 321px) and (max-width: 375px) {

    .question textarea {
        width: 90%;
    }
}

@media (min-width: 376px) and (max-width: 425px) {

    .question textarea {
        width: 85%;
    }
}

@media (min-width: 426px) and (max-width: 768px) {

    .question textarea {
        width: 65%;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {

    .question textarea {
        width: 60%;
    }
}

@media (min-width: 1025px) {

    .question textarea {
        width: 57%;
    }
}


/*Ask Librarian Widget End*/

/*CONTENT END*/

/* FOOTER START */

/* #footer { */
    /* width: 100%; */
    /* height: auto; */
    /* clear: both; */
    /* background-color: #0F204B; */
    /* color: #ffffff; */
/* } */

/* #footer .container-fluid { */
    /* background-color: #0F204B; */
    /* position:relative; */
    /* width:100%; */
    /* height: 510px; */
    /* margin: auto; */
    /* padding-right: 0px; padding-left:0px; */
    /* margin-right: auto; margin-left: auto; */
/* } */

/* .footerdesktopright { */
    /* padding: 0px 0%; */
/* } */

/* @media (min-width: 768px) { */
    /* #footer .container-fluid { */
        /* height: 390px; */
    /* } */
 /* } */

 /* @media (min-width: 1200px) { */
    /* #footer .container-fluid { */
        /* height: 350px; */
    /* } */

    /* .footerdesktopright { */
        /* padding: 0px 6%; */
    /* } */
 /* } */

 /* @media (min-width: 1400px) { */
    /* .footerdesktopright { */
        /* padding: 0px 8%; */
    /* } */
 /* } */

 /* @media (min-width: 1600px) { */
    /* .footerdesktopright { */
        /* padding: 0px 10%; */
    /* } */
 /* } */

/* #footer .text-center{ */
      /* text-align: center; */
/* } */

/* #footer .row-center{ */
      /* padding-left:20%; */
      /* padding-top: 20px; */
/* } */

/* #footer .paddingleftright { */
    /* padding: 0px 10px; */
/* } */

/* #footer ul li { */
    /* display: inline-block; */
    /* padding-left: 25px; */
    /* color: #ffffff; */
    /* text-decoration: none; */
/* } */

/* #footer .italicH { */
    /* font-style: italic; */
    /* font-size: 18pt; */

/* } */

/* .footer-padding { */
    /* padding-top: 25px; */
    /* padding-bottom: 25px; */
/* } */

/* .toTop { */
    /* float: right; */
/* } */

/* .footer-border { */
    /* width: 110px; */
    /* height: 45px; */
    /* float: left; */
    /* text-align: center; */
    /* border-bottom-right-radius: 10px; */
    /* border-bottom-left-radius: 10px; */
    /* border-top-left-radius: 10px; */
    /* border: solid white 2px; */
    /* color: black; */
    /* margin: 5px; */
/* } */

/* .footer-logo-padding */
/* { */
  /* padding-bottom:  10px; */
/* } */

/* .vcenter { */
    /* margin-top: 8px; */
    /* font-size: 12pt; */
/* } */


/* .topmargin { */
    /* margin: 20px 0px 20px 0px; */
    /* top: 20px; */
/* } */

/* #footer .aligncentre { */
    /* position: relative; */
    /* left: 250px; */
/* } */

/* #footer .flex-align */
/* { */
    /* display: flex !important; */
    /* justify-content: center !important; */
/* } */

/* #footer .right-red-arrow { */
    /* color: #bb133e; */
    /* font-size: 14px; */
/* } */

/* #footer .col-xs-12, */
/* .col-md-3 a { */
    /* color: #ffffff; */
    /* margin-left: 0px; */
    /* text-decoration: none; */
/* } */

/* #footer .col-md-4 { */
    /* float: left; */
    /* padding-left: 20px; */
    /* padding-top: 18px; */
    /* font-size: 14pt; */
    /* padding-right: 5px; */
/* } */

/* #footer .col-md-6, #footer .col-sm-12, #footer .col-xs-12{ */
    /* position: relative; */
    /* padding-left: 0px; padding-right:0px; */
    /* min-height: 1px; */
/* } */

/* #footer .col-md-4 a { */
    /* color: #ffffff; */
    /* text-decoration: none; */
/* } */

/* #footer .col-xs-12, */
/* .col-md-10 a { */
    /* color: #ffffff; */
    /* text-decoration: none; */
/* } */

/* #footer .col-xs-12, */
/* .col-sm-12 a { */
    /* color: #ffffff; */
    /* text-decoration: none; */
/* } */

/* #footer .glyphicon, */
/* .glyphicon-education, */
/* .glyphicon-plane, */
/* .glyphicon-gift, */
/* .glyphicon-comment, */
/* .glyphicon-briefcase { */
    /* padding-right: 5px; */
/* } */

/* #footer h2 { */
    /* color: #ffffff; */
    /* font-size: 30px; */
    /* font-weight: bold; */
/* } */

/* #footer .btn-static { */
    /* font-weight: bold; */
/* } */

/* FOOTER END */

/* FOOTER GREY START */

/* #footergrey { */
    /* width: 100%; */
    /* clear: both; */
    /* background-color: #8B8D8E; */
    /* color: #ffffff; */
/* } */

/* #footergrey .container-fluid{ */
  /* background-color: #8B8D8E; */
  /* position:relative; */
  /* width:100%; */
  /* height: 60px; */
  /* margin: auto; */
  /* padding-right: 0px; padding-left:0px; */
  /* margin-right: auto; margin-left: auto; */

/* } */

/* #footergrey .element{ */
  /* position:absolute; */
  /* top: 0; bottom: 0; left: 0; right: 0; */
  /* margin: auto; */
  /* width: 85%; height:70%; */
/* } */

/* #footergrey .row-center{ */
      /* padding-left:15%; */
/* } */

/* #footergrey ul li { */
    /* display: inline-block; */
    /* padding-left: 25px; */
    /* color: #ffffff; */
    /* text-decoration: none; */
/* } */

/* #footergrey .italicH { */
    /* font-style: italic; */
    /* font-size: 16pt; */

/* } */

/* #footergrey .footer-padding { */
    /* padding-top: 25px; */
    /* padding-bottom: 25px; */
/* } */

/* #footergrey .col-xs-12, */
/* .col-md-3 a { */
    /* color: #ffffff; */
    /* margin-left: 0px; */
    /* text-decoration: none; */
/* } */

/* #footergrey .col-md-4 { */
    /* float: left; */
    /* padding-left: 20px; */
    /* padding-top: 18px; */
    /* font-size: 14pt; */
    /* padding-right: 5px; */
/* } */

/* #footergrey .col-md-6, #footergrey .col-sm-12, #footergrey .col-xs-12 { */
    /* position: relative; */
    /* padding-left: 0px; padding-right:0px; */
    /* min-height: 1px; */
/* } */

/* #footergrey .col-md-4 a { */
    /* color: #ffffff; */
    /* text-decoration: none; */
/* } */

/* #footergrey .col-xs-12, */
/* .col-md-10 a { */
    /* color: #ffffff; */
    /* text-decoration: none; */
/* } */

/* #footergrey .col-xs-12, */
/* .col-sm-12 a { */
    /* color: #ffffff; */
    /* text-decoration: none; */
/* } */

/* #footergrey .glyphicon, */
/* .glyphicon-education, */
/* .glyphicon-plane, */
/* .glyphicon-gift, */
/* .glyphicon-comment, */
/* .glyphicon-briefcase { */
    /* padding-right: 5px; */
/* } */

/* #footergrey h2 { */
    /* color: #ffffff; */
/* } */

/* #footergrey .btn-static { */
    /* font-weight: bold; */
/* } */

/* FOOTER GREY END */


/* AskUs Start */

#AskUs {
    width: 100%;
    clear: both;
    color: #ffffff;
    font-size: 14pt;
    text-decoration: none;
}

#AskUs .container-fluid {
    padding-right: 0px;
    padding-left:0px;
  }

  #AskUs .col-md-6 {
    position: relative;
    padding-left: 0px;
    padding-right:0px;
    min-height: 1px;
}

#AskUs .padleft {
    padding-left: 0px !important;
}

#AskUs .padright {
    padding-right: 0px !important;
    margin-bottom: 30px !important;
}

#AskUs .img {
    width: 100%;
    height: 610px;
    object-fit: cover;
}

#AskUs .bgimg-1, #AskUs .bgimg-2 {
    position: relative;
    /* opacity: 0.65; */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-repeat: round; */
    min-height: 350px;
}

#AskUs .bgimg-1 {
    background-image: url("/images/librariesprovider5/ufs_redesign_2021/parallaxleft.jpg");
}
  
#AskUs .bgimg-2 {
    background-image: url("/images/librariesprovider5/ufs_redesign_2021/parallaxright.jpg");
}

#AskUs .askelement{
  position:absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 80%;
  height:87%;
}

#AskUs .reselement{
    position:absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 80%;
    height:80%;
  }

#AskUs .row-no-margin {
    margin-left: 0px;
    margin-right: 0px;
}

#AskUs .row-margin-left-10 {
    margin-left: 0px;
    margin-right: 0px;
}

#AskUs .border-left-white {
    border:none;
}

#AskUs .col-sm-4 {
    float: left;
    padding-left: 20px;
}

#AskUs .col-md-6 .a{
    padding-left: 20px;
    float: left;
}

#AskUs .glyphicon, .glyphicon-education, .glyphicon-plane,
.glyphicon-gift, .glyphicon-comment, .glyphicon-briefcase {
    padding-right: 5px;
}

#AskUs .h2 {
    color: #0F204B;
    font-size: 30px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 20px;
    padding-left: 20px;
    text-align: center;
}

#AskUs p {
    padding-bottom: 15px;
    margin-bottom: 10px !important;
    color: #0F204B;
}

#AskUs a {
    color: #0F204B;
}

#AskUs .btn-static {
    background-color: transparent;
    border: 2px solid white;
    width: 200px;
    text-align: left;
    margin: 0px 0px 30px 0px;
    font-size: 14pt;
    padding: 10px 15px;
    border-radius: 12px;
}

@media (min-width: 768px) {
    #AskUs .img {
        height: 420px;
    }

    #AskUs .askelement{
        width: 85%;
        height:75%;
    }

    #AskUs .reselement{
        width: 85%;
        height:70%;
    }

    #AskUs .h2 {
        text-align: left;
    }
 }

 @media (min-width: 992px) {
    #AskUs .padleft {
        padding-left: 10px !important;
    }

    #AskUs .padright {
        padding-right: 10px !important;
        margin-bottom: 0px !important;
    }

    #AskUs .img {
        height: 350px;
    }

    #AskUs .border-left-white {
        border-left: 1px solid #0F204B;
    }

    #AskUs .row-margin-left-10 {
        margin-left: 10px;
        margin-right: 0px;
    }

    #AskUs .h2 {
        text-align: left;
    }

    #AskUs .askelement{
        width: 90%;
        height:60%;
    }

    #AskUs .reselement{
        width: 90%;
        height:60%;
    }

    #AskUs p {
        padding-bottom: 10px;
		margin-bottom: 10px !important
    }
 }

/* AskUs END */
/*BUTTON START*/

.btn-static {
    background-color: transparent;
    border: 1px solid white;
    cursor: default;
    width: 80%;
    text-align: left;
    margin-left: 30px;
    margin-bottom: 10px;
    font-size: 10pt;
}

.btn-static:hover {
    color: white;
}

.btn-static a {
    color: #ffffff;
}

.btn-static:active {
    -moz-box-shadow: inset 0 0 0px white;
    -webkit-box-shadow: inset 0 0 0px white;
    box-shadow: inset 0 0 0px white;
}

.btn-visitor {
    background-color: #0F204B;
    border: 1px solid white;
    cursor: default;
    width: 30%;
    text-align: left;
    margin-bottom: 10px;
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 10pt;
}

.btn-visitor a {
    text-decoration: none !important;
}

.btn-visitor:hover {
    color: white;
}

.btn-visitor:active {
    -moz-box-shadow: inset 0 0 0px white;
    -webkit-box-shadow: inset 0 0 0px white;
    box-shadow: inset 0 0 0px white;
}

/*BUTTON END*/

@media(max-width: 344px) {
    #AskUsContent .redborder .col-xs-6 {
        font-size: 7pt;
        padding-left: 12px;
    }

    #AskUsContent .redborder .col-xs-6 .btn-static {
        font-size: 7pt !important;
        width: 100px !important;
    }
}

@media (min-width: 345px) and (max-width: 409px) {

    #AskUsContent .redborder .col-xs-6 {
        font-size: 8pt;
        padding-left: 12px;
    }

    #AskUsContent .redborder .col-xs-6 .btn-static {
        font-size: 8pt !important;
        width: 110px !important;
    }

    #CampusEventsContent .Campus .btn-static {
        width: 60%;

    }

    .smallfont {
        font-size: 7pt;
    }

    .mediumfont {
        font-size: 5.5pt;
    }

}

@media (min-width: 410px) and (max-width: 991px) {
    #AskUsContent .redborder .col-xs-6 {
        font-size: 10pt;
        padding-left: 12px;
    }

    #AskUsContent .redborder .col-xs-6 .btn-static {
        font-size: 10pt !important;
        width: 130px !important;
    }
}

@media (min-width: 376px) and (max-width: 767px) {

    .mediumfont {
        font-size: 7pt;
    }
}

@media (max-width: 435px) {

    #AskUsContent iframe {
        width: 100%;
        height: 153px;
    }

}

@media (min-width:436px) and (max-width: 767px) {

    #AskUsContent iframe {
        width: 369px;
        height: 173px;
    }

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

    #AskUsContent .redborder .row {
        max-width: 369px;
        margin: 0 auto;
    }

    .btn-visitor {
        width: 80%;
    }

    #FacultyContentStrip .GreyHeader {
        border-bottom-right-radius: 0px;
    }
	
    #header .show,  #header .in {
        display: contents !important;
    }

    #header .navbarsearchclass .show,  #header .navbarsearchclass .in {
        display: block !important;
		overflow-y : visible;
    }
}


/* Portrait tablets and small desktops */


@media (min-width: 768px) and (max-width: 991px) {

    .navbar-collapse.collapse {
        display: none !important;
    }

    #header .show,  #header .in {
        display: contents !important;
    }

    #header .navbarsearchclass .show,  #header .navbarsearchclass .in {
        display: block !important;
		overflow-y : visible;
    }

    .navbar-header .collapse,
    .navbar-toggle {
        display: block !important;
    }

    .navbar-header {
        float: none;
    }

    #AskUsContent .redborder .col-xs-6,
    .col-sm-offset-3,
    .col-sm-3 {
        padding-top: 13px;
        padding-bottom: 11px;
    }

    #AskUsContent iframe {
        width: 369px;
        height: 197px;
    }

    .btn-visitor {
        width: 50%;
    }

    #FacultyContentStrip .GreyHeader {
        border-bottom-right-radius: 0px;
    }
}

/* Landscape tablets and medium desktops */

@media (min-width: 992px) and (max-width: 1199px) {

    /* #AskUsContent .redborder .col-md-6 {
        font-size: 8pt;
    }

    #AskUsContent .btn-static {
        margin-bottom: 10px;
        width: 110px;
        font-size: 8pt;
    }

    #AskUsContent p {
        margin-bottom: 17px;
    }

    #AskUsContent img {
        height: 150px;
    } */

    #footer .verticalLine {
        height: 65px !important;
    }

    .facultylanding a {
        font-size: 7pt;
    }

    #FacultyContentStrip .GreyHeader a {
        font-size: 7pt;
    }

    .btn-visitor {
        width: 32%;
    }
}

/* Large desktops and laptops */

@media (min-width: 1200px) {

    /* #AskUsContent .redborder .col-md-6 {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    #AskUsContent iframe {
        height: 176px;
    } */

    #footer .verticalLine {
        height: 75px !important;
    }

}

/* Media Print */

@media print {
    .visible-print {
        display: block !important;
    }

    tr.visible-print {
        display: table-row !important;
    }

    th.visible-print,
    td.visible-print {
        display: table-cell !important;
    }

    .hidden-print {
        display: none !important;
    }

    tr.hidden-print {
        display: none !important;
    }

    th.hidden-print,
    td.hidden-print {
        display: none !important;
    }
}

/* Barometer Widget */
.progress-bar {
    float: right;
    height: 400px;
    width: 193px;
    margin: auto;
}

.progress-track {
    position: relative;
    width: 34px;
    height: 245px;
    background-color: transparent;
    margin-left: 57px;
    top: 38px;
}

.progress-fill {
    position: relative;
    background: #ce1f26;
    width: 34px;
    color: #fff;
    text-align: center;
    font-size: 10px;
    line-height: 20px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

/* Barometer Widget Ends*/

/* Financial Aid Widget */
.FinancialAidTypes a:link,
.FinancialAidTypes a:visited,
.FinancialAidTypes a:active,
.FinancialAidTypes a:hover {
    font-size: 8pt;
    font-family: Verdana;
}


.FinancialAidHeading {
    font-family: Verdana;
    font-size: 8pt;
    color: #ffffff;
    height: 20px;
    font-weight: bold;
    padding-left: 8px;
    background-color: #001d59;
    line-height: 20px;
}

.financialAidType {
    padding: 5px;
    display: inline-block;
}

.financialHeading {
    background-color: #001d59;
    color: #ffffff;
    font-weight: bold;
}

.financialAmount {
    display: table-cell;
    padding: 5px;
    margin-right: 1px;
    margin-bottom: 1px;
    width: 15%;
    background-color: #e4e4e4;
    line-height: 20px;
    min-height: 20px;
    height: 100%;
    overflow-y: hidden;
}

.financialTitle {
    width: 68%;
    display: table-cell;
    padding: 5px;
    margin-right: 1px;
    margin-bottom: 1px;
    background-color: #e4e4e4;
    line-height: 20px;
    min-height: 20px;
    height: 100%;
    overflow-y: hidden;
}

.financialLevel {
    width: 17%;
    display: table-cell;
    padding: 5px;
    margin-right: 1px;
    margin-bottom: 1px;
    background-color: #e4e4e4;
    line-height: 20px;
    min-height: 20px;
    height: 100%;
    overflow-y: hidden;
}

.finTable {
    width: 100%;
    margin-top: 10px;
    border-collapse: initial;
    border-spacing: 1px;
}

/* Financial Aid Widget ENDS */

/* ADLogin STARTS */
.Login {
    text-align: center;
}

.LoginTable {
    border: solid;
    border-width: 1px;
    width: 330px;
    margin: auto;
    text-align: left;
    border-collapse: separate;
}

.LoginHeading {
    font-family: Verdana;
    color: #001d59;
    font-size: 10pt;
    font-weight: bold !important;
    text-align: center;
}

.ADRibbon {
    width: 100%;
    background-color: #001d59;
    color: white;
    font-weight: bold;
    line-height: 25px;
    margin-top: 4px;
}

.ADWelcome {
    display: inline-block;
    padding-left: 5px;
}

.ADLogout {
    display: inline-block;
    float: right;
    padding-right: 5px;
}

.ADLogout a {
    color: white;
    text-decoration: none;
}

.LoginLogo {
    height: 100px;
    width: 100px;
    background-image: url("../Images/Images/LoginLogo.jpg");
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
}

@media (min-width: 320px) and (max-width: 375px) {

    .LoginTable {
        width: 276px;
    }
}

/* ADLogin ENDS */
/* Supreme search + High search STARTS*/
fieldset {
    display: block;
    -webkit-margin-start: 2px;
    -webkit-margin-end: 2px;
    -webkit-padding-before: 0.35em;
    -webkit-padding-start: 0.75em;
    -webkit-padding-end: 0.75em;
    -webkit-padding-after: 0.625em;
    min-width: -webkit-min-content;
    border-width: 2px;
    border-style: groove;
    border-color: threedface;
    border-image: initial;
    font-size: 10pt;
    font-family: Verdana;
    text-decoration: none !important;
}

fieldset strong {
    font-size: 10pt;
    color: #001d59;
}

legend {
    width: auto;
    padding: 0 5px 5px 5px;
    border-bottom: none;
    font-size: 10pt;
    color: #001D59;
}

.SearchPager a {
    padding-right: 2px !important;
    padding-left: 2px !important;
}



@media (min-width: 320px) and (max-width: 375px) {

    fieldset {
        font-size: 6pt;
    }

    fieldset div {
        font-size: 6pt !important;
    }
}

/* Supreme search + High search ENDS*/
/* Supreme Judgements STARTS*/
.supJudge pre span {
    white-space: pre-wrap !important;
}

.supJudge p {
    word-break: break-all;
}

.supJudge font {
    word-break: break-all;
}

/* Supreme Judgements ENDS*/

/* Navigation Dropdown Starts */

.NavigationDropdownFieldset {
    background-color: #0F204B;
    border-style: none;
    height: 40px;
    font-size: 12pt;
}

.NavigationDropdown {
    font-weight: bold;
    padding: 3px;
    color: #0F204B;
}

@media screen and (min-width:320px\0) {
    .NavigationDropdown {
        padding: 8px;
    }
}

@-moz-document url-prefix() {
    .NavigationDropdown {
        padding: 8px;
    }
}

.textinbetween {
    color: #ffffff;
}

.text-left {
    text-align: center;
}

.text-right {
    text-align: center;
}

.col-md-4.col-sm-4.col-xs-12.text-right select {
    width: 200px;
}

.col-md-4.col-sm-4.col-xs-12.text-left select {
    width: 200px;
}

@media (min-width: 320px) and (max-width: 767px) {

    .NavigationDropdownFieldset {
        height: 95px;
    }

    .text-left {
        text-align: center;
    }

    .text-right {
        text-align: center;
    }

    .textinbetween {
        padding: 5px;
    }
}

    /* Navigation Dropdown Ends */


	/*Start Ask Us and Emergency Number*/



	/*End Ask Us and Emergency Number*/
	
	    /*MEDIASPOTLIGHT START */

    #MediaSpotlight .bx-viewport {
        height:350px !important;
    }

    #MediaSpotlight .SpotImage {
        height:350px !important;
        object-fit: cover;
        border-radius: 10px 10px 0px 0px;
    }

    #MediaSpotlightSlider img {
        height:150px !important;
        object-fit: cover;
        border: 1px solid white;
    }

    #MediaSpotlightSlider .col-xs-3 {
        padding-left: 0px;
        padding-right: 0px;
    }

    #MediaSpotlight .SpotText {
        zoom: 1.2;
        -moz-transform: scale(1.2);
        position: absolute;
        height: auto;
        bottom: 10%;
        vertical-align: bottom;
        max-width: 560px;
        left: 5%;
        right: 52.5%;
        background-color: transparent;
    }

    #MediaSpotlight .SpotText h5 {
        font-size: 16pt !important;
        font-weight: bold;
        font-family: Arial;
        color: white;
    }

    #mediainto {
        margin-left: 30px;
    }

    @media (max-width: 992px) {
        
        #MediaSpotlight .SpotText {
            zoom: 1.0 !important;
            -moz-transform: scale(1.0) !important;
        }

        #mediainto {
            margin-left: 0px;
        }
    }

    @-moz-document url-prefix() {
        #MediaSpotlight .SpotText {
            left: 10%;
        }
    }

     /*MEDIASPOTLIGHT END */

.RadMenu_Default .rmRootGroup {
    background: none;
    border: none;
    font-weight: bold;
}

    .RadMenu_Default .rmRootGroup a.rmLink {
        font: normal 14px "Segoe UI",Arial,sans-serif !important;
        color: #FFFFFF;
        padding: 10px;
        background-color: #0F204B;
        font-weight: bold;
    }

.bx-wrapper {
    background-color: #0F204B !important;
}



.rmExpandDown {
    font: normal 14px "Segoe UI",Arial,sans-serif !important;
    font-weight: bold !important;
}

.RadMenu a.rmLink {
    text-decoration: none !important;
}

.RadMenu_Default .rmRootGroup, .RadMenu_Default a.rmLink, .RadMenu_Default .rmGroup .rmText, .RadMenu_Default .rmVertical .rmText, .RadMenu_Default .rmLeftArrow, .RadMenu_Default .rmRightArrow, .RadMenu_Default .rmTopArrow, .RadMenu_Default .rmBottomArrow, .RadMenu_Default .rmIcon {
    background-image: none;
    font: normal 14px "Segoe UI",Arial,sans-serif !important;
    padding: 2px;
    background: none;
    border: none !important;
    border-color: #0F204B;
    font-weight: bold !important;
}