html {
	/* cleaning up bootstrap font size */
	font-size: initial !important;	
}

.ajax-none.ajax-spinner {background-image:url(../iwe/img/BG-spinner.gif);background-repeat:no-repeat;background-position: center center; z-index: 1000; pointer-events:none; opacity: 0.6; filter: alpha(opacity=60);}

/**********************************************
Widgets
***********************************************/
right-sidebar .panel-title {
	font-size: .95em;	
}

right-sidebar .panel-title  span span {
	color: #4E8DB6;
	font-weight: 600;
	text-transform: uppercase;
}

iwe-widget hr {
	margin-top: 0px;
	margin-bottom: 0px;
}

/* no idea why in transcript order its' not loaded from iwe template */
.h4, h4 {
    font-size: 18px;
}

/**********************************************
Page Elements
***********************************************/

.iwe-text-warning {
	color: #fba637;
	font-weight: 600;
}

.term-selector {
	border: 1px solid #888;
	background-color: #D0D0D0;
	padding: 2px;
	margin-bottom: 25px;
}

.term_display {
	font-size: 1.32em;
	padding: 5px 0 0 12px;
	font-weight: 400;
}

.no_data_text {
	font-size: 1.2em !important;
	line-height: 125% !important;
	margin: 30px 0 0;
	padding: 5px 7px;
	text-align: center;
	font-weight: bold;
}

.success.message {
    color: #081a08;
    background-color: #c6edc5;
    border-color: #8ddb8a;
    text-shadow: none
}

.warning.message {
    color: #241306;
    background-color: #f4d6be;
    border-color: #e8ad7d;
    text-shadow: none;
}

.alert, .message {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    background-color: #f4d6be;
    border: 1px solid #e8ad7d;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.infoMessage {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    background-color: #f4d6be;
    border: 1px solid #00BFFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.info {
	padding: 10 1% 1.1em 0;
	background-color: #B2DFEE;
	color: black;
}

#infoDiv {
    padding: 10px;
}

.icon-question-sign {
    color: #000;
    font-size: 13px
}

.icon-warning-sign {
    color: #fba037
}

.icon-remove-sign {
    color: #f00
}

.icon-ok {
    color: #7b7
}

