@charset "UTF-8";
/* 

CSS Document 

*/

html {
	
}

body {
	min-width: 280px !important;
	margin: 0px auto 0px auto;
	font-family: "open-sans","Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #4d4d4d;
	background-color: #EAEAEA;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.hd * {
	/*background-size: 200% !important;*/
}

/* Base elements */

/* Base elements . Text */
h1, h2, h3, h4, h5, p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: 400;
}

/* Base elements . Links */
a {
	text-decoration: none;
	color: #004666;
	transition: 0.2s color;
	-moz-transition: 0.2s color;
	-webkit-transition: 0.2s color;
}

a:hover {
	color: #0033cc;
}

a.disabled {
}

/* Base elements . Lists */
ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ul li {
	list-style: none;
}

ul.roman li {
	list-style: upper-roman inside;
	font-style: italic;
	padding-left: 10px;
}

/* -- Layout -- */

/* Layout . Globals */
.float.left {
	float: left;
}

.float.right {
	float: right;
}

.hidden {
	display: none !important;
}

.clear {
	clear: both;
}

.text.small {
	font-size: 10px;
}

.text.right {
	text-align: right;
}

.text.center {
	text-align: center;
}

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

.text.highlight.green {
	padding: 0px 4px 0px 4px;
	color: #FFF !important;
	background-color: #18d6aa;
	font-weight: bold;
}

.text.red {
	color: #FF4941;
}

.text.green {
	color: #11A07E;
}

.text.blue {
	color: #00A0CA;
}

.text.orange {
	color: #E98D3C;
}




/* Layout . Columns */

/* Layout . Column . Left */
.column.left {
	*position: absolute;
	position: fixed;
	top: 0px;
	float: left;
	min-height: 1200px;
	background: #DFDFDF url(../media/main-menu-background.png) left top repeat-y;
	overflow: hidden;
}

.tiny-screen .column.left,
.small-screen .column.left,
.medium-screen .column.left {
	width: 230px;
	background-position: -16px top;
}

.large-screen .column.left,
.huge-screen .column.left {
	width: 280px;
	background-position: left top;
}

.tiny-screen .column.left .column-header,
.small-screen .column.left .column-header,
.medium-screen .column.left .column-header {
	height: 48px;
	width: 280px;
	overflow: hidden;
}

.large-screen .column.left .column-header,
.huge-screen .column.left .column-header {
	height: 64px;
	width: 280px;
	overflow: hidden;
}

/* Layout . Column . right */
.column.right {
	min-height: 400px;
	transition: all 0.3s;
}

/* Layout . Column right . Header */
.column.right .column-header {
	width: 100%;
	background: #656565 url(../media/header-background.png) left top repeat;
	transition: height 0.3s;
}

.hd .column.right .column-header {
	background-image: url(../media/header-background_2x.png);
	background-size: 3px 3px;
}

.tiny-screen .column.right .column-header,
.small-screen .column.right .column-header,
.medium-screen .column.right .column-header {
	height: 48px;
}

.large-screen .column.right .column-header,
.huge-screen .column.right .column-header {
	height: 64px;
}

/* Layout . Column . Navigation control */
.column.right .column-header .control.navigation {
	float: left;
}

.tiny-screen .column.right .column-header .control.navigation,
.small-screen .column.right .column-header .control.navigation,
.medium-screen .column.right .column-header .control.navigation {
	height: 40px;
	margin: 4px 0px 0px 4px;
}

.large-screen .column.right .column-header .control.navigation,
.huge-screen .column.right .column-header .control.navigation {
	height: 48px;
	margin: 8px 0px 0px 8px;
}

