/*-----default style only: header, footer, first page, login...--------*/
/*align header texts with eC logo baseline (not logo bottom) - for default logo only*/
#headTop2,.headTopTitleTxt{bottom:2px}

/*public - first page, no menu*/
#B2SkinMetroMasterPublic #head{height:auto}
.newsDetails #column1{min-height:58.66667em}
/*.newsDetails #column2{width:65.3466%;float:left}*/
#B2SkinMetroMasterPublic #column1,.newsDetails #column1 .columnContent{background-color:#f0f0f0}
/*
#B2SkinMetroMasterPublic #column1{width:30.6931%;height:100%}
#B2SkinMetroMasterPublic #column2{width:69.307%;float:left}
*/
.firstPageImg{height:204px;background:url(img/firstPage.jpg) no-repeat top right}

/*
.firstPageMenu{}
.fpMenuItem{padding:0.75000em;text-align:right;font-size:2em;line-height:1.12500em;color:#333;font-weight:lighter;cursor:pointer;border-bottom:1px solid #c0c0c0}
.fpMenuItem:hover{color:#fff;background-color:#1ba1e2}
.fpMenuItem:first-of-type{border-top:1px solid #c0c0c0;padding-top:0.70833em}
.infoBox{width:60%;position:absolute;bottom:0;left:0}
.infoBoxShadow{background-color:#333;opacity:0.2;position:absolute;height:100%;width:100%;z-index:10}
.infoBoxContent{position:relative;z-index:11;padding:2.66667em;color:#fff}
.infoBoxContent h1{font-size:3em;line-height:1.33333em}
.infoBoxContent p{font-size:1.33333em;line-height:1.50000em}
*/

.firstPageNews .newsBox{padding:1.5em 1.5em 0 1.5em}
.firstPageNews .newsBox .naslov{font-size:2em;line-height:1.33333em;margin-bottom:0.66667em;font-weight:lighter;text-transform:uppercase}
.firstPageNews .newsBox td{vertical-align:top}

/*---------default style generic-------------*/
/*bckg images*/
#headMenuContent .imglink,.tile .icon,.moreBar .moreBtn,.tileDesc .moreBtn,#headMenu2 .user,
.modsCustom .tileNum1,.studentOfficeLink .tileNum1,
#headMenuContent a.active,#headMenuContent a.home.active span,.atomBtn,.commentTitle,.myCommentsBtn,.myCommentsAdd,.userCommentEdit,.toggleMenuChildren:before,.menuItemIcon,#userMenuTrigger,
.tileList .subactivityList .tileContent,.tileList .tileNum .completed,.tileList .tileNum .uncompleted,.tileList .tileNum .notapplicable,.tileList .tileNum .inEval,.tileList .tileNum .notEval,.iconLink:not(.simpleLink):before,.titleLinkSmall,.titleLink:after,
.forums .tileNum .tileNum1.new,.titleBack,.postBtn,.searchInput .searchBtn,.forwardSort a,.reverseSort a,
.listDetails .detailsHeader h1 .closed,.listDetails .tabs h1 .closed,.mqEditBtn,.answerIcon,.moreActions,.moreActionsSmall,.pagerBtn,.aktivnostVrsta,.aktivnostInfo,.sideBtnIcon,.colleaguesList .tileProgress,.objectList .tileProgress,
.explanationTrigger,.searchBtnInner,.layoutModeBtn,.pricesIcon,.moreActionsMenu a.active,.textSizeBtn,.ui-effects-transfer,.pmAttachement,.moreValuesToggle,
.newsPagerBtn,.ui-accordion .ui-accordion-icons,.ratioLock,.seminarFilter,
.footable th.footable-sorted span.footable-sort-indicator,.footable th.footable-sorted-desc span.footable-sort-indicator,.profileRightSide .tileContent .name:before,
#showAllComments span,.singleComment .commentAttachmentIcon,
.forumPagerBtn,.forums .themes .tileNum2.new,.postLikeBtn.liked:after,#autoHelp,.btnAdditional .additionalActions
{background-image:url(img/icons16o.png);background-repeat:no-repeat}

.objectList .tile .icon,.lightboxImageOrig .icon,.lightboxImageThumb:after,.lightbox span.objIcon{background-image:url(../../baseImg/objectIconsBlack.png)}
#objListTable .icon{background-image:url(../../baseImg/objectIconsBlackSmall.png);background-repeat:no-repeat}