.error { color:#D8000C; border: 1px #D8000C solid; background:#FFBABA; }

table.withBorder,table.withBorder th,table.withBorder td {
	border: 1px solid #cccccc;
}

.tax_note {
	text-align: justify;
}

.left {
	float: left;
}

.right {
	float: right;
}

.padding-right-5 {
	padding-right: .5em
}

form.form .fieldError,form.form .required-fail,form.form .fieldError .icon-warning-sign {
	color: #b30000;
}

.genderSoInput {
 width:240px;   
}

.genderSoDiv {
    margin-top: 30px;
}

.primary .k-button{
    color: #e2e6ef;
    background-color: #234189;
    border-color: #192e60;
    text-shadow: none
}

.secondary {
    color: #18262c;
    background-color: #7bc0de;
    border-color: #52add4;
    text-shadow: none
}

.tertiary {
    color: #322a0f;
    background-color: #ffd44d;
    border-color: #ffc81a;
    text-shadow: none
}

.neutral {
    color: #282828;
    background-color: #ccc;
    border-color: #b3b3b3;
    text-shadow: none
}

.primary:disabled {
	opacity: 0.4 !important;
	filter: alpha(opacity = 40) !important; /* msie */
	cursor: default !important;
}

.primary:active:hover:disabled {
	opacity: 0.4 !important;
	filter: alpha(opacity = 40) !important; /* msie */
	cursor: default !important;
}

a.primary {
	color: #ffffff;
}

a.primary:visited, a.primary:hover{
	color: #ffffff;
}


h5#page_title_text, h5.page_title_text {font-size: 1.1em; padding-bottom: 10px; padding-top:0;}

.clean {
	clear: both;
}

.row {
    margin-left: 18px
}

.row:before,
.row:after {
    display: table;
    content: "";
    line-height: 0
}

.row:after {
    clear: both
}

.row.bullets ul li {
	list-style: disc outside none;
}

.row:not(.bootstrap):before,
.row:not(.bootstrap):after {
    display: table;
    content: "";
    line-height: 0
}

.row:not(.bootstrap):after {
    clear: both
}

.row:not(.bootstrap) [class*="span"] {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.5641%;
    *margin-left: 2.51091%
}

.row:not(.bootstrap) [class*="span"]:first-child {
    margin-left: 0
}

.row:not(.bootstrap) .controls-row [class*="span"]+[class*="span"] {
    margin-left: 2.5641%
}

.row:not(.bootstrap) .span1 {
    width: 5.98291%
}

.row:not(.bootstrap) .span2 {
    width: 14.52992%
}

.row:not(.bootstrap) .span3 {
    width: 23.07693%
}

.row:not(.bootstrap) .span4 {
    width: 31.62393%
}

.row:not(.bootstrap) .span5 {
    width: 40.17094%
}

.row:not(.bootstrap) .span6 {
    width: 48.71795%
}

.row:not(.bootstrap) .span7 {
    width: 57.26496%
}

.row:not(.bootstrap) .span8 {
    width: 65.81197%
}

.row:not(.bootstrap) .span9 {
    width: 74.35898%
}

.row:not(.bootstrap) .span10 {
    width: 82.90598% !important;
}

.row:not(.bootstrap) .span11 {
    width: 91.45299%
}

.row:not(.bootstrap) .span12 {
    width: 100%
}

.row:not(.bootstrap) .offset1 {
    margin-left: 11.11111%;
    *margin-left: 11.00473%
}

.row:not(.bootstrap) .offset1:first-child {
    margin-left: 8.54701%;
    *margin-left: 8.44063%
}

.row:not(.bootstrap) .offset2 {
    margin-left: 19.65812%;
    *margin-left: 19.55173%
}

.row:not(.bootstrap) .offset2:first-child {
    margin-left: 17.09402%;
    *margin-left: 16.98763%
}

.row:not(.bootstrap) .offset3 {
    margin-left: 28.20513%;
    *margin-left: 28.09874%
}

.row:not(.bootstrap) .offset3:first-child {
    margin-left: 25.64103%;
    *margin-left: 25.53464%
}

.row:not(.bootstrap) .offset4 {
    margin-left: 36.75213%;
    *margin-left: 36.64575%
}

.row:not(.bootstrap) .offset4:first-child {
    margin-left: 34.18803%;
    *margin-left: 34.08165%
}

.row:not(.bootstrap) .offset5 {
    margin-left: 45.29914%;
    *margin-left: 45.19276%
}

.row:not(.bootstrap) .offset5:first-child {
    margin-left: 42.73504%;
    *margin-left: 42.62866%
}

.row:not(.bootstrap) .offset6 {
    margin-left: 53.84615%;
    *margin-left: 53.73977%
}

.row:not(.bootstrap) .offset6:first-child {
    margin-left: 51.28205%;
    *margin-left: 51.17567%
}

.row:not(.bootstrap) .offset7 {
    margin-left: 62.39316%;
    *margin-left: 62.28678%
}

.row:not(.bootstrap) .offset7:first-child {
    margin-left: 59.82906%;
    *margin-left: 59.72268%
}

.row:not(.bootstrap) .offset8 {
    margin-left: 70.94017%;
    *margin-left: 70.83378%
}

.row:not(.bootstrap) .offset8:first-child {
    margin-left: 68.37607%;
    *margin-left: 68.26968%
}

.row:not(.bootstrap) .offset9 {
    margin-left: 79.48718%;
    *margin-left: 79.38079%
}

.row:not(.bootstrap) .offset9:first-child {
    margin-left: 76.92308%;
    *margin-left: 76.81669%
}

.row:not(.bootstrap) .offset10 {
    margin-left: 88.03418%;
    *margin-left: 87.9278%
}

.row:not(.bootstrap) .offset10:first-child {
    margin-left: 85.47008%;
    *margin-left: 85.3637%
}

.row:not(.bootstrap) .offset11 {
    margin-left: 96.58119%;
    *margin-left: 96.47481%
}

.row:not(.bootstrap) .offset11:first-child {
    margin-left: 94.01709%;
    *margin-left: 93.91071%
}

.row:not(.bootstrap) .offset12 {
    margin-left: 105.1282%;
    *margin-left: 105.02182%
}

.row:not(.bootstrap) .offset12:first-child {
    margin-left: 102.5641%;
    *margin-left: 102.45772%
}

.row:not(.bootstrap) [class*="span"].hide {
    display: none
}

.row:not(.bootstrap) [class*="span"].pull-right,
.row:not(.bootstrap) [class*="span"].float-right {
    float: right
}

.span1 {
	width: 42px
}

.span2 {
	width: 104px
}

.span3 {
	width: 166px
}

.span4 {
	width: 228px
}

.span5 {
	width: 290px
}

.span6 {
	width: 352px
}

.span7 {
	width: 414px
}

.span8 {
	width: 476px
}

.span9 {
	width: 538px
}

.span10 {
	width: 600px
}

.span11 {
	width: 662px
}

.span12 {
	width: 724px
}

.text-warning {
    color: #241306;
}

a.text-warning:hover,
a.text-warning:focus {
    color: #000
}

.flyout_container {margin:10px 0; clear:both; background-color: white; color: Black; padding: 0; height: 100%; border-width: 0 1px 1px 1px; border-style: solid; border-color: rgb(208, 208, 208);}
.flyout_container {margin:0; clear:both; background-color: white; color: Black; padding: 0; height: 100%; border-width: 0 1px 1px 1px; border-style: solid; border-color: rgb(208, 208, 208);}
/*div#resultsTitle div[class*="_flyout"] .enroll, div[id*="_ReqTbl"] .enroll {padding-top:5px;}*/
.flyout_container .row-fluid, .flyout_ReqTbl .row-fluid{margin:0px; font-size:100%;}

/* Flyout font sizing */
.row-fluid.data_row.class-info .flyout_container, .row-fluid.data_row.class-info .flyout_container p, .row-fluid.data_row.class-info .flyout_container li {font-size: 1em ! important;}

/* Flyout icon styling */
.flyout_container .row-fluid.enroll .icon-question-sign {font-size: 1.2em; padding-left:5px;}/*Updated by Florence 07/03/13*/
.flyout_container .div_content .popover.icon {margin-left:3px;}
.flyout_container .div_content a.flyout-help, .flyout_container .div_content a.flyout-help:hover {color:black; text-decoration:none;}

/* Flyout and title bar */


.div_enroll_flyout_title.normal_panel .title-bar-title {margin-left:10px;} /* Added margin for Normal (default) flyouts with no icon */

.flyout_container {margin: 0px; font-family: ProximaNova,Verdana,sans-serif; }
.flyout_container .row-fluid.enroll .control {margin-top: 15px;}
.flyout_container .row-fluid.enroll {margin-top: 0px;}

.flyout_container div.div_title_bar { overflow: hidden; }
.flyout_container .row-fluid.enroll .div_title_bar ul li {display: inline-block;}

.flyout_container .row-fluid.enroll .title_bar_icon {width: 1.50em; text-align: center;}
.flyout_container .row-fluid.enroll .title_bar_close {float: right; margin: 5px;}

.flyout_container .row-fluid.enroll .div_title_bar .title_bar_title {color:rgb(39, 21, 0); font-weight:bold;}
.flyout_container .div_title_bar.default {padding-left: 10px;}
/*.flyout_container .row-fluid.enroll .div_title_bar .title_bar_icon span {margin: 2px 0;}*/
.flyout_container .row-fluid.enroll .div_title_bar ul {margin:0;}
.flyout_container span.text-warning, .flyout_container span.flyout-pte_number_text, .flyout_container .popover-content span.waitlist {float: none;}

.flyout_container {
    margin: 0;
    font-family: ProximaNova, Verdana, sans-serif
}

.flyout_container .row-fluid.enroll .control {
    margin-top: 15px
}

.flyout_container .row-fluid.enroll {
    margin-top: 0
}

.flyout_container div.div_title_bar {
    overflow: hidden
}

.flyout_container .row-fluid.enroll .div_title_bar ul li {
    display: inline-block
}

.flyout_container .row-fluid.enroll .title_bar_icon {
    width: 1.5em;
    text-align: center
}

.flyout_container .row-fluid.enroll .title_bar_close {
    float: right;
    margin: 5px
}

.flyout_container .row-fluid.enroll .div_title_bar .title_bar_title {
    color: #271500;
    font-weight: bold
}

.flyout_container .div_title_bar.default {
    padding-left: 10px
}

.flyout_container .row-fluid.enroll .div_title_bar ul {
    margin: 0
}

.flyout_container span.text-warning,
.flyout_container span.flyout-pte_number_text,
.flyout_container .popover-content span.waitlist {
    float: none
}

#div_actions_mv_waitlist span.flyout-PTE {
    float: none
}

