/* Client side */

.cfct-build { /* Prevent overflow issues in IE */
	overflow:hidden;
	width:100%;
}

.cfct-module {
	margin-right: 15px;
	margin-left: 15px;
}

/* zero out left most module */
.c6-12 .cfct-module, 
.c6-1234 .cfct-module,
.c4-12 .cfct-module,
.c6-123 .cfct-module,
.c4-1234 .cfct-module,
.c6-123456 .cfct-module {
	margin-left: 0;	
}
/* zero out right most module */
.c6-56 .cfct-module,
.c4-34 .cfct-module,
.c6-456 .cfct-module,
.c6-3456 .cfct-module,
.c4-1234 .cfct-module,
.c6-123456 .cfct-module {
	margin-right: 0;
}

/* Thirds */
.c6-12, .c6-23, .c6-34, .c6-45, .c6-56 {
	width: 33.3%;
}
/* Halves */
.c4-12,.c4-23,.c4-34,
.c6-123,.c6-234,.c6-345,.c6-456 {
	width: 49.999%;
}
/* Two-thirds */
.c6-1234,.c6-2345,.c6-3456 {
	width: 66.6%;
}
/* Full-width */
.c6-123456,
.c4-1234 {
	width: 100%;
}

/** grid utilities
 -------------------------------------------------- */
/* Row Clearfix
Uses variation of Nicolas Gallagher's Micro Clearfix.
http://nicolasgallagher.com/micro-clearfix-hack/ */
.row:before,
.row:after {
	content:"";
	display:table;
}
.row:after {
	clear:both;
}
.row {
	/* Just in case: make sure that rows clear outside floats. */
	clear: both;
	/* For IE 6/7 (trigger hasLayout) */
	zoom:1;
}

/** grid helper classes
 -------------------------------------------------- */
/* Set overflow:hidden to crop overflow content.
Good for user-generated content. Use this class if you want to support IE6 -- it has issues with overflow.
Example usage: .grid.hideoverflow. */
.hideoverflow .c6-1, .hideoverflow .c6-2, .hideoverflow .c6-3, .hideoverflow .c6-4, .hideoverflow .c6-5, .hideoverflow .c6-6,
.hideoverflow .c4-1, .hideoverflow .c4-2, .hideoverflow .c4-3, .hideoverflow .c4-4,
.hideoverflow .c6-12, .hideoverflow .c6-123, .hideoverflow .c6-1234, .hideoverflow .c6-12345, .hideoverflow .c6-123456,
.hideoverflow .c6-23, .hideoverflow .c6-234, .hideoverflow .c6-2345, .hideoverflow .c6-23456,
.hideoverflow .c6-34, .hideoverflow .c6-345, .hideoverflow .c6-3456,
.hideoverflow .c6-45, .hideoverflow .c6-456, .hideoverflow .c6-56,
.hideoverflow .c4-12, .hideoverflow .c4-123, .hideoverflow .c4-1234,
.hideoverflow .c4-23, .hideoverflow .c4-234,
.hideoverflow .c4-34 {
	overflow: hidden;
}

/** edit links for modules
 -------------------------------------------------- */
.cfct-module-border {
	border-radius: 3px;
	outline: transparent dashed 1px;
	position: relative;
}
.cfct-module-border:hover {
	outline-color: #666;
}
.cfct-build-module-edit-link {
	background: #666;
	border-radius: 3px;
	color: #fff;
	display: none;
	font: Helvetica, Arial, sans-serif;
	font-size: 12px;
	padding: 2px 7px;
	position: absolute;
	right: -1px;
	top: -1px;
	z-index: 9999;
}
.cfct-module-border:hover .cfct-build-module-edit-link {
	color: #fff;
	display: block;
}
/* ADDED CUSTOM CSS */

