/* ===============================================================
                 TOP HEADER BAR
 ================================================================= */

/* ===============================================================
                 HEADER  
 ================================================================= */

/* Makes Header Image Responsive */
.headerImage img{
	width:100%; 
}

.pageTitle {
	margin-top:20px !important;
}


/* ===============================================================
                 SKIP NAVIGATION (03-31-2022)
 ================================================================= */
#skipnav a
{
padding:10px;
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
color:white;
border-right:1px solid white;
border-bottom:1px solid white;
border-bottom-right-radius:8px;
background:#BF1722;
-webkit-transition: top 1s ease-out;
transition: top 1s ease-out;
z-index: 100;
overflow:hidden;
}
 
#skipnav a:focus
{
position:static;
width:auto;
height:auto;
}

/* ===============================================================
                 FOOTER
 ================================================================= */

.footer {
	margin-top:20px;
	background-color: #111;
	font-family:helvetica,arial,sans-serif;
	color: #e5e5e5;
	font-weight: 200;
	font-style: normal;
	line-height: 1.7;
}

.footer p {
	color: #e5e5e5;
} 

.footer a {
    color: #e5e5e5!important;
	}

.footer a:active, .footer a:hover {
  outline: 0;
  color: #eaab00!important;
}
	
.footer h4 {
text-transform:uppercase;
font-size:14px;
border-bottom: 1px solid #eaab00;
color:#fff;
margin-top:30px;
}

.footer-title {
text-transform:uppercase;
font-size:14px;
border-bottom: 1px solid #eaab00;
color:#fff;
margin-top:30px;
}	

.footer-copyright {
	background: #060606;
	border-top: 4px solid #060606;
	padding: 20px 0 10px;	
	font-size:14px;
}

.footer-copyright p {
	color:#999 !important;
	font-family:verdana, arial;
}

.footer-copyright a a:active, .footer a:hover {
	color: redtrex !important;
}

.campusInfo {
	margin-bottom:15px;
}

/* ===============================================================
                 MAIN NAV OVERRIDES
 ================================================================= */


/* ===============================================================
                 SIDEBAR NAV
 ================================================================= */

.sidebar-nav {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size:16px;
}
/* Show dropdown arrow */
@media (min-width: 768px) {
	.sidebar-nav .navbar-nav .caret {
    /* display: block; */
  } 
 }

/* make sidebar nav vertical */ 
@media (min-width: 768px) {
	
	.sidebar-nav.vertical .navbar .navbar-collapse {
		padding: 0;
		max-height: none;
	}
	
	.sidebar-nav.vertical .navbar ul {
		float: none;
	}
	
	.sidebar-nav.vertical .navbar ul:not {
		display: block;
	}
	
	.sidebar-nav.vertical .navbar li {
		float: none;
		display: block;
	}	
}

.sidebar-nav.vertical .navbar li a {
	padding-top: 7px;
	padding-bottom: 7px;
	border-top: 1px solid #e7e7e7;
}

.sidebar-nav.vertical .navbar li:first-child a {
border-top: none;
}


.sidebar-nav .navbar-nav .open .dropdown-menu>li>a {
    padding: 5px 15px 5px 25px;
}