.flyout_container div.div_content {
    clear: both;
    margin: 20px
}

.flyout_container #clear-selections {
    float: right;
    text-align: right;
    margin-top: 3px
}

.flyout_container .enroll-instructions {
    display: block;
    margin: 20px 0
}

.flyout_container label {
    margin-bottom: 15px
}

.flyout_container .flyout_body p,
.flyout_container .flyout_changeGradeType label,
.row-fluid.enroll label .popover-content,
data-row course_requisites .popover-content {
    color: #000
}

.flyout_body,
.flyout_classUnits {
    margin-bottom: 15px;
    width: 95%
}

.flyout_container .flyout_conflicts li,
.flyout_container .flyout_bodyListItems ul li,
.flyout_container div.flyout_busMsgs li,
.multi-list li {
    color: #666;
    margin-left: 45px;
    list-style-type: disc
}

.flyout_container .flyout_conflicts li,
.flyout_container .flyout_bodyListItems ul li,
.multi-list li {
    color: #000;
    margin-left: 30px
}

.flyout_container .flyout_conflicts ul,
.flyout_container .flyout_bodyListItems ul,
.flyout_container div.flyout_busMsgs ul {
    margin-bottom: 15px
}

.normal_exchange_panel .body4, .normal_exchange_panel .body5  {font-weight: 600;}
.flyout_exchange_pte label, .flyout_exchange_pte button {display: inline-block;}
#exchange-normal #exchange-class {margin-left: 10px; margin-top:-10px;}
.div_content .flyout_exchange_pte #exchange-class { margin-left: 10px; margin-top: -10px;}