.callout-image-content {
                margin-left: -15px;
            }

            .callout-image-content h5.name,.callout-image-content h4.name {
                letter-spacing: normal;
                margin-bottom: 0;
                margin-top: 0;
                text-transform: none;
            }

.cfct-notice {
					display: block;
					position: relative;
					padding: 0;
					padding: 10px 0 10px 10px;
				}
				.cfct-notice .cfct-notice-inner {
					display: block;
					margin: 0;
					padding: 0;
					border-left: 0;
					line-height: 1.5em;
				}

.cfct-pullquote {
					display: block;
					position: relative;
					padding: 0;
					padding: 10px 0 10px 10px;
				}
				.cfct-pullquote .cfct-pullquote-inner {
					display: block;
					margin: 0;
					padding: 0;
					border-left: 0;
					line-height: 1.5em;
				}
				.cfct-pullquote .cfct-pullquote-open-quote, 
				.cfct-pullquote .cfct-pullquote-close-quote {
					font-size: 80px;
					color: gray;
					height: 18px;
				}
				.cfct-pullquote .cfct-pullquote-open-quote {
					float: left;
					margin-top: -10px;
					line-height: .8em;
				}
				.cfct-pullquote .cfct-pullquote-close-quote {
					float: right;
					margin-top: 10px;
					line-height: 0em;
				}

/* collapse supplemental menus on mobile */
				.cfct-module .navbar-collapse {
				    max-height: none;
				    padding-right: 0;
				    padding-left: 0;
				}
				.cfct-module .navbar-collapse {
				    max-height: none;
				    padding-right: 0;
				    padding-left: 0;
				}
				@media (max-width: 767px) {
				    .cfct-module button.visible-xs {
				        display: inline !important;
				    }
				    .cfct-module button.visible-xs:hover {
				        text-decoration: none;
				    }
				}
				.cfct-module-loop-subpages h3.cfct-mod-title button.collapsed .glyphicon.glyphicon-chevron-up
				{
					transform: rotate(180deg);
				}
				.cfct-module-loop-subpages h3.cfct-mod-title button .glyphicon.glyphicon-chevron-up
				{
					   font-style: normal;
                       font-weight: 100;
                       font-size: 14px;

				}
				
				.cfct-module-loop-subpages h3.cfct-mod-title button {
                    color: rgb(153, 0, 51);
                    border: 0px none white;
                    background-color:transparent;
                }

/* collapse supplemental menus on mobile */
				.cfct-module .navbar-collapse {
				    max-height: none;
				    padding-right: 0;
				    padding-left: 0;
				}
				.cfct-module .navbar-collapse {
				    max-height: none;
				    padding-right: 0;
				    padding-left: 0;
				}
				@media (max-width: 767px) {
				    .cfct-module button.visible-xs {
				        display: inline !important;
				    }
				    .cfct-module button.visible-xs:hover {
				        text-decoration: none;
				    }
				}
				.cfct-supplemental h3.cfct-mod-title button.collapsed .glyphicon.glyphicon-chevron-up
				{
					transform: rotate(180deg);
				}
				.cfct-supplemental h3.cfct-mod-title button .glyphicon.glyphicon-chevron-up
				{
					   font-style: normal;
                       font-weight: 100;
                       font-size: 14px;
                }
                .cfct-supplemental h3.cfct-mod-title button {
                    color: rgb(153, 0, 51);
                    border: 0px none white;
                    background-color:transparent;
                }
                .cfct-supplemental .cfct-mod-content .faux-dropdown li ul {
                	background: transparent;
                	border-top: none;
                }

/* Client side */

.cfct-build { /* Prevent overflow issues in IE */
	overflow:hidden;
	width:100%;
}

.cfct-module {
	margin-right: 15px;
	margin-left: 15px;
}

