/* @font-face { */
/* 	font-family: OpenSans; */
/* 	src: uri("../../font/OpenSans-Regular.ttf"); */
/* } */
/* 	font-family: Myriad; */
/* 	src: uri("../../font/MyriadWeb.ttf"); */
/* } */
@import url(https://fonts.googleapis.com/css?family=Raleway);
@font-face {
    font-family: "RalewayFallback";
    font-style: normal;
    font-weight: normal;
    src: url("../../font/raleway/Raleway-Regular.ttf") format("truetype");
    font-display: swap;
}
@font-face {
    font-family: "RalewayFallback";
    font-style: normal;
    font-weight: bold;
    src: url("../../font/raleway/Raleway-SemiBold.ttf") format("truetype");
    font-display: swap;
}
@font-face {
    font-family: "RalewayFallback";
    font-style: italic;
    font-weight: bold;
    src: url("../../font/raleway/Raleway-SemiBoldItalic.ttf") format("truetype");
    font-display: swap;
}
@font-face {
    font-family: "RalewayFallback";
    font-style: italic;
    font-weight: normal;
    src: url("../../font/raleway/Raleway-Italic.ttf") format("truetype");
    font-display: swap;
}

body {
/* 	min-width: 800px; */
	overflow: auto;
}

/*icon position for default buttons*/
.ui-button-text-icon-left .ui-icon{
	margin-top: -10px;
	
}
.ui-button .ui-icon {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
.ui-button,
.ui-menubutton .ui-button {
/* 	margin-bottom: 2px; */
	margin-right: 19px;
}
body {
	line-height: 1.5em;
	/* 		font-weight: 400; */
	/* 	font-family: 'Open Sans', RalewayFallback, sans-serif; */
	/* 	font-size:small; */
	color: #000000;
	letter-spacing: 0.5px;
}

.ui-state-default {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ui-widget .ui-widget {
	font-size: 12px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	border: 1px solid #e0e0e0;
}
.ui-widget-header {
	border: 1px solid #e0e0e0;
}
.ui-panel .ui-inputfield, .ui-panel .ui-selectonemenu,
.ui-panel .ui-selectonemenu-trigger {
	border: 1px solid #e0e0e0;
}
.ui-panel .ui-selectonemenu .ui-inputfield {
	border: 0px;
}
.ui-helper-reset {
	border: 0px;
}
.ui-state-default .ui-icon {
    background-image: url("/javax.faces.resource/images/ui-icons_898989_256x240.png.xhtml?ln=primefaces-aristo");
}

.ui-shadow {
	-moz-box-shadow: 7.2px 7.2px 7.2px rgba(137, 136, 136, 0.53);
	-webkit-box-shadow: 7.2px 7.2px 7.2px rgba(137, 136, 136, 0.53);
	box-shadow: 7.2px 7.2px 7.2px rgba(137, 136, 136, 0.53);
}

.ui-corner-all, .ui-corner-right, .ui-corner-left, .ui-corner-bottom {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.ui-selectonemenu-panel .ui-selectonemenu-list-item, .ui-menu .ui-menuitem, li.ui-separator.ui-state-default {
	margin: 0px;
}

/* ===== SPRITES ===== */
div.leftLogo {
	width: 46px;
	height: 46px;
    margin-left: -0.2em;
    margin-top: -0.4em;
/*     background-color: #F9C975; */
    background-image: url(../../images/logoSmall.png);
    background-repeat: no-repeat;
    background-position: center;
	float: left;
	border: none;
}

div.leftLogoTitan {
	width: 46px;
	height: 46px;
    margin-left: -0 em;
    margin-top: -0.4em;
    padding-left:  2px;
/*     background-color: #F9C975; */
    background-image: url(../../images/logoSmallTitan.png);
    background-repeat: no-repeat;
    background-position: center;
	float: left;
	border: none;
}

/* ===== miscellaneous styles ===== */
.explain {
	color: white;
	text-align: center;
	margin-top: 15px;
}

.clear {
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
}

/*all drop down menus*/
.ui-menu .ui-menuitem-link{
	font-family: 'Open Sans', RalewayFallback, Sans-Serif;
	font-size:14px;
}
.ui-dialog {
	background:#f9f9f9 !important;
}

.dialogMedium {
	width:410px !important;
}

/* ===== FOOTER ===== */
#footer {
	text-align: center;
	z-index: 5 !important;
}

#footer,#footer .ui-widget-content {
    background-color: #eceeec;
	color: #777;
	font-size: x-small;
	border: none;
	font-weight: 600;
	font-family: 'Open Sans', RalewayFallback, sans-serif;
	height: 26px !important;
	border-top: 1 px solid black !important;
}

#footerText {
	margin-top: -5px !important;
}

/*No border in panel grids*/
#footer .ui-widget-content,.loginDiv .ui-widget-content {
	border: none !important;
}
/* ===== HEADER ===== */
#header {
	font-family: 'Open Sans', RalewayFallback, sans-serif;
	border: 0px;
	z-index: 3 !important;
/* 	-webkit-box-shadow: #CBCBCC 0 0px 15px; */
/* 	-moz-box-shadow: #CBCBCC 0 0px 15px; */
/*     box-shadow: #CBCBCC 0 0px 15px; */
	border-bottom: 2px solid #3F4774;
	padding: 0;
}

#header.ui-layout-unit .ui-layout-unit-content {
	padding: 0;
}

#header,#header .ui-widget-content {
/* 	background-color: #E4E4E4; */
/* 	background-color: #E8BD72; */
	color: #656565;
	background: #3F4774;
}

#userLink {
	line-height: normal;	
	max-width: 150px;
	float: left;
	margin-left: 10px;
}

#userLink a{
	color: #656565;
	text-decoration: none;
	font-family: 'Open Sans', RalewayFallback, sans-serif;
	font-size: 11px;
	font-weight: 600 !important;
	max-width: 100%;
	display: block;
	padding-top: 6px;
}
#userLink a > span {
	display: inline-block;
	vertical-align: middle;
}
#userLink a .userLinkLabel {
	margin-top: 2px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 116px; /* 150 of userLink - 34 of icon */
}

#userLink img,.ui-img-circle {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

#headMenu {
	height: 46px;
}

#headMenu .dropdown {
	margin: 0 auto;
	max-width: 600px;
	padding:0;
	width:300px;
}

#headMenu a {
	text-align: center; 
	display: block;
/* 	width: 100px; */
    font-size: 14px;
	text-decoration: none;
	color: #555;
	line-height: 40px;
}

#headMenu a .linkWrapper {
	display: table;
	margin: 0 auto;
	margin-left:27px;
}

#headMenu .dropdown .headMenuIcon {
	margin-top: 2px;
	margin-right: 12px;
	
/* 	display: none; obrisati da se prikazu ikonice u meniju */
}
/* #headMenu li:hover { */
/* 	background: rgba(85, 85, 85, 0.05); */
/* } */
#headMenu .dropdown ul.submenu a:hover{
	background: transparent;
}
#headMenu .active {
	position: relative;
}
#headMenu a.active {
    background: rgba(85, 85, 85, 0.15);
}
/* #headMenu li:hover a, #headMenu .dropdown ul.submenu a { */
/* 	color: #33AFDE; */
/* } */
#headMenu .dropdown ul.submenu li {
	border-bottom: 1px solid #f4f4f4;
/* 	background-color: #E8BD72; */
}
#headMenu .active {
	color: #272727;
}

#headMenu .dropdown ul.submenu a {
	line-height: 30px;
	background: #fff;
}
#headMenu .dropdown ul.submenu a:hover .linkWrapper{
/* 	text-decoration: underline; */
}

#headMenu .dropdown > li {
	float: left;
	list-style: none;
}

#headMenu .dropdown ul.submenu {
	display: none;
	position: absolute;
    top: 100%;
    padding: 0px;
}

#headMenu .dropdown>li {
	position: relative;
}

#headMenu .dropdown>li:hover ul.submenu, #headMenu .dropdown ul.submenu:hover {
	display: block;
}

/* Menu icons positions */

.headMenuIcon.icon-profiles-blue,
#navigationSelectMenu_label span.selectProfiles {
background-position: 0px -3466px;
}
.dropdown li:hover .headMenuIcon.icon-profiles-blue {
background-position: 0px -3466px;
}
.headMenuIcon.icon-courses-green,
#navigationSelectMenu_label span.selectCourses {
	background-position: -34px -3466px;
}
.dropdown li:hover .headMenuIcon.icon-courses-green {
	background-position: -34px -3466px;
}
.headMenuIcon.icon-quizzes-darkblue,
#navigationSelectMenu_label span.selectQuizzes {
	background-position: -68px -3466px;
}
.dropdown li:hover .headMenuIcon.icon-quizzes-darkblue {
	background-position: -68px -3466px;
}
.headMenuIcon.icon-pools-orange,
#navigationSelectMenu_label span.selectPools {
	background-position: -68px -3466px;
}
.dropdown li:hover .headMenuIcon.icon-pools-orange {
	background-position: -68px -3466px;
}
.headMenuIcon.icon-reports-purple,
#navigationSelectMenu_label span.selectReports {
	background-position: -205px -3601px;
}
.dropdown li:hover .headMenuIcon.icon-reports-purple {
	background-position: -205px -3601px;
}
.headMenuIcon.icon-gradings-red,
#navigationSelectMenu_label span.selectGradings {
	background-position: -102px -3466px;
}
.dropdown li:hover .headMenuIcon.icon-gradings-red {
	background-position: -102px -3466px;
}

#navigationSelectMenu {
	min-width: 250px;
	width: 250px;
	line-height: 60px;
	margin: 0 auto;
}
#navigationSelectMenu .ui-selectonemenu-label {
	padding: 0 20px;
	min-width: 210px;
	width: 210px;
}
#navigationSelectMenu .ui-selectonemenu-label, #navigationSelectMenu .ui-selectonemenu-trigger {
	background-color: #E4E4E4;	
}
#navigationSelectMenu .ui-selectonemenu-trigger .ui-icon{
	margin-top: 22px;
}

#navigationSelectMenu_panel .ui-selectonemenu-list-item {
	line-height: 28px;
	width: 210px;
	padding: 0 20px;
}

#navigationSelectMenu_panel .ui-selectonemenu-list-item.ui-state-disabled {
	display: none;
}

/* #navigationSelectMenu_panel .ui-selectonemenu-list-item span { */
/* 	display: block; */
/* 	float: left; */
/* 	margin: 4px 10px 0 0; */
/* 	width: 20px; */
/* 	height: 20px; */
/* 	background: url(../../images/SpritesBig.png) no-repeat; */
/* 	background-size: 160px; */
/* } */

/* #navigationSelectMenu_label span { */
/* 	display: block; */
/* 	float: left; */
/* 	margin: 18px 10px 0 0; */
/* 	width: 25px; */
/* 	height: 25px; */
/* 	background: url(../../images/SpritesBig.png) no-repeat; */
/* 	background-size: 200px; */
/* } */

#navigationSelectMenu_panel .ui-selectonemenu-list-item span.selectProfiles {
	background-position: -120px -1259px;
}
#navigationSelectMenu_panel .ui-selectonemenu-list-item.ui-state-hover span.selectProfiles,
#navigationSelectMenu_panel .ui-selectonemenu-list-item.ui-state-highlight span.selectProfiles {
	background-position: -20px -1259px;
}
#navigationSelectMenu_panel .ui-selectonemenu-list-item span.selectCourses {
	background-position: -120px -1179px;
}
#navigationSelectMenu_panel .ui-selectonemenu-list-item.ui-state-hover span.selectCourses,
#navigationSelectMenu_panel .ui-selectonemenu-list-item.ui-state-highlight span.selectCourses {
	background-position: -20px -1179px;
}
#navigationSelectMenu_panel .ui-selectonemenu-list-item span.selectQuizzes {
	background-position: -120px -999px;
}
#navigationSelectMenu_panel .ui-selectonemenu-list-item.ui-state-hover span.selectQuizzes,
#navigationSelectMenu_panel .ui-selectonemenu-list-item.ui-state-highlight span.selectQuizzes {
	background-position: -20px -999px;
}
#navigationSelectMenu_panel .ui-selectonemenu-list-item span.selectPools {
	background-position: -120px -1199px;
}
#navigationSelectMenu_panel .ui-selectonemenu-list-item.ui-state-hover span.selectPools,
#navigationSelectMenu_panel .ui-selectonemenu-list-item.ui-state-highlight span.selectPools {
	background-position: -20px -1199px;
}
#navigationSelectMenu_panel .ui-selectonemenu-list-item span.selectReports {
	background-position: -120px -559px;
}
#navigationSelectMenu_panel .ui-selectonemenu-list-item.ui-state-hover span.selectReports,
#navigationSelectMenu_panel .ui-selectonemenu-list-item.ui-state-highlight span.selectReports {
	background-position: -20px -559px;
}
#navigationSelectMenu_panel .ui-selectonemenu-list-item span.selectGradings {
	background-position: -120px -519px;
}
#navigationSelectMenu_panel .ui-selectonemenu-list-item.ui-state-hover span.selectGradings,
#navigationSelectMenu_panel .ui-selectonemenu-list-item.ui-state-highlight span.selectGradings {
	background-position: -20px -519px;
}

/* fix scroller in header by resizing this parametar */
#header .ui-layout-unit-content,#header .ui-widget-content {
/* 	height: 35px !important; */
	overflow: visible;
}

.menuForm .triggerMenuButton.ui-menubutton .ui-button.ui-state-default {
	margin: 10px;
	height: 25px;
	width: 25px;
	border: none;
}


.transparentMenuButton.ui-menubutton .ui-button.ui-state-default ,
.transparentMenuButton.ui-button.ui-state-default {
	height: 28px;
	min-width: 90px;
    background: rgba(183, 183, 183, 0.2);
	border:1px solid transparent;
	margin: 16px 10px 0 5px;
	color: white;
	  -moz-transition: background-color 0.2s ease-in;
	-o-transition: background-color 0.2s ease-in;
	-webkit-transition: background-color 0.2s ease-in;
	transition: background-color 0.2s ease-in;
}


.transparentMenuButton.ui-menubutton .ui-button.ui-state-hover,
.transparentMenuButton.ui-button.ui-state-default:hover {
	border:1px solid transparent;
	background: #1EC8BB;
/* 	-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.15); */
/* 	-moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.15); */
/* 	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.15);	 */
}

.threeLine.transparentMenuButton.ui-menubutton .ui-button.ui-state-default {
	width: 36px;
	height: 34px;
	background-image: url(../../images/SpritesBig.png);
	background-repeat: no-repeat;
	background-position: -204px -2176px;
}
.threeLine.transparentMenuButton.ui-menubutton .ui-button.ui-state-default .ui-icon,
.threeLine.transparentMenuButton.ui-menubutton .ui-button.ui-state-default .ui-button-text {
	display: none;
}

.transparentMenuButton.ui-menubutton .ui-button.ui-state-default .ui-button-text {
	color: white;
}

#rightHead {
	max-width: 1340px;
    margin: 0 auto;
}

#rightHead .transparentMenuButton .ui-button-text {
	color: white;
}

.triggerMenuButton.ui-menubutton .ui-button.ui-state-default {
	height: 22px;
	width: 24px;
	background: #FFFFFF;
}
.triggerMenuButton.ui-menubutton .ui-button .ui-icon {
	left: 3px;
}
.triggerMenuButton.ui-menubutton .ui-button .ui-button-text {
	margin-left: 5px;
	font-size: 32px;
	padding: 0px;
	padding-right: 5px;
	color: #656565;
}
/* ===== CENTER CONTENT LOGIN ===== */

#logCenter .ui-layout-unit-content {
/* 	background: url(../../images/login_background.png) no-repeat; */
/* 	background-size: 100%; */
	background: #f7f7f7;
/* 	background: url(../../images/login.jpg); */
/* 	-webkit-background-size: cover; */
/*   	-moz-background-size: cover; */
/*   	-o-background-size: cover; */
/*  	 background-size: cover; */
/* 	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/login.png', sizingMethod='scale'); */
/* 	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/login.png', sizingMethod='scale')"; */
/* 	overflow:hidden; */
/*     perspective: 400px; */
/* 	background: #F9F9F9 url(../../images/pattern.png) center center fixed; */
	
}

#logCenter {
	border-left: none;
	border-right: none;
	padding: 0px;
	/* 	border-top: 3px solid #f62313; */
}

.centerPos {
	margin: 0 auto;
	clear: both;
}

#loginDiv {
	text-align: center;
	background: none;
	width: 100%;
	position:absolute;
	top: -webkit-calc(50% - 184px);
	top: -moz-calc(50% - 184px);
	top: calc(50% - 184px);
/* 	left:50%; */
/* 	-ms-transform: translateX(-0%) translateY(-50%); */
/* 	-webkit-transform: translate(-0%,-50%); */
/* 	transform: translate(-0%,-50%); */
}
.ui-mobile-layout #loginDiv {
	top:50%;
	-ms-transform: translateX(-0%) translateY(-50%);
	-webkit-transform: translate(-0%,-50%);
	transform: translate(-0%,-50%);
}
.loginDiv .ui-button.ui-state-default {
	background: #08AD4B !important;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.registerDiv .ui-button.ui-state-default.ui-button-text-only {
	background: #29aae1 !important;
	width: 100%;
}

.registerDiv .ui-button.ui-state-default.ui-button-text-only .ui-button-text {
	color: #fff;
}
.logoLogin, #loginDiv table {
	display: inline-block;
}
.logoLogin {
    width: 300px;
    margin-left: -20px;
}
#loginDiv table {
	text-align: left;
    margin-top: 20px;
}
.loginDiv table .ui-inputfield {
	width: 234px !important;
	float: right;
/* 	-webkit-border-radius:4px; */
/* 	-moz-border-radius:4px; */
/* 	border-radius:4px; */
	padding-left: 10px;
	border: 1px solid #cdcdcd;
	font-size:16px;
}
#loginForm .ui-inputfield { 
	width: 200px !important;
}
.loginDiv table .ui-selectonemenu-label.ui-inputfield {
	border-width: 0;
}
.loginDiv table ::-webkit-input-placeholder {
	font-size: 16px;
	color:#7F7F7F;
}
.loginDiv table :-moz-placeholder {
	font-size: 16px;
	color:#7F7F7F;
}
.loginDiv table ::-moz-placeholder {
	font-size: 16px;
	color:#7F7F7F;
}
.loginDiv table :-ms-input-placeholder {
	font-size: 16px;
	color:#7F7F7F;
}