.normal_exchange_panel .body4,
.normal_exchange_panel .body5 {
    font-weight: 600
}

.flyout_exchange_pte label,
.flyout_exchange_pte button {
    display: inline-block
}

#exchange-normal #exchange-class {
    margin-left: 10px;
    margin-top: -10px
}

.div_content .flyout_exchange_pte #exchange-class {
    margin-left: 10px;
    margin-top: -10px
}

.panel{border:1px solid #cccccc;}

.div_title_bar {
    overflow-x: hidden;
    background-color:#DCDCDC;
}

.div_title_bar ul li {
    display: inline-block;
    font-size: 14px;
    line-height: 1.4em
}

.title_bar_title {
    font-weight: bold;
    color: #000
}

.icon-info-sign {
    color: #00f
}

.title_bar_icon .icon-info-sign {
    color: #0055a6
}

.div_title_bar .title_bar_title {
    color: #271500;
    font-weight: bold;
    padding-top: 6px
}

.div_title_bar li {
	padding: 0px;
}

.title_bar_title {
	text-transform: uppercase
}

.div_content {
    margin: 20px
}

.div_content p {
    font-size: 14px
}

.div_content span {
    float: right
}

.light.default a:hover,
a.light.button:not(.primary):not(.secondary):not(.tertiary):not(.neutral):not(.info):not(.important):not(.success):not(.warning):not(.error):not(.danger):not(.inverse):not(.highlight):not(.required) a:hover,
a.button.message:not(.primary):not(.secondary):not(.tertiary):not(.neutral):not(.info):not(.important):not(.success):not(.warning):not(.error):not(.danger):not(.inverse):not(.highlight):not(.required) a:hover,
button.light.button:not(.primary):not(.secondary):not(.tertiary):not(.neutral):not(.info):not(.important):not(.success):not(.warning):not(.error):not(.danger):not(.inverse):not(.highlight):not(.required) a:hover,
button.button.message:not(.primary):not(.secondary):not(.tertiary):not(.neutral):not(.info):not(.important):not(.success):not(.warning):not(.error):not(.danger):not(.inverse):not(.highlight):not(.required) a:hover,
input.light[type="button"].button:not(.primary):not(.secondary):not(.tertiary):not(.neutral):not(.info):not(.important):not(.success):not(.warning):not(.error):not(.danger):not(.inverse):not(.highlight):not(.required) a:hover,
input[type="button"].button.message:not(.primary):not(.secondary):not(.tertiary):not(.neutral):not(.info):not(.important):not(.success):not(.warning):not(.error):not(.danger):not(.inverse):not(.highlight):not(.required) a:hover,
input.light[type="reset"].button:not(.primary):not(.secondary):not(.tertiary):not(.neutral):not(.info):not(.important):not(.success):not(.warning):not(.error):not(.danger):not(.inverse):not(.highlight):not(.required) a:hover,
input[type="reset"].button.message:not(.primary):not(.secondary):not(.tertiary):not(.neutral):not(.info):not(.important):not(.success):not(.warning):not(.error):not(.danger):not(.inverse):not(.highlight):not(.required) a:hover,
input.light[type="submit"].button:not(.primary):not(.secondary):not(.tertiary):not(.neutral):not(.info):not(.important):not(.success):not(.warning):not(.error):not(.danger):not(.inverse):not(.highlight):not(.required) a:hover,
input[type="submit"].button.message:not(.primary):not(.secondary):not(.tertiary):not(.neutral):not(.info):not(.important):not(.success):not(.warning):not(.error):not(.danger):not(.inverse):not(.highlight):not(.required) a:hover,
.default.message a:hover,
.info a:hover,
.success a:hover,
.warning a:hover,
.error a:hover,
.danger a:hover,
.important a:hover,
.inverse a:hover,
.required a:hover,
.dark.highlight a:hover {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100)
}