/* zero out left most module */
.c6-12 .cfct-module, 
.c6-1234 .cfct-module,
.c4-12 .cfct-module,
.c6-123 .cfct-module,
.c4-1234 .cfct-module,
.c6-123456 .cfct-module {
	margin-left: 0;	
}
/* zero out right most module */
.c6-56 .cfct-module,
.c4-34 .cfct-module,
.c6-456 .cfct-module,
.c6-3456 .cfct-module,
.c4-1234 .cfct-module,
.c6-123456 .cfct-module {
	margin-right: 0;

}

/* Thirds */
.c6-12, .c6-23, .c6-34, .c6-45, .c6-56 {
	width: 33.3%;
}
/* Halves */
.c4-12,.c4-23,.c4-34,
.c6-123,.c6-234,.c6-345,.c6-456 {
	width: 49.999%;
}
/* Two-thirds */
.c6-1234,.c6-2345,.c6-3456 {
	width: 66.6%;
}
/* Full-width */
.c6-123456,
.c4-1234 {
	width: 100%;
}

/** grid utilities
-------------------------------------------------- */
/* Row Clearfix
Uses variation of Nicolas Gallagher's Micro Clearfix.
http://nicolasgallagher.com/micro-clearfix-hack/ */
.row:before,
.row:after {
	content:"";
	display:table;
}
.row:after {
	clear:both;
}
.row {
	/* Just in case: make sure that rows clear outside floats. */
	clear: both;
	/* For IE 6/7 (trigger hasLayout) */
	zoom:1;
}

/** grid helper classes
-------------------------------------------------- */
/* Set overflow:hidden to crop overflow content.
Good for user-generated content. Use this class if you want to support IE6 -- it has issues with overflow.
Example usage: .grid.hideoverflow. */
.hideoverflow .c6-1, .hideoverflow .c6-2, .hideoverflow .c6-3, .hideoverflow .c6-4, .hideoverflow .c6-5, .hideoverflow .c6-6,
.hideoverflow .c4-1, .hideoverflow .c4-2, .hideoverflow .c4-3, .hideoverflow .c4-4,
.hideoverflow .c6-12, .hideoverflow .c6-123, .hideoverflow .c6-1234, .hideoverflow .c6-12345, .hideoverflow .c6-123456,
.hideoverflow .c6-23, .hideoverflow .c6-234, .hideoverflow .c6-2345, .hideoverflow .c6-23456,
.hideoverflow .c6-34, .hideoverflow .c6-345, .hideoverflow .c6-3456,
.hideoverflow .c6-45, .hideoverflow .c6-456, .hideoverflow .c6-56,
.hideoverflow .c4-12, .hideoverflow .c4-123, .hideoverflow .c4-1234,
.hideoverflow .c4-23, .hideoverflow .c4-234,
.hideoverflow .c4-34 {
	overflow: hidden;
}

/** edit links for modules
-------------------------------------------------- */
.cfct-module-border {
	border-radius: 3px;
	outline: transparent dashed 1px;
	position: relative;
}
.cfct-module-border:hover {
	outline-color: #666;
}
.cfct-build-module-edit-link {
	background: #666;
	border-radius: 3px;
	color: #fff;
	display: none;
	font: Helvetica, Arial, sans-serif;
	font-size: 12px;
	padding: 2px 7px;
	position: absolute;
	right: -1px;
	top: -1px;
	z-index: 9999;
}
.cfct-module-border:hover .cfct-build-module-edit-link {
	color: #fff;
	display: block;
}
/* ADDED CUSTOM CSS */

.callout-image-content {
	margin-left: -15px;
}

.callout-image-content h5.name,.callout-image-content h4.name {
	letter-spacing: normal;
	margin-bottom: 0;
	margin-top: 0;
	text-transform: none;
}

.cfct-notice {
	display: block;
	position: relative;
	padding: 0;
	padding: 10px 0 10px 10px;
}
.cfct-notice .cfct-notice-inner {
	display: block;
	margin: 0;
	padding: 0;
	border-left: 0;
	line-height: 1.5em;
}