.classrooms .detailsImg.eclassroomBlank{background-image:url(img/eclassroomBlank.png)}
.ecourses .detailsImg.econtentBlank{background-image:url(img/econtentBlank.png)}
.forums .detailsImg.forumBlank{background-image:url(img/forumBlank.png)}
.colleaguesList .tileContent .icon.userBlank,.tile.myProfile .icon.userBlank,.profileImgBox.userBlank,.userImg.userBlank,.colleaguesList .icon.userBlank,.myAvatar.userBlank,.commentContainer .userBlank,.tockeAvatar .userBlank{background-image:url(img/userBlank.png)}
.classrooms .detailsImg.eclassroomBlank,.ecourses .detailsImg.econtentBlank,.forums .detailsImg.forumBlank,.tile.myProfile .icon.userBlank
{background-repeat:no-repeat;background-position:center center}

.alinejaNavadnaNivo1,.alinejaNavadnaNivo2{background-position:0 0.6em;background-repeat:no-repeat}
.alinejaPostopekNivo1,.alinejaPostopekNivo2{background-position:0 0.5em;background-repeat:no-repeat}
.alinejaNavadnaNivo1{background-image:url(img/bullet1.png)}
.alinejaNavadnaNivo2{background-image:url(img/bullet2.png)}
.alinejaPostopekNivo1{background-image:url(img/bullet3.png)}
.alinejaPostopekNivo2{background-image:url(img/bullet4.png)}
.naslovPostopek{}

/*gamification*/
.diamond,#myBadgeIcon,#myBadgesArrow,#myProgress.gameProgressBtn,.badge,.levelIcon,.badgeSmall .badgeImg,
.myProgressBadgeSmall,.myProgressBadgeSmall .icon,.myProgressGraphIcon,.stdTooltipArrow,#topScore .icon,.trendUp,.trendDown{background-image:url(img/gameIcons.png)}

/*pup override*/
.postEdit{background-position:right -3395px}
.postDelete{background-position:right -1460px}
.aTask .icon{background-position:0 -2045px}
.aLearn .icon{background-position:0 -2090px}
.aTest .icon{background-position:0 -2135px}
.aCommunicate .icon{background-position:0 -2180px}
.aFile .icon{background-position:0 -2270px}
.aUrl .icon{background-position:0 -2225px}
.aGroup .icon{background-position:0 -2315px}
.aConference .icon{background-position:0 -110px}
.pmAttachement,th .pmAttachement{background-position:0 -5330px}
.aSeminar .icon{background-position:0 -6050px}
.aSeminarClan .icon{background-position:0 -6095px}
.searchInput .searchBtn{background-position:right -1551px}