a.text-link-dark:hover,
.default a:hover,
a.button:not(.primary):not(.secondary):not(.tertiary):not(.neutral):not(.info):not(.important):not(.success):not(.warning):not(.error):not(.danger):not(.inverse):not(.highlight):not(.required) a:hover,
button.button:not(.primary):not(.secondary):not(.tertiary):not(.neutral):not(.info):not(.important):not(.success):not(.warning):not(.error):not(.danger):not(.inverse):not(.highlight):not(.required) a:hover,
input[type="button"].button:not(.primary):not(.secondary):not(.tertiary):not(.neutral):not(.info):not(.important):not(.success):not(.warning):not(.error):not(.danger):not(.inverse):not(.highlight):not(.required) a:hover,
input[type="reset"].button:not(.primary):not(.secondary):not(.tertiary):not(.neutral):not(.info):not(.important):not(.success):not(.warning):not(.error):not(.danger):not(.inverse):not(.highlight):not(.required) a:hover,
input[type="submit"].button:not(.primary):not(.secondary):not(.tertiary):not(.neutral):not(.info):not(.important):not(.success):not(.warning):not(.error):not(.danger):not(.inverse):not(.highlight):not(.required) a:hover,
.secondary a:hover,
.tertiary a:hover,
.neutral a:hover,
.light.primary a:hover,
.primary.message a:hover,
.highlight a:hover,
.light.info a:hover,
.info.message a:hover,
.light.success a:hover,
.success.message a:hover,
.light.warning a:hover,
.warning.message a:hover,
.light.error a:hover,
.error.message a:hover,
.light.danger a:hover,
.danger.message a:hover,
.light.important a:hover,
.important.message a:hover,
.light.required a:hover,
.required.message a:hover {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100)
}

.light.default,
a.light.button:not(.primary):not(.secondary):not(.tertiary):not(.neutral):not(.info):not(.important):not(.success):not(.warning):not(.error):not(.danger):not(.inverse):not(.highlight):not(.required),
a.button.message:not(.primary):not(.secondary):not(.tertiary):not(.neutral):not(.info):not(.important):not(.success):not(.warning):not(.error):not(.danger):not(.inverse):not(.highlight):not(.required),
button.light.button:not(.primary):not(.secondary):not(.tertiary):not(.neutral):not(.info):not(.important):not(.success):not(.warning):not(.error):not(.danger):not(.inverse):not(.highlight):not(.required),
button.button.message:not(.primary):not(.secondary):not(.tertiary):not(.neutral):not(.info):not(.important):not(.success):not(.warning):not(.error):not(.danger):not(.inverse):not(.highlight):not(.required),
input.light[type="button"].button:not(.primary):not(.secondary):not(.tertiary):not(.neutral):not(.info):not(.important):not(.success):not(.warning):not(.error):not(.danger):not(.inverse):not(.highlight):not(.required),
input[type="button"].button.message:not(.primary):not(.secondary):not(.tertiary):not(.neutral):not(.info):not(.important):not(.success):not(.warning):not(.error):not(.danger):not(.inverse):not(.highlight):not(.required),
input.light[type="reset"].button:not(.primary):not(.secondary):not(.tertiary):not(.neutral):not(.info):not(.important):not(.success):not(.warning):not(.error):not(.danger):not(.inverse):not(.highlight):not(.required),
input[type="reset"].button.message:not(.primary):not(.secondary):not(.tertiary):not(.neutral):not(.info):not(.important):not(.success):not(.warning):not(.error):not(.danger):not(.inverse):not(.highlight):not(.required),
input.light[type="submit"].button:not(.primary):not(.secondary):not(.tertiary):not(.neutral):not(.info):not(.important):not(.success):not(.warning):not(.error):not(.danger):not(.inverse):not(.highlight):not(.required),
input[type="submit"].button.message:not(.primary):not(.secondary):not(.tertiary):not(.neutral):not(.info):not(.important):not(.success):not(.warning):not(.error):not(.danger):not(.inverse):not(.highlight):not(.required),
.default.message {
    color: #2f2f2f;
    background-color: #f5f5f5;
    border-color: #b3b3b3;
    text-shadow: none
}

.light.primary,
.primary.message {
    color: #060c1b;
    background-color: #c2cfef;
    border-color: #85a0e0;
    text-shadow: none
}

.light.secondary,
.secondary.message {
    color: #18262c;
    background-color: #c2e2f0;
    border-color: #85c5e0;
    text-shadow: none
}

.light.tertiary,
.tertiary.message {
    color: #322a0f;
    background-color: #ffedb3;
    border-color: #ffda66;
    text-shadow: none
}

.light.neutral,
.neutral.message {
    color: #282828;
    background-color: #d9d9d9;
    border-color: #b3b3b3;
    text-shadow: none
}

.important {
    color: #ede4ee;
    background-color: #7a3582;
    border-color: #58265e;
    text-shadow: none
}

.success {
    color: #e3efe3;
    background-color: #2c8529;
    border-color: #1f5e1d;
    text-shadow: none
}

