@charset "UTF-8";
/* CSS Document */

BODY {
	/*padding-top: 70px;*/
	margin-top: -50px;
}

CODE {
	white-space: pre;
	color: #00A8E3;
	background-color: transparent;
}

TR.uig_example {
	border-bottom: solid 1px #bfbfbf;
}

.uig_table {
	width: 100%;
}

.uig_code {
	margin-left: 10px;
}

.cald_sub.uig_code {
	margin: 0px 0px 0px 0px;
}

.uig_title {
	font-size: 1.25em;
}

.uig_draft {
	color: #FF6666 !important;
	font-weight: bold;
	font-size: 1.25em;
}

.uig_heading_code {
	width: 100%;
}

.uig_bad_example {
	border: solid 1px #FF9999;
	background-color: #FFF3F3;
}

P.uig_bad_example {
	border: none;
	background-color: transparent;
	color: #FF6666;
}

.uig_pie_chart {
/*	border-radius: 90px;*/
	position: relative;
	background-image: url("../img/pie_chart.png");
	background-repeat: no-repeat;
	height: 190px;
	width: 190px;
	border-radius: 95px;
}

.uig_pie_chart_center {
	height: 130px;
	width: 130px;
	border-radius: 65px;
	background-color: white;
	position: absolute;
	top: 29px;
	left: 29px;
}

.uig_pie_chart_text {
	height: 185px;
	width: 185px;
	background-color: transparent;
	position: absolute;
	top: 0px;
	left: 0px;
	color: #636466;
	font-size: 18px;
	text-align: center;
	padding: 55px;
}

.uig_ring_chart {
	/* h, v, blur, spread, color, inset */
	box-shadow: 0px 0px 7px 1px #666 inset;
}

.uig_ring_chart_center {
	height: 46px;
	width: 46px;
	border-radius: 24px;
	background-color: white;
	position: absolute;
	top: 9px;
	left: 9px;
	color: #636466;
}


.uig_ring_chart_clip {
	height: 64px;
	width: 64px;
	border-bottom: solid 25px white;
	border-left: solid 25px transparent;
	border-right: solid 25px transparent;
	background-color: transparent;
	position: absolute;
	top: 0px;
	left: 0px;
}

.uig_ring_chart_text {
	height: 64px;
	width: 64px;
	background-color: transparent;
	position: absolute;
	top: 0px;
	left: 0px;
	color: #636466;
	font-size: 16px;
	padding-top: 19px;
}

.uig_form_example {
	border: solid 1px #d9d9d9;
	padding: 20px;
}

.uig_strike {
	text-decoration: line-through;
}

.uig_icon_sample {
	margin: 25px 40px;
	height: 32px;
	width: 32px;
	border:solid 1px #bfbfbf;
	padding:5px;
	border-radius: 5px; 
	text-align: center;
}

@media only screen 
and (max-width : 768px) {
	.uig_icon_sample {
		height: 64px;
		width: 64px;
		font-size: 32px;
	}
}

@media only screen 
and (min-width : 768px) {
	.uig_icon_sample {
		height: 48px;
		width: 48px;
		font-size: 24px;
	}
}

/*
@media only screen 
and (min-width : 1200px) {
	.uig_icon_sample {
		height: 32px;
		width: 32px;
		font-size: 16px;
	}
}
*/

.uig_icon_do_not_use {
	border:solid 1px #FFCCCC;
	color: #CC3333;
}

.uig_icon_standard {
	border:solid 1px #72c9e9;
	color: #1ea9e0;
}

.uig_icon_label {
	font-size: 8pt;
	text-align: center;
	margin: 10px -50%;
	line-height: 1.25em;
}

.uig_apple_icon_collapse {
    width: 42px;
    height: 42px;
    background-image: url("../img/iOS_icon_family.png");
    background-position: 253px 84px;
/*	background-repeat: no-repeat;*/
	display: inline-block;
}

.uig_expand_collapse {
}

.uig_expand_collapse caption {
	font-size: larger;
	font-weight: bold;
	white-space: pre;
	color: black;
}

.uig_expand_collapse tfoot {
	font-size: smaller;
	white-space: normal;
}

.uig_expand_collapse th {
	font-weight: normal;
}

.uig_expand_collapse td {
	text-align: center;
	padding: 5px;
}

.uig_expand_collapse th, .uig_expand_collapse td {
	vertical-align: top;
}

/* override for UIG */
.cald_header_bar, .cald_header_menubar {
	width: 80%;
}

.navbar {
	border-radius: none;
}

/* OVERRIDE*/
.navbar-toggle {
    position: relative;
    float: none;
    padding: 9px 10px;
    margin-top: 0px;
    margin-right: 20px;
    margin-bottom: 0px;
    background-color: transparent;
    background-image: none;
    border: none;
    border-radius: none;
}

/* OVERRIDE*/
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: transparent;
}

/* OVERRIDE*/
.navbar-toggle.cald_header_section_left {
	margin: 13px 20px;
	padding: 0px;
	border: none;
    float: left;
}

#cald_hamburger_menu {
	border: none;
    float: left;
}