/* 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: 75%;
    display: block;
    margin: 0 auto;
    position: relative;
    /*overflow: hidden;*/
}
.uwsa-system-roster .map .map-container img.map-background {
    width: 100%;
    margin-bottom: 0;
    padding: 0
}

.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: 94%;
    z-index: 2;
}
.uwsa-system-roster .map .marker.two-year {
    background-image: url("https://www.wisconsin.edu/ohrwd/benefits/wp-content/themes/_tk-uwsa-theme/carrington-extensions/modules/uwsa-system-roster/views/images/2year.png");
}
.uwsa-system-roster .map .marker.four-year {
    background-image: url("https://www.wisconsin.edu/ohrwd/benefits/wp-content/themes/_tk-uwsa-theme/carrington-extensions/modules/uwsa-system-roster/views/images/4year.png");
}

.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;
}
/*.uwsa-system-roster .system-connection {*/
    /*position: absolute;*/
    /*background: linear-gradient(to top right, transparent calc(50% - 1px), #999, transparent calc(50% + 2px) );*/
    /*z-index: 1;*/
/*}*/





/* ADDED CUSTOM CSS */