.warning {
    color: #f5eae2;
    background-color: #b76420;
    border-color: #8c4c18;
    text-shadow: none
}

.danger {
    color: #f4e4e2;
    background-color: #ac3124;
    border-color: #82251b;
    text-shadow: none
}

.inverse {
    color: #e2e2e2;
    background-color: #222;
    border-color: #090909;
    text-shadow: none
}

.highlight {
    color: #1e2c2c;
    background-color: #97e0e0;
    border-color: #70d4d4;
    text-shadow: none
}

.required {
    color: #ffd6d6;
    background-color: #a00;
    border-color: #700;
    text-shadow: none
}

.dark.info {
    color: #e3f1f5;
    background-color: #0c2931;
    border-color: #24778f;
    text-shadow: none
}

.dark.important {
    color: #ede4ee;
    background-color: #29122b;
    border-color: #77347f;
    text-shadow: none
}

.dark.success {
    color: #e3efe3;
    background-color: #0f2f0e;
    border-color: #2d882a;
    text-shadow: none
}

.dark.warning {
    color: #f5eae2;
    background-color: #341c09;
    border-color: #98531b;
    text-shadow: none
}

.dark.error {
    color: #f4e4e2;
    background-color: #330e0b;
    border-color: #942a1f;
    text-shadow: none
}

.dark.danger {
    color: #f4e4e2;
    background-color: #330e0b;
    border-color: #942a1f;
    text-shadow: none
}

.dark.inverse {
    color: #e2e2e2;
    background-color: #1f1f1f;
    border-color: #595959;
    text-shadow: none
}

.dark.highlight {
    color: #f1fafa;
    background-color: #123b3b;
    border-color: #298a8a;
    text-shadow: none
}

.dark.required {
    color: #ffd6d6;
    background-color: #4d0000;
    border-color: #b30000;
    text-shadow: none
}

.light.info,
.info.message {
    color: #081d23;
    background-color: #c2e5f0;
    border-color: #85cce0;
    text-shadow: none
}

.light.important,
.important.message {
    color: #180a19;
    background-color: #e5c9e9;
    border-color: #cc92d3;
    text-shadow: none
}

.light.success,
.success.message {
    color: #081a08;
    background-color: #c6edc5;
    border-color: #8ddb8a;
    text-shadow: none
}

.light.warning,
.warning.message {
    color: #241306;
    background-color: #f4d6be;
    border-color: #e8ad7d;
    text-shadow: none
}

.light.error,
.error.message {
    color: #220907;
    background-color: #f2c5c0;
    border-color: #e58a80;
    text-shadow: none
}

.light.danger,
.danger.message {
    color: #220907;
    background-color: #f2c5c0;
    border-color: #e58a80;
    text-shadow: none
}

.light.inverse,
.inverse.message {
    color: #e2e2e2;
    background-color: #4d4d4d;
    border-color: #333;
    text-shadow: none
}

.light.highlight,
.highlight.message {
    color: #1e2c2c;
    background-color: #c4eded;
    border-color: #89dcdc;
    text-shadow: none
}

.light.required,
.required.message {
    color: #a00;
    background-color: #ffe5e5;
    border-color: #f66;
    text-shadow: none
}

.warning {
    color: #9f6000;
    border: 1px #9f6000 solid;
    background: #feefb3
}

/**********************************************
Sidebar
***********************************************/
iwe-widget * {
	-webkit-box-sizing: initial;
	-moz-box-sizing: initial;
	box-sizing: initial;
}

.iwe-widgettitle {
	font-size: initial;
}

/*****************************
	Degree Progress report
*****************************/

.preDPR{
    display: block;    
    margin: 0 0 10px;
    word-break: break-all;
    word-wrap: break-word;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
	color:#081d23;
	background-color:#faf8f0;
	border-color:#85cce0;
	text-shadow:none;
	font-family: 'Courier New',monospace;
	font-size: 1.3em;
	line-height: 1.4em;
	margin-bottom: 15px;
	padding: 20px;
	white-space: pre-wrap;
}

/*****************************
	BruinsVote
*****************************/

ol.bruinsvote li {
    padding-bottom: 5px;
}


ol.bruinsvote {
    list-style: decimal;
}

.bruinsvote-nav .iweButton {
	width: 150px;
}

.bruinsvote-nav .iweButton.wide {
	width: 250px;
}

.bruinsvote-nav {
	border-top: 2px solid #FEB604;
	padding-top: 20px;
}

.voter-profile-form .form-group {
	margin-bottom: 0px;
}

.consentToShareInfo {
	font-size: 1.1em;
}

.formFields .text-warning {
	color: #98531b !important;
}