#loginForm table ::-webkit-input-placeholder {
	font-size: 18px;
	color:#7F7F7F;
}
#loginForm table :-moz-placeholder {
	font-size: 18px;
	color:#7F7F7F;
}
#loginForm table ::-moz-placeholder {
	font-size: 18px;
	color:#7F7F7F;
}
#loginForm table :-ms-input-placeholder {
	font-size: 18px;
	color:#7F7F7F;
}
/* #searchMenu ::-webkit-input-placeholder { */
/*    color: #AEADAD; */
/* } */
/* #searchMenu :-moz-placeholder { */
/*    color: #AEADAD;   */
/* } */

/* #searchMenu ::-moz-placeholder { */
/*    color: #AEADAD;   */
/* } */
/* #searchMenu :-ms-input-placeholder  {   */
/*    color: #AEADAD !important;   */
/* } */
.loginDiv table.ui-panelgrid .ui-panelgrid-footer{
	text-align:center;
}
.loginDiv .ui-selectonemenu {
	width: 224px !important;
	float: right;
}
.loginDiv .ui-inputfield.ui-selectonemenu-label {
	float: none;
	line-height: 14px;
}

.regGrid {
	margin: 50px auto 0px auto;
}

.regGrid.ui-panelgrid td {
	padding: 0px;
	text-align: center;
	color: #444;
}

.regGrid.ui-panelgrid td .ui-inputfield, .regGrid.ui-panelgrid td .ui-selectonemenu {
	float: none;
}

.eastContentLogin, .eastContentLogin .ui-layout-unit-content {
/* 	background: url(../../images/Login.jpg) center center no-repeat !important; */
	background: #203B57 !important;
	background-size:cover !important;
	overflow:hidden;
}


.eastContentLogin.Titan, .eastContentLogin.Titan .ui-layout-unit-content {
	background: url(../../images/LoginTitan.jpg) center center no-repeat !important;
 
}


.registerDiv {
	width: 300px;
	position: absolute;
	top: -webkit-calc(50% - 200px);
	top: -moz-calc(50% - 200px);
	top: calc(50% - 200px);
	left: -webkit-calc(50% - 150px);
	left: -moz-calc(50% - 150px);
	left: calc(50% - 150px);
/* 	-ms-transform: translateX(-50%) translateY(-50%); */
/* 	-webkit-transform: translate(-50%,-50%); */
/* 	transform: translate(-50%,-50%); */
	
	text-align: center;
}

.separatorTitleRegister {
	width: 100%;
	text-align: center;
	height: 1px;
	background-color: #444;
	margin: 10px 0;
}
.separatorTitleRegister span {
	background: #f7b154;
	position: relative;
	top: -14px;
	font-size: 1.5em;
	font-weight: bold;
	padding: 0 10px;
}

/* ===== CENTER CONTENT TEMPLATE ===== */
#templateCenter {
	background: none;
	border-left: none;
	border-right: none;
	border-top: none;
	/* 	border-top: 3px solid #f62313; */
	/* 	border-bottom: 3px solid #ddd;  */
	/*margin-top: 3px !important;*/
	margin-bottom: 10px !important;
/*     margin-left: -15px !important; */
	padding: 0;
}

#templateCenter .titlePanel  {
/* 	position: fixed; */
/* 	margin-left: -25px; */
/* 	padding-left: 25px; */
}
#templateCenter .navigationButtons {
/* 	margin-top: 70px; */
	max-width: 1520px;
    margin-left: auto;
    margin-right: auto;
/*     margin-bottom: 20px; */
    height: 29px;
}

body {
/* 	background: #E7ECF2;url(../../images/pattern.png);#F9F9F9;   */
/* 	  	background: #F9F9F9 url(../../images/pattern.png) ;  */
/*     background-repeat: no-repeat; */
/*     background-size: 100%; */

/*         background: #F9F9F9 url(../../images/pattern.png) center center fixed; */
/*     background-repeat: no-repeat; */
	background: #ECEEEC;
}
#templateCenter > .ui-layout-unit, #templateCenter > .ui-layout-unit > .ui-layout-unit-content  {
	background: none;
}
#templateCenter > .ui-layout-unit > .ui-layout-unit-content {
	padding: 6px 18px;
/* 	padding: 6px 18px 40px 18px; */
    box-sizing: border-box;
}
#templateCenter > .ui-layout-north, #templateCenter > .ui-layout-north > .ui-layout-unit-content  {
	padding: 0px;
	left: 0px !important;
	right: 0px !important;
}

#templateCenter > .ui-layout-north {
	background: #E7ECF2;
	z-index: 2 !important;
/* 	-webkit-box-shadow: #E7ECF2 30px 0px 30px 15px; */
/* 	-moz-box-shadow: #E7ECF2 30px 0px 30px 15px; */
/*     box-shadow: #E7ECF2 30px 0px 30px 15px; */
}

#left, #right {
/* 	-webkit-box-shadow: #CBCBCC 0 15px 15px; */
/* 	-moz-box-shadow: #CBCBCC 0 15px 15px; */
/*     box-shadow: #CBCBCC 0 15px 15px; */
}

/* ===== EAST WEST CONTENT ===== */
#left,#right {
	margin-top: 1px !important; 
	background-color: #f9f9f9;
	z-index: 3 !important;
}

#left {
	border-right: 1px solid #f4f4f4;
}

#right {
	border-left: 1px solid #f4f4f4;
}

#left .ui-layout-unit-header, #right .ui-layout-unit-header {
	display: none;
}

#left.ui-layout-unit, #right.ui-layout-unit {
	padding: 0px;
}

#left .ui-layout-unit-content, #right  .ui-layout-unit-content
	{
    background-color: #295776;
	border-right: 1px solid #C4C4C4;
	padding: 0px;
}

/* ===== RESIZERS ===== */
.ui-layout-resizer,.ui-layout-resizer-west,.ui-layout-resizer-open,.ui-layout-resizer-west-open,.ui-layout-resizer-closed
	{
/* 	width: 2px !important; */
	background: none !important;
/* 	margin-top: 104px !important; */
/* 	border-color: transparent !important; */
	width: 15px !important;
}
.ui-layout-resizer-open:hover .ui-layout-toggler-open, .ui-layout-resizer-closed .ui-layout-toggler-closed {
	width: 15px !important;
	height: 50px !important;
	display: block !important;
	top: -webkit-calc(50% - 25px) !important;
	top: -moz-calc(50% - 25px) !important;
	top: calc(50% - 25px) !important;
}
.ui-layout-resizer-open:hover .ui-layout-toggler-open .content,
.ui-layout-resizer-closed .ui-layout-toggler-closed .content {
	display: block !important;
}
.ui-layout-resizer-open:hover .ui-layout-toggler-open .content .ui-layout-unit-expand-icon,
.ui-layout-resizer-closed .ui-layout-toggler-closed .content .ui-layout-unit-expand-icon {
	height: 100%;
	top: 0px;
	width: 10px;
	border: 1px solid #cdcdcd !important;
	background: #fff !important;
	border-left:0px !important;
	
}
.ui-layout-resizer-open:hover .ui-layout-toggler-open .content .ui-layout-unit-expand-icon .ui-icon,
.ui-layout-resizer-closed .ui-layout-toggler-closed .content .ui-layout-unit-expand-icon .ui-icon {
	background-position: -102px -16px;
	width: 6px;
	margin-top: 17px;
	margin-left: 2px;
}
.ui-layout-resizer-west-open:hover .ui-layout-toggler-open .content .ui-layout-unit-expand-icon,
.ui-layout-resizer-west-closed .ui-layout-toggler-closed .content .ui-layout-unit-expand-icon {
	left: 0px;
	
	-moz-border-radius: 0 10px 10px 0;
	-webkit-border-radius: 0 10px 10px 0;
	border-radius: 0 10px 10px 0;
}
.ui-layout-resizer-east-open:hover .ui-layout-toggler-open .content .ui-layout-unit-expand-icon {
	left: 9px;
	
	-moz-border-radius: 15px 0 0 15px;
	-webkit-border-radius: 15px 0 0 15px;
	border-radius: 15px 0 0 15px;
}

.ui-layout-resizer-west-open:hover .ui-layout-toggler-open .content .ui-layout-unit-expand-icon .ui-icon {
	background-position: -102px -16px;
}
.ui-layout-resizer-east-open:hover .ui-layout-toggler-open .content .ui-layout-unit-expand-icon .ui-icon {
	background-position: -37px -16px;
}
/*resize icon*/
.ui-layout-unit-expand-icon {
	background-color: #efefef !important;
}

/* ===== closed sidebar ===== */
/* .ui-layout-resizer-closed,.ui-layout-resizer-east-closed { */
/* 	width: 26px !important; */
/* } */

/* ===== FONTS ===== */
label {
	font-family: 'Open Sans', RalewayFallback, Sans-Serif;
	font-size: 12px;
	font-weight: 600;
}

/*input text fonts*/
.ui-inputfield,.ui-widget-content .ui-inputfield,.ui-widget-header .ui-inputfield,
.ui-selectonemenu-item,
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label
	{
	font-family: 'Open Sans', RalewayFallback, Sans-Serif;
	font-size: 12px;
	font-weight: 400;
}
.loginDiv .ui-widget-content .ui-inputfield {
    line-height: 25px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
#loginForm .ui-inputfield {
/* 	line-height: 30px; */
/* 	font-size: 18px; */
	
	line-height: 14px;
    padding: 4px 5px;
    font-size: 14px;
	
}

#loginForm .ui-inputfield::placeholder {
	font-size: 14px;
}
#loginForm .ui-panelgrid .ui-panelgrid-cell {
	padding: 9px 10px;
}
.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
    line-height: 15px;
}
/* da ne prikazuje x za reset u IE */
.ui-inputfield::-ms-clear {
    display: none;
}
/* ===== OVERWRITES ===== */

.pageTitle, .hintPanelTitle {
	float: left;
	color: #4c4c4c;
	font-family: 'Open Sans', RalewayFallback, Sans-Serif;
	font-weight: 600;
}

/*round corners panel grid*/
.roundGrid {
	width: 100%;
}

/*from imaginary boundary to grey*/
.roundGrid td {
	padding: 6px;
	vertical-align:top;
}

.bigRight {
	width: 530px;
	float: right;
}
.bigRight.ui-selectcheckboxmenu {
	width: 538px;
}
.bigRight.ui-inplace  {
	width: 542px;
	float: right;
}
.bigRight.ui-inplace .ui-inplace-display {
	width: 538px;
	float: right;
}
.bigRight.ui-inplace .ui-inplace-content .ui-inputtextarea {
	width: 98%;
}
.bigRight.ui-inplace .ui-inplace-content .ui-inputfield {
	width: 534px;
}
.normalRight {
	width: 194px;
	float: right;
	box-sizing: border-box;
}
.normalRight.ui-spinner, .ui-inplace.normalRight.spinnerHalf .ui-inplace-display {
	width: 4em;
}
.ui-datatable-data .ui-widget-content .normalRight.ui-spinner a {
	padding-left: 0px;
}
.normalRight.spinnerHalf {
	width: 4em;
}

.normalRight.ui-selectonemenu {
	width: 194px !important;
}
.normalRight.ui-selectonemenu .ui-selectonemenu-label {
/* 	line-height: 12px; */
}
.ui-selectonemenu .ui-selectonemenu-label {
/* 	line-height: 12px; */
}
.selectInFooter.normalRight.ui-selectonemenu .ui-selectonemenu-label {
/* 	line-height: 20px; */
    line-height: 15px;
}
.normalRight input{
	width: 100%;
	box-sizing: border-box;
}

.smallRight {
	width: 35%;
	float: right;
}

.leftPart {
	float: left;
	max-width: 130px;
}
.fixedWidthLeft.leftPart {
	width: 130px;
}

.roundGrid .ui-widget-content {
/* 	border: none !important; */
}

/*round grey*/
.roundCell {
	border: 1px solid transparent !important;
	display: block;
/* 	background-color: #E4E4E4; */
	padding: 0 8px;
}

.roundCell label {
	font-family: 'Open Sans', RalewayFallback, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    color: #191919;
}

.roundCell img {
	max-width: 100%;
	max-height: 274px;
}
.roundCell.cropGrid img {
	max-width: initial;
}

.roundGrid.justTopPadding td{
	padding: 1em 0 0 0 !important;
}
table.roundGrid {
	table-layout: fixed;
}
.roundCell .ui-chkbox-label {
	line-height: 18px;
	margin-top: 0px;
}