.bck7,
#textSizeOptions,.detailsImg,.moreActionsMenu,
.rezultatiGraf,.mqEditBar,.dictionaryPopup,.explanationTrigger{background-color:#f4f4f4}/*osnovna modra*/

/*econtent*/
#userMenu a:hover,#graphProgress,
#userMenu a:active,.moreActionsMenu a:hover,.moreActionsMenu a:active,.moreActionsMenuItem:hover,
.atomTreeItem:hover,.mqAnswer.half,.tablesort th,.atomContent tr.tabH1 td,table.dataTable th,.mCSB_dragger_bar,
.colleaguesList .tile.selected,.colleaguesList .tile.selected:hover,
.colleaguesList .tile.active,.colleaguesList .tile.active:hover,
.colleaguesList .tile.active .hasImage .tileName,.colleaguesList .tile.active:hover .hasImage .tileName,.colleaguesList .tile.selected .hasImage .tileName,.colleaguesList .tile.selected:hover .hasImage .tileName,
.objectList .tile.selected,
.badgesKnowledge{background-color:#bce3f6}/*svetlo modra*/

.badgesSpecial{background-color:#9bd7f5}

.ui-slider .ui-state-hover,.ui-slider .ui-state-active,
.pagerBtn,.inlineBtn,.qq-upload-button,.moreValuesToggle,.commentContainer .userBlank,.tockeAvatar .userBlank,.userImgCell .userImg.userBlank,.btnAdditional .additionalActions,.chosen-container .chosen-results li.highlighted{background-color:#8fd2f2}

th.reverseSort,th.forwardSort,th.reverseSort:hover,th.forwardSort:hover,.inlineBtn:hover,.pagerBtn:hover,.qq-upload-button:hover,
.footable th.footable-sorted,.footable th.footable-sorted-desc,.footable th.footable-sorted:hover,.footable th.footable-sorted-desc:hover,
.datalane th.sorted,.btnAdditional .additionalActions:hover{background-color:#65bbe3}/*active, selected*/

/*start page colors*/
.classroomsStart .tile,#colorHelper{background-color:#aee892}
.econtentsStart .tile{background-color:#EAD5CF}
.econtentsStart .eContentFile{background-color:#F4D7D5}
.econtentsStart .eContentScorm{background-color:#F3D9F4}
.tile.modPm,.tile.sendMessageLink,.pmList .tile{background-color:#DCF4C6}
.tile.modForum,.forumList .tile{background-color:#BEEAC7}
.tile.examsLink,.tile.scheduleLink{background-color:#bdd3de}
.tile.studentOfficeLink{background-color:#F4E7C6}
.tile.news.welcome,.tile.myProfile,.profileImgBox{background-color:#D5E8F4}

/*base*/
.tile,.pm .ui-state-default .tileData,.iconLink,.tile.graph:hover,.tile.licence,
.colleaguesList .tile,.colleaguesList .hasImage .tileName{background-color:#fff3c4}

.tile:hover,.tile.classroom.finished:hover,.tile.classroom.finished.loading,.colleaguesList .tile:hover .hasImage .tileName,
.pm .ui-state-hover .tileData,.messageList .tile:hover,.forumList .tile:hover,.chatroomList .tile:hover,
.menuItem:hover,.menuItem.completed:hover,.vpItem:hover,.vpItem.completed:hover,.tile.news.welcome:hover,
.iconLink:hover,.iconLink:active,
.colleaguesList .tile:hover,
.newsCategoryLink:hover,.newsCategoryLink:active,.newsSubcategoryLink:hover,.newsSubcategoryLink:active{background-color:#fce99d}/*light yellow: hover, loading*/

.tile.active,.tile.active:hover,.tile.classroom.finished.active,
.pm .ui-state-active .tileData,.menu .menuItem.active,.vpItem.active,.vpItem.active.completed,.iconLink.active,
.newsCategoryLink.active,.newsSubcategoryLink.active,.subactivityList .tile.currentUser{background-color:#ffe478}

#headMenu,.ui-slider .ui-state-default,.searchInput{background-color:#e6e6e6}

#headTop,#footer,#headProgressData,.dialogShadow,.lightboxImageOrig:not(.objImage),.lightboxImageThumb:not(.objImage),.lightbox,
.footable > tfoot > tr > th,.footable > thead > tr > th,.footable > tfoot > tr > td,.footable > thead > tr > td,
.gridPager > td,
.datalane th,.datalane .pager,
.badge.blank{background-color:#7DCBF0}/*head dark blue1, inlineBtn hover*/

.forums .themes .tile.active,.forums .themes .tile.active:hover{background-color:#f2fafd}


.mqAnswer.correct,.othersAverageBar,.rezultatUspesno{background-color:#7ed454}/*pravilno*/

.bck8,.tileUrgent,.news.urgent,.news.urgent:hover,#sysMessages,.mqAnswer.incorrect,
.editMode .tile.editable,.editMode .tile.editable:hover,.rezultatNeuspesno{background-color:#ffb288}/*oranzna za pomembne novice*/

.bck3,.atomshow .subcolumn1 .atomContent,.dialogMain,.dialogMainStart,
.form .formInput,#textSizeOptions .ui-widget-content,.searchBox{background-color:#fff}

.datalane th.configTable>div.opened,.datalane th.configTable .dlMenu,.datalane th.configTable .dlMenu .dlMenuItem .dlSubmenu{background-color:#1c804d;color:#fff}

/*------------sive-------------*/
.tileProgress,.tile.classroom.finished{background-color:#e6e6e6}/*completed*/

.bck5,.toggleMenuChildren,.menuSpacer,.inlineBtn.cancelBtn:hover{background-color:#a5a5a5}/*temno siva spodnje polje na ploscici*/

.atomComment,.userComment,.vpItem,.formContent,.menu .menuContent,.menu .menuHeader,.b2Tabs.tabDefaultBckg .tabContent,.mqContent,.mqOthersAverage,
.detailsSeparator,.pmMessageContent,.mCSB_draggerRail,.eClassroomCurrent,.tablesort td.alternatecol,
table.dataTable tr:nth-child(odd),
.lastPostInfo,.forumPost,.forums .themes .tile.loading,.forums .themes .tile:hover{background-color:#f0f0f0}/*svetlo siva: zavihki crte, details separator, opombe*/

.sideNav:not(.blank):hover{background-color:#f5f5f5}/*najsvetlejsa siva: sideNav*/

.menuItem.completed,.vpItem.completed{background-color:#dedede}

.inlineBtn.cancelBtn,
.tile.disabled,.tile.disabled:hover,
.tile.readOnly,.tile.readOnly:hover,
.pmMessageData,.pmJoinedMessageHeader{background-color:#c0c0c0}
.graphProgressSeparator{background-color:#999}

.searchInput .searchBtn,input.moreBtn,.atomshow #headMenu,.atomshow .subcolumn2 .columnContent,.atomshow .subcolumn1 .myComments{background-color:transparent}

/*border*/
.menuSeparator{border-top:1px solid #fff}
.activityList .tile,.atomtree .atomTreeItem,.tablesort td,table.dataTable td{border-bottom:1px solid #ddd}
.inpTxt,.inpSelect,.inpTextarea,/*za fck textarea npr. na profilu*/.inputCell textarea{border:1px solid #ccc}

.atomContent ul.tabsUl li.ui-tabs-active{border-bottom:4px solid #333}
.subTabs .ajax__tab_active{border-bottom:4px solid #1ba1e2}/*basic blue*/
.atomContent,/*.mqContent,*/.atomContent object,.searchBox{border:1px solid #f0f0f0}
.b2Tabs .tabContent{border-top:4px solid #f0f0f0}
.forumLastPost,.newPostForm.new,.lestvicaName{border-bottom:4px solid #bce3f6}
.b2Tabs{border-bottom:1px solid #f0f0f0}
.atomComment.type1{border-top:4px solid #f66c62}
.atomComment.type2{border-top:4px solid #61c442}
.atomComment.type3{border-top:4px solid #ffba00}

.footable > tfoot .pagination ul > li.active > a{border-color:#333}
.gridPager span{border:2px solid #333}

/*color*/
.col1,body,.more,.moreText,/*.news .tileData,.news .tileDesc,*/.moreBar .moreBtn,.menu .menuHeader,.dialogMain,.dialogMainStart,.titleLinkSmall,.titleLink:after,.menuItem .atomName,.inlineBtn.cancelBtn,.eClassroomCurrent,.eClassroomCurrent a,
.newsCategoryLink:link,.newsCategoryLink:visited,.newsSubcategoryLink:link,.newsSubcategoryLink:visited,.themesGrid .authorName,
.lastPostInfo a,.forums .themes .tile{color:#333}
.newsCategoryLink:hover,.newsCategoryLink:active,.newsCategoryLink.active,
.gridPager a,.gridPager span,.tablesort .gridPager a:link,.tablesort .gridPager a:visited,.tablesort .gridPager a:hover,.tablesort .gridPager a:active{color:#333}/*osnovna temno siva*/
/*#headMenuContent a:link,#headMenuContent a:visited{color:#f0f0f0}*/
.tile,.menuItem.active .atomName,.menuItem.completed .atomName,.menuItem:hover .atomName,.tablesort th,.tablesort th a,#sysMessages,.mqAnswer,
.dictionaryPopup,.iconLink,#colorHelper{color:#333}/*base color on tiles*/
.col0,#headTopContent,#headMenuContent,#footerContent,/*.menu .menuHeader,*/
#headMenuContent a.txtlink,
#ecourses #column2 .courseHeader,.userComment:hover,#headProgressData,#textSizeLabel,#userMenu a,.moreActionsMenu a,#footerContent a,.themesGrid,.atomTreeItem:hover,.atomTreeItem:hover a:link,.atomTreeItem:hover a:visited,
.pmMessageData,.pmJoinedMessageHeader,.inlineBtn,.qq-upload-button,
.headTopTitle,
.tablesort td.btnCell a:link,.tablesort td.btnCell a:visited,.tablesort td.btnCell a:hover,.tablesort td.btnCell a:active,
.footable td.btnCell a:link,.footable td.btnCell a:visited,.footable td.btnCell a:hover,.footable td.btnCell a:active,
.newsSubcategoryLink:hover,.newsSubcategoryLink:active,.newsSubcategoryLink.active,
.footable > tfoot > tr > th,.footable > thead > tr > th,.footable > tfoot > tr > td,.footable > thead > tr > td,
.footable > tfoot .pagination ul > li > a, .footable > tfoot .pagination ul > li > span,
.tablesort .seminarFilter a:link,.tablesort .seminarFilter a:visited,.tablesort .seminarFilter a:hover,.tablesort .seminarFilter a:active,
#graphProgress,
.atomContent a.inlineBtn:link, .atomContent a.inlineBtn:visited,.atomContent a.inlineBtn:hover, .atomContent a.inlineBtn:active,
.badgesSectionName{color:#333}

.tabs .tab,.tabs.ajax__tab_default .ajax__tab_outer,.authorData p,.PMTabsList .tab a:link,.PMTabsList .tab a:visited,.transpBtn,
#uploadTabs .ui-state-default a,.tabsPagerLabel, .tabs.ajax__tab_default .ajax__tab_outer a{color:#c0c0c0}
.tablesort td a:link,.tablesort td a:visited,
.datalane td a:link,.datalane td a:visited,
.footable tbody td a:link, .footable tbody td a:visited,
.atomtree a,.newsBox a:link,.newsBox a:visited,.atomContent a:link,.atomContent a:visited,.atomContent a.link_block,.comments a:link,.comments a:visited,
/*.tile.news a:link,.tile.news a:visited,*/.addClassroomUsers a,#removeClassroomUsers a,.moreValuesFirstValueTxt,.newsDetailLinkTitle,
.themesGrid .authorName:hover,.themesGrid .authorName:active{color:#147fb3}
.atomContent h1,.emp,
.tabs .tab:hover,.tabs .tab.active,.tabs.ajax__tab_default .ajax__tab_hover .ajax__tab_outer a,.tabs.ajax__tab_default .ajax__tab_active .ajax__tab_outer a, .menuHeader .tileAdditional a,
.tablesort td a:hover,.tablesort td a:active,
.datalane td a:hover,.datalane td a:active,
.footable tbody td a:hover, .footable tbody td a:active,
.newsBox a:hover,.newsBox a:active,.atomContent a:hover,.atomContent a:active,.atomContent a.link_block:hover,.comments a:hover,.comments a:active,.poudari,.PMTabsList .tab a:hover,.PMTabsList .tab a:active,.PMTabsList .tab.ui-state-active a,.transpBtn:hover,
#uploadTabs .ui-tabs-active a,#uploadTabs .ui-state-hover a,.explanation,.newsDetailLink:hover .newsDetailLinkTitle,
.b2Tabs .tabsPagerItem,.atomContent ul.tabsUl a:link,.atomContent ul.tabsUl a:visited,
.themesGrid .authorName:link,.themesGrid .authorName:visited,.forums .themes .tileNum2.new,.forums .themes .tile.active .name{color:#7DCBF0}/*basic blue*/
.atomComment,.userComment,.detailsHeader h1 .tileHeader2,.questionPoints,.inputSearchInner,
.newsDetailLinkDate,.newsDetailLinkContent{color:#777}
.forumPostInfo,.forumPostInfo a{color:#999}
.b2Tabs .tabsPagerItem.active,.atomContent ul.tabsUl a:hover,.atomContent ul.tabsUl a:active,.atomContent ul.tabsUl li.ui-tabs-active a,.b2Tabs .tabsPagerItem:hover{color:#333}

/*
@media screen and (min-width:1025px)
{}

@media screen and (min-width:640px) and (max-width:1024px),
screen and (min-device-width : 320px) and (max-device-width : 480px) and (min-width : 321px)
{}
*/

/*screen and (min-device-width : 320px) and (max-device-width : 480px) and (max-width : 320px)smartphone portrait*/
/*small computer screens*/
@media screen and (max-width:639px)
{
    #B2SkinMetroMasterPublic #column2{padding-bottom:2em}
    .login .form{width:280px}
    .login .form div.loginTbl{float:none;width:auto}
    #B2SkinMetroMasterPublic .login .form .inputCell{float:none}
    #B2SkinMetroMasterPublic .login .form .inputCell.usernameCell .inpTxt{width:100%}
    
    #head,.searchInput{background-color:#7DCBF0}
	#headMenu{background-color:transparent}
	#headMenu1{background-color:#F4F4F4}
	#headMenu1 a:hover,#headMenu1 a:active{background-color:#bce3f6}
    .firstPageImg{height:0;padding-bottom:20%;background-position:left top;background-size:contain}
}

@media screen and (min-width:640px) and (max-width:1080px)
{
    #B2SkinMetroMasterPublic #column2{padding-bottom:2em}
    .login .form{width:300px}
    .login .form div.loginTbl{float:none;width:auto}
    #B2SkinMetroMasterPublic .login .form .inputCell{float:none}
    #B2SkinMetroMasterPublic .login .form .inputCell.usernameCell .inpTxt{width:100%}
    .firstPageImg{height:0;padding-bottom:20%;background-position:left top;background-size:contain}
}

@media screen and (min-width:1081px) {
    #B2SkinMetroMasterPublic #column1,#B2SkinMetroMasterPublic #column2,.newsDetails #column2{min-height:58.66667em;margin-right:0}
    #B2SkinMetroMasterPublic #column1{width:30.6931%;height:100%}
    #B2SkinMetroMasterPublic #column2{width:69.307%;float:left;height:100%}
}

.chardinjs-show-element 
{
    background-color: rgba(255,255,255,0.8) !important
}