/*****************************
	MISC
*****************************/
.margin-top-10 {
	margin-top: 10px;
}
.margin-top-20 {
	margin-top: 20px;
}
.margin-top-30 {
	margin-top: 30px;
}

.margin-top-40 {
	margin-top: 40px;
}

.margin-top-50 {
	margin-top: 50px;
}

.margin-left-18 {
	margin-left: 18px;
}

.margin-left-40 {
	margin-left: 40px;
}

.margin-right-10 {
	margin-right: 10px;
}

.centered {
	text-align: center;
}
.sw-text-warning {
	color: #9d5407;
}

div.help-column {
	margin-left: -5px;
	padding-left: 0;
}

.normal-label {
	font-weight: normal;
}

/*****************************
	Step Navigation
*****************************/
.step-navigation-wrapper {
	height: 70px;
}

ul.step-navigation {
	box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.4);
	background: #E7E7E7;
	border-radius: 6px;
	margin-bottom: 15px;
	margin-top: 4px;
	margin-left: 2px;
	display: table;
	width: 99%;
	position: relative;
	padding: 0;
}


.step-navigation li {
	text-align: center;
	display: table-cell;
	position: relative;
}

.step-navigation {
	background: #E7E7E7;
}

.step-navigation li p {
	color: #444;
	margin: 0;
	display: block;
	font-size: 13px;
	line-height: 20px;
	padding: 10px 18px;
	vertical-align: middle;
	text-decoration: none;
	white-space: nowrap;
	position: relative;
}

.step-navigation p:after, .step-navigation p:before {
	border-bottom: 1.5em solid transparent;
	border-left: 1em solid;
	border-top: 1.5em solid transparent;
	content: "";
	margin-top: -1.5em;
	position: absolute;
	right: -0.9em;
	top: 50%;
	border-left-color: #E7E7E7;
	z-index: 3;
}

ul.step-navigation .selected {
	background: #2C5E91;
	color: #FFF100;
}

.step-navigation p:before {
	border-left-color: lightgray;
	right: -1em;
	z-index: 1;
}

.step-navigation p.selected:after {
	border-left-color: #2C5E91;
}

.step-navigation li:last-child p:after,.step-navigation li:last-child p:before {
	content: none;
}

.step-navigation p:first-child {
    border-radius: 4px 0px 0px 4px;
}

.step-navigation li:last-child p {
	border-radius: 0px 4px 4px 0px;
}

.step-navigation p {
	text-transform: uppercase ;
	font-weight: 600 ;
}

/* end step navigation */


/**************************************************
IWE Styles
***************************************************/
button.iweButton.primary-normal:disabled, 
iwe-button.primary-normal:disabled {
    color: #e2e6ef;
    background: #c1c6d0;
    background-image: none;
    border-color: #d4d4d4;
}