.sidebar-nav  .navbar-toggle {
  position: relative;
  float: left;
  padding: 9px 10px;
  margin-top: 8px;
  margin-left: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.sidebar-nav  .navbar-toggle:focus {
  outline: 0;
}
.sidebar-nav  .navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.sidebar-nav  .navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

.navbar-inverse {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-inverse .navbar-brand {
  color: #777;
  float:left;
  font-size: 14px;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #777;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color: #545454;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff; /* #777 */
  transition: all .2s ease-in-out;
  background-color: #007599; /* #e7e7e7 */
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #e7e7e7;
  background-color: #ddd;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #777;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #e7e7e7;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
color: #fff; /* #555 */
    background-color: red; /* #e7e7e7 */
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #777;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}

.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}



/* ===============================================================
                 BOOTSTRAP OVERRIDES
 ================================================================= */

 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: Roboto, Helvetica, Arial, sans-serif;
	color: #00293A; /* #00617F; */
}

.table-hover tbody tr:hover td {
    background-color: #A1D8E0 !important;
	/* color:#fff;	*/
}

.table-hover tbody tr:hover td a{
	display: block;
	}
	
.table-hover tbody tr:hover td a:hover {
	text-decoration: none;
	}

/* ===============================================================
                 THEME.CSS OVERRIDES
 ================================================================= */

body {
	color: #333;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
}

p {
	color: #333;
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #007599;
    border-color: #007599;
}

.home-intro {
    background-color: #171717;
    margin-bottom: 30px; /* 60px; */
	margin-top: -10px;
    overflow: hidden;
    padding: 15px 0 15px 0;
    position: relative;
    text-align: left;
}


/* ===============================================================
                 THEME-ELEMENTS.CSS OVERRIDES
 ================================================================= */

h1 {
	font-size:  38px; /* 2.6em; */
	line-height: 40px;
	margin: 0 0 15px 0;
}

h2 {
	font-size: 28px;/* 2.2em; */
	font-weight: 300;
	line-height: 36px;
	margin: 0 0 15px 0;
}

.testimonial blockquote p {
	color: #FFF;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 18px!important;
	line-height: 1.3;
}

.testimonial .testimonial-author p {
	color: #595959;
	margin: 0 0 0 25px;
	text-align: left;
}

 .applynow .feature-box .feature-box-icon {
	background: #CCC;
	border-radius: 45px;
	color: #FFF;
	display: inline-block;
	float: left;
	height: 45px;
	line-height: 45px;
	margin-right: 10px;
	position: relative;
	text-align: center;
	top: 0px;
	width: 45px;
	font-size:26px;
}

.counters label {
    display: block;
    font-weight: 100;
    font-size: 20px;
    line-height: 24px;
}

/* ===============================================================
                MAIN.CSS OVERRIDES
 ================================================================= */

.icon-txt .icon-txt-pdf {
    background-color: #E60000 !important;
}

.icon-txt .icon-txt-doc, .icon-txt .icon-txt-docx {
    background-color: #0057AD !important;
}

/* ===============================================================
                NIVO SLIDER OVERRIDES
 ================================================================= */

.nivo-slider .theme-default .nivoSlider {
	border-radius: 0 0 0 0;
	margin-top: 0px;
}

.nivo-slider .theme-default .nivoSlider img {
	border-radius: 0px 0px 0 0;
}


/* ===============================================================
                PROGRAM AREAS LANDING PAGE 
 ================================================================= */

.programArea {
	margin-bottom:15px;
	min-height:139px;
}

.programArea a {
      text-decoration:none;
   }

.captionBox {
	background-color:#00293A;
	padding-top:5px;
	padding-bottom:5px;
	height:60px;
}

.captionBox p {
	padding:0px;
	margin:0px;
	font-weight: bold;
	color: #fff;
	text-align:center;
}


/* ===============================================================
                PROGRAMS & COURSES LANDING PAGE 
 ================================================================= */

.programLanding .featured-box {
	/* min-height:270px; */
}

.programLanding .box-content h4 {
	text-transform: uppercase !important;
}

.programLanding p {
	font-size: 14px;
	color:#777;
}

.programLanding .featured-box .box-content {
    border-radius: 8px;
    border-top-width: 4px;
    padding: 15px 20px 15px 20px;
    position: relative;
    top: -1px;
}


/* ===============================================================
                MISCELLANEOUS  
 ================================================================= */

.highlightBox {
	margin-left: auto;
    margin-right: auto;
    width: 90%;
    background-color: #EAEAEA;
	color:#000;
	padding:15px;
	margin-bottom:20px;
	margin-top:20px;
	border-radius:5px;
}

.callToAction {
	margin-left: auto;
    margin-right: auto;
    width: 90%;
    background-color: #6A7A00;
	color:#fff;
	padding:20px;
	text-align:center;
	font-size:2.0em;
	margin-bottom:30px;
	margin-top:30px;
}

.footNote {
    margin-top: 40px;
    font-size: 80%;
    border-top: 1px solid #EAAB00;
}

.note {
    border: 1px solid #EAAB00;
    padding: 10px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.publicationHeading {
	margin-top:20px;
	font-size:20px;
	font-weight:bold;
}

.disclaimer {
	font-size:14px;
}

.sfError {
	color: red !important;
	font-weight:bold;
	}
	
blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 20px;
    border-left: 5px solid #EAAB00;
	font-style:italic;
}

.img-shadow {
	box-shadow:5px 5px 5px #888888;
}

.iam {
	color:#fff;
	font-size:56px;
	font-family:crushed,serif;
	width:120px;	
	background-color:#6A7A00;
	text-align:center;	
	padding-top:20px;
	padding-bottom:20px;
	padding-left:10px;
	padding-right:10px;
	border-radius:10px;
	margin-bottom:30px;
	box-shadow:5px 5px 5px #888888;
}

.coursename {
	font-size:34px!important;
}

.bgpossibilityblue {
	background-color: #a1d8e0;
}

.h1-underline {
	display: inline-block;
	position: relative;
	margin-bottom:30px; /* Adjust for space between heading and next content */
}

.h1-underline::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -10px; /* Adjust this value to move the underline closer or farther from the text */
	width: 30%;
	height: 2px; /* Adjust this value for the thickness of the underline */
	background-color: #eaab00; /* Replace with your desired color */
}