.column.right .column-header .control.navigation .button {
	display: block;
	float: left;
	font-size: 0px;
	background-color: rgba(0,0,0,0.6);
	background-image: url(../media/button-back-arrow.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.hd .column.right .column-header .control.navigation .button  {
	background-image: url(../media/button-back-arrow_2x.png);
	background-size: 48px 48px;
}

.tiny-screen .column.right .column-header .control.navigation .button,
.small-screen .column.right .column-header .control.navigation .button,
.medium-screen .column.right .column-header .control.navigation .button {
	height: 40px;
	width: 40px;
}

.large-screen .column.right .column-header .control.navigation .button,
.huge-screen .column.right .column-header .control.navigation .button {
	height: 48px;
	width: 48px;
}

.column.right .column-header .control.navigation .button:hover {
	background-color: rgba(0,0,0,9);
}

.column.right .column-header .control.navigation .navigation-wrapper {
	float: left;
}

.column.right .column-header .control.navigation h1 {
	float: left;
	margin-left: 1px;
	margin-bottom: 1px;
	padding: 0px 6px 0px 6px;
	font-size: 14px;
	line-height: 18px;
	background-color: rgba(0,0,0,0.6);
}

.tiny-screen .column.right .column-header .control.navigation h1,
.small-screen .column.right .column-header .control.navigation h1,
.medium-screen .column.right .column-header .control.navigation h1 {
	display: none;
}

.column.right .column-header .control.navigation h1 a {
	color: #ffffff;
}

.tiny-screen .column.right .column-header .control.navigation br,
.small-screen .column.right .column-header .control.navigation br,
.medium-screen .column.right .column-header .control.navigation br {
	display: none;
}

.column.right .column-header .control.navigation h2 {
	float: left;
	margin: 0px 0px 0px 1px;
	padding: 0px 6px 0px 6px;
	font-size: 16px;
	line-height: 29px;
	color: #ffffff;
	background-color: rgba(0,0,0,0.6);
}

.tiny-screen .column.right .column-header .control.navigation h2,
.small-screen .column.right .column-header .control.navigation h2,
.medium-screen .column.right .column-header .control.navigation h2 {
	line-height: 40px;
	margin: 0px 0px 0px 1px;
}

/* Layout . Column . Account control */
.column.right .column-header .control.account {
	float: right;
}

.tiny-screen .column.right .column-header .control.account  .drop-menu-display,
.small-screen .column.right .column-header .control.account  .drop-menu-display,
.medium-screen .column.right .column-header .control.account  .drop-menu-display {
	height: 48px;
	padding: 0px 26px 0px 0px;
	line-height: 48px;
}

.tiny-screen .column.right .column-header .control.account  .drop-menu-display {
	padding: 0px 32px 0px 0px;
}

.column.right .column-header .control.account.drop-menu .drop-menu-display-label {
	display: block;
	padding-left: 40px;
	line-height: 64px;
	background: transparent url(../media/account-control-icon.png) 10px center no-repeat;
}

.hd .column.right .column-header .control.account.drop-menu .drop-menu-display-label {
	background-image: url(../media/account-control-icon_2x.png);
	background-size: 18px 18px;
}

.tiny-screen .column.right .column-header .control.account  .drop-menu-display .drop-menu-display-label,
.small-screen .column.right .column-header .control.account  .drop-menu-display .drop-menu-display-label,
.medium-screen .column.right .column-header .control.account  .drop-menu-display .drop-menu-display-label {
	height: 48px;
	padding: 0px 0px 0px 36px;
	line-height: 48px;
}

.tiny-screen .column.right .column-header .control.account  .drop-menu-display .drop-menu-display-label {
	display: none;
}

/* Layout . Column . Body */
.column.right .column-body {
	min-height: 200px;
	padding: 64px;
}

.tiny-screen .column.right .column-body,
.small-screen .column.right .column-body,
.medium-screen .column.right .column-body {
	padding: 8px;
}

.large-screen .column.right .column-body {
	padding: 0px 20px 20px 20px;
}

.huge-screen .column.right .column-body {
	padding: 0px 57px 57px 57px;
}

.column.right .column-body .grid-column {
	float: left;
	min-height: 200px;
}

.tiny-screen .column.right .column-body .grid-column,
.small-screen .column.right .column-body .grid-column,
.medium-screen .column.right .column-body .grid-column {
	float: none;
}

.column.right .column-body .grid-column.left {
	width: 60%;
}

.tiny-screen .column.right .column-body .grid-column.left,
.small-screen .column.right .column-body .grid-column.left,
.medium-screen .column.right .column-body .grid-column.left {
	width: 100%;
}

.column.right .column-body .grid-column.left .block {
	margin: 0px 5px 10px 0px;
}

.tiny-screen .column.right .column-body .grid-column.left .block,
.small-screen .column.right .column-body .grid-column.left .block,
.medium-screen .column.right .column-body .grid-column.left .block {
	margin-right: 0px;
}

.column.right .column-body .grid-column.right {
	width: 40%;
}

.tiny-screen .column.right .column-body .grid-column.right,
.small-screen .column.right .column-body .grid-column.right,
.medium-screen .column.right .column-body .grid-column.right {
	width: 100%;
}

.column.right .column-body .grid-column.right .block {
	margin: 0px 0px 10px 5px;
}

.tiny-screen .column.right .column-body .grid-column.right .block,
.small-screen .column.right .column-body .grid-column.right .block,
.medium-screen .column.right .column-body .grid-column.right .block {
	margin-left: 0px;
}

/* Layout . Logo icon */
.logo.icon {
	display: block;
	float: left;
	background: #2895CB url(../media/logo.png) left center no-repeat;
	transition: all 0.2s;
	transform: translateZ(0);
}

.hd .logo.icon {
	background-image: url(../media/logo_2x.png);
	background-size: 128px 64px;
}

.tiny-screen .logo.icon,
.small-screen .logo.icon,
.medium-screen .logo.icon {
	height: 48px;
	width: 48px;
	background-position: -8px center; 
}

.large-screen .logo.icon,
.huge-screen .logo.icon {
	height: 64px;
	width: 64px;
	background-position: left center; 
}

.logo.icon:hover {
	background-color: #5EB0D8;
}

.tiny-screen .collapsed .logo.icon,
.small-screen .collapsed .logo.icon,
.medium-screen .collapsed .logo.icon {
	background-position: -72px center; 
}

.large-screen .collapsed .logo.icon,
.huge-screen .collapsed .logo.icon {
	background-position: right center; 
}

/* Layout . Logo type */
.logo.type {
	display: block;
	float: left;
	overflow: hidden;
	background: #339ACE url(../media/logo-type.png) 10px center no-repeat;
	background-size: 100px 16px;
	transition: all 0.2s;
	transform: translateZ(0);
}

.hd .logo.type {
	background-image: url(../media/logo-type_2x.png);
	background-size: 100px 16px;
}

.tiny-screen .logo.type,
.small-screen .logo.type,
.medium-screen .logo.type {
	height: 48px;
	width: 216px;
}

.large-screen .logo.type,
.huge-screen .logo.type {
	height: 64px;
	width: 216px;
}

.logo.type:hover {
	background-color: #5EB0D8;
}

.collapsed .logo.type {
	background-position: -100px;
}

/* Layout . Logo type . Home Icon */
.logo.type .icon-home {
	float: right;
	height: 24px;
	width: 24px;
	margin: 20px 20px 0px 0px;
	opacity: 0;
	background: transparent url(../media/icon-home.png) center center no-repeat;
	transition: all 0.5s;
}

.hd .logo.type .icon-home {
	background-image: url(../media/icon-home_2x.png);
	background-size: 29px 23px;
}

.tiny-screen .logo.type .icon-home,
.small-screen .logo.type .icon-home,
.medium-screen .logo.type .icon-home {
	margin: 10px 50px 0px 0px;
}

.large-screen .logo.type .icon-home,
.huge-screen .logo.type .icon-home {
	margin: 20px 20px 0px 0px;
}

.logo.type:hover .icon-home {
	opacity: 1;
}

/* Layout . Header */

/* Layout . Main menu */
.menu.main {
	
}

.menu.main .menu-item  {
	
}

.menu.main .menu-item .menu-item-link {
	display: block;
	background-repeat: no-repeat;
	transition: background-color 0.5s;
}

.hd .menu.main .menu-item .menu-item-link {
	background-size: 64px 128px;
}

.tiny-screen .menu.main .menu-item .menu-item-link,
.small-screen .menu.main .menu-item .menu-item-link,
.medium-screen .menu.main .menu-item .menu-item-link {
	width: 216px;
	height: 64px;
	padding-left: 48px;
	background-position: -8px top;
}

.large-screen .menu.main .menu-item .menu-item-link,
.huge-screen .menu.main .menu-item .menu-item-link {
	width: 216px;
	height: 64px;
	padding-left: 64px;
	background-position: left top;
}

.menu.main .menu-item .menu-item-link:hover {
	background-color: #D0D0D0;
}

.menu.main .menu-item.active .menu-item-link {
	background-color: #EAEAEA;
}

.tiny-screen .menu.main .menu-item.active .menu-item-link,
.small-screen .menu.main .menu-item.active .menu-item-link,
.medium-screen .menu.main .menu-item.active .menu-item-link {
	background-position: -8px bottom;
}

.large-screen .menu.main .menu-item.active .menu-item-link,
.huge-screen .menu.main .menu-item.active .menu-item-link {
	background-position: left bottom;
}

.menu.main .menu-item .menu-item-link .menu-item-link-label {
	line-height: 64px;
	overflow: hidden;
}

.menu.main .menu-item .menu-item-link .menu-item-link-label .menu-item-link-label-content {
	margin-left: 10px;
	text-transform: uppercase;
	transition: all 0.2s;
}

.tiny-screen .menu.main .menu-item .menu-item-link .menu-item-link-label .menu-item-link-label-content,
.small-screen .menu.main .menu-item .menu-item-link .menu-item-link-label .menu-item-link-label-content,
.medium-screen .menu.main .menu-item .menu-item-link .menu-item-link-label .menu-item-link-label-content {
	font-size: 13px;
}

.large-screen .menu.main .menu-item .menu-item-link .menu-item-link-label .menu-item-link-label-content,
.huge-screen .menu.main .menu-item .menu-item-link .menu-item-link-label .menu-item-link-label-content {
	font-size: 15px;
}

.collapsed .menu.main .menu-item .menu-item-link .menu-item-link-label .menu-item-link-label-content {
	margin-left: -40px;
}

.menu.main .menu-item .menu-item-link .menu-item-link-label .menu-item-link-label-value {
	float: right;
	margin-right: 10px;
}

.tiny-screen .menu.main .menu-item .menu-item-link .menu-item-link-label .menu-item-link-label-value,
.small-screen .menu.main .menu-item .menu-item-link .menu-item-link-label .menu-item-link-label-value,
.medium-screen .menu.main .menu-item .menu-item-link .menu-item-link-label .menu-item-link-label-value {
	margin-right: 50px;
}

/* Menu items icons */
.menu.main .menu-item.item-courses .menu-item-link  {
	background-image: url(../media/menu-item-courses.png);
}

.hd .menu.main .menu-item.item-courses .menu-item-link  {
	background-image: url(../media/menu-item-courses_2x.png);
}

.menu.main .menu-item.item-library .menu-item-link  {
	background-image: url(../media/menu-item-library.png);
}

.hd .menu.main .menu-item.item-library .menu-item-link  {
	background-image: url(../media/menu-item-library_2x.png);
}

/* UI . Buttons */
.button {
	display: inline-block;
	cursor: pointer;
	transition: background-color 0.5s;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.button.small {
	height: 36px;
	line-height: 36px;
	padding: 0px 10px 0px 10px;
}

.button.green {
	color: #ffffff;
	text-transform: uppercase;
	background-color: #0C6;
}

.button.green:hover {
	background-color: #096;
}

.button.red {
	color: #ffffff;
	text-transform: uppercase;
	background-color: #EF5B4A;
}

.button.red:hover {
	background-color: #EF5B4A;
}

/* UI . Drop menu */
.drop-menu * {
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}

.drop-menu .drop-menu-display {
	height: 64px;
	padding: 0px 40px 0px 16px;
	line-height: 64px;
	font-size: 13px;
	color: #ffffff;
	background: transparent url(../media/drop-menu-arrow.png) right center no-repeat;
	transition: all 0.2s ease;
	cursor: pointer;
}

.drop-menu .drop-menu-display:hover,
.drop-menu.open .drop-menu-display {
	background-color: #999;
}

.drop-menu .drop-menu-options {
	display: none;
	float: left;
	width: 100%;
	position: absolute;
	height: 0px;
	background-color: #ffffff;
	transition: all 0.2s ease;
}

.drop-menu.open .drop-menu-options {
	height: auto;
	display: block;
}

.drop-menu .drop-menu-options .drop-menu-options-item a {
	display: block;
	padding-left: 10px;
	font-size: 13px;
	line-height: 36px;
	text-transform: uppercase;
	transition: all 0.2s ease;
	cursor: pointer;
}

.drop-menu .drop-menu-options .drop-menu-options-item a:hover {
	background-color: #CCC;
}

/* Blocks */
.block {
	min-height: 200px;
	background-color: #ffffff;
}

/* Blocks . Headless */
.block.headless .block-header {
	width: 100%;
	height: 290px;
	overflow: hidden;
}

.tiny-screen .block.headless .block-header,
.small-screen .block.headless .block-header,
.medium-screen .block.headless .block-header {
	height: 100px;
}

.block.headless .block-header * {
	width: 100%;
}

/* Blocks . Headed */
.block.headed .block-header {
	
	padding: 10px;
	border-bottom: 1px solid #E5E5E5;
	overflow: auto;
}

.block.headed .block-header h2 {
	padding: 3px 0px 0px 2px;
	font-size: 13px;
	line-height: 16px;
	text-transform: uppercase;
}

.tiny-screen .block.headed .block-header h2,
.small-screen .block.headed .block-header h2,
.medium-screen .block.headed .block-header h2 {
	font-size: 10px;
}

.tiny-screen .block.headed .block-header .header-label,
.small-screen .block.headed .block-header .header-label,
.medium-screen .block.headed .block-header .header-label {
	float: none;
	line-height: 20px;
	padding-top: 10px;
}

.large-screen .block.headed .block-header .header-label,
.huge-screen .block.headed .block-header .header-label {
	float: left;
	line-height: 64px;
}

.block.headed .block-header .header-extras {
	font-size: 12px;
	line-height: 64px;
	text-transform: none;
	text-align: right;
	margin-right: 14px;
}

.tiny-screen .block.headed .block-header .header-extras,
.small-screen .block.headed .block-header .header-extras,
.medium-screen .block.headed .block-header .header-extras {
	float: none;
	padding-bottom: 10px;
	line-height: 20px;
	text-align: left;
}

.large-screen .block.headed .block-header .header-extras,
.huge-screen .block.headed .block-header .header-extras {
	float: right;
	line-height: 64px;
	text-align: right;
}

.block.headed .block-header .header-extras .button {
	margin-top: 10px;
	width: 30%;
}

/* Blocks . Headed + Icon */

.block.headed.icon {
	background-repeat: no-repeat;
}

.hd .block.headed.icon {
	background-size: 64px 64px;
}

.tiny-screen .block.icon,
.small-screen .block.icon,
.medium-screen .block.icon {
	background-position: -12px -12px;
}

.large-screen .block.icon,
.huge-screen .block.icon {
	background-position: -12px -12px;
}

.tiny-screen .block.headed.icon .block-header,
.small-screen .block.headed.icon .block-header,
.medium-screen .block.headed.icon .block-header {
	padding-left: 38px;
}

.large-screen .block.headed.icon .block-header,
.huge-screen .block.headed.icon .block-header {
	padding-left: 40px;
}

.block.modules-block.icon {
	background-image: url(../media/block-icon-modules.png);
}

.hd .block.modules-block.icon {
	background-image: url(../media/block-icon-modules_2x.png);
}

/* Blocks . Headed Split */
.block.headed.split .block-header {
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.block.headed.split .block-header h2 {
	float: left;
	width: 50%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.tiny-screen .block.headed.split .block-header h2,
.small-screen .block.headed.split .block-header h2,
.medium-screen .block.headed.split .block-header h2 {
}

.block.headed.split div {
	float: right;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.tiny-screen .block.headed.split .block-header div,
.small-screen .block.headed.split .block-header div,
.medium-screen .block.headed.split .block-header div {

}

.block.headed.split div p {
	padding: 5px 0px 0px 0px;
	text-transform: uppercase;
}

.tiny-screen .block.headed.split .block-header div p,
.small-screen .block.headed.split .block-header div p,
.medium-screen .block.headed.split .block-header div p {
	font-size: 10px;
}

.block.headed.split div .button {
	margin: 0px;
}

.tiny-screen .block.headed.split .block-header div .button,
.small-screen .block.headed.split .block-header div .button,
.medium-screen .block.headed.split .block-header div .button {
	display: inline-block;
}

.tiny-screen .block.headed.split .block-header div .button,
.small-screen .block.headed.split .block-header div .button {
	font-size: 9px;
}

/* Blocks . Headed Split + Icon */


.block .block-body .text {
	padding: 36px;
    line-height: 22px;
}

.tiny-screen .block .block-body .text,
.small-screen .block .block-body .text,
.medium-screen .block .block-body .text {
	padding: 20px;
	font-size: 10px;
	line-height: 16px;
}


.large-screen .block.modules-block .block-header,
.huge-screen .block.modules-block .block-header{

}

.block.modules-block .block-content {
	padding: 16px;
}


.course-list.gallery {
	overflow: auto;
}

.course-list.gallery .list-item {
	float: left;
	box-sizing: border-box;
	background-color: #FFF;
	transition: all 0.2s;
	border: 1px solid #EAEAEA;
}

.course-list.gallery .list-item:hover {
	border-color: #39F;
}

.tiny-screen .course-list.gallery .list-item,
.small-screen .course-list.gallery .list-item,
.medium-screen .course-list.gallery .list-item {
	width: 100%;
	margin-right: 0px;
	margin-bottom: 5px;
}

.large-screen .course-list.gallery .list-item,
.huge-screen .course-list.gallery .list-item {
	width: 31.33%;
	margin-right: 3%;
	margin-bottom: 30px;
}

.course-list.gallery .list-item.row-end{
	margin-right: 0px;
}

.course-list.gallery .list-item .list-item-media {
	height: 200px;
	overflow: hidden;
}
.course-list.gallery .list-item .list-item-media img {
	width: 100%;
	
}

.course-list.gallery .list-item .list-item-details {
	padding: 10px;
}

.course-list.gallery .list-item .list-item-details h2 {
	font-size: 10px;
	color: #B1B1B1;
	line-height: 16px;
	margin-bottom: 6px;
	text-transform: uppercase;
}

.tiny-screen .course-list.gallery .list-item .list-item-details h3,
.small-screen .course-list.gallery .list-item .list-item-details h3,
.medium-screen .course-list.gallery .list-item .list-item-details h3 {
	font-size: 16px;
	line-height: 24px;
}

.large-screen .course-list.gallery .list-item .list-item-details h3,
.huge-screen .course-list.gallery .list-item .list-item-details h3 {
	font-size: 13px;
	line-height: 20px;
}

.course-list.gallery .list-item .list-item-status {
	padding: 10px;
	overflow: auto;
}

.course-list.gallery .list-item .list-item-status .button {
	float: right;
	width: 96px;
}

/* Form */
.form {
	border: none;
}

/* Card window */
.window.card {
	position: relative;
	width: 640px;
	border: 1px solid #dddddd;
	margin: 60px auto 0px auto;
	box-shadow: 0px 0px 2px #dddddd;
	-moz-box-shadow: 0px 0px 2px #dddddd;
	-webkit-box-shadow: 0px 0px 2px #dddddd;
}

.large-screen .window.card,
.medium-screen .window.card,
.small-screen .window.card,
.tiny-screen .window.card  {
	width: 100%;
	margin-top: 0px;
	border: none;
	box-shadow: none;
}

.window.card .window-header {
	height: auto;
	background-image: url(../media/signin-header-background.png);
	background-position: center top;
	background-repeat: repeat-x;
	background-size: 6px 160px;
	padding: 0px 0px 0px 0px !important;
	overflow: hidden;
}

.large-screen .window.card .window-header,
.medium-screen .window.card .window-header,
.small-screen .window.card .window-header,
.tiny-screen .window.card .window-header  {
	background-position: center -80px;
}

.hd .window.card .window-header {

}

.window.card .window-header h1 {
	margin-top: 20px;
	margin-bottom: 5px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    color: #828282;
}

.window.card .window-header h2 {
    font-size: 14px;
    text-align: center;
    color: #36B4D6;
}

.large-screen .window.card .window-header h2,
.medium-screen .window.card .window-header h2,
.small-screen .window.card .window-header h2,
.tiny-screen .window.card .window-header h2 {
	display: none;
}

.window.card .window-header .logo {
	display: block;
	width: 100%;
	height: 160px;
	background-image: url(../media/signin-logo.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 80px 100px;
}

.large-screen .window.card .window-header .logo,
.medium-screen .window.card .window-header .logo,
.small-screen .window.card .window-header .logo,
.tiny-screen .window.card .window-header .logo  {
	height: 80px;
	background-size: 64px 80px;
}

.hd .window.card .window-header .logo {
	background-image: url(../media/signin-logo_2x.png);
}

.window.card .window-body {

}

.window.card .window-footer {
    width: 100%;
    margin: 0px auto 0px auto;
    padding: 10px 0px 10px 0px !important;
    border-top: 1px dashed #dddddd;
    text-align: center;
}

.window.card .window-body .block {
	min-height: 0px;
}

.window.card .window-body .block.content h3 {
	text-align: center;
	font-weight: 100;
	font-size: 48px;
	color: #4C4C4C;
}

.large-screen .window-body .block.content h3,
.medium-screen .window-body .block.content h3,
.small-screen .window-body .block.content h3,
.tiny-screen .window-body .block.content h3 {
	font-size: 30px !important;
}

.window.card .window-body .block.content p {
	width: 70%;
	margin: 0px auto 50px auto;
	text-align: center;
	line-height: 24px;
}

.large-screen .window-body .block.content p,
.medium-screen .window-body .block.content p,
.small-screen .window-body .block.content p,
.tiny-screen .window-body .block.content p {
	width: 90% !important;
}

.window.card .window-body .block.content .form {
	padding-top: 0px;
	
}

.window.card .window-body .block.content.picture {
	font-size: 0px;
	text-align: center;
}

.window.card .window-body .block.content.picture img {
	height: 110px;
	width: auto;
}

.large-screen .window-body .block.content.picture img,
.medium-screen .window-body .block.content.picture img,
.small-screen .window-body .block.content.picture img,
.tiny-screen .window-body .block.content.picture img {
	height: 80px !important;
}

.window.card .block.content input  {
	display: block;
	height: 48px !important;
	font-size: 16px !important;
	width: 70%;
	margin: 0px auto 0px auto;
}

.large-screen .window.card .block.content input,
.medium-screen .window.card .block.content input,
.small-screen .window.card .block.content input,
.tiny-screen .window.card .block.content input {
	width: 90% !important;
}

.window.card .block.content .message {
	display: block;
	min-height: 20px;
	padding: 10px;
	font-size: 12px;
	text-align: center;
}

.button-area {
	text-align: center;
	font-size: 0px;
	padding: 20px;
}

.button-area .button {
	display: inline-block;
	margin: 5px;
}

.window.card .window-footer {
	background: none;
}

.large-screen .window-footer,
.medium-screen .window-footer,
.small-screen .window-footer,
.tiny-screen .window-footer {
	font-size: 11px !important;
}

/* Signin window */

body.signin,
body.signup {
	background-color: #ffffff;
}

.signin-block {
	width: 640px;
	border: 1px solid #dddddd;
	margin: 60px auto 0px auto;
	box-shadow: 0px 0px 2px #dddddd;
	-moz-box-shadow: 0px 0px 2px #dddddd;
	-webkit-box-shadow: 0px 0px 2px #dddddd;
}

.tiny-screen .signin-block,
.small-screen .signin-block,
.medium-screen .signin-block {
	width: 100%;
	margin-top: 0px;
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.signin-block .header {
	background-image: url(../media/signin-header-background.png);
	background-position: center center;
	background-repeat: repeat-x;
	background-size: auto;
}

.hd .signin-block .header {
	background-image: url(../media/signin-header-background_2x.png);
}

.signin-block .header .header-body {
	width: 100%;
	height: 160px;
	background-image: url(../media/signin-logo.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 80px 100px;
}

.hd .signin-block .header .header-body {
	background-image: url(../media/signin-logo_2x.png);
}

.tiny-screen .signin-block .header .header-body,
.small-screen .signin-block .header .header-body {
	background-size: 60px 80px;
	height: 100px;
}

.signin-block .footer {
	position: relative;
	width: 100%;
	bottom: 0px;
	text-align: center;
}

.signin-block .footer .footer-body {
	width: 100%;
	margin: 0px auto 0px auto;
	padding: 20px 0px 20px 0px;
	border-top: 1px dashed #dddddd;
	text-align: center;
}

.signin-block  a {
	font-size: 12px;
	font-weight: 400;
	color: #828282;
}

.signin-block  a:hover {
	color: #666666;
}

.tiny-screen .signin-block a,
.small-screen .signin-block a {
	font-size: 10px !important;
}

.signin-form {
	width: 100%;
	margin: 0px auto 0px auto;
	padding: 40px 0px 40px 0px;
	border: none;
	text-align: center;
	background-color: #ffffff;
}

.tiny-screen .signin-form,
.small-screen .signin-form {
	padding-top: 40px;
	padding-bottom: 20px;
}

.signin-form h1 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #828282;
}

.signin-form h2 {
	margin-bottom: 40px;
	font-size: 14px;
	text-align: center;
	color: #36B4D6;
}

.tiny-screen .signin-form h2,
.small-screen .signin-form h2 {
	margin-bottom: 20px;
}

.signin-form .label {
	display: none;
}

.signin-form .field-block {
	width: 330px;
	margin: 0px auto 20px auto;
	background-position: 0px center;
	background-repeat: no-repeat;
	background-size: 18px 18px;
	padding-left: 30px;
}

.tiny-screen .signin-form .field-block,
.small-screen .signin-form .field-block {
	width: 80%;
	margin-bottom: 10px;
}

.medium-screen .signin-form .field-block {
	width: 60%;
}

.signin-form .field-block.user {
	background-image: url(../media/textfield-type-user.png);
}

.hd .signin-form .field-block.user {
	background-image: url(../media/textfield-type-user_2x.png);
}

.signin-form .field-block.password {
	background-image: url(../media/textfield-type-password.png);
}

.hd .signin-form .field-block.password {
	background-image: url(../media/textfield-type-password_2x.png);
}

.signin-form .button {
	display: block;
	width:150px;
	margin: 40px auto 20px auto;
}

.tiny-screen .signin-form .button,
.small-screen .signin-form .button {
	margin-top: 20px;
}

/* Account messages */
.block.message {
	opacity: 1;
	margin-top: 100px;
	padding-top: 150px;
	text-align: center;
	background: none;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 150px 150px;
	transition: all 0.8s ease;
}

.tiny-screen .block.message,
.small-screen .block.message {
	margin-top: 80px;
}

.block.message.hidden_ {
	margin-top: 150px;
	opacity: 0;
}

.block.message h1 {
	font-size: 52px;
	font-weight: 100;
}

.tiny-screen .block.message h1,
.small-screen .block.message h1 {
	font-size: 30px;
}

.block.message h1 .highlight {
	color: #00a0ca;
}

.block.message h2 {
	font-size: 32px;
	font-weight: 100;
}

.tiny-screen .block.message h2,
.small-screen .block.message h2 {
	font-size: 20px;
}

.block.message .time-counter {
	margin: 10px auto 0px auto;
}

.block.message.hello {
	background-image: url(../media/account-message-hello.png);
}

.hd .block.message.hello {
	background-image: url(../media/account-message-hello_2x.png);
}

.block.message.seeyou {
	background-image: url(../media/account-message-seeyou.png);
}

.hd .block.message.seeyou {
	background-image: url(../media/account-message-seeyou_2x.png);
}

/* Time counter */
.time-counter {
	display: block;
	height: 20px;
	width: 20px;
	line-height: 22px;
	color: #ffffff;
	border-radius: 10px;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 20px 80px;
}

.time-counter.step_0 {
	background-position: center -60px;
}

.time-counter.step_1 {
	background-position: center -40px;
}

.time-counter.step_2 {
	background-position: center -20px;
}

.time-counter.red {
	background-image: url(../media/time-counter-red.png);
}

.hd .time-counter.red {
	background-image: url(../media/time-counter-red_2x.png);
}

/* Form Wizards */
.form.wizard {

}

.form.wizard .wizard-steps {

}

.form.wizard .wizard-steps .step {
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.form.wizard .wizard-steps .step.active {
}

.form.wizard .wizard-steps .step label.title {
	display: block;
	margin-bottom: 10px;
	text-align: center;
    font-weight: 100;
    font-size: 36px;
    color: #4C4C4C;
}

.large-screen .form.wizard .wizard-steps .step label.title,
.medium-screen .form.wizard .wizard-steps .step label.title,
.small-screen .form.wizard .wizard-steps .step label.title,
.tiny-screen .form.wizard .wizard-steps .step label.title  {
	font-size: 28px;
}

.form.wizard .wizard-controls {
	text-align: center !important;
}

.medium-screen .form.wizard .wizard-controls,
.small-screen .form.wizard .wizard-controls,
.tiny-screen .form.wizard .wizard-controls  {
	margin-top: 10px;
}

.form.wizard .wizard-controls .button {
	margin: 5px;
}

.form.wizard .wizard-progress-bar .progress-step,
.form.wizard .wizard-progress-bar .progress-step.active {
	height: 80px;
	width: 80px;
	margin: 0px;
	background-size: cover;
	background-color: transparent;
}

.medium-screen .form.wizard .wizard-progress-bar .progress-step,
.small-screen .form.wizard .wizard-progress-bar .progress-step,
.tiny-screen .form.wizard .wizard-progress-bar .progress-step  {
	height: 64px;
	width: 64px;
}

.form.wizard .wizard-progress-bar .progress-step.name {
	background-image: url(../media/form-wizard-step-user.png);
}

.hd .form.wizard .wizard-progress-bar .progress-step.name {
	background-image: url(../media/form-wizard-step-user_2x.png);
}

.form.wizard .wizard-progress-bar .progress-step.email {
	background-image: url(../media/form-wizard-step-email.png);
}

.hd .form.wizard .wizard-progress-bar .progress-step.email {
	background-image: url(../media/form-wizard-step-email_2x.png);
}

.form.wizard .wizard-progress-bar .progress-step.password {
	background-image: url(../media/form-wizard-step-password.png);
}

.hd .form.wizard .wizard-progress-bar .progress-step.password {
	background-image: url(../media/form-wizard-step-password_2x.png);
}

.form.wizard .wizard-progress-bar .progress-step.active {
	background-position: center -80px;
}

.medium-screen .form.wizard .wizard-progress-bar .progress-step.active,
.small-screen .form.wizard .wizard-progress-bar .progress-step.active,
.tiny-screen .form.wizard .wizard-progress-bar .progress-step.active  {
	background-position: center -64px;
}








/* Window . Prompt */
.window.prompt {
	position: relative;
	margin: 64px auto 0px auto;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.tiny-screen .window.prompt,
.small-screen .window.prompt,
.medium-screen .window.prompt {
	width: 100%;
	margin-top: 0px;
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.large-screen .window.prompt,
.huge-screen .window.prompt {
	width: 550px;
}

/* Window . Header */
.window.prompt .window-header {
	height: auto;
	padding: 0px 0px 0px 0px;
	overflow: auto;
	background: transparent url(../media/signin-header-background.png) repeat-x center -40px;
	background-size: 6px 160px;
}

.tiny-screen .window.prompt .window-header,
.small-screen .window.prompt .window-header,
.medium-screen .window.prompt .window-header {
	margin: 0px 0px 30px 0px;
}

.large-screen .window.prompt .window-header,
.huge-screen .window.prompt .window-header {
	margin: 0px 0px 0px 0px;
}

.window.prompt .window-header .logo {
	display: block;
	background-color: transparent;
	background-image: url(../media/signin-logo_2x.png);
	background-position: center top;
	background-repeat: no-repeat;
}

.tiny-screen .window.prompt .window-header .logo,
.small-screen .window.prompt .window-header .logo,
.medium-screen .window.prompt .window-header .logo {
	float: left;
	height: 50px;
	width: 50px;
	margin: 0px 0px 0px 0px;
	background-size: 48px 60px;
	background-position: center 4px;
}

.large-screen .window.prompt .window-header .logo,
.huge-screen .window.prompt .window-header .logo {
	height: 100px;
	width: 100px;
	margin: 10px auto 10px auto;
	background-size: 80px 100px;
}

.window.prompt .window-header h1 {
	font-weight: bold;
	text-transform: uppercase;
}

.tiny-screen .window.prompt h1,
.small-screen .window.prompt h1,
.medium-screen .window.prompt h1 {
	margin-top: 11px;
	font-size: 14px;
	color: #FFFFFF;
}

.large-screen .window.prompt h1,
.huge-screen .window.prompt h1 {
	padding-top: 16px;
	text-align: center;
	font-size: 18px;
	color: #828282;
}

.window.prompt .window-header h2 {

}

.tiny-screen .window.prompt h2,
.small-screen .window.prompt h2,
.medium-screen .window.prompt h2 {
	font-size: 11px;
	color: #FFFFFF;
}

.large-screen .window.prompt h2,
.huge-screen .window.prompt h2 {
	padding-top: 4px;
	text-align: center;
	font-size: 14px;
	color: #00A0CA;
}


/* Window . Body */
.window.prompt .window-body {
}

/* Window . Body . Block */
.window.prompt .window-body .block {
	
}

.tiny-screen .window.prompt .window-body .block,
.small-screen .window.prompt .window-body .block,
.medium-screen .window.prompt .window-body .block {
	margin: 0px 30px 10px 30px;
}

.large-screen .window.prompt .window-body .block,
.huge-screen .window.prompt .window-body .block {
	margin: 0px 75px 10px 75px;
}

/* Window . Body . Form */
.window.prompt .window-body form {
	padding: 0px;
}

/* Window . Footer */
.window.prompt .window-footer {
	padding: 10px 10px 10px 10px;
	border-top: 1px dashed #dddddd;
	text-align: center;
	line-height: 24px;
	background: none;
}

.tiny-screen .window.prompt .window-footer,
.small-screen .window.prompt .window-footer,
.medium-screen .window.prompt .window-footer {
	margin: 64px 0px 10px 0px;
	font-size: 8.5px !important;
}

.large-screen .window.prompt .window-footer,
.huge-screen .window.prompt .window-footer {
	font-size: 13px !important;
}

.textfield.large.active {
	border-color: #009ECE !important;
}

.tiny-screen .window.prompt .button,
.small-screen .window.prompt .button,
.medium-screen .window.prompt .button {
	font-size: 13px !important;
}

.large-screen .window.prompt .window-footer,
.huge-screen .window.prompt .window-footer {
	font-size: 13px !important;
}




/* Dashboard Block */
.dash-block {
	background-color: #ffffff;
}

.tiny-screen .dash-block,
.small-screen .dash-block,
.medium-screen .dash-block {
	margin: 0px 0px 10px 0px;
}

.large-screen .dash-block,
.huge-screen .dash-block {
	margin: 0px 5px 10px 5px;
}

/* Dashboard Block . Header */
.dash-block .block-head {
	font-size: 0px;
	box-sizing: border-box;
	border-bottom: 1px solid #E4E4E4;
}

.dash-block .block-head h2 {
	box-sizing: border-box;
	text-transform: uppercase;
}

.tiny-screen .dash-block .block-head h2,
.small-screen .dash-block .block-head h2,
.medium-screen .dash-block .block-head h2 {
	padding: 11px 10px 10px 12px;
	font-size: 10px;
	line-height: 16px;
}

.large-screen .dash-block .block-head h2,
.huge-screen .dash-block .block-head h2 {
	padding: 24px 20px 20px 20px;
	font-size: 12px;
	line-height: 19px;
}

.dash-block .block-head h3 {
	box-sizing: border-box;
	text-transform: uppercase;
	color: #999999;
}

.tiny-screen .dash-block .block-head h3,
.small-screen .dash-block .block-head h3,
.medium-screen .dash-block .block-head h3 {
	padding: 12px 10px 10px 20px;
	font-size: 10px;
	line-height: 16px;
}

.large-screen .dash-block .block-head h3,
.huge-screen .dash-block .block-head h3 {
	padding: 20px 20px 18px 20px;
	font-size: 12px;
	line-height: 16px;
}

.dash-block .block-head .image {
	overflow: hidden;
	font-size: 0px;
}

.tiny-screen .dash-block .block-head .image,
.small-screen .dash-block .block-head .image,
.medium-screen .dash-block .block-head .image {
	height: 200px;
}

.large-screen .dash-block .block-head .image,
.huge-screen .dash-block .block-head .image {
	height: 270px;
}

.dash-block .block-head .image img {
	width: 100%;
}

/* Dashboard Block . Header . Icon */
.dash-block .block-head.icon {
	background-repeat: no-repeat;
}

.tiny-screen .dash-block .block-head.icon,
.small-screen .dash-block .block-head.icon,
.medium-screen .dash-block .block-head.icon {
	padding-left: 36px;
	background-size: 36px 36px;
}

.large-screen .dash-block .block-head.icon,
.huge-screen .dash-block .block-head.icon {
	padding-left: 64px;
	background-size: 64px 64px;
}

.dash-block .block-head.icon h2 {
	padding-left: 0px !important;
}

.dash-block .block-head.icon h3 {
	padding-left: 0px !important;
}

/* Dashboard Block . Header . Icon */
.dash-block .block-head.icon.icon-modules {
	background-image: url(../media/block-icon-modules_2x.png);
}

/* Dashboard Block . Header . Split */
.dash-block .block-head.split {
	overflow: auto;
}

.tiny-screen .dash-block .block-head.split,
.small-screen .dash-block .block-head.split,
.medium-screen .dash-block .block-head.split {
	padding-bottom: 0px;
}

.dash-block .block-head.split h2 {
	float: left;
	/*width: 50%;*/
}

.tiny-screen .dash-block .block-head.split h2,
.small-screen .dash-block .block-head.split h2,
.medium-screen .dash-block .block-head.split h2 {
	float: none;
	width: 100%;
	padding: 11px 16px 8px 12px;
}

.dash-block .block-head.split h3 {
	float: right;
	padding: 25px 20px 10px 0px;
}

.tiny-screen .dash-block .block-head.split h3,
.small-screen .dash-block .block-head.split h3,
.medium-screen .dash-block .block-head.split h3 {
	float: none;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 8px;
	padding-left: 12px;
	text-align: left;
	position: relative;
}

.large-screen .dash-block .block-head.split h3,
.huge-screen .dash-block .block-head.split h3 {
	float: right;
	text-align: right;
}

/* Action */
.tiny-screen .dash-block .block-head.split.action h2,
.small-screen .dash-block .block-head.split.action h2,
.medium-screen .dash-block .block-head.split.action h2 {
	padding-top: 11px;
	padding-bottom: 8px;
}

.dash-block .block-head.split.action .button {
	float: right;
}

.tiny-screen .dash-block .block-head.split.action .button,
.small-screen .dash-block .block-head.split.action .button,
.medium-screen .dash-block .block-head.split.action .button {
	height: 36px;
	line-height: 36px !important;
	font-size: 9px !important;
	margin: 10px 10px 10px 16px;
}

.large-screen .dash-block .block-head.split.action .button,
.huge-screen .dash-block .block-head.split.action .button {
	margin: 16px 16px 16px 10px;
}

/* Dashboard Block . Body */
.dash-block .block-body {}

/* Dashboard Block . Body . Icon */
.dash-block .block-body.icon {
	padding-left: 80px;
	padding-top: 20px;
	background-size: 64px 64px;
	background-repeat: no-repeat;
}

.tiny-screen .dash-block .block-body.icon,
.small-screen .dash-block .block-body.icon,
.medium-screen .dash-block .block-body.icon {
	padding-top: 14px !important;
	padding-left: 40px;
	background-size: 36px 36px;
}

.dash-block .block-body.icon.icon-courses {
	background-image: url(../media/block-icon-modules_2x.png);
}

.dash-block .block-body.icon p {
	padding-left: 0px !important;
	padding-top: 10px !important;
}

.dash-block .block-body.icon h2 {
	font-size: 12px;
	text-transform: uppercase;
}

.tiny-screen .dash-block .block-body h2,
.small-screen .dash-block .block-body h2,
.medium-screen .dash-block .block-body h2 {
	font-size: 14px;
}

.dash-block .block-body.icon h3 {
	font-size: 24px;
	font-weight: 100;
}

.tiny-screen .dash-block .block-body h3,
.small-screen .dash-block .block-body h3,
.medium-screen .dash-block .block-body h3 {
	font-size: 15px;
}

/* Dashboard Block . Body . Title */
.dash-block .block-body > h2 {
	font-weight: bold;
}

.tiny-screen .dash-block .block-body > h2,
.small-screen .dash-block .block-body > h2,
.medium-screen .dash-block .block-body > h2 {
	padding: 20px 20px 0px 20px;
}

.large-screen .dash-block .block-body > h2,
.huge-screen .dash-block .block-body > h2 {
	font-size: 24px;
	padding: 20px 20px 0px 20px;
}

.dash-block .block-body > h4 {
	font-weight: bold;
}

.tiny-screen .dash-block .block-body > h4,
.small-screen .dash-block .block-body > h4,
.medium-screen .dash-block .block-body > h4 {
	padding: 20px 20px 0px 20px;
}

.large-screen .dash-block .block-body > h4,
.huge-screen .dash-block .block-body > h4 {
	padding: 20px 20px 0px 20px;
}

/* Dashboard Block . Body . Text */
.dash-block .block-body > p {
	line-height: 20px;
}

.tiny-screen .dash-block .block-body > p,
.small-screen .dash-block .block-body > p,
.medium-screen .dash-block .block-body > p {
	padding: 20px 20px 0px 20px;
}

.large-screen .dash-block .block-body > p,
.huge-screen .dash-block .block-body > p {
	font-size: 14px;
	line-height: 24px;
	padding: 20px 20px 0px 20px;
}

.dash-block .block-body > p:last-child {
	padding-bottom: 20px;
}

/* Dashboard Block . Body . List */
.dash-block .block-body > ul {
	padding: 16px 20px 0px 36px;
}

.dash-block .block-body > ul:last-child {
	padding-bottom: 20px;
}

.dash-block .block-body > ul li {
	margin-bottom: 16px;
	padding: 0px;
	font-weight: 400;
	list-style: disc;
	list-style-position: outside;
}

.tiny-screen .dash-block .block-body > ul li,
.small-screen .dash-block .block-body > ul li,
.medium-screen .dash-block .block-body > ul li {
	min-height: 48px;
	margin-bottom: 8px;
}

.dash-block .block-body > ul li:last-child {
	margin-bottom: 0px;
}

.dash-block .block-body > ul li a {}

/* Dashboard Block . Body . Table */
.dash-block .block-body > table {
	width: 100%;
	box-sizing: border-box;
	border-spacing: 0px;
	padding: 16px 20px 20px 20px;
}

.dash-block .block-body > table:first-child {
	padding-top: 20px;
}

.dash-block .block-body > table thead tr th {
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
}

.tiny-screen .dash-block .block-body > table thead tr th,
.small-screen .dash-block .block-body > table thead tr th,
.medium-screen .dash-block .block-body > table thead tr th {
	font-size: 10px;
}

.dash-block .block-body > table tr:last-child td {
	border-bottom: 1px solid #dddddd;
}

.dash-block .block-body > table tr th,
.dash-block .block-body > table tr td {
	padding: 10px 10px 8px 10px;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	font-weight: normal;
}

.tiny-screen .dash-block .block-body > table tr td,
.small-screen .dash-block .block-body > table tr td,
.medium-screen .dash-block .block-body > table tr td {
	font-size: 12px;
}

.tiny-screen .dash-block .block-body > table tr th,
.tiny-screen .dash-block .block-body > table tr td,
.small-screen .dash-block .block-body > table tr th,
.small-screen .dash-block .block-body > table tr td,
.medium-screen .dash-block .block-body > table tr th,
.medium-screen .dash-block .block-body > table tr td {
	padding: 6px 6px 4px 6px;
}

.dash-block .block-body > table tr th:last-child,
.dash-block .block-body > table tr td:last-child {
	border-right: 1px solid #dddddd;
}

/* Dashboard Block . Body . Featured */
.dash-block .block-body.featured {
	overflow: auto;
}

.dash-block .block-body.featured > img {
	float: left;
	
}

.tiny-screen .dash-block .block-body.featured > img,
.small-screen .dash-block .block-body.featured > img,
.medium-screen .dash-block .block-body.featured > img {
	height: 64px;
	width: 64px;
	margin: 20px 10px 10px 20px;
}

.large-screen .dash-block .block-body.featured > img,
.huge-screen .dash-block .block-body.featured > img {
	height: 96px;
	width: 96px;
	margin: 20px 20px 10px 20px;
}

.dash-block .block-body.featured > p {
	padding-top: 0px;
}

.tiny-screen .dash-block .block-body.featured > p,
.tiny-screen .dash-block .block-body.featured > h4,
.small-screen .dash-block .block-body.featured > p,
.small-screen .dash-block .block-body.featured > h4,
.medium-screen .dash-block .block-body.featured > p,
.medium-screen .dash-block .block-body.featured > h4 {
	padding-left: 20px;
}



/* Dashboard Block . Foot */
.dash-block .block-foot {}

.button.toggle.collapsibles {
	font-size: 12px;
	text-transform: lowercase;
}

/* Collapsible text */
p.collapsible {
	height: 120px;
	overflow: hidden;
	transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
}

p.collapsible.expanded {
	height: auto;
}

/* Checklists */
ul.list-a {
	padding: 0px !important;
}

ul.list-a li {
	margin: 0px !important;
	list-style: none !important;
	border-bottom: 1px solid #E4E4E4;
	transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	background-image: url(../media/checklist-stand_by.png);
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: 20px 20px;
	cursor: pointer;
	overflow: auto;
}

.tiny-screen ul.list-a li,
.small-screen ul.list-a li,
.medium-screen ul.list-a li {
	padding: 0px 0px 0px 0px !important;
	background-position: 8px 12px;
}

.large-screen ul.list-a li,
.huge-screen ul.list-a li {
	padding: 10px 10px 10px 10px;
}

ul.list-a li:hover {
	background-color: #F2F2F2;
}

ul.list-a li.complete {
	background-image: url(../media/checklist-complete.png);
}

ul.list-a li.active {
	background-image: url(../media/checklist-active.png);
}

ul.list-a li p {
	font-size: 14px;
}

.tiny-screen ul.list-a li p,
.small-screen ul.list-a li p,
.medium-screen ul.list-a li p {
	padding: 18px 0px 10px 38px;
}

.large-screen ul.list-a li p,
.huge-screen ul.list-a li p {
	padding: 15px 0px 0px 53px;
}

ul.list-a li.complete p {
	color: #11A07E;
}

ul.list-a li.button {
	display: block;
	text-align: left;
	text-transform: none;
}

ul.list-a li .button {
	float: right;
}

.tiny-screen ul.list-a li .button ,
.small-screen ul.list-a li .button ,
.medium-screen ul.list-a li .button {
	box-sizing: border-box;
	height: 48px;
	width: 48px;
	font-size: 0px;
	padding: 0px 0px 0px 48px;
	overflow: hidden;
	background-image: url(../media/list-a-button-arrow.png) !important;
	background-position: 20px center;
	background-repeat: no-repeat;
	background-size: 12px 22px;
}

.large-screen ul.list-a li .button ,
.huge-screen ul.list-a li .button {
	height: 40px;
	width: 60px;
	line-height: 40px;
	font-size: 13px;
}

ul.list-a li span {
	float: right;
	padding-top: 2px;
	margin-left: 10px;
	font-size: 13px;
	font-weight: bold;
}

/* Status report */
.report.status {
	overflow: auto;
	background-position: left top;
	background-repeat: no-repeat;
}

.tiny-screen .report.status ,
.small-screen .report.status ,
.medium-screen .report.status {
	min-height: 64px;
	padding-left: 64px;
	background-size: 64px 64px;
}

.large-screen .report.status ,
.huge-screen .report.status {
	min-height: 96px;
	padding-left: 96px;
	background-size: 96px 96px;
}

.report.status.course {
	background-image: url(../media/report-status-course.png);
}

.report.status.module {
	background-image: url(../media/report-status-module.png);
}

.report.status.lesson {
	background-image: url(../media/report-status-lesson.png);
}

.report.status .info {
	float: left;
}
	
.tiny-screen .report.status .info,
.small-screen .report.status .info,
.medium-screen .report.status .info {
	margin-left: 10px;
	margin-top: 16px;
}

.large-screen .report.status .info,
.huge-screen .report.status .info {
	margin-left: 20px;
	margin-top: 30px;
}

.report.status .info h2 {
	font-weight: bold;
}

.tiny-screen .report.status .info h2,
.small-screen .report.status .info h2,
.medium-screen .report.status .info h2 {
	font-size: 12px;
}

.large-screen .report.status .info h2,
.huge-screen .report.status .info h2 {
	font-size: 16px;
}

.report.status .info p {
	
}

.tiny-screen .report.status .info p,
.small-screen .report.status .info p,
.medium-screen .report.status .info p {
	margin-top: 2px;
	font-size: 10px;
}

.large-screen .report.status .info p,
.huge-screen .report.status .info p {
	margin-top: 2px;
	font-size: 13px;
}

.report.status .action {
	float: right;
}

.tiny-screen .report.status .action,
.small-screen .report.status .action,
.medium-screen .report.status .action {
	padding: 12px 12px 0px 0px;
}

.large-screen .report.status .action,
.huge-screen .report.status .action {
	padding: 26px 26px 0px 0px;
}

.tiny-screen .report.status .action .button,
.small-screen .report.status .action .button,
.medium-screen .report.status .action .button {
	height: 40px;
	padding: 0px 10px 0px 10px;
	font-size: 10px;
	line-height: 40px;
}

/* Dashboard */
.dashboard {}

.tiny-screen .dashboard ,
.small-screen .dashboard ,
.medium-screen .dashboard {

}

.large-screen .dashboard {
	margin-top: 24px;
}

.huge-screen .dashboard {
	margin-top: 57px;
}

.dashboard .dashboard-header {
	margin-bottom: 10px;
	background-color: #4BA6D4;
	overflow: auto;
	background-image: url(../media/dashboard-header-background.gif);
	background-repeat: repeat;
	background-size: 3px 3px;
}

.dashboard .dashboard-header .block {
	min-height: 0px;
	background: none;
}

.tiny-screen .dashboard .dashboard-header .block,
.small-screen .dashboard .dashboard-header .block,
.medium-screen .dashboard .dashboard-header .block {
	
}

.large-screen .dashboard .dashboard-header .block,
.huge-screen .dashboard .dashboard-header .block {
	
}

.dashboard .dashboard-header .block.left {
	display: table;
}

.tiny-screen .dashboard .dashboard-header .block.left,
.small-screen .dashboard .dashboard-header .block.left {
	float: none;
	height: 24px;
	width: 100%;
}

.large-screen .dashboard .dashboard-header .block.left,
.huge-screen .dashboard .dashboard-header .block.left {
	float: left;
}

.dashboard .dashboard-header .block.right {
	float: right;
}

.tiny-screen .dashboard .dashboard-header .block.right,
.small-screen .dashboard .dashboard-header .block.right,
.medium-screen .dashboard .dashboard-header .block.right {
	float: none;
	height: 60px;
	width: 100%;
}

.large-screen .dashboard .dashboard-header .block.right,
.huge-screen .dashboard .dashboard-header .block.right {
	width: 40%;
}

/* Dashboard . Header . Weather block */
.dashboard .dashboard-header .weather {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	background-repeat: no-repeat;
	
}

.tiny-screen .dashboard .dashboard-header .weather,
.small-screen .dashboard .dashboard-header .weather,
.medium-screen .dashboard .dashboard-header .weather {
	height: 24px;
	width: 24px;
	padding-left: 20px;
	background-size: 16px 16px;
	background-position: 3px center;
}

.large-screen .dashboard .dashboard-header .weather,
.huge-screen .dashboard .dashboard-header .weather {
	height: 40px;
	width: 120px;
	padding-top: 80px;
	background-size: 48px 48px;
	background-position: center 28px;
}

.dashboard .dashboard-header .weather .field {
	font-weight: bold;
	color: #ffffff;
}

.tiny-screen .dashboard .dashboard-header .weather .field,
.small-screen .dashboard .dashboard-header .weather .field,
.medium-screen .dashboard .dashboard-header .weather .field {
	font-size: 12px;
	padding-top: 1px;
	line-height: 20px;
}

.large-screen .dashboard .dashboard-header .weather .field,
.huge-screen .dashboard .dashboard-header .weather .field {
	font-size: 16px;
	line-height: 20px;
}

.dashboard .dashboard-header .weather.icon_01d {
	background-image: url(../media/weather_01d.png);
}

.dashboard .dashboard-header .weather.icon_01n {
	background-image: url(../media/weather_01n.png);
}

.dashboard .dashboard-header .weather.icon_02d {
	background-image: url(../media/weather_02d.png);
}

.dashboard .dashboard-header .weather.icon_02n {
	background-image: url(../media/weather_02n.png);
}

.dashboard .dashboard-header .weather.icon_03d {
	background-image: url(../media/weather_03d.png);
}

.dashboard .dashboard-header .weather.icon_03n {
	background-image: url(../media/weather_03n.png);
}

.dashboard .dashboard-header .weather.icon_04d {
	background-image: url(../media/weather_04d.png);
}

.dashboard .dashboard-header .weather.icon_04n {
	background-image: url(../media/weather_04n.png);
}

.dashboard .dashboard-header .weather.icon_09d {
	background-image: url(../media/weather_09d.png);
}

.dashboard .dashboard-header .weather.icon_09n {
	background-image: url(../media/weather_09n.png);
}

.dashboard .dashboard-header .weather.icon_10d {
	background-image: url(../media/weather_10d.png);
}

.dashboard .dashboard-header .weather.icon_10n {
	background-image: url(../media/weather_10n.png);
}

.dashboard .dashboard-header .weather.icon_11d {
	background-image: url(../media/weather_11d.png);
}

.dashboard .dashboard-header .weather.icon_11n {
	background-image: url(../media/weather_11n.png);
}

.dashboard .dashboard-header .weather.icon_13d {
	background-image: url(../media/weather_13d.png);
}

.dashboard .dashboard-header .weather.icon_13n {
	background-image: url(../media/weather_13n.png);
}

.dashboard .dashboard-header .weather.icon_50d {
	background-image: url(../media/weather_50d.png);
}

.dashboard .dashboard-header .weather.icon_50n {
	background-image: url(../media/weather_50n.png);
}

.dashboard .dashboard-header .weather.icon_r {
	background-image: url(../media/weather_r.png);
}

.dashboard .dashboard-header .weather.icon_sn50 {
	background-image: url(../media/weather_sn50.png);
}

.dashboard .dashboard-header .weather.icon_t50 {
	background-image: url(../media/weather_t50.png);
}

.dashboard .dashboard-header .weather.icon_w50 {
	background-image: url(../media/weather_w50.png);
}

/* Dashboard . Header . Calendar block */
.dashboard .dashboard-header .calendar {
	display: table-cell;
	vertical-align: middle;
	color: #ffffff;
}

.tiny-screen .dashboard .dashboard-header .calendar,
.small-screen .dashboard .dashboard-header .calendar,
.medium-screen .dashboard .dashboard-header .calendar {
	height: 24px;
	font-size: 11px;
	border-left: 1px solid #9ACDE6;
}


.large-screen .dashboard .dashboard-header .calendar,
.huge-screen .dashboard .dashboard-header .calendar {
	height: 100px;
	width: 230px;
	font-size: 20px;
	margin-top: 10px;
}

.tiny-screen .dashboard .dashboard-header .calendar ul,
.small-screen .dashboard .dashboard-header .calendar ul,
.medium-screen .dashboard .dashboard-header .calendar ul {
	padding: 4px 0px 0px 10px;
}

.large-screen .dashboard .dashboard-header .calendar ul,
.huge-screen .dashboard .dashboard-header .calendar ul {
	padding: 10px 0px 10px 20px;
	border-left: 1px solid #9ACDE6;
}

.tiny-screen .dashboard .dashboard-header .calendar ul li,
.small-screen .dashboard .dashboard-header .calendar ul li,
.medium-screen .dashboard .dashboard-header .calendar ul li {
	display: inline;
}

.dashboard .dashboard-header .calendar .field {
	font-weight: bold;
}

/* Dashboard . Header . Quick Navigation block */
.dashboard .dashboard-header ul.quick-navigation {
	box-sizing: border-box;
}

.tiny-screen .dashboard .dashboard-header ul.quick-navigation,
.small-screen .dashboard .dashboard-header ul.quick-navigation,
.medium-screen .dashboard .dashboard-header ul.quick-navigation {
	width: 100%;
}

.large-screen .dashboard .dashboard-header ul.quick-navigation,
.huge-screen .dashboard .dashboard-header ul.quick-navigation {
	width: 100%;
	padding-left: 5px;
}

.dashboard .dashboard-header ul.quick-navigation li {
	float: left;
	width: 33.3%;
	background-image: url(../media/quicknav-button-b-background.gif);
	background-repeat: repeat;
	background-size: 3px 3px;
}

.dashboard .dashboard-header ul.quick-navigation li:first-child {
	background-image: url(../media/quicknav-button-a-background.gif);
}

.dashboard .dashboard-header ul.quick-navigation li:last-child {
	background-image: url(../media/quicknav-button-c-background.gif);
}

.dashboard .dashboard-header ul.quick-navigation li a {
	display: block;
	width: 100%;
	text-align: center;
	font-weight: bold;
	text-transform: lowercase;
	color: #ffffff;
	
	background-repeat: no-repeat; 
	transition: 0.2s all;
	-moz-transition: 0.2s all;
	-webkit-transition: 0.2s all;
}

.dashboard .dashboard-header ul.quick-navigation li a.library {
	background-image: url(../media/quicknav-library.png);
}

.dashboard .dashboard-header ul.quick-navigation li a.my-courses {
	background-image: url(../media/quicknav-my-courses.png);
}

.dashboard .dashboard-header ul.quick-navigation li a.messages {
	background-image: url(../media/quicknav-messages.png);
}

.tiny-screen .dashboard .dashboard-header ul.quick-navigation li a,
.small-screen .dashboard .dashboard-header ul.quick-navigation li a,
.medium-screen .dashboard .dashboard-header ul.quick-navigation li a {
	height: 30px;
	padding-top: 30px;
	font-size: 9px;
	background-size: 24px 24px;
	background-position: center 14px;
}

.large-screen .dashboard .dashboard-header ul.quick-navigation li a,
.huge-screen .dashboard .dashboard-header ul.quick-navigation li a {
	height: 40px;
	padding-top: 80px;
	font-size: 13px;
	background-size: 48px 48px;
	background-position: center 30px;
}

.dashboard .dashboard-header ul.quick-navigation li a:hover {
	background-color: #2895CB;
}

.dashboard .dashboard-header ul.quick-navigation li a .count {
	display: block;
	position: relative;
	float: right;
	text-align: center;
	min-width: 10px;
	background-color: #91C9E4;
	border-radius: 10px;
}

.tiny-screen .dashboard .dashboard-header ul.quick-navigation li a .count ,
.small-screen .dashboard .dashboard-header ul.quick-navigation li a .count ,
.medium-screen .dashboard .dashboard-header ul.quick-navigation li a .count  {
	margin: -24px 6px 0px 0px;
	padding: 0px 4px 0px 4px;
	line-height: 16px;
	font-size: 10px;
}

.large-screen .dashboard .dashboard-header ul.quick-navigation li a .count ,
.huge-screen .dashboard .dashboard-header ul.quick-navigation li a .count  {
	margin: -70px 10px 0px 0px;
	padding: 0px 4px 0px 4px;
	line-height: 20px;
	font-size: 10px;
}

.dashboard .dashboard-header ul.quick-navigation li a .count.red {
	background-color: #FF928D;
}

/* Dashboard . Block . Content */
.dashboard .block-content > h1 {
	font-weight: 500;
}

.tiny-screen .dashboard .block-content > h1,
.small-screen .dashboard .block-content > h1,
.medium-screen .dashboard .block-content > h1 {
	padding: 10px 10px 0px 10px;
	font-size: 16px;
}

.large-screen .dashboard .block-content > h1,
.huge-screen .dashboard .block-content > h1 {
	padding: 20px 20px 0px 20px;
	font-size: 24px;
}


.dashboard .block-content > h2 {
	color: #7E7E7E;
}

.tiny-screen .dashboard .block-content > h2,
.small-screen .dashboard .block-content > h2,
.medium-screen .dashboard .block-content > h2 {
	padding: 0px 10px 10px 10px;
	font-size: 12px;
}

.large-screen .dashboard .block-content > h2,
.huge-screen .dashboard .block-content > h2 {
	padding: 0px 20px 20px 20px;
	font-size: 15px;
}

/* Infographic panel */
.infographic-panel {
	background: #769AB0 url(../media/infographics-panel-shadow.png) repeat-x left bottom;
	background-color: #769AB0;
	overflow: auto;
}

.infographic-panel li {
	float: left;
	width: 33.3%;
	text-align: center;
	background-repeat: no-repeat;
}

.tiny-screen .infographic-panel li,
.small-screen .infographic-panel li,
.medium-screen .infographic-panel li  {
	height: 105px;
	background-position: center 10px;
	background-size: 56px 56px;
}

.large-screen .infographic-panel li,
.huge-screen .infographic-panel li {
	height: 220px;
	background-position: center 40px;
	background-size: 128px 128px;
}

.infographic-panel li h2 {
	font-weight: bold;
	color: #ffffff;
}

.tiny-screen .infographic-panel li h2,
.small-screen .infographic-panel li h2,
.medium-screen .infographic-panel li h2  {
	padding-top: 42px;
	font-size: 14px;
}

.large-screen .infographic-panel li h2,
.huge-screen .infographic-panel li h2 {
	padding-top: 120px;
	font-size: 25px;
}

.infographic-panel li p {
	font-size: 12px;
	color: #ffffff;
}

.tiny-screen .infographic-panel li p,
.small-screen .infographic-panel li p,
.medium-screen .infographic-panel li p  {
	padding-top: 16px;
	font-size: 9px;
}

.large-screen .infographic-panel li p,
.huge-screen .infographic-panel li p {
	padding-top: 30px;
}

.infographic-panel li.courses-open {
	background-image: url(../media/dashboard-infograph-courses-open.png);
}

.infographic-panel li.courses-finished {
	background-image: url(../media/dashboard-infograph-courses-finished.png);
}

.infographic-panel li.score {
	background-image: url(../media/dashboard-infograph-score.png);
}

/* Progress bar */
.progress-bar {
	height: 4px;
	width: 100%;
	border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
	background-color: #E4E4E4;
}

.progress-bar .progress-bar-cursor {
	height: 4px;
	background-color: #666666;
	border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
}

.red .progress-bar .progress-bar-cursor {
	background-color: #FF4941;
}

.green .progress-bar .progress-bar-cursor {
	background-color: #17D5A9;
}

.blue .progress-bar .progress-bar-cursor {
	background-color: #00A0CA;
}

/* progress-table */
.progress-table {
	width: 100%;
	border-spacing: 0;
    border-collapse: collapse;
}

.progress-table tr td {
	border-bottom: 1px solid #E4E4E4;
	vertical-align: center;
}

.tiny-screen .progress-table tr td:first-child,
.small-screen .progress-table tr td:first-child,
.medium-screen .progress-table tr td:first-child {
	width: 60px;
}

.large-screen .progress-table tr td:first-child,
.huge-screen .progress-table tr td:first-child {
	width: 84px;
}

.tiny-screen .progress-table tr td:last-child,
.small-screen .progress-table tr td:last-child,
.medium-screen .progress-table tr td:last-child {
	width: 50px;
	padding-left: 6px;
	font-size: 0px;
}

.large-screen .progress-table tr td:last-child,
.huge-screen .progress-table tr td:last-child {
	width: 120px;
	padding: 0px 10px 0px 10px;
}

.progress-table .course-relative-status {
	border: 2px solid #666666;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	background-color: #999999;
	background-size: auto 100%;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
}

.tiny-screen .progress-table .course-relative-status,
.small-screen .progress-table .course-relative-status,
.medium-screen .progress-table .course-relative-status {
	height: 44px;
	width: 44px;
	margin: 6px 6px 6px 6px;
	line-height: 44px;
	border-radius: 48px;
	-moz-border-radius: 48px;
	-webkit-border-radius: 48px;
}

.large-screen .progress-table .course-relative-status,
.huge-screen .progress-table .course-relative-status {
	height: 60px;
	width: 60px;
	margin: 20px 20px 20px 20px;
	line-height: 60px;
	border-radius: 32px;
	-moz-border-radius: 32px;
	-webkit-border-radius: 32px;
}

.progress-table .course-relative-status span {
	display: block;
	background-color: rgba(0,0,0,0.70);
}

.tiny-screen .progress-table .course-relative-status span,
.small-screen .progress-table .course-relative-status span,
.medium-screen .progress-table .course-relative-status span {
	height: 44px;
	width: 44px;
}

.large-screen .progress-table .course-relative-status span,
.huge-screen .progress-table .course-relative-status span {
	height: 60px;
	width: 60px;
}


.progress-table tr td h3 {
	height: 15px;
	padding: 10px 0px 4px 0px;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
}

.progress-table tr td p {
	padding: 6px 0px 4px 0px;
}

.progress-table tr.red td p {
	color: #FF4941;
}

.progress-table tr.green td p {
	color: #17D5A9;
}

.progress-table tr.blue td p {
	color: #00A0CA;
}

.progress-table tr td .progress-bar {
	
}

.tiny-screen .progress-table tr td .button,
.small-screen .progress-table tr td .button,
.medium-screen .progress-table tr td .button {
	height: 68px;
	width: 50px;
	margin: 0px;
	padding: 0px 0px 0px 50px;
	font-size: 12px;
	line-height: 40px;
	overflow: hidden;
	box-sizing: border-box;
	background-image: url(../media/progress-table-button-arrow.png) !important;
	background-repeat: no-repeat;
	background-position: 20px center;
	background-size: 12px 22px;
}

.large-screen .progress-table tr td .button,
.huge-screen .progress-table tr td .button {
	height: 40px;
	margin: 0px;
	font-size: 12px;
	line-height: 40px
}

.progress-table tr.red td .button {
	background-color: #FF4941;
}

.progress-table tr.red td .button:hover {
	background-color: #FF807B;
}

.progress-table tr.blue td .button {
	background-color: #00A0CA;
}

.progress-table tr.blue td .button:hover {
	background-color: #4DBDDA;
}

/* Dashboars . Suggestions list */
.dashboard .suggestions-list {

}

.dashboard .suggestions-list li a {
	border-bottom: 1px dotted #E4E4E4;
	background-repeat: no-repeat;
}

.tiny-screen .dashboard .suggestions-list li a,
.small-screen .dashboard .suggestions-list li a,
.medium-screen .dashboard .suggestions-list li a {
	min-height: 48px;
	padding: 10px 0px 10px 60px;
	background-size: 40px 40px;
	background-position: 10px center;
}

.large-screen .dashboard .suggestions-list li a,
.huge-screen .dashboard .suggestions-list li a {
	min-height: 64px;
	padding: 22px 20px 20px 104px;
	background-size: 64px 64px;
	background-position: 20px center;
}

.dashboard .suggestions-list li a.seguranca-contra-incendios {
	background-image: url(../media/category-icon-001.png);
}

.dashboard .suggestions-list li a.auto-proteccao {
	background-image: url(../media/category-icon-002.png);
}

.dashboard .suggestions-list li a.qualidade-e-ambiente {
	background-image: url(../media/category-icon-003.png);
}

.dashboard .suggestions-list li a.seguranca-e-saude-no-trabalho {
	background-image: url(../media/category-icon-004.png);
}

.dashboard .suggestions-list li a.outros {
}

.dashboard .suggestions-list li:last-child {
	border-bottom: none;
}

.dashboard .suggestions-list li a {
	display: block;
}

.dashboard .suggestions-list li a span {
	display: block;
}

.dashboard .suggestions-list li a span.category {
	text-transform: uppercase;
	
}

.tiny-screen .dashboard .suggestions-list li a span.category,
.small-screen .dashboard .suggestions-list li a span.category,
.medium-screen .dashboard .suggestions-list li a span.category {
	font-size: 9px;
}

.large-screen .dashboard .suggestions-list li a span.category,
.huge-screen .dashboard .suggestions-list li a span.category {
	font-size: 10px;
}

.dashboard .suggestions-list li a span.duration {
	color: #00A0CA;
}

.tiny-screen .dashboard .suggestions-list li a span.duration,
.small-screen .dashboard .suggestions-list li a span.duration,
.medium-screen .dashboard .suggestions-list li a span.duration {
	font-size: 9px;
}

.large-screen .dashboard .suggestions-list li a span.duration,
.huge-screen .dashboard .suggestions-list li a span.duration {
	float: right;
	position: relative;
	margin-top: -18px;
}

.dashboard .suggestions-list li a span.title {
	font-weight: 400;
}

.tiny-screen .dashboard .suggestions-list li a span.title,
.small-screen .dashboard .suggestions-list li a span.title,
.medium-screen .dashboard .suggestions-list li a span.title {
	padding-top: 0px;
	font-size: 12px;
}

.large-screen .dashboard .suggestions-list li a span.title,
.huge-screen .dashboard .suggestions-list li a span.title {
	padding-top: 6px;
	font-size: 15px;
}

/* Promos . PRM_001 */
.prm_001 {
	background: #96B867 url(../media/prm_001-background.png) repeat left top;
	background-size: 3px 3px;
}

.tiny-screen .prm_001,
.small-screen .prm_001,
.medium-screen .prm_001 {
	height: 120px;
}

.large-screen .prm_001,
.huge-screen .prm_001 {
	height: 220px;
}

.prm_001 .icon {
	float: left;
	background-image: url(../media/prm_001-icon.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
}

.tiny-screen .prm_001 .icon,
.small-screen .prm_001 .icon,
.medium-screen .prm_001 .icon {
	height: 92px;
	width: 92px;
	margin: 14px;
}

.large-screen .prm_001 .icon,
.huge-screen .prm_001 .icon {
	height: 128px;
	width: 128px;
	margin: 50px 5% 50px 5%;
}

.prm_001 h3 {
	font-weight: bold;
	color: #ffffff;
}

.tiny-screen .prm_001 h3,
.small-screen .prm_001 h3,
.medium-screen .prm_001 h3 {
	font-size: 15px;
	padding-top: 20px;
	padding-right: 10px;
}

.large-screen .prm_001 h3,
.huge-screen .prm_001 h3 {
	font-size: 20px;
	padding-top: 60px;
	padding-right: 10px;
}

.prm_001 p {
	color: #ffffff;
}

.tiny-screen .prm_001 p,
.small-screen .prm_001 p,
.medium-screen .prm_001 p {
	margin-bottom: 10px;
	padding-right: 10px;
}

.large-screen .prm_001 p,
.huge-screen .prm_001 p {
	margin-bottom: 20px;
	padding-right: 10px;
}

.prm_001 a {
	text-transform: uppercase;
	color: #ffffff;
	font-weight: bold;
}

/* Breadcrumb Menu */
.breadcrumb-menu {

}

.tiny-screen .breadcrumb-menu ,
.small-screen .breadcrumb-menu ,
.medium-screen .breadcrumb-menu {
	padding: 25px 10px 15px 10px;
}

.large-screen .breadcrumb-menu {
	padding: 28px 20px 20px 29px;
}

.huge-screen .breadcrumb-menu {
	padding: 28px 20px 20px 63px;
}

.breadcrumb-menu li {
	display: inline;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: -0.05em;
	color: #4C4C4C;
	margin: 0px 3px 0px 0px;
	padding-left: 7px;
	background: transparent url(../media/breadcrumb-separator.png) no-repeat left center;
	background-size: 2px 2px;
}

.breadcrumb-menu li:first-child {
	margin-left: 0px;
	padding-left: 0px;
	background: none;
}

.tiny-screen .breadcrumb-menu li ,
.small-screen .breadcrumb-menu li ,
.medium-screen .breadcrumb-menu li {
	font-size: 11px;
}

.large-screen .breadcrumb-menu li ,
.huge-screen .breadcrumb-menu li {
	font-size: 12px;
}

.breadcrumb-menu li a {
	color: #2895CB;
}

.breadcrumb-menu li a:hover {
	text-decoration: underline;
}

/* Attachments List */
.attachments-list {
	padding: 0px !important;
	margin: 0px !important;
	
}

.attachments-list li {
	padding: 0px !important;
	margin: 0px !important;
	list-style: none !important;
	border-bottom: 1px dotted #E4E4E4;
	background-size: 24px 24px;
	background-repeat: no-repeat;
}

.attachments-list li:last-child {
	border-bottom: none;
}

.attachments-list li.file-pdf {
	background-image: url(../media/attachments-file-pdf.png);
}

.tiny-screen .attachments-list li,
.small-screen .attachments-list li,
.medium-screen .attachments-list li {
	min-height: 24px !important;
	padding: 14px 10px 12px 48px !important;
	background-position: 10px 10px;
}

.large-screen .attachments-list li,
.huge-screen .attachments-list li {
	padding: 20px 20px 20px 64px !important;
	background-position: 20px 24px;
}

.attachments-list li a {
	float: right;
	padding-right: 16px;
	color: #2895CB;
	background-image: url(../media/link.arrow-down.png);
	background-position: center right;
	background-size: 10px 10px;
	background-repeat: no-repeat;
}

.attachments-list li a:hover {
	text-decoration: underline;
}

.attachments-list li h2 {

}

.tiny-screen .attachments-list li h2,
.small-screen .attachments-list li h2,
.medium-screen .attachments-list li h2 {
	font-size: 13px !important;
}

.large-screen .attachments-list li h2,
.huge-screen .attachments-list li h2 {
	font-size: 15px !important;
}

.attachments-list li p {
	color: #7E7E7E;
}

.tiny-screen .attachments-list li p,
.small-screen .attachments-list li p,
.medium-screen .attachments-list li p {
	font-size: 9px;
}

.large-screen .attachments-list li p,
.huge-screen .attachments-list li p {
	font-size: 11px;
}

/* Form */
.form {
	padding: 0px;
}

.form .form-header {
	min-height: 96px;
	margin: 0px 5px 10px 5px;
	padding-left: 96px;
	background-color: #ffffff;
}

.form.profile .form-header {
	background: #ffffff url(../media/form-profile.png) no-repeat left center;
	background-size: 96px 96px;
}

.form .form-header h1 {
	padding-top: 28px;
	padding-left: 20px;
	font-size: 17px;
	font-weight: bold;
}

.form .form-header h2 {
	padding-left: 20px;
	font-size: 13px;
}

.form .form-header .buttons {
	float: right;
	padding: 25px;
}

.form .dash-block {
	padding: 20px 0px 20px 0px;
}

.form .textfield {
	height: 40px;
	font-size: 15px;
	transition: 0.2s all;
}

.form .textfield.disabled {
	border-color: #ffffff;;
	box-shadow: none;
	background-image: none;
	color: #454545;
}