/*=============================================================
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: #12182E;
}
a:focus, a:hover {
color: #12182E;
}
.feature_text {
color: #12182E;
}
.btn-info {
background-color: #000000;
border-color: #000000;
color: #ffffff;
}
.btn-info:hover {
background-color: #0F4BEB;
border-color: #0F4BEB;
color: #ffffff;
}
.btn-info:disabled {
background-color: #0F4BEB;
border-color: #0F4BEB;
color: #ffffff;
}
.btn-info:active {
background-color: #0F4BEB !important;
border-color: #0F4BEB !important;
color: #ffffff !important;
}
.btn-info:visited {
background-color: #0F4BEB !important;
border-color: #0F4BEB !important;
color: #ffffff !important;
}
.btn-info:focus {
background-color: #0F4BEB !important;
border-color: #0F4BEB !important;
box-shadow: 0 0 0 0.2rem #0F4BEB50 !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 #12182E;
text-transform: uppercase;
color: #12182E;
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: #000000;
color: #000;
font-weight: 400;
}
.progressBarS3.active {
border-radius: 10px;
border-color: #000000 !important;
background-color: #000000 !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: 400px;
padding-top: 30px;
}
.navbar .container .left-div { padding-bottom: 30px; }
/* USER SETTINGS DIV */
.user-settings-wrapper .nav > li {
font-size: 36px;
color: #FFF;
}
.lUserDiv { color: #FFF; }
.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: #FFF;
padding-top: 5px;
}
#logoRow { margin-top: 20px; }
#newTitle { font-size: 30px; padding-top: 30px;}
.menu-section {
background-color: #000000;
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: #FFF;
border-color: transparent;
}
.navbar-toggle {
background-color: #000000;
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: #000000;
}
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: #000000;
-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: #0F4BEB !important;
border-color: #0F4BEB !important;
color: #ffffff;
}
A.loginButton, A.loginButton:Hover {
color: #ffffff !important;
}
a.forgotPasswordLink {
color: #FFFFFF
}
.regFormHeader h4, .regFormHeader h2 {
background-color: #000000;
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; }
.loginSplash {
background: url(/branding/insearch/assets/imgs/insearch_background.jpg) no-repeat center center;
}
.loginButton {
font-weight: bold;
border-radius: 2px;
}
.registerButton {
font-weight: bold;
border-redius: 2px;
background-color: #0f4beB;
}
.btn-info {
background-color: #0f4beB;
border: 0px;
}
.btn-info:hover { 
color: #fff; 
background-color: #0f4beB; 
border-color: #0f4beB; 
font-weight: normal;
}
.btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open > .dropdown-toggle.btn-info {
color: #fff;
background-color: #0f4beB;
border-color: #0f4beB;
}
.btn-success { 
color: #fff; 
background-color: #0f4beB; 
border-color: #0f4beB; 
}
.btn-success:hover { 
color: #fff; 
background-color: #0f4beB; 
border-color: #0f4beB;
}
.btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open > .dropdown-toggle.btn-success {
color: #fff;
background-color: #0f4beB;
border-color: #0f4beB;
}
#onetrust-consent-sdk #onetrust-accept-btn-handler {
background-color: #0F4BEB !important;
border-color: #0F4BEB !important;
}
#onetrust-pc-btn-handler.cookie-setting-link {
color: #0F4BEB !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-active-menu {
border-color: #0F4BEB !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: #0F4BEB !important;
border-color: #0F4BEB !important;
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table th {
background-color: #0F4BEB !important;
}
.loginSplashCover {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
a.flywire_terms { text-decoration: underline; }