/* ===============================================================
          REGISTRATION/PAYMENT INFO BOX FOR CONTINUING ED   
 ================================================================= */
/* unvisited link */
#darkbg a:link {
    color: #EAAB00 !important;
	text-decoration: underline !important;
}

/* visited link */
#darkbg  a:visited {
    color: #EAAB00 !important;
}

/* mouse over link */
#darkbg  a:hover {
    color: #fff !important;
}

/* selected link */
#darkbg  a:active {
    color: #fff !important;
}

 
/* ===============================================================
                TUITION & FEES  
 ================================================================= */

.tuitionfees .table {
	font-size:16px;
} 
 
.totalRow {
	background-color:#007599!important;
	color:#fff;
	font-size:16px;
	font-weight:bold;
}

.headerRow {
	background-color:#6A7A00!important;
	color:#fff;
	font-size:16px;
	font-weight:bold;
}

/* ===============================================================
                BUSINESS DEVELOPMENT/CUSTOMISED TRAINING  
 ================================================================= */
 
.bdInfo {
	text-align:center;
 }
 
.bdName {
	font-weight:bold;
	font-size:18px;
 }

.bdTitle {
	font-size:14px;
	color: #666666;
	font-weight: bold;
 } 
 
.bdRegion {
	font-size:14px;
	color: #666666;
}

.bdContact{
	text-align:center;
	font-size:14px;
	color: #666666;
	margin-bottom:15px;
}

/* ===============================================================
                ARI CONTACTS  
 ================================================================= */
 
.ariInfo {
	text-align:center;
 }
 
.ariName {
	font-weight:bold;
	font-size:18px;
 }

.ariTitle {
	font-size:14px;
 } 
 
.ariRegion {
	font-size:14px;
	color: #666666;
}

.ariContact{
	text-align:center;
	font-size:14px;
	color: #666666;
	margin-bottom:15px;
}

 

/* ===============================================================
                GOVERNANCE  
 ================================================================= */

 .governorname {
	 font-weight:bold;
	 font-size:18px;
 }
 
 .governortitle {
	 font-size:14px;
	 color: #666666;
 }
 
 

/* ===============================================================
                PANELS
 ================================================================= */
.panel-secondary {
    border-color: #6A7A00;/*#879600;*/
}

.panel-secondary>.panel-heading {
    color: #fff;
    background-color: #6A7A00;/*#879600;*/
    border-color: #6A7A00;/*#879600;*/
}

/* ===============================================================
                ALUMNI LANDING PAGE HEADER
 ================================================================= */