.cfct-pullquote {
	display: block;
	position: relative;
	padding: 0;
	padding: 10px 0 10px 10px;
}
.cfct-pullquote .cfct-pullquote-inner {
	display: block;
	margin: 0;
	padding: 0;
	border-left: 0;
	line-height: 1.5em;
}
.cfct-pullquote .cfct-pullquote-open-quote, 
.cfct-pullquote .cfct-pullquote-close-quote {
	font-size: 80px;
	color: gray;
	height: 18px;
}
.cfct-pullquote .cfct-pullquote-open-quote {
	float: left;
	margin-top: -10px;
	line-height: .8em;
}
.cfct-pullquote .cfct-pullquote-close-quote {
	float: right;
	margin-top: 10px;
	line-height: 0em;
}

/* collapse supplemental menus on mobile */
.cfct-module .navbar-collapse {
	max-height: none;
	padding-right: 0;
	padding-left: 0;
}
.cfct-module .navbar-collapse {
	max-height: none;
	padding-right: 0;
	padding-left: 0;
}
@media (max-width: 767px) {
	.cfct-module button.visible-xs {
		display: inline !important;
	}
	.cfct-module button.visible-xs:hover {
		text-decoration: none;
	}
}
.cfct-module-loop-subpages h3.cfct-mod-title button.collapsed .glyphicon.glyphicon-chevron-up
{
	transform: rotate(180deg);
}
.cfct-module-loop-subpages h3.cfct-mod-title button .glyphicon.glyphicon-chevron-up
{
	font-style: normal;
	font-weight: 100;
	font-size: 14px;

}

.cfct-module-loop-subpages h3.cfct-mod-title button {
	color: rgb(153, 0, 51);
	border: 0px none white;
	background-color:transparent;
}

/* collapse supplemental menus on mobile */
.cfct-module .navbar-collapse {
	max-height: none;
	padding-right: 0;
	padding-left: 0;
}
.cfct-module .navbar-collapse {
	max-height: none;
	padding-right: 0;
	padding-left: 0;
}
@media (max-width: 767px) {
	.cfct-module button.visible-xs {
		display: inline !important;
	}
	.cfct-module button.visible-xs:hover {
		text-decoration: none;
	}
}
.cfct-supplemental h3.cfct-mod-title button.collapsed .glyphicon.glyphicon-chevron-up
{
	transform: rotate(180deg);
}
.cfct-supplemental h3.cfct-mod-title button .glyphicon.glyphicon-chevron-up
{
	font-style: normal;
	font-weight: 100;
	font-size: 14px;
}
.cfct-supplemental h3.cfct-mod-title button {
	color: rgb(153, 0, 51);
	border: 0px none white;
	background-color:transparent;
}
.cfct-supplemental .cfct-mod-content .faux-dropdown li ul {
	background: transparent;
	border-top: none;
}

.uwsa-system-roster .map {
	width: 100%;
	padding-bottom: 16px
}

.uwsa-system-roster .map .map-container {
	width: 416px;
	display: block;
	margin: 0 auto;
	position: relative;
	margin-top:30px;
	margin-bottom:20px;
}
.uwsa-system-roster .map .map-container img.map-background {
	width: 100%;
	margin-bottom: 0;
	padding: 0;
	transform: scale(1.1);

}

.uwsa-system-roster .map .marker {
	position: absolute;
	width: 4.8%;
	padding-bottom: 4.8%;
	height: 0;
	background-repeat: no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-size: 100%;
	z-index: 2;
}
.uwsa-system-roster .map .marker.two-year {
	background-image: url("https://uwsa.local/wp-content/themes/_tk-uwsa-theme/carrington-extensions/modules/uwsa-system-roster/views/images/2year.png");
	display: none;
}
.uwsa-system-roster .map .marker.four-year {
	background-image: url("https://uwsa.local/wp-content/themes/_tk-uwsa-theme/carrington-extensions/modules/uwsa-system-roster/views/images/4year.svg");
}