/**************************************************
	Google Maps Autocomplete CSS
***************************************************/
.pac-container{background-color:#fff;position:absolute!important;z-index:1000;border-radius:2px;border-top:1px solid #d9d9d9;font-family:Arial,sans-serif;box-shadow:0 2px 6px rgba(0,0,0,.3);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.pac-container:after{content:"";padding:1px 1px 1px 0;height:16px;text-align:right;display:block;background-image:url(//maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white2.png);background-position:right;background-repeat:no-repeat;background-size:104px 16px}.hdpi.pac-container:after{background-image:url(//maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white2_hdpi.png)}.pac-item{cursor:default;padding:0 4px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:30px;text-align:left;border-top:1px solid #e6e6e6;font-size:11px;color:#999}.pac-item:hover{background-color:#fafafa}.pac-item-selected,.pac-item-selected:hover{background-color:#ebf2fe}.pac-matched{font-weight:700}.pac-item-query{font-size:13px;padding-right:3px;color:#000}.pac-icon{width:15px;height:20px;margin-right:7px;margin-top:6px;display:inline-block;vertical-align:top;background-image:url(//maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);background-size:34px}.hdpi .pac-icon{background-image:url(//maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png)}.pac-icon-search{background-position:-1px -1px}.pac-item-selected .pac-icon-search{background-position:-18px -1px}.pac-icon-marker{background-position:-1px -161px}.pac-item-selected .pac-icon-marker{background-position:-18px -161px}.pac-placeholder{color:gray}.custom-prediction-label{font-style:italic}


.ng-invalid-vs-autocomplete-validator, .ng-invalid {
	border-color: #D8000C;
}

/**************************************************
Kendo Theme modification
**************************************************/
.k-dropdown {
border: 1px solid #ccc !important;
}


/**************************************************
Grandes and GPA Styles
***************************************************/
.required-text{
	  color: #b30000;
}

.title-text-color{
	color: rgb(78, 141, 182);
}

/**************************************************
Security Video Styles
***************************************************/
.video-image-wrapper {
	overflow: hidden; 
	margin-bottom: 5px;
}
.video-box {
	margin-bottom: 20px;
}
.video-text-wrapper {
	height: 50px;
	overflow: hidden;
}

.playlist-wrapper {
	float: right;
	padding-right: 2%;
}

/**************************************************
Degree Progress Report
***************************************************/
.callout { color:#204e91; display:block; font-size:2.4em; font-weight:600; line-height:1.2; margin-bottom:5px; text-transform:uppercase; }
.callout-alt { color:#4e8db6; display:block; font-size:2.1em; font-weight:300; line-height:1.2; margin-bottom:15px; }
.callout-link { background:url(../img/callout-link-arrow.png) no-repeat left 5px; background-position:left 6px; color:#955efc !important; display:block; font-size:2.1em; font-weight:300; line-height:1.2; margin:15px 0; padding-left:35px; text-decoration:none; }
.callout-link:hover { text-decoration:underline; }
.callout-headline { margin-bottom:20px; margin-top:15px; }
.callout-headline:first-child { margin-top:0; }


/***************************************************
Transcript
***************************************************/
.transcript-info td, .transcript-info th {
	padding: .35rem;
}

.popover.in {
    opacity: 1.0;
    filter: alpha(opacity=100);
}

.popover-content {
    padding: 9px 14px;
}

/*****************************
	ADMISSION
*****************************/

ul.admission-status {
	padding: 0;
}

.slr-steps-box h5 {
	font-size: 1.4em;
	line-height: 1.2;
	margin-bottom: 10px;
	font-weight: normal;
	margin-top: 15px;
	white-space: nowrap;
}

.slr-steps-box ol li{
	list-style: outside decimal;
	margin-left: 15px;
}

.slr-steps-box ol{
	margin: 0 0 10px;
	padding: 0;
}

.admission .box {
	margin: 0 0 10px 0;
}

.meter {
	width: 85%;
	padding: 0;
	margin: 0 0 10px 10px;
	display: block;
}

 select.k-select {
	padding: 0px;
	border-top: 1px solid #7C7C7C;
	border-left: 1px solid #C3C3C3;
	border-right: 1px solid #C3C3C3;
	border-bottom: 1px solid #DDD;
	height: 30px;
	color: #666;
}
.spacer-top-1 {
	margin-top: 10px !important;
}

#sidebar-content .no-border-box p {
	margin-bottom: 10px;
}

#help_widget_section ul{
	display: block;
	list-style-type: disc;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 40px;
	padding-left: 20px;
}

#help_widget_section {
	padding: 5px;
}

.widget_container {
	border: 1px solid #ccc;
	margin: 0 0 4px 0;
}

ul.languageSelector {
	column-count: 2;
	column-gap: 5px;
}

div.disclosureText p:first-of-type {
	font-weight: 700 !important;
}

div.disclosureText {
	margin-bottom: 10px;
}

/****************************
Tables
*****************************/
.data-header {
	background-color: rgb(234, 234, 234);
	margin-bottom: 0px;
	vertical-align: bottom;
}

.data-header [class*="span"]
	/* .data-header .span1, .data-header .span2, .data-header .span3, .data-header .span4{ */
	{
	padding: 12px 6px 6px;
	border-right: 1px solid white;
	height: 105%;
	font-weight: bold;
	margin-left: 0 !important;
}

.data-header [class*="span"]:last-child {
	border-right: none;
}

.data-aside [class*="span"] {
	padding: 6px;
	margin-left: 0 !important;
}

.data-aside:nth-child(even), .odd, .odd .row {
	background-color: rgb(255, 255, 255);
	padding-bottom: 0px;
	padding-top: 0px;
}

.data-aside:nth-child(odd), .even, .even .row {
	background-color: rgb(240, 240, 240);
	padding-top: 0px;
}

.data-aside:last-child {
	border-bottom: 1px solid rgb(234, 234, 234);
}

.data [class*="span"] {
    padding: 6px;
    margin-left: 0 !important;
}

.heading {
	border-bottom: 1px solid #cccccc;
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 120%;
	padding-bottom: 10px;
}
/* #contact_data .span1, #address_data .span1, #phone_data .span1 {width: 20%;} */
/* #contact_data .span2, #address_data .span2, #phone_data .span2 {width: 45%;} */
/* #contact_data .span3, #address_data .span3, #phone_data .span3 {width: 20%;} */
#contact_data .span4,#address_data .span4,#phone_data .span4 {
	width: 39%;
}


address .row, campus-address .row {
	margin-left: 0px;
}

address-row ul.address {
	padding-left: 0px;
}

.span2 #staffMenu {
    text-transform: uppercase;
}

.span2 #staffMenu a {
	color: #428bca;
}