/*=============================================================
Authour URL: www.designbootstrap.com
http://www.designbootstrap.com/
License: MIT
http://opensource.org/licenses/MIT
100% Free To use For Personal And Commercial Use.
IN EXCHANGE JUST TELL PEOPLE ABOUT THIS WEBSITE
======================================================== */
/* =============================================================
GENERAL STYLES
============================================================ */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,400italic,500italic,600,600italic,700,700italic,300,300italic,800,900italic,800,900italic); /* FREE GOOGLE FONT */
body {
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 150%;
}
a {
color: #4D4D4F;
}
a:focus, a:hover {
color: #4D4D4F;
}
.feature_text {
color: #4D4D4F;
}
.btn-info {
background-color: #006C91;
border-color: #006C91;
color: #FFFFFF;
}
.btn-info:hover {
background-color: #009ABC;
border-color: #009ABC;
color: #ffffff;
}
.btn-info:disabled {
background-color: #009ABC;
border-color: #009ABC;
color: #ffffff;
}
.btn-info:active {
background-color: #009ABC !important;
border-color: #009ABC !important;
color: #ffffff !important;
}
.btn-info:visited {
background-color: #009ABC !important;
border-color: #009ABC !important;
color: #ffffff !important;
}
.btn-info:focus {
background-color: #009ABC !important;
border-color: #009ABC !important;
box-shadow: 0 0 0 0.2rem #009ABC50 !important
color: #ffffff !important;
}
/* accessibility */
a.skiplink {
color: #333;
font-size: 12px;
font-weight: 700;
height: 20px;
left: -99999em;
line-height: 20px;
overflow: hidden;
padding: 1px 8px;
position: absolute;
text-decoration: none;
text-transform: uppercase;
z-index: 5000;
}
.skip-div { }
a.skiplink:focus {
color: #333;
display: inline-block;
left: 0px;
position: relative;
}
.loginBoxInner h1 {
font-size: 24px;
margin-top: 20px;
margin-bottom: 10px;
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
}
.set-radius-zero {
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
.content-wrapper {
margin-top: 40px;
min-height: 600px; 
margin-bottom: 45px;
}
.page-head-line {
font-weight: 900;
padding-bottom: 20px;
border-bottom: 2px solid #009ABC;
text-transform: uppercase;
color: #009ABC;
font-size: 20px;
/* Not sure why this is here? DM margin-bottom: 40px; */
margin-top: 10px;
}
.btn {
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
}
.progress {
height: 8px;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
}
.login-icon {
height: 60px;
width: 60px;
padding: 13px;
border-radius: 50%;
font-size: 30px;
margin-bottom: 20px;
color: #fff;
text-align: center;
cursor:pointer;
background-color:#F0677C;
-webkit-border-radius:50%;
-moz-border-radius:50%;
}
/* =============================================================
STUDENT PORTAL PROGRESS BAR STYLES
=========================================================== */
#progressBarS3 { 
text-align: center; 
}
.progressBarS3 {
border-radius: 10px;
border-color: #006C91;
color: #000;
font-weight: 400;
}
.progressBarS3.active {
border-radius: 10px;
border-color: #006C91 !important;
background-color: #006C91 !important;
color: #FFFFFF !important;
font-weight: 400;
}
/* =============================================================
STUDENT PORTAL APP FORM STYLES
=========================================================== */
.form-control {
font-size: 14px !important;
padding: .375rem .5rem !important;
}
.form-group {
margin-bottom: 0.75rem !important;
}
.fa-asterisk {
font-size: 10px !important;
}
.fa-caret-down, .fa-caret-right {
font-size: 18px;
}
.QuestionHeading, .QuestionHeading3 {
background-color: #f6f6f6;
padding: 5px;
margin-bottom: 10px;
}
.QuestionHeading3 {
font-size: 14px;
}
.QuestionComments3 {
background-color: #f6f6f6;
padding: 5px;
margin-bottom: 5px;
font-size: small;
}
th.FieldHeading {
padding: 5px;
}
.Question {
margin-left: 10px;
}
small.text-muted {
padding-left: 3px
}
h3 {
font-size: 1.5rem;
}
/* =============================================================
HEADER SECTION STYLES
============================================================ */
header {
background-color: #0099CC;
color: #fff;
padding: 10px;
text-align: right;
}
/* =============================================================
LOGO SECTION STYLES
============================================================ */
.left-div {
padding-left: 30px;
margin-top: 40px;
margin-bottom: 0px;
}
.navbar-brand {
width: 300px;
padding-top: 30px;
}
.navbar .container .left-div { padding-bottom: 30px; }
/* USER SETTINGS DIV */
.user-settings-wrapper .nav > li {
font-size: 36px;
color: #4D4D4F;
}
.lUserDiv { color: #4D4D4F; }
.user-settings-wrapper .nav > li > a {
position: relative;
display: block;
padding: 15px 18px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
height: 60px;
width: 60px;
background-color: #F0677C;
color: #fff;
}
.user-settings-wrapper {
margin-top: 50px;
}
.user-settings-wrapper li {
display: inline-block;
}
.user-settings-wrapper .dropdown-settings {
width: 200px;
padding: 10px;
}
.user-settings-wrapper .nav > li > a:hover,.user-settings-wrapper .nav > li > a:focus {
text-decoration: none;
background-color: #C36464 !important;
}
.user-settings-wrapper img {
height: 64px;
width: 64px;
border: 1px solid #000000;
}
.user-settings-wrapper .dropdown-menu {
margin: 0px;
border-radius: 0px !important;
-moz-border-radius: 0px !important;
-webkit-border-radius: 0px !important;
}
.user-settings-wrapper .btn {
border-radius: 0px !important;
-moz-border-radius: 0px !important;
-webkit-border-radius: 0px !important;
}
.user-settings-wrapper .media-heading {
padding-top: 10px;
}
/* MENU LINKS SECTION*/
#topBanner {
background-color: #FFFFFF;
padding-top: 5px;
}
#logoRow { margin-top: 20px; }
#newTitle { font-size: 30px; padding-top: 30px;}
.menu-section {
background-color: #006C91;
color: #FFFFFF;
padding-top: 5px;
}
#menu-top a {
color: #FFFFFF;
text-decoration: none;
font-weight: 500;
padding: 10px 10px 10px 10px;
margin-right: 3px;
/* text-transform: uppercase; */
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 5px;
}
.menu-top-active {
background-color: #ffffff;
color: #000000 !important;
}
.menu-section .nav > li > a:hover,.menu-section .nav > li > a:focus {
background-color: #ffffff !important; 
color: #000000 !important;
}
.menu-section .nav > li > a:hover,.menu-section .dropdown-menu > li > a:focus {
background-color: #ffffff !important; 
color: #000000 !important;
}
.menu-section .navbar-dark .navbar-nav .nav-link {
color: #FFFFFF;	
font-weight: 500;
}
.navbar-inverse {
background-color: #FFFFFF;
border-color: transparent;
}
.navbar-toggle {
background-color: #006C91;
color: #FFFFFF;
border: 1px solid #fff;
}
.nav-link.active {
color: #000000 !important;
}
.navbar {
margin-bottom: 0px;
}
/* =============================================================
FOOTER SECTION STYLES
============================================================ */
footer {
padding: 10px;
color: #FFFFFF;
font-size: 12px;
background-color: #414D61;
}
footer a, footer a:hover, footer a:focus {
color: #FFFFFF;
text-decoration: none;
}
/*==============================================
DASHBOARD STYLES 
=============================================*/
/* DASHBOARD ICONS */
.bk-clr-one {
background-color: #B9B739;
}
.bk-clr-two {
background-color: #F94C4C;
}
.bk-clr-three {
background-color: #119c7e;
}
.bk-clr-four {
background-color: #b739b9;
}
.dashboard-div-icon {
height: 75px;
width: 75px;
border: 2px solid #fff;
padding: 20px;
border-radius: 50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
font-size: 30px;
margin-bottom: 20px;
color: #fff;
}
.dashboard-div-wrapper {
border-radius: 5px;
text-align: center;
padding: 15px;
color: #fff;
margin-bottom: 50px;
}
.dashboard-div-wrapper .progress {
height: 2px;
}
/* NOTICE BOARD */
.notice-board .panel {
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
}
.notice-board ul {
padding-left: 0px;
list-style: none;
}
.notice-board li {
padding: 10px;
border-bottom: 1px solid #E5E5E5;
}
.notice-board li span {
margin-right: 10px;
border: 1px solid #DBDBDB;
padding: 5px;
}
.notice-board li a, li a:hover, li a:focus {
text-decoration: none;
color: #000;
}
/* SOCIAL BUTTONS */
.btn-social {
color: white;
opacity: 0.8;
}
.btn-social:hover {
color: white;
opacity: 1;
text-decoration: none;
}
.btn-facebook {
background-color: #3b5998;
}
.btn-twitter {
background-color: #00aced;
}
.btn-linkedin {
background-color: #0e76a8;
}
.btn-google {
background-color: #c32f10;
}
/* added from dru's other template */
.sidebar {
padding:1px 14px 10px 14px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sidebar {
background:#ebebeb;
}
.sidebar .section-heading {
background:#e2e2e2;
text-transform:uppercase;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
padding:7px;
font-weight:bold;	
}
.sidebar ul {
list-style-type:none;
padding:0;
padding-left: 10px;
margin:0 0px 0px 0;
}
.sidebar ul li {
display:block;
padding:14px 0;
border-bottom:solid 1px #d9d9d9;	
}
.sidebar ul li:last-child {
border-bottom:none;
}
.sidebar ul li .btn { padding-top: 0px; }
#logogallery li{
padding-left:50px;
}
.user-settings-wrapper .nav { padding-top: 5px; }
/* login page */
.loginSplash {
background-color: #006C91;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 30px;
}
.loginBox {
background-color: rgba(0,0,0,.6);
padding: 30px;
color: white;
background-clip: padding-box;
border: 10px solid transparent;
}
.loginBox P {
font-size: 14px;
line-height: 130%;
}
.loginBox P A {
color: white;
}
.loginBox .close {
color: white;
}
.loginButton {
font-size: 20px !important;
font-weight: bold !important;
border-radius: 20px !important;
padding-left: 40px !important; 
padding-right: 40px !important;
margin-top:10px !important;
background-color: #009ABC !important;
border-color: #009ABC !important;
color: #ffffff;
}
A.loginButton, A.loginButton:Hover {
color: #ffffff !important;
}
a.forgotPasswordLink {
color: #FFFFFF
}
.regFormHeader h4, .regFormHeader h2 {
background-color: #006C91;
color: #FFFFFF;
margin-bottom: 15px;
border-radius: 10px;
padding: 10px;
font-size: 18px;
margin-top: 10px;
font-family: inherit;
font-weight: 500;
line-height: 1.1;
}
.appform-tabs>li {
border-top: 3px solid #efefef;
}
.appform-tabs>li { padding: 5px 10px }
.appform-file-attach {
border-left: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
padding: 20px;
background-color: #ffffff;
}
.plainTextField { padding-top: 7px; }
@media (min-width:200px){
.left-div { margin-top: 80px; }
.user-settings-wrapper .nav > li { font-size: 26px; }
}
@media (min-width:768px){
.left-div { margin-top: 80px; }
.user-settings-wrapper .nav > li { font-size: 26px; }
}
@media (min-width:992px){
.left-div { margin-top: 80px; }
.user-settings-wrapper .nav > li { font-size: 36px; }
}
@media (min-width:1200px){
.left-div { margin-top: 30px; }
.user-settings-wrapper .nav > li { font-size: 36px; }
}
.navbar-inverse { min-height: 117px; }
.loginBoxInner a:hover, .loginBoxInner a:focus, .loginBoxInner ul li a:hover, .loginBoxInner ul li a:focus { color: white; }
a.forgotPasswordLink {color:unset;}.action-buttons a,.btn-apply{display:inline-block;transition:transform .2s ease-in-out}.action-buttons a:hover,.btn-apply:hover{transform:translateY(-3px)}.loginTerms a:hover{color:#006c91}.btn-apply{border:3px solid #006c91;background:#fff!important;color:#006c91!important;font-weight:700!important;border-radius:20px!important;padding-left:40px!important;padding-right:40px!important;margin-top:10px!important}.btn-apply:hover{border:3px solid #006c91}.action-buttons a.loginButton:first-of-type{background-color:#006c91!important;color:#fff!important;margin-right:3%}.action-buttons a.loginButton:nth-of-type(2){border:3px solid #006c91;background:#fff!important;color:#006c91!important}.loginBoxInner h1{font-size:30px;font-weight:700}.loginButton{font-size:16px!important;color:#fff}.loginBox,.loginBox p a{color:#414042}.loginButton:hover{color:#fff}.loginSplash{background:url(https://cloud.studylink.com/prod/UCDIRECT/uc-studylink-landing-lg.png) center no-repeat;padding-top:40px}.loginBox{background-color:#fff}#logoRow{margin-bottom:20px}.btn-success{color:#fff;background-color:#898687;border-color:#898687}.btn-success:hover{color:#fff;background-color:#3a3537;border-color:#3a3537}.content-wrapper{min-height:auto}@media (min-width:768px) and (max-width:991px){.loginSplash{background:url(https://cloud.studylink.com/prod/UCDIRECT/uc-studylink-landing-sm.png) center no-repeat}}@media (min-width:991px) and (max-width:1200px){.loginSplash{background:url(https://cloud.studylink.com/prod/UCDIRECT/uc-studylink-landing-md.png) center no-repeat}}@media (max-width:768px){.loginSplash{background:unset!important;padding:unset}}.ucweb-common-footer{background:#414d61;font-family:Lato,sans-serif;padding:30px 0;position:relative;z-index:0}.ucweb-common-footer *,.ucweb-common-footer :after,.ucweb-common-footer :before{box-sizing:border-box!important}.ucweb-common-footer *,.ucweb-common-footer p{font-size:14px;color:#fff;line-height:1.5}.ucweb-common-footer p{margin-bottom:16px}.ucweb-common-footer img{vertical-align:middle;border-style:none}.ucweb-common-footer .ucweb-common-footer-area{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.ucweb-common-footer .ucweb-common-footer-area{max-width:540px}}@media (min-width:768px){.ucweb-common-footer:after{background-size:auto 100%;background-position:right bottom -100px}.ucweb-common-footer .ucweb-common-footer-area{max-width:720px}}@media (min-width:992px){.ucweb-common-footer .ucweb-common-footer-area{max-width:960px}}@media (min-width:1200px){.ucweb-common-footer .ucweb-common-footer-area{max-width:1140px}}.ucweb-common-footer .ucweb-common-footer-brand{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;justify-content:space-between;align-items:center}.ucweb-common-footer .ucweb-common-footer-brand .ucweb-common-footer-logo,.ucweb-common-footer .ucweb-common-footer-brand .ucweb-common-social{position:relative;padding-right:15px;padding-left:15px;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%;padding-bottom:15px}.ucweb-common-footer .ucweb-common-footer-brand .ucweb-common-footer-logo img{height:40px}.ucweb-common-footer .ucweb-common-footer-brand .ucweb-common-social>*{margin-right:10px}.ucweb-common-footer .ucweb-common-footer-brand .ucweb-common-social>:last-child{margin-right:0}.ucweb-common-footer .ucweb-common-footer-brand .ucweb-common-social img{height:20px}.ucweb-common-footer .ucweb-common-footer-details{margin:30px 0}.ucweb-common-footer .ucweb-common-footer-details>*{margin-bottom:8px}.ucweb-common-footer .ucweb-common-footer-details>*>*{display:inline-block}.ucweb-common-footer .ucweb-common-footer-details>*>:after{content:'';display:inline;padding-right:13px;border-right:1px solid #fff;margin-right:8px}.ucweb-common-footer .ucweb-common-footer-details>*>:last-child:after{display:none}.ucweb-common-footer .ucweb-common-footer-details>*>* a{color:#92d6e3}.ucweb-common-footer .ucweb-common-footer-details>*>* a:hover{text-decoration:underline}@media (max-width:1199.98px){.ucweb-common-footer .ucweb-common-footer-details .ucweb-common-uc-info>:nth-child(2){display:inline-block}}.ucweb-common-footer .ucweb-common-acknowledgement{border-top:1px solid #f1f1f1;padding-top:30px} body {display: flex;flex-direction: column;min-height: 100vh;}.content-wrapper {flex: 1; }.ucweb-common-footer {margin-top: auto;}
#onetrust-consent-sdk #onetrust-accept-btn-handler {
background-color: #009ABC !important;
border-color: #009ABC !important;
}
#onetrust-pc-btn-handler.cookie-setting-link {
color: #009ABC !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-active-menu {
border-color: #009ABC !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn), #onetrust-consent-sdk #onetrust-pc-sdk .ot-leg-btn-container .ot-active-leg-btn {
background-color: #009ABC !important;
border-color: #009ABC !important;
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table th {
background-color: #009ABC !important;
}
.loginSplashCover {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
a.flywire_terms { text-decoration: underline; }