.alumni-landing {
	margin-bottom:30px;
}

.alumni-landing .btn-primary {
    color: #fff; /* #333; */
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #fff;
}

.alumni-landing .btn-lg {
    padding: 16px 16px;
    font-size: 20px;
    line-height: 1.3333333;
    border-radius: 6px;
	float: left;
    margin: 0 20px 20px 0;
}

.alumni-landing span {
    float: left;
    font: 700 15px Arial,Helvetica,sans-serif;
    color: #fff;
    text-transform: uppercase;
    margin: 16px 0 0;
    opacity: .8;
}

.alumni-landing .link {
    float: left;
    margin: 16px 0 20px 16px;
    font: 600 15px Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    opacity: .8;
    border-bottom: 2px solid #fff;
    padding: 0 0 4px;
    color: #fff;
}

.alumni-landing a:hover {
	text-decoration:none;
}

.alumni-landing .herolayout {
    position: relative;
    padding: 0 20px;
	background: url(../../images/default-source/header-images/alumni-1900x600-3.jpg) no-repeat center center;
    /* text-align: center; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.alumni-landing .herolayout>.container>.contentarea {
    position: relative;
    padding: 11% 0;
    z-index: 10;
}

.alumni-landing  .contentarea {
    max-width: 980px;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 60px;
	background: rgba(0,0,0,0.1);
}

.alumni-landing .herolayout:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.55);
}

.alumni-landing .herolayout>.container>.contentarea h1 {
	font-family:Oswald, helvetica, roboto, arial;
	font-weight:500;
	font-size: 53px;
	letter-spacing: .03em;
	line-height:1.0em;
	color: #fff;
	text-shadow: 1px 1px 2px #000 !important;

}

.alumni-landing .herolayout>.container>.contentarea h2 {
    font-size: 22px;
    color: #fff;
    font-weight: 300;
    /* text-transform: uppercase; */
    letter-spacing: .07em;
    margin: 10px 0 35px;
}

/* ===============================================================
                GIVING LANDING PAGE HEADER
 ================================================================= */

.giving-landing {
	margin-bottom:30px;
}

.giving-landing .btn-primary {
    color: #fff; /* #333; */
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: transparent; /* #fff; */
    border-color: #fff;
}

.giving-landing .btn-lg {
    padding: 16px 16px;
    font-size: 20px;
    line-height: 1.3333333;
    border-radius: 6px;
	float: left;
    margin: 0 20px 20px 0;
}

.giving-landing span {
    float: left;
    font: 700 15px Arial,Helvetica,sans-serif;
    color: #fff;
    text-transform: uppercase;
    margin: 16px 0 0;
    opacity: .8;
}

.giving-landing .link {
    float: left;
    margin: 16px 0 20px 16px;
    font: 600 15px Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    opacity: .8;
    border-bottom: 2px solid #fff;
    padding: 0 0 4px;
    color: #fff;
}

.giving-landing a:hover {
	text-decoration:none;
}

.giving-landing .herolayout {
    position: relative;
    padding: 0 20px;
	background: url(../../images/default-source/header-images/giving-1900x600_v2.jpg) no-repeat center center;
    /* text-align: center; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.giving-landing .herolayout>.container>.contentarea {
    position: relative;
    padding: 11% 0;
    z-index: 10;
}

.giving-landing  .contentarea {
    max-width: 980px;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 60px;
}

.giving-landing .herolayout:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.15);
}

.giving-landing .herolayout>.container>.contentarea h1 {
	font-family:Oswald, helvetica, roboto, arial;
	font-weight:500;
	font-size: 53px;
	letter-spacing: .03em;
	line-height:1.0em;
	color: #f8f8f4;
	text-shadow: 1px 1px 2px #000 !important;

}

.giving-landing .herolayout>.container>.contentarea h2 {
    font-size: 22px;
    color: #fff;
    font-weight: 300;
    /* text-transform: uppercase; */
    letter-spacing: .07em;
    margin: 10px 0 35px;
}


/* ===============================================================
                HOME PAGE HEADER
 ================================================================= */