.roundCell .ui-selectoneradio.ui-widget td {
	height: 24px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.roundCell .roundCellHalf {
	float: left;
	width: 50%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.roundCell .roundCellHalf.leftSide,.roundCell .roundCellThird.leftSide {
	padding-right: 11px;
}
.roundCell .roundCellThird.middleSide {
	padding-right: 11px;
	padding-left: 11px;
}
.roundCell .roundCellHalf.rightSide {
	padding-left: 11px;
}
.roundCell .roundCellThird.rightSide {
	padding-left: 22px;
} 
.roundCell .topPart {
	margin-bottom: 8px;
}
.roundCell .roundCellThird {
	float: left;
	width: 33%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

/* roundCell in new profile */
.roundGrid.newprof .roundCell {
	min-height: 28px;
}
.roundGrid.newprof .roundCell.x2 {
	min-height: 64px;
}
.roundGrid.newprof .roundCell.x4 {
	min-height: 185px;
}
.roundGrid.newprof .roundCell.x6 {
	min-height: 290px;
}
.roundGrid.newprof .roundCell.txtarea {
	height: initial;
}
.roundGrid.newprof .roundCell.txtarea .leftPart {
	width:130px;
}
.roundGrid.newprof .roundCell.txtarea .ui-inplace-display {
	height: 100px;
}

.roundGrid.newprof {
/* 	width: 694px; */
	margin: 0px auto 20px auto;
}
.newprof .roundCell .ui-chkbox-box {
	margin-top: 5px;
}
.newprof .roundCell .ui-chkbox-label {
	line-height: 28px;
}

.newprof .normalRight,
.newprof .normalRight.ui-inplace {
	width: 194px;
	width: -webkit-calc(100% - 131px) ;
	width: -moz-calc(100% - 131px) ;
	width: calc(100% - 131px) ;
	overflow: hidden;
	text-overflow: ellipsis;
}
.newprof .normalRight, .newprof .bigRight {
	word-wrap: break-word;
}
.newprof .normalRight.ui-inplace,
.newprof .normalRight.ui-selectcheckboxmenu {
	overflow: visible;
}
.newprof .normalRight.ui-selectonemenu{
	width: 194px;
	width: -webkit-calc(100% - 131px) !important;
	width: -moz-calc(100% - 131px) !important;
	width: calc(100% - 131px) !important;
}
.widerLabel150.newprof .normalRight {
	width: -webkit-calc(100% - 150px) ;
	width: -moz-calc(100% - 150px) ;
	width: calc(100% - 150px) ;
}
.widerLabel150.newprof .normalRight.ui-selectonemenu{
	width: -webkit-calc(100% - 150px) !important;
	width: -moz-calc(100% - 150px) !important;
	width: calc(100% - 150px) !important;
}
.widerLabel180.newprof .normalRight {
	width: -webkit-calc(100% - 180px) ;
	width: -moz-calc(100% - 180px) ;
	width: calc(100% - 180px) ;
}
.widerLabel180.newprof .normalRight.ui-selectonemenu{
	width: -webkit-calc(100% - 180px) !important;
	width: -moz-calc(100% - 180px) !important;
	width: calc(100% - 180px) !important;
}
.specGenQW.newprof .normalRight {
	width: -webkit-calc(100% - 157px) ;
	width: -moz-calc(100% - 157px) ;
	width: calc(100% - 157px) ;
	min-width: 72px;
} 
.withThreeRows.newprof .normalRight {
	width: -webkit-calc(100% - 149px) ;
	width: -moz-calc(100% - 149px) ;
	width: calc(100% - 149px) ;
}
.withThreeRows.newprof .ui-inplace .ui-inplace-display, .withThreeRows.newprof .ui-inplace .ui-inplace-display-disabled {
	width: -webkit-calc(100% - 155px) ;
	width: -moz-calc(100% - 155px) ;
	width: calc(100% - 155px) ;
}
.withThreeRows.newprof .normalRight.ui-selectonemenu {
	width: 127px;
	width: -webkit-calc(100% - 80px) !important;
	width: -moz-calc(100% - 80px) !important;
	width: calc(100% - 80px) !important;
} 
.plusOnePixel.newprof .normalRight {
	width: 194px;
	width: -webkit-calc(100% - 130px) ;
	width: -moz-calc(100% - 130px) ;
	width: calc(100% - 130px) ;
}
.newprof .bigRight{
	width: 530px;
	width: -webkit-calc(100% - 141px);
	width: -moz-calc(100% - 141px);
	width: calc(100% - 141px);
}
.newprof span.bigRight, .newprof span.normalRight, .newprof a.normalRight {
	width: 540px;
	width: -webkit-calc(100% - 131px);
	width: -moz-calc(100% - 131px);
	width: calc(100% - 131px);
}
.newprof .bigRight .ui-inplace-content .ui-inputfield{
	width: 100%;
	width: -webkit-calc(100% - 6px);
	width: -moz-calc(100% - 6px);
	width: calc(100% - 6px);
	float: right;
}
.newprof .normalRight.ui-spinner, .newprof .normalRight.spinnerHalf {
	/*width: 4em;*/
	min-width: 4em;
}
.divideHeader.newprof .normalRight.ui-spinner {
	width: 4.5em;
	padding-left: 5px;
}
.newprof .ui-inplace.normalRight.spinnerHalf .ui-inplace-display {
	width: -webkit-calc(100% - 6px);
	width: -moz-calc(100% - 6px);
	width: calc(100% - 6px);
}
.newprof .ui-inplace .ui-inplace-display, .newprof .ui-inplace .ui-inplace-display-disabled {
	width: 190px;
	width: -webkit-calc(100% - 139px) ;
	width: -moz-calc(100% - 139px) ;
	width: calc(100% - 139px) ;
	float: right;
}
.newprof .ui-inplace .ui-inplace-display-disabled {
	width: -webkit-calc(100% - 131px) ;
	width: -moz-calc(100% - 131px) ;
	width: calc(100% - 131px) ;
}
.newprof .ui-inplace.spinnerHalf .ui-inplace-display-disabled {
	width: auto;
	float:left;
}
.newprof .ui-inplace.bigRight .ui-inplace-display-disabled {
	width: auto;
	float: none;
}
.newprof .ui-inplace.bigRight {
	width: 541px;
	width: -webkit-calc(100% - 135px);
	width: -moz-calc(100% - 135px);
	width: calc(100% - 135px);
}
.newprof .ui-inplace.bigRight .ui-inplace-display {
	width: -webkit-calc(100% - 2px);
	width: -moz-calc(100% - 2px);
	width: calc(100% - 2px);
}
.panelNoClose .ui-panel-titlebar-icon {
	display: none;
}

.formElement {
	display: inline-block;
	margin: 10px;
	vertical-align: middle;
}
.formElement .leftPart {
	margin-right: 5px;
}
.formElement .ui-spinner {
	width: 5em;
}
.formElement .ui-spinner .ui-spinner-input {
	width: 2em;
}
.formElement .ui-inputfield.hasDatepicker {
	width: 135px;
}
/* TABLE */

/*da se u ne scroll stanju ne pomeri u levo*/
.ui-datatable-scrollable-body {
	/* 	margin-right: 0px !important; */
	
}

/*border around table and background behind the table*/
.ui-datatable.ui-widget.ui-datatable-scrollable.ui-datatable-resizable {
/* 	border: 1px solid #cdcdcd; */
	border: 0;
	background-color: #fff;
	/*color of the sprite when scroller is not active*/
	padding-bottom: 0px !important;
/* 	-moz-border-radius: 5px; */
/* 	-webkit-border-radius: 5px; */
/* 	border-radius: 5px; */
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.ui-datatable.ui-widget.ui-datatable-scrollable.ui-datatable-resizable .ui-datatable-header {
/* 	-moz-border-radius-topleft: 5px; */
/* 	-moz-border-radius-topright: 5px; */
/* 	-webkit-border-top-left-radius: 5px; */
/* 	-webkit-border-top-right-radius: 5px; */
/*     border-top-left-radius: 5px; */
/*     border-top-right-radius: 5px; */
    -moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 0px;
    border-bottom: 1px solid #e0e0e0;
}

.ui-datatable.ui-widget.ui-datatable-scrollable.ui-datatable-resizable .ui-datatable-header {
/* 	-moz-border-radius-topleft: 5px; */
/* 	-moz-border-radius-topright: 5px; */
/* 	-webkit-border-top-left-radius: 5px; */
/* 	-webkit-border-top-right-radius: 5px; */
/*     border-top-left-radius: 5px; */
/*     border-top-right-radius: 5px; */
    -moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.ui-datatable.ui-widget.ui-datatable-scrollable.ui-datatable-resizable .ui-datatable-footer {
/* 	-moz-border-radius-bottomleft: 5px; */
/* 	-moz-border-radius-bottomright: 5px; */
/* 	-webkit-border-bottom-left-radius: 5px; */
/* 	-webkit-border-bottom-right-radius: 5px; */
/*     border-bottom-left-radius: 5px; */
/*     border-bottom-right-radius: 5px; */
    -moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.ui-datatable-data {
	border: none !important;
}

/*** DATATABLE, TREETABLE ***/

/*in cels text*/
.ui-datatable-resizable tbody td{
	font-family: 'Open Sans', RalewayFallback, Sans-Serif;
	font-size:x-small;
	font-weight: 600;
	border: 0px;
/*     border-right: 1px solid #cdcdcd; */
/*     border-left: 1px solid #cdcdcd; */
	white-space: normal;
	word-wrap: break-word;
}

.ui-datatable-resizable tbody tr {
	border: 0px;
	border-bottom: 1px solid #E0E0E0;
}

.rightFooterTable {
	float: right;
}
.ui-datatable-footer .rightFooterTable .ui-spinner input {
	width: 40px;
}
/*column headers and footers*/
.ui-datatable-scrollable-header, .ui-datatable-footer,
.ui-datatable-scrollable-header-box .ui-state-default,
.ui-datatable-scrollable-header-box .ui-widget-content .ui-state-default,
.ui-datatable-header.ui-widget-header,
.ui-treetable-header.ui-widget-header,
.ui-treetable-footer,
.ui-treetable .ui-state-default,
.ui-treetable-scrollable-header,
.ui-datatable .ui-paginator
	{
	font-family: 'Open Sans', RalewayFallback, Sans-Serif;
	background: #fff;
	font-size: 0.9em; /*font size in column headers and footers*/
	font-weight: 600;
	color: #666;
	-moz-box-shadow: inset 0px 0px 0px #fff;
	-webkit-box-shadow: inset 0px 0px 0px #fff;
	box-shadow: inset 0px 0px 0px #fff;
}

.ui-datatable .ui-datatable-footer {
	text-align: left;
}

.ui-datatable-scrollable-header-box th.ui-state-default:first-child
,.ui-datatable-resizable tbody td:first-child 
{
    border-left-color: transparent;
}

.ui-datatable-scrollable-header-box th.ui-state-default:last-child
,.ui-datatable-resizable tbody td:last-child 
{
    border-right-color: transparent;
}
.ui-datatable-resizable {
	overflow: hidden;
}
.ui-datatable-resizable table {
/* 	margin-left: -1px; loose ugly left border */
	/* 	margin-right:-2px;  not working*/
}

.ui-datatable-scrollable-header {
	border-right: none !important;
}

.ui-datatable .ui-column-filter.ui-inputfield {
	width: calc(100% - 10px);
	max-width: 100px;
	height: 13px;
}

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td {
	padding: 10px;
/* 	line-height: 32px; */
	height: 25px;
}

/*padding and height of the footer*/
.ui-datatable-footer.ui-widget-header.ui-corner-bottom {
	/* 	height:32px !important; */
	/* 	padding: 5px !important; */
	
}

.ui-treetable-scrollable-header {
	border: 0px;
}

/* top border and right border on footer */
.ui-datatable-footer.ui-widget-header {
	border: 0px;
	border-top: 1px solid #e0e0e0;
}

/* header and footer background */
.ui-datatable-footer.ui-corner-bottom,
.ui-datatable-header.ui-widget-header,
.ui-treetable-footer.ui-corner-bottom,
.ui-treetable-header.ui-widget-header {
/* 	background: #EDF3F6; */
}

.ui-datatable-scrollable-header-box th.ui-state-default {
	border-top: 0px;
/* 	border-left: 0px; */
	border-bottom: 0px;
}

.ui-datatable-scrollable .ui-datatable-scrollable-header {
	border-right: none;
}

/*upper header*/
.ui-datatable-header.ui-widget-header {
    border: 0px;
    border-bottom: 1px solid #e5e5e5;
	font-size: 18px;
	padding: 13px;
	/*zbog shadow-a ne hederu*/
    z-index: 2;
    position: relative;
}

.ui-datatable-footer.ui-corner-bottom,.ui-treetable-footer.ui-corner-bottom
	{
	padding: 8px 10px;
}

.ui-datatable-data .ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight
	{
	border: 0px;
	border-bottom: 1px solid #A9C2CB;
	background: #A9C2CB;
	text-shadow: 0px 0px 0px #999;
	color: #313131;
}

.ui-datatable-data .ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a
	{
	color: #fff;
}

.ui-datatable-scrollable-header, .ui-datatable-scrollable-footer {
    border: 0px;
}
/* paginator */
.ui-datatable .ui-paginator {
	border: 0;
    border-top: 1px solid #e0e0e0;
    padding: 5px;
    height: 26px;
    background: #F9F9F9;
}
.ui-datatable .ui-paginator .ui-paginator-rpp-options {
	background-color: #fff;
    height: 26px;
    vertical-align: top;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.ui-paginator .ui-paginator-next .ui-icon, .ui-paginator .ui-paginator-prev .ui-icon, .ui-paginator .ui-paginator-first .ui-icon, .ui-paginator .ui-paginator-last .ui-icon {
	height: 16px;
	line-height: 20px;
}
.ui-paginator .ui-paginator-next, .ui-paginator .ui-paginator-last, .ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-prev {
	background-color: #fff;
    padding: 4px;
    vertical-align: top;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.ui-paginator .ui-paginator-pages, .ui-paginator .ui-paginator-page {
	padding: 0 8px;
}
.ui-paginator .ui-paginator-page {
	height: 24px;
    line-height: 24px;
    background-color: #FFFFFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.ui-paginator .ui-paginator-page.ui-state-active {
	background-color: #E4E4E4;
    -moz-box-shadow: inset 0px 0px 0px #fff;
    -webkit-box-shadow: inset 0px 0px 0px #fff;
    box-shadow: inset 0px 0px 0px #fff;
}
/* treetable */
.ui-treetable {
	border: 1px solid #f4f4f4;
}

.ui-treetable .ui-treetable-header,.ui-treetable table thead {
	border-bottom: 1px solid #f4f4f4;
	border-top: 0px solid #f4f4f4;
	border-right: 0px solid #f4f4f4;
	border-left: 0px solid #f4f4f4;
}

.ui-treetable table thead tr .ui-state-default.ui-resizable-column {
	border-bottom: 1px solid #f4f4f4;
	border-top: 0px solid #f4f4f4;
}

.ui-treetable .ui-treetable-footer {
	border-top: 1px solid #f4f4f4;
	border-bottom: 0px solid #f4f4f4;
	border-right: 0px solid #f4f4f4;
	border-left: 0px solid #f4f4f4;
}

.ui-treetable .ui-treetable-toggler.ui-icon {
	margin-top: 6px;
}

.ui-treetable .ui-treetable-data, .ui-treetable .ui-treetable-data tr {
	border: 0px;
}
.ui-treetable.ui-treetable-resizable {
	padding-bottom: 0px;
	overflow: initial;
}
.ui-treetable-empty-message.ui-widget-content td {
	border: 0px;
}
.ui-treetable thead th, .ui-treetable tbody td, .ui-treetable tfoot td {
	border: 0px;
}
.ui-treetable tbody td {
	white-space: pre-wrap;
}

.ui-datatable .ui-sortable-column-icon {
	background-image: none !important;
}

.answers.ui-datatable table thead tr {
	visibility: hidden;
}

.answers.ui-datatable table thead {
	display: none;
}

.answers.ui-datatable table thead tr th {
	border: 0px;
}

.ui-treetable-scrollable-body {
	border: 1px solid #f4f4f4;
}

/*just the table content*/
.ui-datatable-scrollable-body {
	line-height: 1.3em !important;
/* 	border-left: 1px solid #f4f4f4; */
/* 	background-color: #EDF3F6; */
	/* 	margin-right:16.5px !important; */
}
.ui-datatable-data tr.ui-state-hover,
/* .ui-datatable-data .ui-state-focus,.ui-datatable-data .ui-widget-content .ui-state-focus,.ui-datatable-data .ui-widget-header .ui-state-focus, */
.ui-treetable .ui-treetable-data tr.ui-state-hover,.ui-tree .ui-treenode-label.ui-state-hover,.ui-tree .ui-treenode-label.ui-state-highlight,
.ui-orderlist .ui-state-hover
	{
	background: #e0e0e0;
	color: #fff;
	-webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.15);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 0;

}
.ui-datatable-data tr.ui-state-hover {
	border-bottom: 1px solid #e0e0e0;	
}
.ui-datatable-odd {
	background-color: #f7f7f7;
}

.ui-datatable .ui-datatable-data tr.ui-state-hover {
	border-color: #ccc;
}

.ui-datatable .ui-datatable-footer {
	position: relative;
}

.ui-datatable .ui-datatable-footer .clearButton {
	position: absolute;
	top: -38px;
	left: 0px;
	padding: 5px 10px;
    height: 30px;
/*     border-right: 1px solid #f4f4f4; */
    float: left;
}
.ui-datatable .ui-datatable-footer .clearButton .ui-button {
	height: 26px;
    width: 26px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: block;
    margin: 0 auto;
}
.ui-datatable .ui-datatable-footer .clearButton .ui-button .ui-button-text {
	padding: 0px;
}
.ui-datatable .ui-datatable-footer .rowCount {
	position: absolute;
	top: -32px;
	right: 10px;
}

.checkboxColumn,
.numberColumn {
	width: 30px;
	text-align: center;
}

/* PANEL */

/* panel in central content*/
.ui-panel.centerPanel {
/*     width: 49%; */
/*     width: -webkit-calc(50% - 14px); */
/* 	width: -moz-calc(50% - 14px); */
/* 	width: calc(50% - 14px); */
	width: 750px;
	box-sizing: border-box;
	
	display: inline-block;
	text-align: left;
/* 	float: left; */
		float: none;
	display: block;
	margin: 10px auto !important;
}
#templateCenter .ui-layout-center form {
    max-width: 1520px;
    margin: 0 auto;
}
.ui-panel.centerPanel.centered {
	float: none;
	display: block;
	margin: 10px auto;
}
@media screen and (max-width: 1900px) {
	.ui-panel.centerPanel {
		width: auto;
		display: block;
		max-width: 750px;
	    float: none !important;
    	margin-left: auto !important;
    	margin-right: auto !important;
	}
	#templateCenter .navigationButtons {
/* 		max-width: 750px; */
	}
}
.ui-panel.centerPanel.wideCenterPanel, .centerPanel.wideCenterPanel {
    width: -webkit-calc(100% - 14px);
    width: -moz-calc(100% - 14px);
    width: calc(100% - 14px);
}
.singleColumnWrapper {
	max-width: 1000px;
	margin: 0 auto;
}

.ui-panel.centerPanel.panel_nobg {
	margin-top: 0px;
	margin-bottom: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
    box-shadow: none;
}

.ui-panel.centerPanel, .ui-carousel
/* , .ui-wizard.centerPanel > .ui-wizard-content > .ui-panel */
 {
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 2px;
    box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 2px;
}
.ui-panel.centerPanel {
	box-shadow:none;
	border:1px solid #e0e0e0;
}
.ui-panel.centerPanel, 
/* .ui-panel.titlePanel, */
.centerPanel.wideCenterPanel {
    margin: 7px;
}

/* .ui-datatable,  */
/* .innerPanel,  */
.cke.cke_reset, .ui-button.ui-state-default.panelButton {
	-webkit-box-shadow: rgba(0, 0, 0, 0.07) 3px 3px 7px;
	-moz-box-shadow: rgba(0, 0, 0, 0.07) 3px 3px 7px;
    box-shadow: rgba(0, 0, 0, 0.07) 3px 3px 7px;
}

.ui-panel.centerPanel, 
/* .ui-panel.titlePanel,  */
.ui-panel.innerPanel, .ui-button.panelButton {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.ui-button.panelButton {
	margin: 0px;
    padding: 5px 10px;
}

.ui-panel.innerPanel {
	border: 1px solid #e5e5e5;
	background-color: #FFF;
}
.ui-panel.innerPanel, .ui-datatable {
	margin: 20px 10px;
}
.innerPanel.ui-panel .ui-panel-footer {
	text-align: center;
	background: #EDF3F6;
}

/*small top right buttons*/
.centerPanel .ui-panel-titlebar-icon,.ui-panel-titlebar .ui-state-hover,
.ui-layout-unit-header .ui-state-hover,.ui-panel-titlebar  .ui-state-default,.ui-layout-unit-header .ui-state-default
	{
	margin-left: 1.9em;
	background: none;
	border: 0px;
	
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/*small headers - in questions mostly*/
.subHeader, .ui-dialog-title {
	font-family: 'Open Sans', RalewayFallback, Sans-Serif;
    display: table-cell;
    vertical-align: middle;
	padding: 0px 20px;
	color: #484848;
	font-size: 20px;
	line-height: 40px;
	font-weight: normal;
}
/* .innerPanel .subHeader,  */
.ui-datatable-header .subHeader {
	font-size: 18px;
	line-height: 34px;
}

.innerPanel > .ui-panel-titlebar > .ui-panel-title {
    margin: 0 auto;
    float: none;
}
.innerPanel > .ui-panel-titlebar > .ui-panel-title .headerIcon {
	display: none;
}
.innerPanel > .ui-panel-titlebar > .ui-panel-title .subHeader {
	padding: 0px;
}
.innerPanel > .ui-panel-titlebar > .ui-panel-title .subHeader, 
.indexTable .ui-datatable-header.ui-widget-header {
	line-height: 18px;
    font-size: 12px;
    font-weight: 600;
    color: #333;
    text-align: center;
}

.subHeader * {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.ui-panel .ui-panel-title {
	display: table;
	float: left;
	width:100%;
}
.ui-panel.titlePanel {
	margin: 0px;
	z-index: 2;
	border-bottom: 1px solid #EAEAEA;
	
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    
    -moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	
    display: block;
    float: none;
}
.titlePanel.ui-panel .ui-panel-content{
	display: table;
	table-layout: fixed;
	width: 100%;
	box-sizing: border-box;
/* 	padding: 15px; */
	padding: 0px;
}
.thinTitle.titlePanel.ui-panel .ui-panel-content {
	padding: 10px 20px;
}
.titlePanel .titleAndDesc {
    height: 40px;
    width: 46%;
}
.titlePanel .titleOnly {
	width: 100%;
}
.titleInputWrap {
	padding-left: 20px;
}
.titleAndDesc, .titleInputWrap {
	display: table-cell;
	text-align: left;	
    vertical-align: middle;
    float:left;
}
.titleAndDesc .subHeader {
	line-height: 25px;
}
.titleAndDesc .headerDesc {
	line-height: 15px;
	color: #878787;
}
.titleButtons {
/* 	width: 30%; */
	display: table-cell;
	vertical-align: middle;
	padding-right: 20px;
    float: left;
}

.titleAndDesc .subHeader, .titleAndDesc  .headerDesc {
/* 	float: none; */
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
}

.headerDesc {
	font-size: 15px;
    padding: 0px 20px;
    clear: left;
    font-weight: normal;
}

.ui-dialog .ui-dialog-title {
	font-size: 22px;
	margin: 0.6em 16px 0.1em 5px;
}
.ui-dialog .ui-dialog-content {
	padding: 6px 12px;
}
/* panel header */
.ui-panel .ui-panel-titlebar, .ui-dialog .ui-dialog-titlebar {
	padding: 13px 17px;
    border-width: 0px;
/* 	margin: 0px 17px; */
}

.ui-panel {
	background-color: #3F4774;
	max-width: 1340px;
	margin: 0 auto;
/* 	margin: 0; */
	padding: 0px;
}
.ui-panel .ui-panel-content {
	padding: 1.5em 1em;
}
.ui-panel-content {
	font-family: 'Open Sans', RalewayFallback, Sans-Serif;
	font-size: small;
	font-weight: 400;
}

/* no bottom padding in header */
.ui-layout-north,.ui-layout-pane,.ui-layout-pane-north {
	padding-bottom: 0px;
/* 	overflow: inherit; */
}

.ui-widget-content {
	border: 0px;
	color: #5D5F5E;
}

/*Panel grid footer*/
.ui-panelgrid-footer .ui-widget-header {
	border: none;
	background-color: transparent;
}

/*input text default*/
.ui-selectonemenu.ui-widget .ui-selectonemenu-trigger,
.ui-selectcheckboxmenu.ui-state-default .ui-selectcheckboxmenu-trigger {
	width: 25px;
	background: #FFFFFF;
	padding: 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-right: none;
	border-top: none;
	border-bottom: none;
}
.ui-selectonemenu.ui-widget .ui-selectonemenu-trigger .ui-icon,
.ui-selectcheckboxmenu.ui-state-default .ui-selectcheckboxmenu-trigger .ui-icon {
/* 	background-image: url("../../images/white-x.png"); */
	margin: 2px auto;
}
.ui-selectonemenu-trigger.ui-state-default,
.ui-selectcheckboxmenu-trigger.ui-state-default {
	-moz-box-shadow: inset 0px 0px 0px #fff;
	-webkit-box-shadow: inset 0px 0px 0px #fff;
	box-shadow: inset 0px 0px 0px #fff;
}
/* select checkbox menu */
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
	line-height: 18px;
	padding: 4px;
	border: none;
}
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label.ui-state-hover {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
/* select one radio */
.ui-selectoneradio label {
	margin-top: 0px;
}
.ui-radiobutton-box.ui-state-active .ui-icon {
   	background: #898989;
    margin: 5px;
    width: 6px;
    height: 6px;
}
.ui-radiobutton .ui-radiobutton-box.ui-state-hover,
.ui-chkbox .ui-chkbox-box.ui-state-hover {
	background: #fff;
	cursor: pointer;
}

.ui-radiobutton-box.ui-state-default,.ui-chkbox-box.ui-state-default {
	background: #fff;
	border-color: #ccc;
	-moz-box-shadow: inset 0px 0px 0px #fff;
	-webkit-box-shadow: inset 0px 0px 0px #fff;
	box-shadow: inset 0px 0px 0px #fff;
}
.correctCheckbox.ui-chkbox .ui-chkbox-box {
    width: 32px;
    height: 30px;
}
.correctCheckbox.ui-chkbox .ui-chkbox-box.ui-state-active {
	background-color: #fff;
	border-color: #c4c4c4;
}
.correctCheckbox.ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
    display: block;
    margin: 7px 8px;
	width: 16px;
	height: 16px;
	background: url(../../images/SpritesBig.png) -32px -704px no-repeat;
	background-size: 128px !important;
}
.correctCheckbox.ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon {
	background-position: -48px -704px;
}
/*input text on focus*/
.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,
.ui-selectonemenu.ui-widget.ui-state-focus .ui-selectonemenu-label,
.ui-selectonemenu.ui-widget .ui-selectonemenu-trigger.ui-state-focus {
	border-color: #33AFDE;
}
/* /*input text on hover*/
/* .ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover */
/* 	{ */
/* 	border: 1px solid #bbb ; */
/* } */

.ui-state-error, .ui-widget-content .ui-state-error, 
.ui-widget-header .ui-state-error, 
.ui-inputfield .ui-state-error,
.ui-selectonemenu.ui-state-error .ui-selectonemenu-label {
	border-color: #D0525D !important;
}

/* file upload button */
.ui-fileupload-content {
	padding: 0px;
}
/* .ui-fileupload-content table {
	display: none;
} */
.ui-fileupload-buttonbar {
	border: 0px;
	padding: 0px;
	text-align: center;
}
/*Profile pic upload*/
.profilePic .ui-fileupload-buttonbar {
	background:none;
	border:none;
	text-align:center;
}

.profilePic.notBlock, .profilePic.notBlock .ui-fileupload-buttonbar{
	display:inline;
} 

.profilePic .ui-fileupload-content {
    display: none;
}

.ui-button.ui-state-default.updatePictureButton, .ui-button.ui-state-hover.updatePictureButton, .ui-button.ui-state-default.updatePictureButton:active {
	margin: -49px 0px 0px 0px;
	height: 50px;
	text-align: left;
	background: none;
	border: 0px;
	-webkit-box-shadow: inset 0 0 1000px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0 0 1000px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0 0 1000px rgba(0, 0, 0, 0.6);
}
.ui-button.ui-button-text-icon-left.updatePictureButton .ui-button-text {
	color: #fff;
	padding: .3em 1em .3em 2.5em;
   	font-size: small;
}
.ui-button.ui-state-default.updatePictureButton {
	visibility: hidden;
}
.pictureBlock:hover .ui-button.ui-state-default.updatePictureButton {
	visibility: visible;
}
/* primefaces buttons - default*/
.ui-button.ui-state-default,.ui-button.ui-widget-content .ui-state-default
	{
	background: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	moz-box-shadow: inset 0px 0px 0px #fff;
	-webkit-box-shadow: inset 0px 0px 0px #fff;
	box-shadow: inset 0px 0px 0px #fff;
}

/* default - button height and fonts */
.ui-button .ui-button-text {
	color: #6A6A6A;
	font-family: 'Open Sans', RalewayFallback, Sans-Serif;
	font-size: 12px;
	font-weight: 600;
	
    white-space: nowrap;
}

.ui-button.ui-button-text-icon-left .ui-button-text {
/* 	padding: .3em 2.5em .3em 4em; */
	padding: .3em 1em .3em 2.5em;
}
.ui-button.ui-button-text-only .ui-button-text {
/* 	padding: .3em 2.5em; */
}
.ui-button.ui-state-active {
    moz-box-shadow: inset 0px 0px 12px 0px #e3e3e3;
    -webkit-box-shadow: inset 0px 0px 12px 0px #e3e3e3;
    box-shadow: inset 0px 0px 12px 0px #e3e3e3;
}
/*Buttons on the right side -- now top side*/
.topButtonsUnit .ui-layout-unit-content {
	white-space: nowrap;
	text-align: left;
}
.sideButton.ui-button.ui-state-default,.wizardButton.ui-button.ui-state-default {
/* 	margin-left: 15px; */
	margin-top: 0;
	display: inline-block;
	width: 100px;
	height: 70px;
	overflow: hidden;
	vertical-align: top;
	box-sizing: border-box;
	border:0px;
	background-color: #fff;	
	
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 2px;
    box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 2px;
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.quizWizardButtons .sideButton.ui-button.ui-state-default,
.quizWizardButtons .wizardButton.ui-button.ui-state-default {
	margin-bottom: 10px;
	margin-top: 10px;
}
.sideButton.ui-button.ui-state-default .ui-button-text,
.wizardButton.ui-button.ui-state-default .ui-button-text {
    padding:	 1px;
    margin-top: 14px;
    text-align: center;
    position: absolute;
    top: 50%;
    width: 100%;
    font-size: 12px;
    font-weight: normal;
    color: #666;
    
    max-width: 100px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.sideButton .ui-button-icon-right,.sideButton .ui-icon,.sideButton .ui-button-text-icon-right, .sideButton .ui-button-text-icon-left, .sideButton .ui-icon,
 .wizardButton .ui-button-text-icon-left, .wizardButton .ui-icon {
    margin-left: -17px;
    left: 50%;
	margin-top: -21px !important;
}
.ui-widget-content .sideButton.ui-state-active {
/* 	background: #33AFDE; */
/* 	border-color: #33AFDE; */
}
.ui-widget-content .sideButton.ui-state-active .ui-button-text{
/* 	color: #fff; */
}
.sideButton .ui-icon,.wizardButton .ui-icon {
	opacity: 0.7;
	filter: Alpha(Opacity=50);
}
.sideButton.ui-state-active .ui-icon, .sideButton:hover .ui-icon,
.wizardButton.ui-state-active .ui-icon, .wizardButton:hover .ui-icon {
	opacity: 1;
	filter: Alpha(Opacity=100);
}

#butWrap {
/*     width: 95%; */
/*     width: calc(100% - 75px); */
/* 	width: -webkit-calc(100% - 75px) ; */
/* 	width: -moz-calc(100% - 75px) ; */
	width:750px;
/*     overflow: hidden; */
/*     float: left; */
    margin: 0 auto;
/*     text-align: center; */
    background: #172934;
        height: 29px;
}
#butForm {
    white-space: nowrap;
    position: relative;
    display: inline-block; 
    /*float: left;*/
	left: 0px;
	overflow:hidden;
}
#butForm.quizWizardButtons {
	float: right;
	margin-right: 7px;
}
#butForm\:helpBtn, .sideButton.ui-button.ui-state-default.helpButton {
	margin-right: 0px;
}
.carouselArrow {
	font-size: 30px;
    font-weight: bold;
    color: #33AFDE;
	cursor: pointer;
	width: 30px;
    text-align: center;
    line-height: 40px;
	height: 40px;
	float: left;
	display:none;
}
.carouselArrow:hover {
	color: #4BB3DA;
}
.carouselArrow.disabledArrow, .carouselArrow.disabledArrow:hover {
	color: #7F7F7F;
    cursor: default;
}
.ui-selectonebutton.ui-buttonset .ui-button {
    margin: 0px 5px;
}
/*** commandlink ***/
.ui-commandlink.ui-widget,.ui-datatable-data .ui-widget-content a,.ui-treetable-data .ui-widget-content a,
.ui-panelgrid .ui-widget-content a, .ui-widget-content a
	{
	text-decoration: none;
/* 	color: #1B85AA; */
	color: #0180cf;
}

.ui-commandlink.ui-widget:hover,.ui-datatable-data .ui-widget-content a:hover,.ui-treetable-data .ui-widget-content a:hover,
.ui-panelgrid .ui-widget-content a:hover, .ui-widget-content a:hover
	{
/* 	color: #309abf; */
	color: #1f94c0;
}
.ui-commandlink.ui-widget.ui-state-disabled {
	color: #5D5F5E;
	opacity: 1;
	filter: Alpha(Opacity=100);
}

.ui-inputfield,.ui-widget-content .ui-inputfield,.ui-widget-header .ui-inputfield,
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label
	{
	background: #ffffff;
	color: #868686 !important;
}

.ui-state-default,.ui-widget-content .ui-state-default {
	text-shadow: none;
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,
.ui-datatable-data .ui-state-hover.ui-button {
	-webkit-box-shadow: inset 0 0 1000px rgba(0, 0, 0, 0.04);
	-moz-box-shadow: inset 0 0 1000px rgba(0, 0, 0, 0.04);
	box-shadow: inset 0 0 1000px rgba(0, 0, 0, 0.04);
}

.ui-state-focus, .ui-widget-content .ui-state-focus {
	-moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.ui-button.ui-state-default:active,.ui-button.ui-widget-content .ui-state-default:active
	{
	-webkit-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
}

/* in form and footer button */

.in-form-button.round-corners {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-transform: capitalize;
}

.ui-button.in-form-button .ui-button-text,.ui-menubutton.in-form-button .ui-button.ui-state-default .ui-button-text
	{
	color: #4f4f4f;
}

.ui-state-default.in-form-button,.ui-widget-content.in-form-button .ui-state-default
	{
	text-shadow: 0px 1px 0px rgba(255, 168, 0, 0.25);
}

.ui-button.ui-state-default.in-form-button:hover,.ui-button.ui-widget-content.in-form-button .ui-state-default:hover,.ui-menubutton.in-form-button .ui-button.ui-state-default:hover,.views_links:hover
	{
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
}

.ui-button.ui-state-default.in-form-button:active,.ui-button.ui-widget-content.in-form-button .ui-state-default:active
	{
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

/*** font size ***/
.ui-widget {
	font-size: 12px;
	font-family: 'Open Sans', RalewayFallback, Sans-Serif;
}

/*** radio buttons padding ***/
.ui-selectoneradio td,
.ui-selectmanycheckbox td {
	padding: 4px 4px;
}

/*** panel border ***/
.ui-panelgrid td {
	border-width: 0px !important;
}

.ui-panelgrid .ui-widget-content {
	background: none !important;
}

/*** new questions ***/
.answers tr.ui-widget-content, .answers .ui-datatable-data {
	background: none;
}
.answers.ui-datatable, .notifTable.ui-datatable {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.dataTableQuizzes.ui-datatable thead th,.dataTableQuizzes.ui-datatable tbody td,.dataTableQuizzes.ui-datatable tfoot td
	{
	padding: 0px;
}
/*** select menu checkbox ***/
.no_header .ui-selectcheckboxmenu-header.ui-widget-header {
	display: none;
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items-wrapper {
/* 	resize: both; */
/* 	width: 281px; */
	/*mora 281 jer je spoljasnji oko njega isto 281 i ne moze da se promeni*/
}

.ui-state-active .ui-icon {
	resize: none; /*da ne bi resizovalo i ikone zbog ovog spoljasnjeg*/
}

.ui-widget-header {
	background: none;
	border-radius: 0px;
}

/*** new dialog input ***/
.newCoursePanelGrid input,.newCoursePanelGrid textarea {
	width: 300px;
}

.newCoursePanelGrid td {
	padding-right: 10px;
}

.ui-tree.tree {
/* 	background-color: #F9F8F8; */
	width: 100%;
	background: transparent;
	border: 0px;
    width: 280px;
    margin: 10px;
}

/*** primefaces input ***/
.ui-inputfield,.ui-widget-content .ui-inputfield,.ui-widget-header .ui-inputfield
	{
	-moz-box-shadow: inset 0 2px 2px #fff !important;
	-webkit-box-shadow: inset 0 2px 2px #fff !important;
	box-shadow: inset 0 2px 2px #fff !important;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.panel_nobg {
	background: none !important;
}
.panel_nopad.ui-panel {
	border: 0px;
}
.panel_nopad.ui-panel .ui-panel-content {
	padding: 0px;
}
/*** primefaces inplace ***/
.ui-inplace .ui-inplace-display {
	padding-left: 4px;
	float: right; 
	height: 26px;
	line-height: 26px;
	background-color: #F7F7F7;
	border: 1px solid #dcdcdc !important;
	width: 190px;
	text-overflow: ellipsis;
	overflow: hidden;
}

.ui-inplace .ui-inplace-display:hover {
	background-color: #A9C2CB;
}

.ui-inplace .ui-inplace-content input {
	float: right;
	display: block;
/* 	width: 194px; */
}

.ui-selectonemenu .ui-selectonemenu-label{
    min-width: 100%;
/*     box-sizing: border-box; */
}

.nopad_table td {
	padding: 0px;
}
.nopad_table_imp td {
	padding: 0px !important;
}

/* bug u chrome-u sa prazninom dole */
.ui-datatable .ui-chkbox {
	position: relative;
}

/*** icons ***/
/* commandlink icon with empty space */
.cl_blank {
	width: 20px;
	height: 20px;
	display: block;
}

.cl_blank.ui-button.ui-state-default:active {
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0);
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0);
}
/* Tolja  */
.ui-button.ui-button-text-icon-left .ui-icon,
.ui-datatable-footer .ui-menubutton .ui-button.ui-button-text-icon-left .ui-icon {
	display:none;
}
.ui-menubutton .ui-button.ui-button-text-icon-left .ui-icon{
	display: inline-block;
}
.ui-button.ui-button-text-icon-left.ui-selectbooleanbutton .ui-icon,
.ui-button.ui-button-text-icon-left.ui-fileupload-choose .ui-icon,
.ui-question-editor .ui-button.ui-button-text-icon-left .ui-icon,
.circleButton.ui-button.ui-button-text-icon-left .ui-icon{
	display: block;
}
.ui-button.ui-button-text-icon-left {
	background: #172934;
	border:1px solid transparent;
}
.cl_blank27 {
	width: 27px;
	height: 27px;
	display: block;
}

.cl_blank25 {
	width: 25px;
	height: 25px;
	display: block;
}

.cl_blank25.in-form-button {
	background-position: center !important;
}

.icons {
	height: 20px;
	width: 20px;
}

.icons16 {
	height: 16px;
	width: 16px;
	float: left;
}

.ui-icon.ui-button-icon-right {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.icons:hover {
	opacity: 0.8;
	filter: alpha(opacity =       80);
	cursor: pointer;
}

.ui-menubutton.in-form-button .ui-button.ui-state-default {
	background-repeat: no-repeat !important;
	background-position: 90% center;
	padding-right: 24px;
}

.ui-menubutton.in-form-button .ui-button.ui-state-default {
	padding-right: 15px !important;
}

.ccmTree .ui-icon,.qcatTree .ui-icon {
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
	margin-top: 7px;
}

/*** growl messages ***/
.ui-growl-title {
	display: none !important;
}

.ui-growl-item-container .ui-growl-item,.ui-growl-item-container {
/* 	-moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0); */
/* 	-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0); */
/* 	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0); */
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.18);
	-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,.18);
	box-shadow: 0 1px 1px 0 rgba(0,0,0,.18);
}

.ui-growl-item .ui-growl-message {
	padding: 0px;
	line-height: 34px;
	word-wrap: break-word;
	color:#212121;
	font-size:18px;
	text-shadow:none;
	width: 262px;
    float: none;
}
.ui-growl-icon-close {
	top: 10px;
    right: 9px;
}
.ui-growl-item .ui-icon-closethick {
	background-position: -16px -528px;
    background-image: url(../../images/SpritesBig.png) !important;
    background-size: 128px;
}
.ui-growl-item .ui-growl-image, .ui-confirm-dialog-severity.ui-icon-alert {
	width: 34px;
	height: 34px;
	top: calc(50% - 17px);
	top: -webkit-calc(50% - 17px) ;
	top: -moz-calc(50% - 17px) ;
}
.ui-confirm-dialog-message {
	line-height: 34px;
    font-size: 13px;
    color: #333;
    font-weight: 600;
    display: table;
}
.ui-growl-item .ui-growl-image.ui-growl-image-error{
    background: url(../../images/SpritesBig.png) -34px -1120px no-repeat;
}
.ui-growl-item .ui-growl-image.ui-growl-image-warn, .ui-confirm-dialog-severity.ui-icon-alert{
	background: url(../../images/SpritesBig.png) -34px -1731px no-repeat;
}
.ui-growl-item .ui-growl-image.ui-growl-image-info{
	background: url(../../images/SpritesBig.png) -68px -1732px no-repeat;
}
#messages2_container .ui-growl-item{
	background-color: #fff;
}
#messages2_container .ui-corner-all{
	border-color: #D62D2D;
	border-width: 0 0 0 9px;
}
#messages_container .ui-growl-item {
	background-color: #fff;
}
#messages_container .ui-corner-all{
	border-color: #34aedb;
	border-width: 0 0 0 9px;
}
#messages3_container .ui-growl-item {
	background-color: #fff;
}
#messages3_container .ui-corner-all{
	border-color: #faaf42;
	border-width: 0 0 0 9px;
}
.ui-growl-item .ui-growl-image {
    display: none;
}
/*** link disabled ***/
.link-disabled {
	opacity: .35;
	filter: Alpha(Opacity =       35);
	cursor: default !important;
}
/*** ui-menu ***/
.ui-menu.ui-shadow,.ui-selectcheckboxmenu-panel,.ui-selectonemenu-panel {
/* 	-moz-box-shadow: 2px 5px 20px #E4E4E4; */
/* 	-webkit-box-shadow: 2px 5px 20px #E4E4E4; */
/* 	box-shadow: 2px 5px 20px #E4E4E4; */
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	padding: 0px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.ui-selectonemenu .ui-selectonemenu-trigger.ui-state-focus {
	border-top-width: 0px !important;
}

.ui-selectonemenu-panel .ui-selectonemenu-list.ui-selectonemenu-items {
	padding: 0px;
}

.ui-menuitem.ui-widget.ui-state-hover,
.ui-selectonemenu-item.ui-state-hover,
.ui-selectonemenu-item.ui-state-highlight {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	background: #fff;
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.ui-selectonemenu-item.ui-state-highlight {
	color: #33AFDE;
}

.ui-menu.ui-shadow,
.ui-selectonemenu-panel .ui-selectonemenu-list {
	background: none;
	background-color: #F8FAFB;
}

.ui-menu.ui-shadow .ui-menuitem-text,.ui-selectcheckboxmenu-panel label {
	font-size: 12px;
}
.ui-menu .ui-menu-list .ui-menuitem,
.ui-selectonemenu-items-wrapper .ui-selectonemenu-list .ui-selectonemenu-item {
	border: 0px;
	border-bottom: 1px solid #f4f4f4;
}
.ui-menu .ui-menu-list .ui-menuitem:last-child,
.ui-selectonemenu-items-wrapper .ui-selectonemenu-list .ui-selectonemenu-item:last-child {
	border-bottom: 3px solid #33AFDE;
}
.ui-menu .ui-menuitem-link,
.ui-selectonemenu-list .ui-selectonemenu-item {
	padding: 0.5em;
}

.cl_blank27.treeIcon.in-form-button {
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
/* 	border-right: 0px; */
}

.normalRight .ui-spinner {
	width: 100%;
}
.ui-spinner .ui-spinner-input {
	text-align: left;
}
.ui-spinner .ui-spinner-button.ui-button {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	width: 30px;
	height: 10px;
	margin: 1px;
}
.ui-spinner .ui-spinner-button.ui-button .ui-icon {
/* 	background-image: url("../../images/white-x.png"); */
	margin-left: 7px;
}
.ui-spinner .ui-spinner-button.ui-button.ui-state-hover {
	cursor: pointer;
}
/* answers dont be white colored when highlighted */
.answers tr.ui-state-highlight {
	color: #4f4f4f;
	text-shadow: 0 0 0;
}

/* date picker */
.ui-datepicker.ui-widget {
	border: 1px solid #c4c4c4;
	padding: 0px;
	width: 20em;
}
.ui-datepicker .ui-datepicker-header {
	background: #F8FAFB;
    padding: 10px 0;
    border-color: #c4c4c4;
}
.ui-datepicker .ui-datepicker-header select {
	border-color: #c4c4c4;
}
.ui-timepicker-div .ui-widget-header {
	background: #F8FAFB;
    border-color: #c4c4c4;	
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	top: 8px;
}
.ui-timepicker-div {
	padding: 10px;
}
.ui-timepicker-div dl dd {
    margin:15px 10px 7px 80px;
}
.ui-timepicker-div dl dd.ui_tpicker_time {
    margin-top: 0px;
}
.ui-datepicker  .ui-state-default,.ui-datepicker-calendar .ui-state-default
	{
	border: none !important;
}

.ui-datepicker .ui-datepicker-current-day .ui-state-highlight, 
.ui-datepicker .ui-datepicker-current-day .ui-state-default {
	background-color: #33AFDE;
}

.ui-datepicker-calendar .ui-state-default {
	color: #69909e !important;
	font-weight: 400 !important;
}

.ui-datepicker .ui-datepicker-title,.ui-datepicker th {
	font-family: 'Open Sans', RalewayFallback, sans-serif !important;
	font-size: small !important;
	font-weight: 600 !important;
	color: #5D5F5E !important;
}

::-webkit-scrollbar { width: 6px; height: 6px;}
/* .ui-datatable-scrollable-body::-webkit-scrollbar { width: 12px; } */
::-webkit-scrollbar-track,.notifTable .ui-datatable-scrollable-body::-webkit-scrollbar-track  {  background-color: #ccc;}

::-webkit-scrollbar-track-piece,.notifTable .ui-datatable-scrollable-body::-webkit-scrollbar-track-piece  { background-color: #ffffff;}

::-webkit-scrollbar-thumb,.notifTable .ui-datatable-scrollable-body::-webkit-scrollbar-thumb  { height: 30px; background-color: #ccc; border-radius: 0px;}
.ui-datatable-scrollable-body::-webkit-scrollbar-thumb  { border-radius: 0px; }

::-webkit-scrollbar-corner,.notifTable .ui-datatable-scrollable-body::-webkit-scrollbar-corner  { background-color: #ccc;}}

::-webkit-resizer { background-color: #ccc;}

.ui-wizard-nav-next .ui-icon.ui-c,
.ui-wizard-nav-back .ui-icon.ui-c {
    width: 16px;
    height: 16px;
}
/* .ui-wizard-nav-next.ui-button .ui-button-text, */
/* .ui-wizard-nav-back.ui-button .ui-button-text { */
/*     color: #fff; */
/* } */
.ui-wizard-nav-back .ui-icon.ui-c {
    background-position: -96px -0px;
}
.ui-wizard-nav-back.ui-button,
.ui-wizard-nav-next.ui-button {
	border: 0px;
	-webkit-box-shadow: rgba(153, 153, 153, 0.28) 5px 5px 7px;
    -moz-box-shadow: rgba(153, 153, 153, 0.28) 5px 5px 7px;
    box-shadow: rgba(153, 153, 153, 0.28) 5px 5px 7px;
}
/* .ui-wizard-nav-back.ui-button { */
/* 	background: #D0525D;	 */
/* } */
/* .ui-wizard-nav-next.ui-button { */
/* 	background: #5FCF80;	 */
/* } */
.ui-wizard-nav-next .ui-button-text {
    padding: .3em 2.1em .3em 1em;
}
.ui-wizard-nav-next .ui-icon.ui-c {
	right: .5em;
	left: inherit;
    background-position: -32px -0px;
}

.arrowToRightBlue{
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesNormal.png) 0px 0px no-repeat
		!important;
}
.arrowToRightGreen {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -60px -1857px no-repeat
		!important;
	background-size: 160px !important;
}
.arrowToLeftRed {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesNormal.png) -40px 0px no-repeat
		!important;
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ui-menubutton.arrowToUpRed .ui-button-icon-left.ui-icon-triangle-1-s {
	background: url(../../images/SpritesNormal.png) -40px 0px no-repeat;
	width: 20px;
	height: 20px;
	-webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.ui-icon.icon-restore-green{
	background: url(../../images/SpritesNormal.png) -60px 0px no-repeat;
	width: 20px;
	height: 20px;
	-webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}
.rotateIcon90deg,.ui-rotate-90.ui-menubutton .ui-button.ui-state-default .ui-icon{
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.rotateIcon180deg{
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.ui-menubutton.icon-roles-blue .ui-button-icon-left.ui-icon-triangle-1-s, .icon-roles-blue.ui-icon {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -40px -179px no-repeat;
	background-size: 160px;
}
.ui-menubutton.assignIcon .ui-button-icon-left.ui-icon-triangle-1-s, .ui-icon.icon-assign-gray {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -0px -1579px no-repeat;
	background-size: 160px;
}
.ui-menubutton.delete-gray .ui-button-icon-left.ui-icon-triangle-1-s{
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -120px -859px no-repeat;
	background-size: 160px;
}
.menuButton-icon .ui-button-text {
	padding-left: 22px;
}
.menuButton-icon .ui-button {
	height:30px;
}
.menuButton-icon.icon-import-pool .ui-button{
	background: url(../../images/import_pool_icon.png) no-repeat;
	background-position: 5px;
}
.ui-icon.icon-profile-pic-white {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -20px -719px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-profile-pic-orange {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -80px -719px no-repeat;
	background-size: 160px;
}
.profilePic .ui-button-icon-left.ui-icon, .ui-icon.icon-profile-pic-green {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -60px -719px no-repeat;
	background-size: 160px;
}

.ui-icon.icon-save-blue {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -120px -639px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-save-green {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -60px -639px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-save-gray {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -61px -1858px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-delete-red {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -100px -859px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-delete-gray {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -120px -859px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-delete-red {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -100px -1578px no-repeat;
	background-size: 160px;
	transform: rotate(179deg) !important;
}
.ui-icon.icon-remove-red {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -100px -659px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-confirm {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) 0px -879px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-mail {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -20px -879px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-pool-orange {
	height: 20px;
	width: 20px;
	background: url(../../images/import_pool_icon.png) no-repeat;	
}
.answer-icon {
	width:30px;
	height:30px;
	display:block;
	background-size: 240px !important;
}
.answer-icon.icon-wrong-red {
	background: url(../../images/SpritesBig.png) -60px -1320px no-repeat;
}
.answer-icon.icon-correct-green {
	background: url(../../images/SpritesBig.png) -90px -1320px no-repeat;
}
.ui-icon.icon-correct-green{
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -60px -879px no-repeat;
	background-size: 160px !important;
}
.ui-icon.icon-wrong-red{
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -40px -879px no-repeat;
	background-size: 160px !important;
}

.ui-icon.icon-send-green {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -60px -899px no-repeat;
	background-size: 160px;
}

.ui-icon.icon-send-orange {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -80px -899px no-repeat;
	background-size: 160px;
}

.ui-icon.icon-sendone-green {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -60px -1099px no-repeat;
	background-size: 160px;
}

.ui-icon.icon-copy-blue{
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -0px -919px no-repeat;
	background-size: 160px;
}

.ui-icon.icon-suspend-white{
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -18px -844px no-repeat;
	background-size: 160px;
}

.ui-icon.icon-suspend-orange{
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -18px -844px no-repeat;
	background-size: 160px;
}

.ui-icon.icon-suspend-red{
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -100px -939px no-repeat;
	background-size: 160px;
}

.ui-icon.icon-add-orange {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -80px -839px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-add-blue {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -0px -839px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-add-green {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -60px -839px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-plus-blue, .ui-icon.ui-icon-plusthick {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -0px -1439px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-plus-white {
    width: 20px;
    height: 20px;
    background: url(../../images/SpritesBig.png) -20px -1438px no-repeat;
    background-size: 160px;
}
.ui-icon.icon-report-blue {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -0px -979px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-profiles-export {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -0px -1877px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-plus-purple {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -0px -1439px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-plus-gray {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -0px -1439px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-quiz-blue {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -0px -999px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-reports-green {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -60px -559px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-reports-purple {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -140px -559px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-quiz-collection-blue {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -0px -419px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-correct-darkblue {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -40px -1038px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-correct-greenc {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -60px -1038px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-info-darkblue {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -40px -0px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-edit-blue {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -0px -619px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-roles-orange {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -80px -80px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-play-green {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -60px -159px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-lock-blue {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -19px -1007px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-clock-green {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -60px -459px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-clock-red {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -100px -459px no-repeat;
	background-size: 160px;
}

.ui-icon.icon-search-gray {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -120px -799px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-search-yellow {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -82px -799px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-linegraph {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -120px -1019px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-stats {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -40px -1459px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-statsExport {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -0px -1877px no-repeat;
	background-size: 160px;	
}
.ui-icon.icon-publish-white{
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -18px -1439px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-unpublish-white{
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -18px -1457px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-deactivate-white {
	width: 20px;
	height: 20px;
/* 	background: url(../../images/SpritesBig.png) -120px -593px no-repeat; */
	background: url(../../images/SpritesBig.png) -120px -659px no-repeat;
	background-size: 160px;
    opacity: 0.7;
    filter: alpha(opacity=70);	
}
.ui-icon.icon-arrowdown-white{
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -120px -1578px no-repeat;
	background-size: 160px;
	opacity:0.7;
	filter:alpha(opacity=70);	
}
.ui-icon.icon-arrowdown-gray{
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -0px -1579px no-repeat;
	background-size: 160px;	
}
.ui-icon.icon-arrowdown-green{
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -60px -1579px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-loadQuestions-purple{
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -140px -1679px no-repeat;
	background-size: 160px;	
}
.barLineButtons .ui-button:first-child:before {
	content: " ";
    display: block;
    margin: 3px;
    float: left;
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -76px -3608px no-repeat;
/* 	background-size: 160px; */
}
.ui-button.ui-state-default .ui-icon.ui-icon-person {
	width:20px;
	height:20px;
	background: url(../../images/SpritesBig.png) -8px -3608px no-repeat;
	margin-top: -11px;
}
.ui-button.ui-state-active .ui-icon.ui-icon-person,
.ui-button.ui-state-hover .ui-icon.ui-icon-person,
.ui-button.ui-state-focus .ui-icon.ui-icon-person,
.ui-button:active .ui-icon.ui-icon-person {
	background: url(../../images/SpritesBig.png) -42px -3608px no-repeat;
}
.barLineButtons .ui-button.ui-state-active:first-child:before,
.barLineButtons .ui-button.ui-state-hover:first-child:before {
	background: url(../../images/SpritesBig.png) -110px -3608px no-repeat;
}	
.barLineButtons .ui-button:last-child:before {
	content: " ";
    display: block;
    margin: 3px;
    float: left;
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -142px -3608px no-repeat;
/* 	background-size: 160px; */
}
.barLineButtons .ui-button.ui-state-active:last-child:before,
.barLineButtons .ui-button.ui-state-hover:last-child:before {
	background: url(../../images/SpritesBig.png) -176px -3608px no-repeat;	
}
.barLineButtons .ui-button.ui-button-text-only .ui-button-text {
    padding: .3em 1em .3em 2.1em;
}
.barLineButtons {
	white-space: nowrap;
}
.ui-button.treeIcon {
	width: 35px;
	float:right;
}
.ui-button.treeIcon .ui-button-text{
	height: 27px;
	width: 27px;
	background: url(../../images/SpritesBig.png) -54px -1107px no-repeat;
	background-size: 216px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}

.ui-button.searchIcon {
	width: 35px;
    margin: 10px 5px 0px 5px;
}
.ui-button.searchIcon .ui-button-text{
	height: 27px;
	width: 27px;
	background: url(../../images/SpritesBig.png) -162px -1080px no-repeat;
	background-size: 216px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}

.nobackgroundCenter {
	margin: 0 auto;
	display: block;
	float: none !important;
	background: none !important;
	border: none !important;
}
.nobackgroundCenter:hover .ui-button-text{
	background: url(../../images/SpritesBig.png) -0px -1080px no-repeat;
	background-size: 216px;
}

/*action icons*/
.actionsCell, .threeActions, .oneAction, .twoActions {
	text-align: center;
}
.actionsCell.ui-state-default.ui-resizable-column {
/* 	width: 223px; */
}
.threeActions.ui-state-default.ui-resizable-column {
		width: 125px;
}
.actions-table.ui-panelgrid tr td {
	padding: 0px;
}
.action-icon {
	height: 20px;
	width: 20px;
	display: inline-block;
	background-size: 160px !important;
}

.action-icon:hover {
/* 	opacity:0.8; */
/* 	filter:alpha(opacity=80);	 */
}

.ui-button-icon-only .ui-icon, .ui-button-icon-only .ui-icon.action-icon {
	margin-left: -9px;
	margin-top: -9px;	
}
a.circleButton:before, a.circleButtonSmall:before {
	content: "";
	display: block;
}

a.circleButton:before, .circleButton .ui-icon {
	height: 20px;
	width: 20px;
	margin: 5px auto;
	background-size: 160px !important;
}
 .circleButton .ui-icon {
	height: 20px;
	width: 20px;
	margin: 5px auto;
	background-size: 160px !important;
}
a.circleButtonSmall:before {
	height: 17px;
	width: 17px;
	margin: 3px auto;
	opacity: .7;
	filter: Alpha(Opacity=70);
	background-size: 136px !important;
}
a.circleButtonSmall {
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	background-position: url(../../images/SpritesBig.png) -18px -683px no-repeat;
	width: 23px;
	height: 23px;
    margin: 0px 5px;
    display: inline-block;
    border: 0px;
    vertical-align: middle;	
    background: none !important;
}
.circleButton.ui-button.ui-state-default, a.circleButton {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;

	width: 25px;
	height: 25px;
    margin: 3px 5px;
    display: inline-block;
    border: 0px;
    vertical-align: middle;
    background: none !important;
}

.circleButton.ui-button-text-icon-left .ui-button-text {
	padding: 0px;
}

.blueOrangeBool.ui-button.ui-state-active {
    moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.blueButton.ui-button.ui-state-default, .blueOrangeBool.ui-button {
	background-color: #50B7D7;
}
.blueOrangeBool.ui-button.ui-state-active, .orangeButton.ui-button.ui-state-default,
a.circleButton.orangeButton,
a.circleButtonSmall.orangeButton,.circleButton.orangeButton.ui-button.ui-state-default {
	background-color: #FFA726;
	border:none;
}


.orangeButton.ui-button.ui-state-default.Titan{
	background-color: #333A48;
}

.greenButton.ui-button.ui-state-default,
 .circleButton.greenButton.ui-button.ui-state-default,
a.circleButton.greenButton, a.circleButtonSmall.greenButton {
	background-color: #5FCF80;
}

.redButton.ui-button.ui-state-default, .circleButton.redButton.ui-button.ui-state-default,
a.circleButtonSmall.redButton {
	background-color: #D0525D;
}

.circleButton.blueButton.ui-button.ui-state-default,
a.circleButton.blueButton, a.circleButtonSmall.blueButton {
	background-color: #50B7D7;
}

.blackButton.ui-button.ui-state-default,.circleButton.blackButton.ui-button.ui-state-default,
a.circleButtonSmall.blackButton {
	background-color: #4F4F4F;
}

.darkRedButton.ui-button.ui-state-default {
	background-color: #B52024;
}
.lightGrayButton.ui-button.ui-state-default {
	background-color: #231f20;
}
.purpleButton.ui-button.ui-state-default {
	background-color: #976B84;
}
.circleButton.ui-button.ui-state-default:hover, a.circleButton:hover, a.circleButtonSmall:hover {
/* 	background-color: #7c7c7b !important; */
	border:none;
}
.circleButton.ui-button.ui-state-default.ui-state-disabled,
a.circleButton:disabled {
/* 	background-color: #ccc !important; */
}
.blueButton.ui-button .ui-button-text,
.redButton.ui-button .ui-button-text,
.blackButton.ui-button .ui-button-text,
.darkRedButton.ui-button .ui-button-text,
.lightGrayButton.ui-button .ui-button-text,
.purpleButton.ui-button .ui-button-text {
	color: #fff;
}
.action-icon.icon-clock-green {
	background: url(../../images/SpritesBig.png) -60px -459px no-repeat;
}

.action-icon.icon-send-green {
	background: url(../../images/SpritesBig.png) -60px -899px no-repeat;
}
.action-icon.icon-quiz-report-blue {
	background: url(../../images/SpritesBig.png) -0 -559px no-repeat;
}
.action-icon.icon-quiz-report-send-green {
	background: url(../../images/SpritesBig.png) -60px -579px no-repeat;
}
.action-icon.icon-suspend-orange {
	background: url(../../images/SpritesBig.png) -80px -939px no-repeat;
}
.action-icon.icon-delete-red {
	background: url(../../images/SpritesBig.png) -100px -859px no-repeat;
}
.action-icon.icon-delete-white,
.circleButton .icon-delete-white   {
    background: url(../../images/SpritesBig.png) -120px -858px no-repeat;
    opacity: .7;
	filter: Alpha(Opacity=70);
	height:21px;
}
.action-icon.icon-play-green {
	background: url(../../images/SpritesBig.png) -60px -159px no-repeat;
}
a.circleButton.icon-play-white:before, .ui-icon.icon-play-white {
	background: url(../../images/SpritesBig.png) -18px -143px no-repeat;
}
a.circleButtonSmall.icon-deactivate-white:before {
	background: url(../../images/SpritesBig.png) -17px -560px no-repeat;
}
a.circleButtonSmall.icon-play-white:before {
	background: url(../../images/SpritesBig.png) -17px -135px no-repeat;
}
a.circleButtonSmall.icon-confirm-white:before {
	background: url(../../images/SpritesBig.png) -17px -1579px no-repeat;
}
a.circleButtonSmall.icon-showReport-white:before {
	background: url(../../images/SpritesBig.png) -17px -1596px no-repeat;
}
a.circleButtonSmall.icon-resolve-white:before {
	background: url(../../images/SpritesBig.png) -17px -1614px no-repeat;
}
.action-icon.icon-details-green {
	background: url(../../images/SpritesBig.png) -60px -799px no-repeat;
}
a.circleButton.icon-details-white:before,
.circleButton .icon-details-white {
	background: url(../../images/SpritesBig.png) -120px -798px no-repeat;
	opacity: .7;
	filter: Alpha(Opacity=70);
}
.action-icon.icon-edit-blue {
	background: url(../../images/SpritesBig.png) -0px -619px no-repeat;
}
.circleButton .icon-editplus-white {
	background: url(../../images/SpritesBig.png) -20px -619px no-repeat;
}
.action-icon.icon-quiz-white,
.circleButton .icon-quiz-white,
.ui-row-editor .ui-icon-pencil  {
	background: url(../../images/SpritesBig25.png) -120px -999px no-repeat;
	opacity: .7;
	filter: Alpha(Opacity=70);
}
.circleButton .icon-stats-white  {
	background: url(../../images/SpritesBig.png) -18px -1727px no-repeat;
}
.action-icon.icon-assign-blue{
	background: url(../../images/SpritesNormal.png) 0px 0px no-repeat;
	background-size: inherit !important;
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.ui-treenode .ui-treenode-icon {
	width: 20px;
	height: 20px;
	background-image: url(../../images/SpritesTree.png);
	background-repeat: no-repeat;
	background-size: 60px;
	margin-left:4px;
    display: none;
}
.ui-treenode .ui-icon.ui-icon-folder-collapsed {
	background-position: -0px -0px;
}

.ui-treenode .ui-icon.ui-icon-folder-open {
	background-position: -20px -0px;
}
.ui-treenode .ui-icon.ui-icon-document {
	background-position: -40px -0px;
}
.ui-treenode .ui-icon.ui-icon-quiz {
	background-position: -40px -20px;
}

.poolsTree .ui-treenode .ui-icon.ui-icon-folder-collapsed {
	background-position: -0px -20px;
}

.poolsTree .ui-treenode .ui-icon.ui-icon-folder-open {
	background-position: -20px -20px;
}

.separatorTitle {
	width: 100%;
	text-align: center;
	height: 1px;
	background-color: #e0e0e0;
    margin-left: -20px !important;
    border-right: 20px solid #e0e0e0;
    border-left: 20px solid #e0e0e0;
	margin: 10px 0;

}
.separatorTitle span {
	background: #f7f8f9;
	color: #9a9a9a;
	position: relative;
	top: -1em;
	font-size: 1em;
	padding: 0 10px;
}
.roundGrid .formPartTitleCell, 
.formPartTitleCell {
	text-align: center;
	padding-bottom: 10px;
}

.formPartTitle {
	font-size: 1.2em;
	font-weight: 600;
	font-family: 'Open Sans', RalewayFallback, sans-serif; 
}

#notif_label, #navig_label {
	width: 50%;
	box-sizing: border-box;
	float: left;
/* 	text-align: center; */
/* 	line-height: 45px; */
	height: 60px;
/* 	margin-bottom: 10px; */
	background: #14242D;
	border-top: 1px solid #547991;
}
#notif_label {
	width:22%;
    padding-top: 5px;
	text-align: center;
/* 	linear-gradient( to right, #19567F, #1d6893) */
/* 	background-image: linear-gradient( to right, #1e6893, #1f6e9a); */
}
#navig_label {
	width:78%;
/* 	background-image: linear-gradient( to right, #19567F, #1d6893); */
}
#notif_label.inActiveLabel, #navig_label.inActiveLabel {
/* 	border-top-color: #F8FAFB; */
}
.inActiveLabel, .inActiveLabel label {
	cursor: pointer;
}
.inActiveLabel {
	background: #eaeaea;
/* 	border-bottom: 1px solid #f4f4f4; */
}
#notif_label.inActiveLabel {
/* 	border-left: 1px solid #f4f4f4; */
}
#navig_label.inActiveLabel {
/* 	border-right: 1px solid #f4f4f4; */
}

#notif_size_label{
	color:#f62313;
}

/* button text color */
.blue, .blue .ui-button-text,
.statusPEN{
	color: #1a84a9;
}
.green, .green .ui-button-text, .easyColor,
.statusACT, .skillCRLEVLBASC {
	color: #5FCF80;
}
.orange, .orange .ui-button-text, .mediumColor,
.statusSUS, .statusLOC, .skillCRLEVLINTM {
	color: #f7b154;
}
.red, .red .ui-button-text, .hardColor,
.statusDEL, .skillCRLEVLADVN {
	color: #f62313;
}
.darkblue, .darkblue .ui-button-text{
	color: #04465D;
}


/* Notifications table */
.notifTable > .ui-datatable-scrollable-header {
	display: none;
}
.notifTable > .ui-datatable-scrollable-body, .notifTable > .ui-datatable-scrollable-body tbody, .notifTable > .ui-datatable-scrollable-body tr {
	background: none;
} 
.notifTable tbody tr {
	border-width: 0 0 1px 0;
}
.notifTable tbody tr td{
	border-width: 0px;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}

.chkboxNotifOff {
	float: right;
	padding-right: 10px;
	margin-top: 10px;
}
.chkboxNotifOff.ui-chkbox .ui-chkbox-label{
	line-height: 18px;
	margin-top: 0px;
}
.notifTable .ui-commandlink.ui-widget, .notifTable .ui-datatable-data .ui-widget-content a {
/* 	padding-left: 1em; */
}

#notif_block{
	height: 100%;
    background: #172934;
}

#notif_block label, #notif_block .ui-widget {
	font-size: 11px;
}
#notif_block .ui-datatable tbody td {
	height: 16px;
}
#notif_block .timeAndActions {
	color: #c1c1c1;
    margin-top: 2px;
    float: left;
    width: 100%;
}

#notifForm .notifTable {
	overflow: auto;
/* 	height: 100%; */
}
#notifForm {
	float: left;
	width: 100%;
/* 	height: calc(100% - 80px); */
/* 	height: -webkit-calc(100% - 80px) ; */
/* 	height: -moz-calc(100% - 80px) ; */
	height:100%;
}
/* navigation panelgrid */
.navigPanelGrid {
	width: 100%;
	float:left;
	text-align: center;
}
.navigPanelGrid > tbody > tr {
	border: none;
}
.navigPanelGrid > tbody > tr > td {
	border: none;
	padding: 4px 20px;
}
.navigPanelGrid .ui-selectmanycheckbox {
	text-align: left;
}
#navig_block .separatorTitle, #treeForm {
	float:left;
}

.navigTogglePanel.ui-panel {
	background: none;
	clear: both;
	margin-top: 0px;
}
.navigTogglePanel.ui-panel .ui-panel-title {
    margin: 0px;
    margin-left: 10%;
    width: 80%;
    text-align: left;
    position: relative;
}
.navigTogglePanel.ui-panel .ui-panel-title .ui-button {
    position: absolute;
    top: 0px;
    right: 5px;
}
.navigTogglePanel.ui-panel .ui-panel-title .ui-button, 
.navigTogglePanel.ui-panel .ui-panel-titlebar-icon {
	background: none;
	margin: 0px;
    width: 25px;
    height: 25px;
    border: 0;
    box-sizing: border-box;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.navigTogglePanel.ui-panel .ui-panel-titlebar-icon {
    float: left;
    position: relative;
}
.navigTogglePanel.ui-panel .ui-panel-titlebar-icon .ui-icon,
.navigTogglePanel.ui-panel .ui-panel-title .ui-button .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -10px;
	margin-left: -10px;
}
.navigTogglePanel.ui-panel .ui-panel-titlebar-icon .ui-icon {
    width: 20px;
    height: 20px;
    background-image: url(../../images/SpritesBig.png);
    background-repeat: no-repeat;
    background-size: 160px;
}
.navigTogglePanel.ui-panel .ui-panel-titlebar-icon .ui-icon-plusthick {
	background-position: -120px -1439px;
}
.navigTogglePanel.ui-panel .ui-panel-titlebar-icon .ui-icon-minusthick {
	background-position: -0px -1439px;
}
.navigTogglePanel.ui-panel .ui-panel-titlebar {
	border: 0px;
	padding: 0px;
	margin-top: 11px;
    color: #666;
    font-weight: normal;
    font-size: 14px;
}
.navigTogglePanel.ui-panel .ui-panel-content {
	padding: 0px;
}

.westHeader {
	font-size: 15px;
	font-weight: bold;
	clear: both;
	text-align: center;
	display: none;
}

.navigPanelGrid .ui-selectcheckboxmenu.ui-state-default {
	width: 100%;
}
.navigPanelGrid .ui-selectcheckboxmenu,
.navigPanelGrid .ui-selectoneradio {
	text-align: left;	
}

.ui-widget-header.ui-selectcheckboxmenu-header {
	border-width: 0 0 1px 0;
}
/* no border table, grading */
.no-border-table tr, .no-border-table tr td,.no-border-table tr td.ui-panelgrid-cell{
	border-width: 0px;
	padding: 4px 0px;
} 
/*reports*/
.averageTimeText {
	font-size: 20px;
	font-weight: 600;
	color: #5FCF80;
	width: 90%;
	text-align: center;
	margin: 15px auto;
	line-height: 50px;
	display: block;
}
.averageScoreText {
	font-size: 80pt;
	line-height: 40px;
	margin-top:3px;
	display: inline-block;
	white-space: nowrap;
}
.achivedGradeText {
	white-space: nowrap;
}

.pieChartPanel .ui-panel-content {
	padding: 0px;
}
.pieChartPanel .jqplot-target {
	font-family: 'Open Sans', RalewayFallback, Sans-Serif;
}
.pieChartPanel .jqplot-data-label {
	color: #fff;
    font-size: 1.2em;
}
.pieChartPanel table.jqplot-table-legend {
	background: none !important;
	border-width: 0px !important;
	color: #4C4C4C;
	font-size: 1em;
	max-width: 280px;
	line-height: normal;
}
.pieChartPanel div.jqplot-table-legend-swatch-outline {
	border-width:0px !important;
	padding: 2px 8px;
}
.pieChartPanel div.jqplot-table-legend-swatch-outline div.jqplot-table-legend-swatch{
    border-width: 12px;
    border-radius: 8px;
}

.chartLabelColor {
    width: 10px;
    height: 10px;
    display: inline-block;
    white-space: nowrap;
    margin-right: 5px;
    margin-left:20px;
    -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
    border-radius: 10px;
    vertical-align: middle;
}

/* Datatable column widths */
.ui-datatable .ui-sortable-column-icon.ui-icon{
	width: 0px;
}

.numberWidth {
	width: 50px;
	text-align: right;
}
.numberWidth input.ui-column-filter {
	width: 40px ;
}

.typeWidth, .dateWidth, .appointedWidth  {
	text-align:center;
}
.typeWidth, .dateWidth {
	width: 80px;
}
.typeWidth select.ui-column-filter {
	width: 80px;
	height: 23px;
}

.typeWidth .ui-selectonemenu {
	text-align:left;
}
th.typeWidth span {
	white-space: normal;
	line-height: 1.5em;
}
.dateWidth input.ui-column-filter {
	width: 70px;
}
.appointedWidth {
	width: 55px;
}

.fitContentTable table {
	width: 100%;
	margin: 0 auto;
}
.fitContentTable td {
	width: 50%;
}
/*progress bar*/

.ui-progressbar .ui-progressbar-label {
	line-height: 14px;
}
.roundCell .ui-progressbar .ui-progressbar-label {
	line-height: 18px;
}
.ui-progressbar {
	background: #f62313;
	color: #fff;
	height: 16px;
}
.ui-progressbar .ui-progressbar-value {
	background: #39B54A;
	border: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
/*reports moc */
.moqText {
	float: left;
	margin: 20px;
	text-align: justify;
}
.moqPercent {
	width: 150px;
	padding-top: 30px;
	text-align: center;
	color: #5FCF80;
	margin: 20px auto;
}
.moqPercent .bigText {
	font-size: 25px;
}
.smallText {
	font-size: 12px;
	color: #9a9b9a;
}
.avgDur {
	margin: 0 auto;
}
.avgDur.no-border-table tr, .avgDur.no-border-table tr td {
	padding: 8px;
}
.avgDur .roundCell {
	text-align: center;
/* 	padding: 15px; */
}
.avgDur .bigText {
	font-size: 20px;
}

/* didided header */

.divideHeader {
	
}
.divideHeader tr {
	border: 0px;
}
.divideHeader tr td {
	padding: 0px 20px;
	height: 12px;
    font-size: 12px;
    line-height: 12px;
}
.divideHeader .ui-selectonemenu {
	vertical-align: middle;
	margin:-3px 0 0 5px !important;
}
.divideHeader .ui-selectonemenu .ui-selectonemenu-label {
	line-height: 26px;
} 
.divideHeader .ui-selectonemenu .ui-selectonemenu-trigger {
	border-width: 0 0 0 1px;
	margin:0 0 0 5px !important;
}
.headerButton {
	margin-left: 10px !important;
	margin-top: 2px !important;
	height: 28px;
}
.headerButton.ui-button {
	margin-left: 10px !important;
	margin-top: 2px !important;
	height: 28px;
}
.headerButton.ui-button .ui-button-text {
	line-height: 0.8em;
}
.divideHeader.newprof .normalRight.ui-selectonemenu {
	width: 110px !important;
	margin-top: 1px !important;
}
.divideHeader.newprof .normalRight.ui-spinner input{
	margin: 1px 0 0 0px !important;
	height: 28px;
}
.divideHeader.newprof .normalRight.ui-spinner .ui-spinner-button {
	margin:1px 0 0 0px !important;
}
/* questions */
.roundCell p {
	display: inline;
}
.roundCell p.clear {
	display: block;
}
.answerResult {
	float: right;
}
.answerResult .ui-chkbox{
	vertical-align: middle;
	margin-top: 5px;
	float: left;
}
.answerResult .answer-icon{
	float: left;
	margin-left: 10px;
}
.cke.cke_reset {
	width: auto !important;
}
.ui-datalist .ui-datalist-header {
	border: 0px;
}
.ui-datalist-item {
	padding-left: 10px;
}

.answersLabel {
	text-align: center;
	width: 100%;
	display: block;
	font-weight: bold;
	color: #c5c5c5;
}

.answersListLefTable .ui-datatable-tablewrapper thead {
	display: none;
}

.orderListQuestions ul.ui-sortable{
	width: 99%;
	background: #fff;
    margin: 10px 1%;
    height: auto;
}
.orderListQuestions li.ui-state-hover {
	border: 0px;
}
.ui-orderlist, .ui-datalist {
    margin: 10px 0px;
    border: 1px solid #e4e4e4;
}
.matchingSelect.ui-selectonemenu {
	vertical-align: middle;
	height: 23px;
	line-height: 16px;
}

.qAnswers .ui-selectonemenu-label {
	line-height: 18px;
}

.answers .answerTextWidth {
	float:left; 
	width:90%;
	width: -webkit-calc(100% - 65px);
	width: -moz-calc(100% - 65px);
	width: calc(100% - 65px);
}

/* wizard title tabs */
.quizWizard .ui-wizard-step-titles {
/* 	display: inline-block; */
/*     background: #fff; */
/*     margin: 10px 0; */
/*     -webkit-box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 2px; */
/*     -moz-box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 2px; */
/*     box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 2px; */
/*     -moz-border-radius: 5px; */
/* 	-webkit-border-radius: 5px; */
/* 	border-radius: 5px; */
	    display: inline-block;
    background: #fff;
    /* margin: 10px 0; */
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 2px;
    box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 2px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    margin: 10px 0;
}
.quizWizard .ui-wizard-step-title {
	margin-right: 0px;
	height: 40px;
    line-height: 40px;
	background: none;
    border: 0px;
	font-size: 1em;
	font-weight: normal;
	padding: 0px 30px 0px 30px;
	color: #666;
	position: relative;
    border-left: 1px solid #e0e0e0;
}
.quizWizard .ui-wizard-step-title:first-child{
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
}
.quizWizard .ui-wizard-step-title:last-child{
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
}
.quizWizard .ui-wizard-step-titles .ui-wizard-step-title:first-child {
/* 	padding-left: 15px; */
	border-left:0;
}
.quizWizard .ui-wizard-step-title.ui-state-highlight {
	color: #fff;
	background: #33AFDE;
    border-color: #33AFDE;
}
/* .quizWizard .ui-wizard-step-title:before, .quizWizard .ui-wizard-step-title:after { */
/*     top: 50%; */
/*     left: 100%; */
/*     border: solid transparent; */
/*     content: " "; */
/*     z-index: 2; */
/*     position: absolute; */
/* } */
/* .quizWizard .ui-wizard-step-title:before { */
/*     border-left-color: #33afde; */
/*     border-width: 35px 20px; */
/*     margin-top: -35px; */
/* } */
/* .quizWizard .ui-wizard-step-title:after { */
/*     border-left-color: #fff; */
/*     border-width: 34px 19px; */
/*     margin-top: -34px; */
/* } */
/* .quizWizard .ui-wizard-step-title.ui-state-highlight:before { */
/* 	border-left-color: #33AFDE; */
/* } */
/* .quizWizard .ui-wizard-step-title.ui-state-highlight:after { */
/* 	border-left-color: #33AFDE; */
/* } */
/* .quizWizard .ui-wizard-step-titles .ui-wizard-step-title:last-child:after, */
/* .quizWizard .ui-wizard-step-titles .ui-wizard-step-title:last-child:before { */
/* 	content: none; */
/* } */
.quizWizard .ui-wizard-step-title span:last-child {
	margin-left: 30px;
}
.wrapCenterPanel .centerPanel {
	width:100% !important;
}
.confirmDialog.ui-dialog .ui-dialog-buttonpane {
	padding: 0.5em 4em;
	margin:0px;
	text-align: center;
} 
.confirmDialogCustom > .ui-dialog-content.ui-widget-content {
	padding: 0px !important;
	overflow: hidden;
}
.confirmDialogCustom .ui-dialog-content.ui-widget-content {
	padding: 1em;
}

.quizWizard .ui-wizard-content {
	margin: 10px 0;
}

/* input disabled */
.ui-inputfield.ui-state-disabled, .ui-widget-content .ui-inputfield.ui-state-disabled, .ui-widget-header .ui-inputfield.ui-state-disabled,
.ui-spinner.ui-state-disabled, .ui-widget-content .ui-spinner.ui-state-disabled, .ui-widget-header .ui-spinner.ui-state-disabled {
	opacity: 0.9;
	filter: Alpha(Opacity=90);
	-moz-box-shadow: inset 0 0px 0px #fff !important;
	-webkit-box-shadow: inset 0 0px 0px #fff !important;
	box-shadow: inset 0 0px 0px #fff !important;
	background: rgba(255,255,255,0.4) !important;
}
.ui-widget-content .ui-inputfield.ui-state-disabled {
	background: #eee !important;
}

.ui-widget-content .ui-spinner.ui-state-disabled {
	background: #e0e0e0 !important;	
}
.ui-spinner.ui-state-disabled input, .ui-widget-content .ui-spinner.ui-state-disabled input, .ui-widget-header .ui-spinner.ui-state-disabled input {
	-moz-box-shadow: inset 0 0px 0px #fff !important;
	-webkit-box-shadow: inset 0 0px 0px #fff !important;
	box-shadow: inset 0 0px 0px #fff !important;
	background: rgba(255,255,255,0.4) !important;
}

/*help css*/
.helpTdLeft{
	padding: 2%;
	width: 5%;
}

.helpTdRight{
	padding-left: 3%;
}

.helpTable{
	border:0;
	width:100%;
}

.tdHeadline{
	font-weight: 600;
	font-family: 'Open Sans', RalewayFallback, Sans-Serif;
    font-size: 1.1em;
}

/* datalist */
.normalRight.ui-datalist .ui-datalist-data {
	margin: 0;
}
.normalRight.ui-datalist .ui-datalist-data .ui-datalist-item {
	padding-left: 0px;
}

/*** index page ***/
.indexContent {
	margin: 0 auto;
	width: 1000px;
	height: 420px;
	background:  url(../../images/IndexBackArrows.png) no-repeat center;
	text-align: center;
	line-height: 16px;
	font-size: 12px;
}
.indexContent .singleRow {
	height: 140px;
}
.indexContent .singleRow .wrapper {
	width:400px;
	float:left;
}
.indexContent .singleRow .wrapper.courses, .indexContent .singleRow .wrapper.report {
	margin-left: 135px;
	margin-top: 35px;
}
.indexContent .singleRow .wrapper.pools, .indexContent .singleRow .wrapper.quiz {
	margin-left: -60px;
	margin-top: 35px;
}
.indexContent .singleRow.middle .wrapper {
	width:250px;
	margin-top:15px;
}
.indexContent p {
	margin:0px;
}
.indexContent .icon {
	width:83px;
	height:75px;
	margin:0 auto;
}

.indexContent .users  .icon {
	background: url(../../images/SpritesIndex.png) 0 5px no-repeat;
}
.indexContent .courses  .icon {
	background: url(../../images/SpritesIndex.png) 0 -71px no-repeat;
}
.indexContent .pools .icon {
	background: url(../../images/SpritesIndex.png) 0 -142px no-repeat;
}
.indexContent .grading .icon {
	background: url(../../images/SpritesIndex.png) 0 -216px no-repeat;
}
.indexContent .quiz .icon {
	background: url(../../images/SpritesIndex.png) 0 -290px no-repeat;
}
.indexContent .report .icon {
	background: url(../../images/SpritesIndex.png) 0 -366px no-repeat;
}
.middleText  {
	font-size: 35px;
	float: left;
	height: 140px;
	width: 500px;
	line-height: 140px;
}

.editableField {
    background: #F8FAFB;
    border: 1px solid #f4f4f4;
    -moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
	min-height:25px;
	padding-left:5px;
    max-width: 677px;
    white-space: normal;
    word-wrap: break-word;
}

.editableField p {
	word-break: break-word;
}

.previewEditField .ui-inputfield {
	width: 100%;
	box-sizing: border-box;
/* 	min-height: 31px; */
	font-size: 1em;
	letter-spacing: 0.5px;
}
.assistanceEdit .leftPart {
	max-width: 100px;
}
.assistanceEdit .previewEditField {
	width: -webkit-calc(100% - 100px);
	width: -moz-calc(100% - 100px);
	width: calc(100% - 100px);
    display: inline-block;
    margin-left: 5px;
}

.no-header-select .ui-widget-header.ui-selectcheckboxmenu-header {
	display:none;
}

/* Roles datatable - profiles */
.rolesTable.ui-datatable {
	border: 1px dashed #ccc;
	margin: 10px 0;
}
.rolesTable.ui-datatable .ui-datatable-header.ui-widget-header {
	background: none;
	border: none;
	border-bottom: 1px dashed #ccc;
}
.rolesTable.ui-datatable .ui-datatable-tablewrapper {
	margin: 10px 0;
}
.rolesTable.ui-datatable .ui-datatable-tablewrapper tr.ui-widget-header {
	border: none;
}
.rolesTable .leftPart {
	max-width: 100%;
}
.xButton {
	width: 18px;
	height: 18px;
}

/* Header */
#searchMenu .ui-autocomplete-input {
	height: 12px;
	width: 120px;
	border-right: 0px;
}
#searchMenu .ui-autocomplete-input.ui-state-focus {
	border-color: #e0e0e0;
}
.ui-datatable .ui-column-filter.ui-inputfield,
#searchMenu .ui-autocomplete-input {
	background-image: url(../../images/search-icon-blue.png);
  	background-repeat: no-repeat;
  	background-size: 12px;
  	background-position: 97%;
}
.ui-datatable .ui-column-filter.ui-inputfield:focus,
#searchMenu .ui-autocomplete-input:focus {
	background-image: url(../../images/search-icon-blue-faded.png);
	

}
#searchMenu .ui-autocomplete-input:focus{
	border:1px solid #2E4750;
	border-bottom:2px solid #578b8e;
	border-left:0;
/*     background: url(../../images/search-icon-angle-left-light-faded.png) no-repeat 4% / 12px, linear-gradient( to right, #19567F, #1F6E9A ); */
}
.ui-autocomplete-panel .ui-autocomplete-table th, .ui-autocomplete-panel .ui-autocomplete-table td {
	border-color: #c4c4c4;
}

#globalSrcForm .triggerMenuButton.ui-menubutton .ui-button {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.selectOneTransparent.ui-selectonemenu {
	max-width: 85px;
	line-height: 20px;
  	border: 0px;
  	background: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.selectOneTransparent.ui-selectonemenu.ui-widget.ui-state-focus {
	border: 0px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.selectOneTransparent.ui-selectonemenu.ui-widget.ui-state-focus .ui-selectonemenu-label,
.selectOneTransparent.ui-selectonemenu.ui-widget.ui-state-focus .ui-selectonemenu-trigger {
	background: #f4f4f4 !important;
	border: 0px;
}

.selectOneTransparent.ui-selectonemenu .ui-selectonemenu-label {
	background: none;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important; 
}

.selectOneTransparent.ui-selectonemenu .ui-selectonemenu-trigger {
	background: none;
	border: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
}

.selectOneTransparent.ui-selectonemenu.ui-state-hover .ui-selectonemenu-label,
.selectOneTransparent.ui-selectonemenu .ui-selectonemenu-trigger.ui-state-hover {
	background: #f4f4f4 !important;
}

.selectOneTransparentPanel {
	border: 0px;
	background: #f4f4f4;
}
.selectOneTransparentPanel .ui-selectonemenu-items {
	background: #f4f4f4;
}

.selectOneTransparentPanel .ui-selectonemenu-items .ui-state-highlight {
	color: #A9C2CB;
	background: #f4f4f4;
}

.selectOneTransparentPanel .ui-selectonemenu-items .ui-state-hover {
	background: #A9C2CB;
	color: #fff;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.headMenuIcon {
	width: 34px;
	height: 34px;
	background: url(../../images/SpritesBig.png) no-repeat;
/* 	background-size: 200px; */
}
.icon-profile-gray {
	width: 34px;
	height: 34px;
	background: url(../../images/SpritesBig.png) no-repeat;
	background-position: -204px -2107px;
}

.personalReportGradeIcon {
	width:68px;
	height:93px;
	background: url(../../images/GradeIcon.png) no-repeat;
}

/* Tabview */
.ui-tabs .ui-tabs-nav {
	background: none;	
}
.ui-tabs .ui-tabs-panels {
	background-color: #f9f9f9;
	border: 1px solid #E0E8EA;	
}
.ui-tabs .ui-tabs-nav li {
	background: none;
	border: 0px;
	-moz-border-radius: 0px;
  	-webkit-border-radius: 0px;
	border-radius: 0px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	border: 0px;
	background: none;
}

/* Carousel */
.ui-carousel {
	padding: 0px;
	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.ui-carousel .ui-carousel-header, .ui-carousel .ui-carousel-footer {
    border: 0px;
    box-sizing: border-box;
    height: 40px;
}
.ui-carousel .ui-carousel-header {   
	border-top: 2px solid #E0E8EA;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.ui-carousel .ui-carousel-footer {
	border-bottom: 2px solid #E0E8EA;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.ui-carousel .ui-carousel-viewport {
	border: 0px;
}
.ui-carousel .ui-carousel-header, .ui-carousel .ui-carousel-footer, .ui-carousel .ui-carousel-viewport {
	margin: 0px;
}
.ui-carousel .ui-carousel-viewport .ui-carousel-item .carousel-item {
	background: #fff;
	color: #919191;
}
.ui-carousel .ui-carousel-viewport .ui-carousel-item .carousel-item.carousel-item-selected {
	background: #33AFDE;
	color: #fff;
}
.ui-carousel .ui-carousel-viewport ul li .carousel-item.carousel-item-selected .ui-commandlink.ui-widget {
	color: #fff;
}
.ui-carousel .ui-carousel-viewport ul li .ui-widget-content,
.ui-carousel .ui-carousel-viewport ul li .ui-commandlink.ui-widget,
.ui-carousel .ui-carousel-viewport ul li .ui-commandlink.ui-widget.ui-state-disabled:hover {
	color: #848484;
	text-decoration: none;
}
.ui-carousel .ui-carousel-viewport ul li .ui-commandlink.ui-widget {
/* 	border-bottom: 1px solid #fff; */
/* 	padding-bottom: 2px; */
}
.ui-carousel .ui-carousel-viewport ul li .ui-commandlink.ui-widget:hover {
/* 	border-bottom: 1px solid #f4f4f4; */
	color: #33AFDE;
}
.ui-carousel .ui-carousel-dropdown {
	float: left;
	background-color: #fff;
	border-color: #ccc;
}
.ui-carousel .ui-carousel-dropdown.ui-state-hover {
	border-color: #69909e;
	cursor: pointer;
}
#lessForm .ui-carousel-viewport {
	height: 200px !important;
}
#lessForm .ui-carousel-header {
	position: relative;
	top: 240px;
}
#lessForm .ui-carousel-footer {
	position: relative;
	top: -240px;
	
    line-height: 23px;
    font-size: 15px;
    padding-left: 20px;
	font-weight: normal;
	text-align: left;
}
#lessForm .ui-carousel-viewport ul, #lessForm .ui-carousel-viewport ul li.ui-carousel-item {
	height: 100%;
	margin: 0px;
}
#lessForm .carouselIndex {
	padding: 20px;
	line-height: 2em;
	font-size: 2em;
}
#lessForm li.ui-carousel-item .ui-panelgrid {
	height: 100px;
	margin: 0 auto;
}
#lessForm li.ui-carousel-item .ui-panelgrid td {
	padding: 5px;
}
#lessForm li.ui-carousel-item .carousel-item {
	width: 200px;
}
#lessForm .carousel-item.arrow-border {
	position: relative;
	border-right: 2px solid #E0E8EA;
}
#lessForm .carousel-item.arrow-border.carousel-item-selected,
#lessForm .carousel-item.arrow-border.carousel-item-preselected {
	border-color: #33AFDE;
}
#lessForm .carousel-item.arrow-border.carousel-item-selected:after,
#lessForm .carousel-item.arrow-border.carousel-item-preselected:after {
	border-width: 21px;
	margin-top: -21px;
}
#lessForm .carousel-item.arrow-border:after, #lessForm .carousel-item.arrow-border:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	position: absolute;
}
#lessForm .carousel-item.arrow-border:before {
	border-left-color: #E0E8EA;
	border-width: 21px;
	margin-top: -21px;
}
#lessForm .carousel-item.arrow-border:after {
	border-left-color: #fff;
	border-width: 18px;
	margin-top: -18px;
}
#lessForm .carousel-item.arrow-border.carousel-item-selected:after {
	border-left-color: #33AFDE;
}
.carousel-item-selected .icon-wrapper {
	background: rgba(242, 242, 242, 0.3);
}
.icon-wrapper {
	display: inline-block;
	margin: 0 auto;
	background: rgba(109, 195, 228, 0.3);
	-moz-border-radius: 100%;
  	-webkit-border-radius: 100%;
	border-radius: 100%;
}
.carousel-icon, .lessonTabs .ui-tabs-nav a div span {
	display: inline-block;
	margin: 10px;
	height: 25px;
	width: 25px;
	background-image: url(../../images/SpritesBig.png);
	background-repeat: no-repeat;
	background-size: 200px;
}
.carousel-icon.icon-quiz, .lessonTabs .icon-quiz {
	background-position: -25px -1250px;
}
.carousel-icon.icon-attach, .lessonTabs .icon-attach {
	background-position: -25px -1647px;
}
.carousel-icon.icon-lesson, .lessonTabs .icon-lesson {
	background-position: -25px -1624px;
}
.carousel-icon.icon-description, .lessonTabs .icon-description {
	background-position: -25px -1674px;
}

.lessonNotif {
	width: 70%;
	margin: 15px auto;
	padding: 15px 20px;
	background: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position: relative;
	border:solid 1px #7DCE52;
}
.lessonNotif .thinerButton {
	position: absolute;
	top: 15px;
	right: 30px;
}
.thinerButton.ui-button {
	height: 27px;
}
.thinerButton.ui-button .ui-button-text {
	line-height: 1.1;
}
.closeButton.ui-button {
	right: -15px;
	top: -10px;
	float: right;
	height: 18px;
	width: 18px;
	background: none;
	border: 0px;
}
.closeButton.ui-button .ui-button-text {
	color: #6D6D6D;
	padding: 0px;
	font-size: 16px;
}
.lessonTabs .ui-tabs-nav a {
	line-height: 25px;
	color: #848484;
    font-weight: normal;
    font-size: 15px;
}
.lessonTabs.ui-tabs li.ui-state-hover a,
.lessonTabs.ui-tabs li.ui-tabs-selected a {
	color: #33AFDE;
}

.lessonTabs.ui-tabs li.ui-state-hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.lessonTabs .ui-tabs-nav a div {
/* 	float: left; */
/* 	margin-right: 5px; */
/* 	border: 3px solid #E4E4E4; */
	margin: 0 auto;
	height: 45px;
	width: 45px;
	background: #0180CF;
	-moz-border-radius: 100%;
  	-webkit-border-radius: 100%;
	border-radius: 100%;
	
	-webkit-box-shadow: rgba(40, 40, 40, 0.21) 4px 4px 7px;
    -moz-box-shadow: rgba(40, 40, 40, 0.21) 4px 4px 7px;
    box-shadow: rgba(40, 40, 40, 0.21) 4px 4px 7px;
}
.lessonTabs .ui-tabs-nav .descriptionTabTitle a div {
	background: #5FCF80;
}
.lessonTabs .ui-tabs-nav .attachTabTitle a div {
	background: #33AFDE;
}
.lessonTabs .ui-tabs-nav .quizTabTitle a div {
	background: #D0525D;
}
.lessonTabs .ui-tabs-nav .lessonTabTitle a div {
	background: #0180CF;
}
.lessonTabs.ui-tabs {
	text-align: center;
	background: none;
}
.lessonTabs.ui-tabs .ui-tabs-nav {
	display: inline-block;
	height: 85px;
}
.lessonTabs.ui-tabs .ui-tabs-panels {
	text-align: left;
}
.lessonTabs.ui-tabs .ui-tabs-nav .lessonTabTitle {
	float: right;
	position: absolute;
	right: 0px;
	top: 6px;
}

.likeCounter {
	min-width: 50px;
	margin-right: 16px;
	float: left;
	text-align: center;
	font-weight: bold;
}

.likeCounter .ui-commandlink {
	margin: 0 auto;
}

.likeCounter a.ui-commandlink.ui-icon.light-blue-icon {
	background-image: url("/javax.faces.resource/images/ui-icons_2e83ff_256x240.png.xhtml?ln=primefaces-aristo")
}

.navigationButtons {
	padding: 0 7px;
	position: relative;
	z-index: 1;
/* 	margin-top: -10px; */
}

.ui-datatable .ui-datatable-scrollable-header {
	border-top: 0px;
    border-bottom: 1px solid #e0e0e0;
    z-index: 1;
}
.ui-dialog .ui-datatable .ui-datatable-scrollable-header {
	z-index: 0;
}
.ui-datatable .ui-datatable-scrollable-header,
.ui-datatable .ui-datatable-scrollable-footer {
/* 	-webkit-box-shadow: #d4d4d4 -15px 0px 10px; */
/* 	-moz-box-shadow: #d4d4d4 -15px 0px 10px; */
/*     box-shadow: #d4d4d4 -15px 0px 10px; */
}
.ui-datatable.indexTable .ui-datatable-scrollable-header,
.ui-datatable.indexTable .ui-datatable-scrollable-footer {
/*     height: 2px; */
/*     -webkit-box-shadow: #aaa -2px 0px 10px; */
/* 	-moz-box-shadow: #aaa -2px 0px 10px; */
/*     box-shadow: #aaa -2px 0px 10px; */
	display: none;
}
.ui-datatable.indexTable .ui-datatable-footer {
	height: 0px;
/*     border-top: 0px; */
}
.indexTable .ui-datatable-footer.ui-corner-bottom, .indexTable .ui-datatable-header.ui-widget-header {
	background: #fff;
}
.ui-datatable-even.grayRows {
	background: #F4F4F4;
}
.ui-datatable-even.orangeRows {
	background: #FCECAC;
}
.ui-datatable-even.blueRows {
	background: #D0F4FC;
}

/* timeline */

.timeline-currenttime {
	display: none;
}

div.timeline-axis {
	border-width: 3px;
	border-color: #D6D6D6;
}
div.timeline-event.timeline-event-dot {
    border-width: 2px;
    padding: 5px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    background-color: #fff;
}
div.timeline-event.timeline-event-dot.ui-state-active,
div.timeline-event.timeline-event-line.ui-state-active {
	border-color: #666; /* danilo timeline - tamnija siva selektovani linija i krug */
}
div.timeline-event.timeline-event-dot.attempted.ui-state-active,
div.timeline-event.timeline-event-line.attempted.ui-state-active {
	border-color: #06a; /* danilo timeline - tamnija plava selektovani linija i krug */
}
div.timeline-event.timeline-event-line,
div.timeline-event.timeline-event-dot {
	border-color: #999; /* danilo timeline - tamno siva linija i krug */
}
div.timeline-event.timeline-event-line.attempted,
div.timeline-event.timeline-event-dot.attempted {
	border-color: #39a; /* danilo timeline - tamno plava linija i krug */
}

div.timeline-event.timeline-event-box,
div.timeline-event.timeline-event-range {
	background: #ddd;	/* danilo timeline - svetlo siva */
	color: #5D5F5E;
	border: 1px solid #999;	/* danilo timeline - tamno siva */
    padding: 0 5px;
	font-weight: normal;
	text-align: center;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

div.timeline-event.timeline-event-box:after,
div.timeline-event.timeline-event-box:before {
	left: 50%;
	top: 100%;
	border: solid transparent;
	content: " ";
	position: absolute;
}
div.timeline-event.timeline-event-box:after {
	border-top-color: #ddd;	/* danilo timeline - svetlo siva */
	border-width: 7px;
    border-top-width: 10px;
	margin-left: -8px;
}
div.timeline-event.timeline-event-box:before {
	border-top-color: #999;	/* danilo timeline - tamno siva */
	border-width: 8px;
    border-top-width: 12px;
	margin-left: -9px;
}
div.timeline-event.timeline-event-box span {
    display: inline-block;
    width: 100%;
    border-top: 1px solid #999;	/* danilo timeline - tamno siva (ovo je onaj horizontalni border) */
}

div.timeline-event.timeline-event-box.attempted,
div.timeline-event.timeline-event-range.attempted {
	background: #5ef;	/* danilo timeline - svetlo plava */
	border-color: #39a;	/* danilo timeline - tamno plava */
}
div.timeline-event.timeline-event-box.attempted:after {
	border-top-color: #5ef;	/* danilo timeline - svetlo plava */
}
div.timeline-event.timeline-event-box.attempted:before {
	border-top-color: #39a;	/* danilo timeline - tamno plava */
}
div.timeline-event.timeline-event-box.attempted span {
	border-top-color: #39a;	/* danilo timeline - tamno plava (horizontalni border) */
}
div.timeline-event.timeline-event-box.running,
div.timeline-event.timeline-event-range.running {
 
		background: #ecf9f0;
	border: 1px solid #5FCF80;
	color: #5D5F5E;
}
div.timeline-event.timeline-event-box.running:after {
	border-top-color: #5FCF80;
}

/*Danilo*/
div.timeline-event.timeline-event-box.inProgress,
div.timeline-event.timeline-event-range.inProgress {
	background: #fef3e7;
	border: 1px solid #f79421;
}
/*END*/

div.timeline-event.timeline-event-box.scheduled,
div.timeline-event.timeline-event-range.scheduled {
 
		background: #f5dee0;
	border: 1px solid #D0525D;
	color: #5D5F5E;
}
div.timeline-event.timeline-event-box.scheduled:after {
	border-top-color: #D0525D;
}
.timeline-event-selected div.timeline-event-content {
/* 	white-space: pre-wrap; */
/*     word-wrap: break-word; */
}
.timeline-event-selected {
	min-width: fit-content;
}
.timeline-navigation.ui-state-highlight {
	background: none;
}
.timeline-navigation div {
	background: #fff;
	border: 1px solid #e4e4e4;
    margin-left: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    border-radius: 3px;
}
/* ckeditor */
.cke.cke_reset {
    border: 1px solid #f4f4f4;
    -moz-border-radius: 8px;
	-webkit-border-radius: 8px;
    border-radius: 8px;
}

.cke .cke_top, .cke .cke_bottom {
	background: #EDF3F6;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.cke .cke_top {
    border-bottom: 1px solid #f4f4f4;
}
.cke .cke_bottom {
    border-top: 1px solid #f4f4f4;
}

.cke .cke_toolbox_collapser {
	background: #fff;
	border-color: #E4E4E4;
	padding: 7px;
	margin: 0px;
	height: 12px;
}
.cke .cke_toolbox_collapser:hover, 
.cke .cke_toolgroup a.cke_button:hover,
.cke .cke_combo_off a.cke_combo_button:hover, .cke .cke_combo_on a.cke_combo_button:hover {
	background: #fff;
	cursor: pointer;
}
.cke .cke_toolgroup a.cke_button.cke_button_disabled:hover {
	cursor: default;
}
.cke .cke_toolgroup, 
.cke a.cke_combo_button {
    background: #fff;
    border: 1px solid #f4f4f4;
}
.cke .cke_toolbox_collapser:hover,
.cke .cke_toolgroup a.cke_button:hover,
.cke .cke_combo_off a.cke_combo_button:hover, .cke .cke_combo_on a.cke_combo_button:hover {
	-webkit-box-shadow: inset 0 0 1000px rgba(0, 0, 0, 0.1 );
	-moz-box-shadow: inset 0 0 1000px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 0 1000px rgba(0, 0, 0, 0.1);
}

.cke .cke_button_on {
	background: #E4E4E4;
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.3) inset;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.3) inset;
    box-shadow: 0px 0px 3px rgba(0,0,0,.3) inset;
}

/* course stats */
.statParams .roundCell {
	float: left;
	width: 25%;
	box-sizing: border-box;
	text-align: center;
}
.statParams .roundCell .smallTitle {
	font-size: 16px;
    font-weight: bold;
}
.statParams .roundCell table {
	margin: 10px auto;
	text-align: left;
}

/* summary table*/
.summaryTable {
	margin: 0px 10px;
	border: 1px solid #f4f4f4;
}
.summaryTable .ui-datatable-scrollable-header-box {
	height: 0px;
}
.summaryTable tbody td {
	border: 0px;
	padding: 20px 10px;
}
.summaryTable .ui-datatable-scrollable-body {
    border: 0px;
}
.summaryTable .ui-datatable-odd {
	background: #fff;
}

.summaryQuestions .ui-progressbar {
    background: #E1F7FF !important;
	height: 5px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.summaryQuestions .ui-progressbar .ui-progressbar-value {
	background: #4AC3D3;
	border-color: #4AC3D3;
	margin: 0px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;	
}
.starIcon {
    display: inline-block;
    margin: 5px 0;
	width: 16px;
	height: 16px;
	background: url(../../images/SpritesBig.png) -0px -1184px no-repeat;
	background-size: 128px;
}
.dotsIcon {
    display: inline-block;
    margin: 5px 0;
	width: 16px;
	height: 16px;
	background: url(../../images/SpritesBig.png) -16px -1184px no-repeat;
	background-size: 128px;
}
.squareLabel {
    display: inline-block;
    font-size: 20px;
    line-height: 50px;
    height: 50px;
  /*   padding: 0 15px; */
    text-align: center;
/*     -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; */
/*     -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15); */
}
td.bandColumn {
	position: relative;
}
.icon-band {
	position: absolute;
	top: 0px;
    left: 50%;
    margin-left: -10px;
	
    width: 20px;
    height: 20px;
    background: url(../../images/SpritesBig.png) -40px -1480px no-repeat;
    background-size: 160px;
}
.icon-band.red-band {
    background-position: -40px -1480px;
}
.icon-band.green-band {
    background-position: -60px -1480px;
}
.icon-band.blue-band {
    background-position: -80px -1480px;
}
.icon-band.orange-band {
    background-position: -100px -1480px;
}
.icon-band.gray-band {
    background-position: -120px -1480px;
}

.timeGrid td {
	text-align: center;
	padding: 0 5px;
}
.timeGrid.red .squareLabel {
	color: #D0525D;
}

/* accordion panel */
.ui-accordion {
    border: 1px solid #e8e8e8;
    -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
    border-radius: 10px;
    box-sizing: border-box;
}
.ui-accordion .ui-accordion-header {
	background: none;
	border: none;
}
.ui-accordion .ui-accordion-header a,
.ui-accordion .ui-accordion-header a:hover {
	color: #6A6A6E;
}
.ui-accordion .ui-accordion-content {
	background: none;
	padding: 0px;
}
.ui-accordion .ui-datatable {
	margin: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.ui-accordion .ui-datatable tr td {
	padding: 0.5em 1em;
}
.ui-accordion .detailsTable {
	margin: 0.5em 1em;
}
.detailsTable.ui-datatable {
    border: 1px solid #e8e8e8;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
    border-radius: 10px;
}
.detailsTable.ui-datatable table thead {
    display: table-header-group;
    border-bottom: 1px solid #e8e8e8;
}
.detailsTable.ui-datatable table thead tr {
	visibility: visible;
}
.ui-accordion .detailsTable tr td {
	padding: 10px;
}
.detailsTable.ui-datatable table thead tr th,
.detailsTable tr td {
	background: none;
	border-right: 1px solid #E8E8E8;
}
.detailsTable.ui-datatable table thead tr th:last-child,
.detailsTable tr td:last-child {
	border-right: 0px;
}
.detailsTable tr.ui-datatable-odd {
	background: #f9f9f9;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
    border-radius: 10px;
}

/* navigation tree */
.ccmTree > .ui-tree-container > .ui-treenode:only-child > .ui-treenode-content > .ui-treenode-label {	/* root label of tree (collection) */
	font-size: 15px;
	font-weight: bold;
}
#headMenu .ui-treenode-label{
 color: #9BBCCF;
}
#headMenu .ccmTree .ui-treenode-label.ui-state-hover, 
/* .ccmTree .ui-treenode:hover > .ui-treenode-content > .ui-treenode-label, */
#headMenu .ccmTree .ui-treenode-label.ui-state-highlight {
	background: none;
	color: white;
}
.ccmTree .ui-treenode-selected > .ui-treenode-content > .ui-tree-toggler
/* ,.ccmTree .ui-treenode:hover > .ui-treenode-content > .ui-tree-toggler  */
{
    background-image: url("/javax.faces.resource/images/ui-icons_2e83ff_256x240.png.xhtml?ln=primefaces-aristo");
}
.ui-treenode.ui-treenode-selected > .ui-treenode-content > .ui-treenode-icon
/* ,.ccmTree .ui-treenode:hover > .ui-treenode-content > .ui-treenode-icon  */
{
	background-image: url(../../images/SpritesTreeBlue.png);
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    
    border-color: #e8e8e8 !important;
    background: #e8e8e8 !important;
}
.roundGray {
	background: #f9f9f9;
	padding: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border:1px solid #e0e0e0;
	font-weight: bold;
}
.answerResult .ui-chkbox.bigCheckbox {
	margin-top: 0px;
}
.bigCheckbox, .bigCheckbox .ui-chkbox-box {
	width: 100%;
	height: 100%;
}
.bigCheckbox .ui-chkbox-box {
	border: 1px solid #e4e4e4;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.bigCheckbox .ui-chkbox-box.ui-state-disabled {
	background: #f2f2f2;
}
.bigCheckbox .ui-chkbox-icon {
    width: 20px;
    height: 20px;
    margin: 11px auto;
    background: url(../../images/SpritesBig.png) -60px -880px no-repeat;
    background-size: 160px;
    
    -webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
  	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE 6-9 */;
}
.ui-datatable table.questionAssistanceGrid {
    width: auto;
    margin-left: 10px;
}
.questionAssistanceGrid .ui-button {
    background: #f9f9f9;
}
.questionAssistanceGrid .ui-button.ui-state-disabled {
	opacity: 1;
    filter: Alpha(Opacity=100);
}
.ui-icon.icon-refresh-blue {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -0px -1779px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-refresh-red {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -100px -1779px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-refresh-grey, .ui-button.ui-state-disabled .ui-icon.icon-refresh-blue {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -120px -1779px no-repeat;
	background-size: 160px;
}

.ui-icon.icon-i-blue {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -0px -1819px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-i-red {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -100px -1819px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-i-grey, .ui-button.ui-state-disabled .ui-icon.icon-i-blue {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -120px -1819px no-repeat;
	background-size: 160px;
}

.ui-icon.icon-time-blue {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -0px -1799px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-time-red {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -100px -1799px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-time-grey, .ui-button.ui-state-disabled .ui-icon.icon-time-blue {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -120px -1799px no-repeat;
	background-size: 160px;
}

.ui-icon.icon-minuswrong-blue {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -0px -1839px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-minuswrong-red {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -100px -1839px no-repeat;
	background-size: 160px;
}
.ui-icon.icon-minuswrong-grey, .ui-button.ui-state-disabled .ui-icon.icon-minuswrong-blue {
	width: 20px;
	height: 20px;
	background: url(../../images/SpritesBig.png) -120px -1839px no-repeat;
	background-size: 160px;
}

#backToTheTop {
    position: fixed;
    text-align: center;
    bottom: 42px;
    right: 30px;
    width: 30px;
    height: 30px;
    opacity: .5;
	background: #888;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: none;
	z-index: 100;
}
#backToTheTop:hover {
	cursor: pointer;
}
.topIcon {
	display: inline-block;
	margin-top: 7px;
	width: 16px;
	height: 16px;
	background: url("/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-aristo") -0px -16px no-repeat;
}

/* Added green btn from style_new.scss _s.button part */
.ui-button__ripple-green.ui-button, .ui-button__ripple-green .ui-button {
  -moz-transition: background-color 0.4s ease, box-shadow 0.4s ease;
  -o-transition: background-color 0.4s ease, box-shadow 0.4s ease;
  -webkit-transition: background-color 0.4s ease, box-shadow 0.4s ease;
  transition: background-color 0.4s ease, box-shadow 0.4s ease;
  outline: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #64B741;
  border-color: #457f2d;
}
/* line 92, ../sass/_mixins.scss */
.ui-button__ripple-green.ui-button:focus, .ui-button__ripple-green .ui-button:focus {
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
/* line 104, ../sass/_mixins.scss */
.ui-button__ripple-green.ui-button:hover, .ui-button__ripple-green.ui-button:focus, .ui-button__ripple-green .ui-button:hover, .ui-button__ripple-green .ui-button:focus {
  background-color: #90ce76;
}
/* line 109, ../sass/_mixins.scss */
.ui-button__ripple-green.ui-button:active, .ui-button__ripple-green .ui-button:active {
  background-color: #457f2d;
}
/* line 114, ../sass/_mixins.scss */
.ui-button__ripple-green.ui-button .ui-button-text, .ui-button__ripple-green .ui-button .ui-button-text {
  color: #fff;
}
/* line 86, ../sass/_s.button.scss */
.ui-button__ripple-green.ui-button .ui-button-text, .ui-button__ripple-green .ui-button .ui-button-text {
  font-size: 13px;
}

/* End Added green btn from style_new.scss _s.button part */

.roundGrid.dialogMedium {
	margin-bottom: 20px;
}

#logCenter.ui-layout-unit .ui-layout-unit-content {
	padding: 0;
}

#logCenter iframe {
	border: 0;
	border-top: 2px solid #3F4774;
	
}