body { font-size:15px; line-height:1.7; font-family:"robotolight", sans-serif; color:#333; background-color:#f6f6f6; }


@font-face {
    font-family: 'robotolight';
    src: url('../fonts/Roboto-Light-webfont.eot');
    src: url('../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Light-webfont.woff') format('woff'),
         url('../fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotolight_italic';
    src: url('../fonts/Roboto-LightItalic-webfont.eot');
    src: url('../fonts/Roboto-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-LightItalic-webfont.woff') format('woff'),
         url('../fonts/Roboto-LightItalic-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-LightItalic-webfont.svg#robotolight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/Roboto-Regular-webfont.eot');
    src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/Roboto-Medium-webfont.eot');
    src: url('../fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Medium-webfont.woff') format('woff'),
         url('../fonts/Roboto-Medium-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_slablight';
    src: url('../fonts/RobotoSlab-Light-webfont.eot');
    src: url('../fonts/RobotoSlab-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoSlab-Light-webfont.woff') format('woff'),
         url('../fonts/RobotoSlab-Light-webfont.ttf') format('truetype'),
         url('../fonts/RobotoSlab-Light-webfont.svg#roboto_slablight') format('svg');
    font-weight: normal;
    font-style: normal;
}


strong { font-family:"robotomedium"; font-weight:normal; }
em { font-family:"robotolight_italic"; font-style:normal; }


h1, h2, h3, h4, h5, h6 { font-family:"robotolight", sans-serif; margin:0 0 30px; font-weight:normal; }
h1 { font-size:30px; font-family:"roboto_slablight"; color:#111; margin:0 auto 30px; border-bottom:1px solid #e0e0e0; padding:0 15px 10px; }
h1 a { color:#111; }
h2 { font-size:22px; font-family:"robotoregular"; margin-bottom:10px; }
h3 { font-size:20px; margin-bottom:10px; }
h4 { font-size:18px; font-family:"robotoregular"; margin-bottom:10px; }

p { margin:0 0 15px; }


a { color:#005da6;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; 
	}
a:hover { color:#000; text-decoration:none; }


hr { height:1px; margin:0; margin:30px 0; color:#e0e0e0; background-color:#e0e0e0; border:none; }


.form-control { border:1px solid #ccc; background:#eee;
	-webkit-transition: background 0.5s ease;
	-moz-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	transition: background 0.5s ease;
	box-sizing: border-box;
	}
.form-control:focus {
    background-color: #f5f5f5;
    box-shadow: none;
	}


.btn-default { font-size:16px; font-family:"robotoregular"; color:#fff; text-shadow: 0 -1px 1px #aaa; border:none; padding-left:20px; padding-right:20px; background-color:#c0c0c0; 
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	}

.btn-default:hover, .btn-default:focus { border:none; outline:0; color:#fff; background-color:#c0c0c0; 
    -moz-box-shadow:inset 0 0 10px #888;
	-webkit-box-shadow:inset 0 0 10px #888;
	box-shadow:inset 0 0 10px #888;
	}

.btn-sm { padding:2px 10px; font-size:14px; }

.btn-xs { font-size:13px; font-family:"robotoregular"; color:#aaa; text-shadow: 0 1px 1px #fff; border:none; padding:2px 10px; background-color:#f0f0f0; 
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	}

.btn-xs:hover, .btn-xs:focus { border:none; outline:0; color:#666;
    -moz-box-shadow:inset 0 0 6px #c0c0c0;
	-webkit-box-shadow:inset 0 0 6px #c0c0c0;
	box-shadow:inset 0 0 6px #c0c0c0;
	}

.btn-major { background-color:#005da6; text-shadow: 0 -1px 1px #666; }
.btn-major:hover, .btn-major:focus { background-color:#005da6;
    -moz-box-shadow:inset 0 0 10px #036;
	-webkit-box-shadow:inset 0 0 10px #036;
	box-shadow:inset 0 0 10px #036;
	}

.btn-actions { padding:0 7.5px; margin-left:5px; font-size:16px; border:none; background-color:#c0c0c0; 
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	}
.btn-actions:hover, .btn-actions:focus { border:none; outline:0; color:#fff; background-color:#c0c0c0; 
    -moz-box-shadow:inset 0 0 6px #888;
	-webkit-box-shadow:inset 0 0 6px #888;
	box-shadow:inset 0 0 6px #888;
	}


/*  HEADER  */

#nav-actions.navbar { min-height:30px; border:none; z-index:1050; background-color:#ccc; font-family:"robotoregular"; border-bottom:1px solid #b0b0b0; }
#nav-actions.navbar-nav > li > a, #nav-actions ul.nav li a { display:block; font-size:13px; padding:5px 10px; color:#666; border-right:1px solid #999; 
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; 
	}
#nav-actions .navbar-nav.navbar-right li a { border-left:1px solid #999; border-right:none; }
#nav-actions .navbar-nav.navbar-right li:first-child a { border-left:none; }
#nav-actions.navbar ul.nav li a:hover { background-color:#aaa; color:#333; text-shadow:0 1px 1px #d0d0d0; }
#nav-actions.navbar ul.nav li .dropdown-menu a { border:none; }
#nav-actions.navbar ul.nav li .dropdown-menu a:hover { background-color:#e0e0e0; }
#nav-actions .search-form { max-width:250px; margin-right:15px; }
#nav-actions .form-control { height:24px; margin:0; border:1px solid #aaa; }
#nav-actions .btn { padding:2px 10px; font-size:13px; background-color:#ddd; color:#666; text-shadow:0 1px 1px #fff; border:1px solid #aaa; }
#nav-actions .btn:hover, #nav-actions .btn:focus { color:#333;
    -moz-box-shadow:inset 0 0 6px #aaa;
	-webkit-box-shadow:inset 0 0 6px #aaa;
	box-shadow:inset 0 0 6px #aaa;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; 
	}

#icon { width:100px; float:left; margin-right:30px; margin-bottom:30px; text-align:center; }
#icon img { width:100px; height:100px; border:3px solid #e0e0e0; margin-bottom:5px;
		-moz-border-radius:15px;
	 -webkit-border-radius:15px;
			 border-radius:15px;
		   -moz-box-shadow:rgba(0,0,0,0.3) 0 1px 3px;
		-webkit-box-shadow:rgba(0,0,0,0.3) 0 1px 3px;
				box-shadow:rgba(0,0,0,0.3) 0 1px 3px;
	}

nav { margin-top:30px; } 
nav.navbar { font-family:"robotomedium"; border:none; 
		   -moz-box-shadow:rgba(0,0,0,0.3) 0 1px 3px;
		-webkit-box-shadow:rgba(0,0,0,0.3) 0 1px 3px;
				box-shadow:rgba(0,0,0,0.3) 0 1px 3px;
				background: -moz-linear-gradient(top,  #f5f5f5 0%, #d5d5d5 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#d5d5d5));
				background: -webkit-linear-gradient(top,  #f5f5f5 0%,#d5d5d5 100%); background: -o-linear-gradient(top,  #f5f5f5 0%,#d5d5d5 100%);
				background: -ms-linear-gradient(top,  #f5f5f5 0%,#d5d5d5 100%); background: linear-gradient(to bottom,  #f5f5f5 0%,#d5d5d5 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#d5d5d5',GradientType=0 );
	}
nav .navbar-brand { padding:10px 15px; }
nav .navbar-brand img { height:30px; border:none; }

nav .navbar-default .navbar-nav > li > a, nav ul.nav li a { text-shadow:0 1px 1px #fff; color:#666; font-size:18px;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; 
	}
nav .navbar-default .navbar-nav > li > a:hover, nav ul.nav li a:hover { color:#111; text-shadow:0 1px 1px #e0e0e0;
	-moz-box-shadow:inset 0 0 18px #aaa;
	-webkit-box-shadow:inset 0 0 18px #aaa;
	box-shadow:inset 0 0 18px #aaa;
	}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color:#000; text-shadow:0 1px 1px #e0e0e0; background-color:#c0c0c0;
	-moz-box-shadow:inset 0 0 24px #888;
	-webkit-box-shadow:inset 0 0 24px #888;
	box-shadow:inset 0 0 24px #888;
	}


@media (min-width: 768px) {
	nav .navbar-nav.navbar-right:last-child { margin-right:0; }
	#nav-actions .navbar-nav.navbar-right:last-child { margin-right:0; }
}

@media (max-width: 767px) {
	.navbar-nav { background-color:#fff; margin-top:0; margin-bottom:0; }
}

@media (min-width: 768px) and (max-width: 991px) {
	.navbar-header { float:none; }
    .navbar-toggle { display:block; }
    .navbar-collapse { border-top:none; box-shadow:none; background-color:#fff; }
    .navbar-collapse.collapse { display:none!important; }
    .navbar-nav { float:none!important; }
    .navbar-nav>li { float:none; margin-right:-15px; }
}

@media (max-width: 991px) {
	nav { margin-top:0; }
	.navbar-nav { background-color:#fff; }
	.navbar ul.nav li a:hover { background-color:#e0e0e0; }
	nav .navbar-default .navbar-nav > li > a:hover, nav ul.nav li a:hover { color:#111; text-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
		}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color:#b0b0b0; text-shadow:none; background-color:#f5f5f5;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
		}
	.search-form { margin:15px; }
}




/*  FOOTER  */
footer { width:auto; padding:15px 0; text-align:center; font-size:11px; color:#888; border-top:1px solid #e0e0e0; }
footer img { height:20px; border:none; margin-right:15px; vertical-align:middle; }



/*  BODY  */
.wrapper { min-height:400px; margin-top:80px; background-color:#fff; padding-top:15px; padding-bottom:15px; }

.row { margin-right:0; margin-left:0; }
.row-full { margin-right:-15px; margin-left:-15px; }

 ol li, ul li, table, .panel {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    }

ul.nostyle { margin:0 0 30px; padding:0; list-style:none; }


.heading { margin:0 15px 15px; border-bottom:1px solid #e0e0e0; padding-bottom:15px; }
.heading h1 { font-size:30px; font-family:"roboto_slablight"; color:#111; margin:0; margin-left:-15px; border-bottom:none; padding:0; }

.search  { margin-right:-15px; }
.search .btn { background-color:#ddd; color:#666; text-shadow:0 1px 1px #fff; border:1px solid #c0c0c0; padding-top:5px; padding-bottom:5px; }
.search .btn:hover, .search .btn:focus { color:#333;
    -moz-box-shadow:inset 0 0 6px #aaa;
	-webkit-box-shadow:inset 0 0 6px #aaa;
	box-shadow:inset 0 0 6px #aaa;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; 
	}


.table-list { font-size:13px; margin-bottom:30px; }
.table-list.table-bordered { border-left:none; border-right:none; }
.table-list.table-bordered td { vertical-align:middle; border-left:none; border-right:none; }
.table-list.table-bordered th { border:none; text-transform:uppercase; font-family:"robotoregular"; font-weight:normal; font-size:11px; color:#111; padding-top:0; }
table.table-list.table-bordered { border-top:none; }

.details { font-size:13px; color:#888; padding-right:15px; text-align:right; }
td.details { width:100px; text-align:right; white-space:nowrap; }

.control-label { font-weight:normal; font-size:13px; color:#888; }
.form-horizontal .label-left { text-align:left; }

.pagination { font-size:11px; margin-top:0; }
.pagination .active a { background-color:#d0d0d0; border-color:#b0b0b0; }


.status-open { color:#090; }
.status-open .fa-circle { color:#0c0; }
.status-closed { color:#c0c0c0; }
.status-closed .fa-circle { visibility:hidden; }
.status-overdue { color:#f00; }
.fa-circle { 
		-moz-border-radius:50%;
	 -webkit-border-radius:50%;
			 border-radius:50%;
		   -moz-box-shadow:rgba(0,0,0,0.3) 0 1px 3px;
		-webkit-box-shadow:rgba(0,0,0,0.3) 0 1px 3px;
				box-shadow:rgba(0,0,0,0.3) 0 1px 3px;
	}


.login-panel { padding:15px; margin-top:60px; }
.login-logo { max-height:60px; margin:0 auto 30px; }

.tab-content { margin-top:15px; }
.tab-content h4 { margin-bottom:5px; }


#launchpad { margin:60px 0; }
#launchpad .search { margin-right:0; }


#record-heading a { color:#333; }
#record-heading a:hover { color:#005da6; }
#record-heading a.btn { text-decoration:none; color:#aaa; }
#record-heading a.btn:hover { color:#666; }
#record-info { margin:0 0 15px; padding-bottom:15px; border-bottom:1px solid #e0e0e0;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(240,240,240,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
	}

#record-modules.row { margin-right:15px; margin-left:15px; }
#record-modules.row-full { margin-left:0; margin-right:0; }
#record-modules #columns {
	-webkit-column-count: 3;
	-webkit-column-gap: 30px;
	-moz-column-count: 3;
	-moz-column-gap: 30px;
	column-count: 3;
	column-gap: 30px;
	}
	
#panel-module.panel { background-color:#f0f0f0; margin-bottom:15px; }
#panel-module.panel a { font-family:"robotoregular"; color:#333; }
#panel-module.panel a:hover { color:#005da6; }
#panel-module .panel-heading { margin-bottom:0; padding:5px 15px; font-size:18px;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(240,240,240,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
	}
#panel-module .panel-body { padding-top:0; padding-bottom:0; }
#panel-module ul { margin:0 0 15px; padding:0; list-style:none; }
#panel-module ul li { padding:10px 0; border-bottom:1px solid #e0e0e0; }
#panel-module ul li:last-child { border-bottom:none; padding-bottom:0; }
#panel-module .form-control { background-color:#fff; margin-bottom:10px; }
#panel-module .icon { font-size:20px; width:20px; height:20px; padding-right:30px; vertical-align:middle; }
#panel-module .table-list { margin-top:10px; margin-bottom:10px; }
#panel-module .table-striped > tbody > tr:nth-child(odd) > td, #panel-module .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f0f0f0; }
#panel-module .table-hover > tbody > tr:hover > td, #panel-module .table-hover > tbody > tr:hover > th { background-color: #f5f5f5; }
#panel-module a.btn-actions { color:#005da6; }
#panel-module a.btn-actions:hover, #panel-module a.btn-actions:focus { color:#fff; }
#panel-module .tasks-checkbox { display:inline-block; margin-right:5px; }


.modal-header h2 { margin-bottom:0; }

ul.chooser { margin:0 auto 30px; padding:0; list-style:none; }
ul.chooser li { display:block; margin-bottom:5px; }
ul.chooser li a { display:block; width:180px; background-color:#b0b0b0; padding:15px; text-align:center; border-radius:6px; line-height:1; color:#fff; text-shadow:0 -1px 1px #aaa; }
ul.chooser li a:hover { background-color:#888; }

/* size of icons */
ul.icons { margin:-15px auto 0; padding:0; list-style:none; }
ul.icons li { width:150px; height:150px; display:inline-block; margin:15px; padding:15px; text-align:center; border:3px solid #e0e0e0; position:relative; 
		-moz-border-radius:18px;
	 -webkit-border-radius:18px;
			 border-radius:18px;
		   -moz-box-shadow:rgba(0,0,0,0.3) 0 1px 3px;
		-webkit-box-shadow:rgba(0,0,0,0.3) 0 1px 3px;
				box-shadow:rgba(0,0,0,0.3) 0 1px 3px;
	}
ul.icons li a { display:block; color:#fff; }
ul.icons img { max-width:100px; max-height:100px; margin-bottom:10px; }
ul.icons i { font-size:90px; }
.icon-badge { position:absolute; top:-10px; right:-10px; border-radius:45%; padding:10px; font-weight:bold; font-size:13px; color:#fff; background-color:#f00; 
		   -moz-box-shadow:rgba(0,0,0,0.3) 0 1px 3px;
		-webkit-box-shadow:rgba(0,0,0,0.3) 0 1px 3px;
				box-shadow:rgba(0,0,0,0.3) 0 1px 3px;
}
/* size of icons */

.decks { background-color:#ff0000; }
.designer { background-color:#ff6600; }
.objects { background-color:#ffaa00; } 
.lists { background-color:#00aa00; }
.survey { background-color:#00aaff; }
.export { background-color:#0066ff; }
.import { background-color:#0000ff; }


.ul-space li { margin-bottom:30px; }


/*  TIMELINE  */
.timeline {
    position: relative;
    padding: 20px 0 20px;
    list-style: none;
}

.timeline:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 3px;
    margin-left: -1.5px;
    background-color: #eeeeee;
}

.timeline > li {
    position: relative;
    margin-bottom: 20px;
}

.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}

.timeline > li:after {
    clear: both;
}

.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}

.timeline > li:after {
    clear: both;
}

.timeline > li > .timeline-panel {
    float: left;
    position: relative;
    width: 46%;
    padding: 20px;
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.175);
    box-shadow: 0 1px 6px rgba(0,0,0,0.175);
}

.timeline > li > .timeline-panel:before {
    content: " ";
    display: inline-block;
    position: absolute;
    top: 26px;
    right: -15px;
    border-top: 15px solid transparent;
    border-right: 0 solid #ccc;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #ccc;
}

.timeline > li > .timeline-panel:after {
    content: " ";
    display: inline-block;
    position: absolute;
    top: 27px;
    right: -14px;
    border-top: 14px solid transparent;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent;
    border-left: 14px solid #fff;
}

.timeline > li > .timeline-badge {
    z-index: 100;
    position: absolute;
    top: 16px;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-left: -25px;
    border-radius: 50% 50% 50% 50%;
    text-align: center;
    font-size: 1.4em;
    line-height: 50px;
    color: #fff;
    background-color: #999999;
}

.timeline > li.timeline-inverted > .timeline-panel {
    float: right;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
}

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

.timeline-body > p + p {
    margin-top: 5px;
}





/*  RESPONSIVE  */
@media (max-width: 768px) {
	.login-panel { margin-top:30px; }
	.wrapper { min-height:0; margin-top:30px; }
	.heading h1 { margin-bottom:15px; }
	.heading .input-group { margin-left:-15px; margin-right:-15px; }
	#record-modules #columns {
		-webkit-column-count: 1;
		-webkit-column-gap: 0;
		-moz-column-count: 1;
		-moz-column-gap: 0;
		column-count: 1;
		column-gap: 0;
		}
}

@media (max-width: 991px) {
	.wrapper { margin-top:50px; }
}

@media (min-width: 768px) and (max-width: 991px) {
	#record-modules #columns {
		-webkit-column-count: 2;
		-webkit-column-gap: 30px;
		-moz-column-count: 2;
		-moz-column-gap: 30px;
		column-count: 2;
		column-gap: 30px;
		}
}