.homepage {
	/* margin-bottom:30px; */
}

.homepage .btn-primary {
    /* color: #333;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #fff;
    border-color: #fff; */
}

.homepage .btn-lg {
    padding: 16px 16px;
    font-size: 20px;
    line-height: 1.3333333;
    border-radius: 6px;
	float: left;
    margin: 0 20px 20px 0;
}


.homepage .herolayout {
    position: relative;
    padding: 0 20px;
	background: url(../../images/default-source/header-images/students.jpg) no-repeat center center;
    /* text-align: center; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.homepage .herolayout>.container>.contentarea {
    position: relative;
    padding: 11% 0;
    z-index: 10;
	margin:0;
}

.homepage  .contentarea {
    max-width: 980px;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 60px;
}

.homepage .herolayout:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.0);
}

.homepage .herolayout>.container>.contentarea h1 {
    font-family:Oswald, helvetica, roboto, arial;
	font-weight:500;
	font-size: 63px;
	letter-spacing: .05em;
	line-height:1.0em;
	color: #f8f8f4;
	text-shadow: 1px 1px 2px #000 !important;
}

.homepage .herolayout>.container>.contentarea h2 {
	font-size: 22px;
    color: #fff;
    font-weight: 300;
	letter-spacing: .03em;
    margin: 10px 0 35px;
	text-shadow: 1px 1px 2px #000 !important;
}




/* CALENDAR DATE DISPLAY HOME PAGE */
.event-item {
	padding-bottom: 10px;
    margin-top: 10px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 0.9em;
    line-height: 1.2em;
}

.event-item:before, .event-item:after {
    content: "";
    display: table;
}

.event-item:after {
    clear: both;
}

.eventdatedisplay {
    background: #6A7A00;
    max-width: 60px;
    display: inline;
    float: left;
    width: 20%;
    margin: 0 .75%;
    margin-right: 1em;
}

.eventdatedisplay .eventmonth {
    background: #2d3142;
    font-weight: 600;
    padding: .3em 0;
}

.eventdatedisplay .eventmonth, .eventdatedisplay .eventday {
    display: block;
    text-align: center;
    color: #fff;
}

.eventdatedisplay .eventday {
    font-size: 1.4em;
    padding: 10px 0;/* .4em 0; */
}

.eventtitle {
	font-size:1.1em;
	font-weight:500;
	line-height: 1.2em;
}


/* ===============================================================
                TABLES  
 ================================================================= */

.table {
	font-size:16px;
}
 
 .tablelist  table {
	border:1px solid #ddd;
}

.tablelist thead {
	background-color:#00293A;
	color:#fff;
}

.tablelist td {
	padding:4px !important;
}

.firstColBlue {
	width:30%; 
	background-color:#00293A!important;
	color:#fff;
	font-weight:600;
}

.firstColGreen {
	width:30%; 
	background-color:#8A9F00 !important;
	color:#fff;
	font-weight:600;
}	


.firstCol {
	width:20%; 
	background-color:#00293A!important;
	color:#fff;
	font-weight:600;
	}

.firstColRegInfo {
	width:20%; 
	background-color:#8A9F00 !important;
	color:#fff;
	font-weight:600;
	}		
		


/* C4K TABLES */

.CSSTableGenerator {
	margin:0px;padding:0px;
	width:100%;
	/* box-shadow: 10px 10px 5px #888888; */
	border:1px solid #d3d3d3;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSTableGenerator table{
    border-collapse: collapse;
    border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.CSSTableGenerator tr:hover td{
	
}
.CSSTableGenerator tr:nth-child(odd){ background-color:#eef7fa; }
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }.CSSTableGenerator td{
	vertical-align:middle;	
	border:1px solid #d3d3d3;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:3px;
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
	background:-o-linear-gradient(bottom, #00293a 5%, #00293a 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00293a), color-stop(1, #00293a) );
	background:-moz-linear-gradient( center top, #00293a 5%, #00293a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00293a", endColorstr="#00293a");	background: -o-linear-gradient(top,#00293a,00293a);
	background-color:#00293a;
	border:0px solid #666666;
	text-align:center;
	width: 75%;
	border-width:0px 0px 1px 1px;
	font-size:16px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #00293a 5%, #00293a 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00293a), color-stop(1, #00293a) );
	background:-moz-linear-gradient( center top, #00293a 5%, #00293a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00293a", endColorstr="#00293a");	background: -o-linear-gradient(top,#00293a,00293a);

	background-color:#00293a;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

.campName {
	color:#00293A;
	font-weight:bold;
	font-size:18px;
}


/* ===============================================================
                 FORMS
 ================================================================= */
 
 .customform  {
	background-color:#fafafa;
	padding:20px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	border: 1px solid #e9e9e9;
	font-size:14px;
 }
 
 .customform label {
    display: block;				   
    font-weight: bold;
	font-size:14px;
    color: #707070;
}

 .customform input[type="text"] {
    width:100%;
	margin-bottom:10px;
	}
	
 .customform input[type="email"] {
    width:100%;
	margin-bottom:10px;
	padding: 6px 12px;
	border: 1px solid #ccc;
    border-radius: 4px;
	}


.customform select {
	margin-bottom:15px;
	height:30px;
	}

.customform [data-sf-role=error-message] {
color: red;
}

.customform .formoptions {
	font-weight:normal;
	color: #707070;
	font-size:14px;
}
 
 .customform textarea {
	 display:block;
	 width:80%;
	 height: 100px;
 }
 
 .customform h2 {
	font-size: 18px;
	font-weight: 300;
	line-height: 20px;
	margin: 10px 0 10px 0;
	background-color:#00617f;
	color:#fff;
	padding:5px;
 }
 
 
 /* Sidebar Form */
.sidecol .customform  {
	padding:10px!important;
 }
 
.sidecol .customform  .form-control {
	height: 30px;
	padding: 5px 10px;
 }
 
 .sidecol .customform  p {
	line-height: 16px;
	font-size:12px;
 }
 
.sidecol  .customform label {
    font-weight: bold;
	font-size:14px;
    color: #707070;
}

.sidecol  .customform textarea {
	 display:block;
	 width:100%;
	 height: 100px;
	 margin-bottom:10px;
 }
 
 .sidecol  .customform button {
	 width:100%;
 }
 
  /* Original Form Layout from old site*/

.nbccForm {
    margin:auto;
    position:relative;
    width:100%;
    background-color:#fafafa;
    font-family: Arial, Tahoma, Geneva, sans-serif;
    font-size: 0.8em;
    font-style: normal;
    line-height: 18px;
    font-weight: normal;
    color: #2a2a2a;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:20px;
	border: 1px solid #e9e9e9;
}

.nbccForm input[type="text"] {
  border: solid 1px #dcdcdc;
  transition: box-shadow 0.3s, border 0.3s;
}
.nbccForm input[type="text"]:focus,
.nbccForm input[type="text"].focus {
  border: solid 1px #707070;
  box-shadow: 0 0 5px 1px #969696;
}

.nbccForm input[type=submit] {
    font-size:18px;
    width:175px;
    border: 1px solid #007599;
    color: #fff;
    background: #007599;
    padding: 5px 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor:pointer;
}
.nbccForm input[type=submit]:hover {
    background: #EAAB00;
	border: 1px solid #EAAB00;
}

.sfTopLbls  .sfTxtLbl
{
    font-weight: bold;
	font-size:12x;
    color: #7e7e7e!important;
}

.sfFormTitle.sfTitleSmall {
    font-size: 14px;
    font-weight: bold;
    background-color: #007599;
    color: #fff;
    padding: 10px;
}

.sfFormTitle.sfTitleMedium {
    font-size: 18px;
    font-weight: normal;
	background-color: #007599;
    color: #fff;
    padding-left: 10px;
}

.sfSuccess {
	font-size:16px;
	text-align: center;
	color:red;
	font-weight: bold;
}

.sfExample {
	font-size:11px;
	color: #666666;
}

/* ===============================================================
                 RIGHT SIDEBAR
 ================================================================= */

.sidecol {
	background-color:transparent;
	font-size:14px;
	line-height:20px;
	padding: 0px 20px 20px 20px;
	}
	
.sidecol h2 {
	font-family:verdana, arial, sans-serif;
	font-size: 18px;
	color: #00617F;
	line-height: 22px;
	margin: 0px 0 10px 0;
	}
	
.sidecol li {
	margin-bottom:5px;
}

/*-- Quick links, etc. --*/
.sidecol .panel {
	box-shadow: 0 4px 16px rgba(128,128,128,.6);
    border-radius: 5px;
	border: none;
}

.sidecol .panel-title {
	font-size: 20px;
	text-align:center;
	text-transform: none;
}

/*-- Content Box  --*/
.sidecol .contentbox {
    min-height: 20px;
    padding: 18px;
	margin-top: 20px;
    margin-bottom: 20px;
    background-color: #f6f6f6;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

/*------------------------------------
			IDMS
------------------------------------*/
.idmsprogramvideo {
	max-width:450px;
	margin-top:20px; 
	margin-bottom:20px;
}


/*------------------------------------
			SITE SEARCH
------------------------------------*/

.sitesearch {
    display: none;
	padding:20px;
}


.googlesearch {
	margin: 0 auto;
	width:90%;
}

.cse .gsc-search-button-v2, .gsc-search-button-v2 {
    font-size: 13px !important;
}


.glyphicon.glyphicon-search {
    font-size: 14px;
}

.buttonsearch {
	margin-left:0px;
    background-color: transparent;
    border: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.searchresulttitle {
	font-weight:bold;
}

.searchresultlink {
	font-weight:normal;
	color:#999;
}

/* =============================
CARDS WIDGET (BOOTSTRAP)
================================== */

.cardBorder {
	padding:20px;
	border: 1px solid #dadada;
	border-radius: 3px;
	margin-right:1px;
}

.cardHeading {
	font-size:22px;
	font-weight:600;
	color:#6A7A00;
}

.cardAlumniName {
	font-weight:700;
}

.cardDescription {
}



/* ===============================================================
                CHATBOT - Feb 9, 2021 
 ================================================================= */
.oda-chat-message-actions .oda-chat-action-postback.oda-chat-disabled, .oda-chat-card .oda-chat-card-actions button.oda-chat-disabled {color:lightgrey !important;}
.oda-chat-card .oda-chat-card-actions button {color:#FFF !important }
.oda-chat-header, .oda-chat-header-button {background:  #00293A !important;}
.oda-chat-header-info-wrapper {color: #151515 !important}
.oda-chat-action-postback {background: rgb(0, 117, 153) !important;}
.oda-chat-action-postback:hover, .oda-chat-action-postback:focus {background: #003082 !important;}
.oda-chat-message-actions a.oda-chat-action-postback.oda-chat-disabled {color:#fff !important}
.oda-chat-message-actions a.oda-chat-action-postback.oda-chat-disabled:hover {background: #2d69ac !important;}
.oda-chat-message-content {color: #151515 !important;}
.oda-chat-message-content a {color:#2d69ac !important;}
.oda-chat-message-content a:hover, .oda-chat-message-content a:focus {color:#003082 !important;}
.oda-chat-logo {height:20px !important; max-width: 110px !important;width: 110px !important}
.oda-chat-header-info-wrapper {margin-left:10px !important;}
.oda-chat-title {color: rgb(248,194,0) !important;font-weight:normal !important}
.oda-chat-conversation {overflow-x:hidden !important;}
.oda-chat-message-global-actions button {color:#FFF !important}
@media screen and (max-width:426px){.oda-chat-widget{width: 92vw !important;}}


/*-----------------------------
 Business Development Courses Registration and Payment - OCRP - April 15, 2019
 ------------------------------*/
/*---By Karthik -Modified---*/
#progSearchOCRP {
    width: 100%;
    margin-top: 5px;
    /*background:Orange;*/
}

#myInput, #selectCategories, #selectCampus, #selectRegStatus {
    width: 80%;
    margin-bottom: 10px;
}

/*---By Jerson---*/
/*---Note: The table displaying course list is using the same a the fulltime programs-> class="table table-striped" */

.OCRP_ProgSearchWrapper {
    margin-right: 1%;
    /*background-color:#f0f0f0;*/
}


.OCRP_CourseDetailTitles {
    color: #007599;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: normal;
    line-height: 27px;
    /* margin: 0 0 14px 0;
    margin-bottom: 14px;
	*/
}

.OCRP_ScheduleText {
    color: #212529;
}

.OCRP_Course_SearchTextbox { /*---Not used--*/
    background: #FFF;
    border: 3px solid #2D3138;
    border-right: 0;
    border-radius: 3px 0 0 3px;
    line-height: 34px;
    width: 200px;
    font-size: 13px;
    padding: 0 10px;
    margin: 0;
    height: 40px;
}

.OCRP_ButtonSearch {
    /*id="progRight" style="width: 45%; float: right"*/
    /*width:25%;
   float:right;
   padding-top:0% 0%;
   margin-bottom:1%;
   height:100%;
   */
    display: block;
    width: 35%;
    height: 10%;
    float: right;
    padding: 10px;
    color: white;
    cursor: pointer;
    margin-left: 25%;
}

.OCRP_BackToSearch {
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    text-decoration: none;
    float: right;
    /* padding: 15px 32px; JU  */
    color: white;
    border: 1px solid grey;
    background-color: #007599;
    cursor: pointer;
}

.OCRP_SearchFilters {
    margin: 5px;
    width: 50%;
}

.programDetailTitle {
    font-size: 38px;
    line-height: 40px;
    margin: 0 0 15px 0;
}

.labelMessage {
    letter-spacing: .01rem;
    font-weight: 400;
    font-style: normal;
    font-size: 21px;
    line-height: 1.58;
    letter-spacing: -.003em;
    margin-left: 5%;
}

.OCRP_BlueMsg {
    padding: 15px 5px 10px 30px;
    background-color: #007599;
    color: #FFFFFF;
}

    .OCRP_BlueMsg p {
        color: #FFFFFF;
        line-height: 1.1;
    }

.OCRP_LabelBelowSearchButtons {
    display: block;
    font-size: 15px;
    clear: none;
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0;
    color: #6b6b6b;
}


/*--------------ARROWS in TOGGLE ----------------*/
.panel-heading {
    position: relative;
}

    .panel-heading[data-toggle="collapse"]:after {
        font-family: 'Glyphicons Halflings';
        content: "\e072"; /* "play" icon */
        position: absolute;
        color: #b0c5d8;
        font-size: 18px;
        line-height: 22px;
        right: 20px;
        top: calc(50% - 10px);
        /* rotate "play" icon from > (right arrow) to down arrow */
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .panel-heading[data-toggle="collapse"].collapsed:after {
        /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }
/*----------- Arrow Colour---*/
.glyphicon glyphicon-triangle-right {
    color: blue;
}

/*---------- Text when Invalid CourseID------*/
.ErrorMessageInvalidCrseId {
    color: #333;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
}


/*----------Course Details Align Course Title and Back to Search Button------- */

.CourseTitlecontainer {
    text-align: center;
    padding: 1px;
}

.leftDiv_CourseTitlecontainer {
    display: inline-block;
    /*---max-width: 300px;---*/
    text-align: left;
    padding: 0px;
    border-radius: 3px;
    margin: 0px;
    vertical-align: top;
    float: left; /*--JU---*/
}

.right-div_CourseTitlecontainer {
    display: inline-block;
    /*---max-width: 150px;---*/
    text-align: left;
    padding: 0px;
    border-radius: 3px;
    margin: 0px;
    float: right; /*---JU---*/
}

.left-text, .right-text {
}

@media screen and (max-width: 600px) {
    .left-div, .right-div {
        max-width: 100%;
    }
}