.uwsa-system-roster ul.details-column > li {
	display: none;
}

.uwsa-system-roster ul.details-column > li.active {
	display: block;
}

.uwsa-system-roster ul.details-column > li.dropdown_select {
	display: block;
	margin-top: 20px;
}

.uwsa-system-roster .map-column {
	text-align: center;
}

.uwsa-system-roster .map-column .map {
	text-align: left;
}

.uwsa-system-roster .map-column ul.other_institutions {
	display: inline-block;
	margin: 0 auto;
}

.uwsa-system-roster .map-column ul.other_institutions li.institution {
	display: inline-block;
	margin: 0 1em 0 0;
}

/* Add glow around active marker */
.uwsa-system-roster a.marker.four-year.active{
	background-color: #b2465c;
	box-shadow: 0 0 10px 0px #b2465c;
	border-radius: 50%;
}

/* Add glow around active marker */
.uwsa-system-roster a.marker.two-year.active{
	background-color: #ababab;
	box-shadow: 0 0 10px 0px #8e8e8e;
	border-radius: 50%;
}

#map_overlay_placeholder.active  {
	transition: opacity .5s linear;
	background-color: white;
	opacity: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 6px;
}
@-moz-document url-prefix() {
	#map_overlay_placeholder {
		margin: -9px -20px -11px 0px;
	}
}
#map_overlay_placeholder.in {
	transition: opacity .5s linear;
	background-color: grey;
	opacity: .6;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 6px;
}

/* for onload instructions modal */

.uwsa-system-roster .modal, .uwsa-system-roster .modal-backdrop {
	position: absolute !important;
	border-radius: 6px;
	overflow-y: hidden !important;
	margin:0px;
}

.uwsa-system-roster .modal-dialog {
	margin-top: 100px !important;
	margin-bottom: 40px !important;
	width: 450px !important;
}
.uwsa-system-roster .modal-dialog p {
	text-align: center;
	color: #990033;
	font-size: 210%;
	margin-bottom: 10px;
}
.uwsa-system-roster .tooltip.top {
	z-index:-50;
}
.uwsa-system-roster .tooltip.top.in {
	z-index: 3;
}
.uwsa-system-roster .system-connection {
	position: absolute;
	width: 0px;
	transform-origin: bottom right;
	z-index: 1;
	border-left: grey 1px dashed;
	border-right: grey 1px dashed;
	display:none;
}

/* ADDED CUSTOM CSS */


.uwsa-system-roster .tooltip.top .tooltip-inner  {
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase; 
	font-size:10px !important;
	font-weight: bold;
	background-color:#c82f27;
	border-radius: 0;
	border:0 !important;
	padding-left:3px;
	padding-right:3px;
	margin-left:20px;
}
.uwsa-system-roster .tooltip-inner {
	margin-top:-10px !important;
}
.uwsa-system-roster .tooltip-arrow {
	border-top-color:#c82f27;
	border-bottom-color:#c82f27;
	position: relative;
	top:12.5px;
}
.uwsa-system-roster .tooltip.in {
	opacity: 1;
  margin-top:22px !important;
}
.uwsa-system-roster .tooltip {
	cursor:pointer;
	height:18px;
}
.uwsa-system-roster .tooltip.bottom .tooltip-inner,
.uwsa-system-roster .tooltip.top .tooltip-inner {
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase; 
	font-size:10px !important;
	font-weight: bold;
	background-color:#c82f27;
	border-radius: 0;
	border:0 !important;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:4px;
	padding-right:4px;
	margin-left:20px;
}

.uwsa-system-roster .tooltip.top {
	margin-top:3px;
	margin-left:1px
}

.uwsa-system-roster .tooltip.bottom {
	margin-top:14px !important;
}

.uwsa-system-roster .tooltip.bottom .tooltip-arrow {
	top:-10px
}