/* Minification failed. Returning unminified contents.
(3887,2): run-time error CSS1035: Expected colon, found '-ms-user-select'
(5091,35): run-time error CSS1030: Expected identifier, found '.'
(5091,54): run-time error CSS1031: Expected selector, found ')'
(5091,54): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/*css reset*/
/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain)*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
} 
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content: none;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}

/*--------eC begins here--------*/
/*all media and sizes*/

html{position:relative;min-height:100%}
body,input,button,textarea,select{font-family:'Segoe UI', Helvetica, Arial, sans-serif;}
body
{
    overflow-y:scroll;
    font-size:75%;/*for ie6 & ie7 zoom issues; 12px for default browser value of 16px*/
	line-height:1.333em;/*16px default*/
	margin-bottom:2.667em;
	width:100%;/*for background cut off viewport bug*/
}
html>body{font-size:12px}
.content h1,.content h2,#headMenuContent a.txtlink,.tabs .tab,.tabs .ajax__tab_outer,.tabs h1,.atomContent p.naslov,.atomBtn.nextLogin,.atomBtn.nextNoAccess,.atomBtn.nextCart,.newsCategoryLink,
.newsDetailLinkTitle{font-family:'Segoe UI Light', 'Segoe UI', Helvetica, Arial, sans-serif}

/*utility*/
.clearfix:after,.headTopLogoTitle:after,#headMenu1:after,#headMenu2:after,#headMenuContent:after,#headTopContent:after,#mainContent:after,.atom:after,.btnsGroup1:after,
.btnsGroup2:after,.atomBtns:after,.atomContent:after,.moreBar:after,.userComment:after,.tileContent:after,.columnContent:after,.tabs:after,.ajax__tab_header:after,
.detailsHeader:after,.details:after,.tabcontent:after,.visProgress:after,.menuItem:after,.menuItemIcons:after,.graphProgressBox:after,
.eclassroomFull:after,.group:after,.detailsSubTitle:after,.loginBox .login:after,.atomTreeItem:after,.subTabs:after,.pmSearchBox:after,
.pmToolbar:after,.ui-tabs-panel:after,.pmJoinedMessageHeader:after,.pmMessageData:after,.pmJoinedMessageActions:after,.pmChooseRecepients:after,.searchBox:after,.form:after,
#eClassroomDesc:after,.moreValuesFirstValue:after,.eIndex .tileAdditional:after,.legendItem:after,.loginTblRow:after,.programsList:after,.atomEditBtnBar:after,
.objectListTop:after,.objectListBottom:after,#objectEdit:after,.licenceExpiry:after,.finishTestTop:after,#seminarDialog .qq-uploader:after,.graphValues:after,
.smallTxtEditorControls:after,.newPostBottomControls:after,.listItem:after,.biStatistics .list:after,#otn .formContent:after,.otnLabel:after,.econtentBadges:after,.eclassroomBadges:after,
#myProgressGraphs:after,.badgesSpecial:after,.myProgressPoints:after,.badgesSection:after,.predelanoBox:after,#addAttachment .singleAttachment:after, .addComments .formContent:after,#classroomDetailsMain:after,
.mqTitle:after,#biRefreshBox:after,#atomEditHead:after,.btnAdditional:after
{
	/*this is really important:*/
	display: block;
	clear: both;
	content:'';
			
	/*this is less important:*/
	visibility: hidden;
	font-size: 0;
	height: 0;
}

.colonAfter:after{content:":";display:inline}/*dodamo podpicje na konec vseh elementov s klaso .colonAfter; namesto novih prevodov*/
.plusAfter:after{content:"+";display:inline}/*dodamo plus (+) na konec vseh elementov s klaso .plusAfter; namesto novih prevodov*/

.content p:not(.horline):empty,.loginMsg .loginMessage1:empty,.loginMsg .loginMessage2:empty,.loginErrors .loginMessage3:empty,.loginErrors .loginMessage4:empty,.qq-upload-list:empty
{margin:0;line-height:0;font-size:0;padding:0;display:none}/*for empty elements*/

.noTextSelection,.atomName,#userMenuTrigger span,.moreActionsMenu a,.tabStats,.legendItem{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.clr,.clear{clear:both;font-size:0;line-height:0}
.imgLeft{float:left;margin:0 1em 1em 0}
.imgRight{float:right;margin:0 0 1em 1em}
.bold,.emp,.required,b,strong{font-weight:bold}
i,.italic{font-style:italic}
.small{color:#c0c0c0}
u,.underline{text-decoration:underline}
.overLine{text-decoration:line-through}
.left{text-align:left}
.right{text-align:right}
.center{text-align:center}
.top{vertical-align:top}
.pointer,.fieldsShowed,.fieldsHidden{cursor:pointer}
.floatL{float:left}
.floatR{float:right}
.wordWrap{word-wrap:break-word}/*css3; dela v ie7, ie8, ff, opera, chrome, safari*/
.noWrap{white-space:nowrap}
.limitText15{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:20em}
.lowerCase{text-transform:lowercase}
.upperCase{text-transform:uppercase}
.capitalize{text-transform:capitalize}/*first character of EACH WORD to uppercase*/
.firstToUpper{display:inline-block}
.firstToUpper::first-letter{text-transform:uppercase}/*first character of FIRST WORD to uppercase*/
.tdFirstToUpper::first-letter{text-transform:uppercase}
.colonAfter:after{content:":";display:inline-block}
.widthMax,.form.widthMax,.singleColumn .form.widthMax{width:100%}
.overflowAuto{overflow:auto}
#colorHelper, .noDisplay{display:none}

.error,.tablesort td a.error:link,.tablesort td.error a,.footable td a.error:link,.footable td.error a{color:red}/*pri vecini portalov, po potrebi povozimo*/
.correct{color:#2fae4d}
.inpTxt.invalid{border:1px solid red}

.red{color:#d92222}
.green{color:#58ae29}

.maxTxtWidth105{max-width:105px !important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.maxTxtWidth140{max-width:140px !important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/*legacy*/
.sirina100{width:100px}

/*bckg images all*/
.tile.graph{cursor:default}/*dokler ne dodamo povezavo*/
.graph .tileContent.progress{background:url(/statika/style/baseImg/progress70.gif) no-repeat center center}
.graph .tileProgress{display:none}/*zacasno*/
#headProgressData,#graphProgressLoading,#badgesProgress{background:url(/statika/style/baseImg/progress28b.gif) no-repeat center left}

/*opacity*/
.layoutModeBtn{opacity:0.2}
.moreBar .moreBtn, .moreBar .moreBtn:link,.moreBar .moreBtn:visited,#headMenuContent .imglink,#headMenuContent .imglink:link,#headMenuContent .imglink:visited,
.myCommentsBtn,.myCommentsAdd,.titleLinkSmall:link,.titleLinkSmall:visited,.titleLink:link,.titleLink:visited,.postBtn,.postBtn:link,.postBtn:visited,.mqEditBtn:link,.mqEditBtn:visited,
#headMenuContent a.txtlink:link,#headMenuContent a.txtlink:visited{opacity:0.6}
.moreBar .moreBtn:hover,.moreBar .moreBtn:active,#headMenuContent .imglink:hover,#headMenuContent .imglink:active,#headMenuContent .imglink.active,
.myCommentsBtn:hover,.myCommentsAdd:hover,.titleLinkSmall:hover,.titleLinkSmall:active,.titleLink:hover,.titleLink:active,.postBtn:hover,.postBtn:active,.mqEditBtn:hover,.mqEditBtn:active,
#headMenuContent a.txtlink:hover,#headMenuContent a.txtlink:active,#headMenuContent a.txtlink.active:link,#headMenuContent a.txtlink.active:visited,
.sideNav:hover .sideBtnIcon,.layoutModeBtn:hover,.layoutModeBtn.active{opacity:1}

/*CSS3 transitions*/
.tile,/*table.themesGrid tr,*/.userComment,.iconLink,.inlineBtn,.qq-upload-button,.sideNav,.pagerBtn,.gridPager a,.colleaguesList .tile .tileName{
	transition: background-color 200ms;
	-moz-transition: background-color 200ms;
	-webkit-transition: background-color 200ms;
	-o-transition: background-color 200ms;
}/*.tileData,.tileDesc*/
#headMenu1.txtlink,.tabs .tab,.tabs .ajax__tab_outer,.subTabs .ajax__tab_outer,.atomContent ul.tabsUl a{
	transition: color 200ms;
	-moz-transition: color 200ms;
	-webkit-transition: color 200ms;
	-o-transition: color 200ms;
}
.moreBar .moreBtn,.atomBtn,#headMenuContent .imglink,.myCommentsBtn,.myCommentsAdd,.postBtn,.mqEditBtn,.menu,#headMenuContent a.txtlink,.sideBtnIcon,.layoutModeBtn,
.lightbox.objVideo:not(.noIcon) img,.lightbox.objImage:not(.noIcon) img,.fancybox:not(.noIcon) img,.fancybox:not(.noIcon) img
{
	transition: opacity 200ms;
	-moz-transition: opacity 200ms;
	-webkit-transition: opacity 200ms;
	-o-transition: opacity 200ms;
}

/*experimental progress for ajax loading*/
/*
.listDetails #column1 .tile .tileProgress{width:0}

.listDetails #column1 .tile.active .tileProgress{width:100% ! important}
.listDetails.classrooms #column1 .tile.active .tileProgress,
.listDetails.forums #column1 .tile.active .tileProgress
{
	transition: width 1000ms linear;
	-moz-transition: width 1000ms linear;
	-webkit-transition: width 1000ms linear;
	-o-transition: width 1000ms linear;
}

.listDetails.ecourses #column1 .tile.active .tileProgress{
	transition: width 400ms linear;
	-moz-transition: width 400ms linear;
	-webkit-transition: width 400ms linear;
	-o-transition: width 400ms linear;
}
*/

/*all*/
#sysMessages{padding:0.66667em 0;font-weight:bold;font-size:1.33333em/*premakni v childe po potrebi*/}
#sysMessages a:not(.inlineBtn):link,#sysMessages a:not(.inlineBtn):visited{text-decoration:underline}
#sysMessages a:not(.inlineBtn):hover,#sysMessages a:not(.inlineBtn):active{text-decoration:none}
#sysMessages #licenceExpiryMsg{float:left;padding:0.5em 1em 0 0}
#sysMessages .inlineBtnBar{float:left}
#sysMessages .inlineBtn{font-size:0.750em;font-weight:normal;margin-bottom:0}
#sysMessages .licenceExpiry .moreActionsMenu{text-align:left;width:400px;padding:0.5em}
#headProgress{position:absolute;z-index:1000000;top:0;left:0;width:100%;height:100%;text-align:center}
#headProgressDataBox{position:fixed;width:100%;z-index:100000}
#headProgressData{display:inline-block;/*position:fixed;*/z-index:100000;padding:0.2em 1em 0.2em 50px;margin:0 auto;font-size:1.33333em;line-height:1.75000em;text-align:center;background-position:1em center}
#progressShadow{height:100%;left:0;position:absolute;top:0;width:100%;z-index:9998}

#headMenuContent .search{cursor:pointer}
#userMenu a,.moreActionsMenu a,.moreActionsMenuItem{display:block;padding:0.28571em 1.14286em;font-size:1.16667em;line-height:1.42857em;text-decoration:none;white-space:nowrap;cursor:pointer}
input.moreActionsMenuItem{border:0 none;background-color:transparent;width:100%;text-align:right}
#userMenuTrigger{max-width:55%}
#userMenuTrigger span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.moreActionsMenu a.active,.moreActionsMenuItem.active{background-position:-10px -1272px;padding-left:45px}
.searchInput{display:none}/*initially hidden*/
.searchInput .inpTxt{padding:2px;border:1px solid #fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}

.searchInput .searchBtn{width:24px;height:24px;border:0;background-position:right -1911px;cursor:pointer}

#footer{padding:0.83333em 0;position:absolute;bottom:0;width:100%}
#footerContent{text-align:center}
#footerContent a:link,#footerContent a:visited{text-decoration:none}
#footerContent a:hover,#footerContent a:active{text-decoration:underline}

#mainContent{padding-bottom:1em}
#mainContent.homePage{padding-bottom:0}
.content{margin:0 auto}

#headMenuContent a{display:block;float:left}
#headMenuContent .imglink.openMenu,#headMenuContent .badge{display:none}
#headMenuContent a.txtlink{text-transform:lowercase}
#headMenuContent a.txtlink:last-child{margin-right:0}
.group.themeList{margin-bottom:1.33333em}
.headerGroup,.linkGroup{margin-bottom:1.33333em}
.tile{margin-bottom:1.33333em;/*cursor:pointer*/}
.tile.loading{min-height:0;position:static}/*override zaradi .loading*/
a.tile{display:block;text-decoration:none}
/*tile list - generic container for displaying tiles as list*/
.tileList .tile{margin-bottom:0}
.tileData{position:relative}
.tileProgress{height:100%;position:absolute;z-index:900}
.tileContent{position:relative;padding:1.33333em;z-index:1000}
.tileList .tileContent{padding:0.5em 1.33333em 0.41667em 1.33333em}
.tileList .tileContent .tileNum{width:10%}
.tileList .subactivityList .tileContent{background-position:25px -2360px;padding-left:2.66667em}
.tileList .subactivityList .tile:last-child .tileContent{background-position:25px -2450px}
.tileList .subsubactivityList .tileContent{background-position:40px -2360px;padding-left:3.9em}
.tileList .subsubactivityList .tile:last-child .tileContent{background-position:40px -2450px}
.news .tileContent{padding:1.33333em 1.33333em 0 1.33333em}
.tileText .name{text-transform:uppercase}
.tile .icon{width:32px;height:32px;float:left;margin-right:3.819444444444444%}
.tileList .tile .icon{width:20px;height:20px;margin-right:1.33333em}
.classroom .icon{background-position:0 -650px}
.econtent .icon{background-position:0 -3890px}
.econtent.eContentScorm .icon{background-position:0 -4475px}
.econtent.eContentFile .icon{background-position:0 -4520px}
.news .icon{background-position:0 -740px}
.tilePrintCertificate .icon{background-position:0 -7130px}
.certificateListBtn{display:none !important}

.aTask .icon{background-position:0 -5420px}
.aLearn .icon{background-position:0 -5465px}
.aTest .icon{background-position:0 -5510px}
.aCommunicate .icon{background-position:0 -5555px}
.aUrl .icon{background-position:0 -5600px}
.aFile .icon{background-position:0 -5645px}
.aGroup .icon{background-position:0 -5690px}
.aConference .icon{background-position:0 -65px}
.aSeminar .icon{background-position:0 -6140px}
.aSeminarClan .icon{background-position:0 -6185px}

.step1 .icon{background-position:0 -4970px}
.step2 .icon{background-position:0 -5015px}
.step3 .icon{background-position:0 -5060px}
.step4 .icon{background-position:0 -5105px}
.step5 .icon{background-position:0 -5150px}

.tile.aGroup{cursor:default}
.tileText{width:59.02777777777778%;float:left}
.news .tileText{width:77.43055547%}
.news .tileDesc{height:5.33333em}
.news .tileDesc1{display:block;height:3em;overflow:hidden;margin-bottom:0.750em}
.listDetails .eContentList .tileDesc1{display:block;height:4.50000em;overflow:hidden}

.tileList .subactivityList .tileText{width:51%}
.tileName,.tileList .tileNum1,.tileList .tileNum2{font-size:1.33333em;line-height:1.0em}
.tileAdditional,.themesGrid .postData{font-size:1em;line-height:1.33333em}
.tileNum{width:18.40277777777778%;float:right;text-align:right}
.tileList .tileNum .completed,.tileList .tileNum .uncompleted,.tileList .tileNum .notapplicable,.tileList .tileNum .inEval,.tileList .tileNum .notEval{width:20px;height:16px;display:inline-block}
.tileList .tileNum .completed{background-position:right -1280px}
.tileList .tileNum .uncompleted{background-position:right -1325px}
.tileList .tileNum .notapplicable{background-position:right -1370px}
.tileList .tileNum .inEval{background-position:right -6365px}
.tileList .tileNum .notEval{background-position:right -6410px}
.tileList .tileNumB{width:30%;float:right;text-align:right}
.tileList .tileText{width:52%}

.tileList .activityGame .tileText{width:47%}
.tileList .activityGame .tileNum{width:15%}
.tileList .activityGame .tileNum1{display:block;float:left;padding-left:.5em}
.tileList .activityGame .tileNum2{display:block;float:right}
.tileList .activityGame .subactivityList .tileText{width:47%}
.tileList .activityGame .subactivityList .tileNum{width:15%}
.tileList .activityGame .subactivityList .tileNum1{display:block;float:left;padding-left:.5em}
.tileList .activityGame .subactivityList .tileNum2{display:block;float:right}

.tileDesc{padding:1.33333em}
.tileUrgent{padding:0.66667em 1.33333em;text-align:right}

.classroomsStart .tablesort,.econtentsStart .tablesort,.modsCustom .tablesort{display:none}/*zacasno, dokler ne odstranimo dodajanje nepotrebnih gridov in progresa*/
.classroomsStart .tile .tileProgress,.classroomsStart .tile .tileAdditional,.econtentsStart .tile .tileProgress{display:none}/*zacasno, dokler ne odstranimo dodajanje nepotrebnega progresa*/
.classroomsStart .tileContent,.econtentsStart .tileContent{padding-bottom:0}
.classroomsStart .tile .tileName,.econtentsStart .tile .tileName{font-size:1.16667em;line-height:1.14286em;padding-top:1em}
.classroomsStart .tileName .name,.econtentsStart .tileName .name{text-transform:lowercase}
.classroomsStart .tileDesc1{display:block;text-transform:uppercase;font-size:1.33333em;line-height:1.125/*multiplier*/;height:2.25em/*2em*/;margin-bottom:0.75em;text-overflow:ellipsis;overflow:hidden}
.econtentsStart .econtent .tileDesc1{display:block;text-transform:uppercase}
.ecourses .econtent .tileContent{height:3em/*36px*/}/*sicer ie zna razmetati ploscice z dolgimi nazivi*/
.econtentsStart .econtent.txtBig .tileDesc1{margin-bottom:0.75em;font-size:1.33333em;line-height:1.125;height:2.25em;}
    .ecourses .econtent.txtBig .tileName{font-size:1.33333em;line-height:1.125;height:2.25em;}
    .pnlDiplomeUporabnik .diploma.txtBig .tileName{font-size:1.33333em;line-height:1;height:2.25em;}
    .contentLectureList .adairDoubleColumn .tile.txtBig .tileName, .contentTestList .adairDoubleColumn .tile.txtBig .tileName{font-size:1.1em;line-height:1;height:2.25em;}
.econtentsStart .econtent.txtMed .tileDesc1{margin-bottom:1.33333em;font-size:1em;line-height:1.5;height:3em;}
    .ecourses .econtent.txtMed .tileName{font-size:1em;line-height:1.5;height:3em;}
    .pnlDiplomeUporabnik .diploma.txtMed .tileName{font-size:1em;line-height:1.3;height:3em;}
    .contentLectureList .adairDoubleColumn .tile.txtMed .tileName, .contentTestList .adairDoubleColumn .tile.txtMed .tileName{font-size:.9em;line-height:1.3;height:3em;}
.econtentsStart .econtent.txtSmall .tileDesc1{margin-bottom:1.6em;font-size:0.83333em;line-height:1.8;height:3.6em;}
    .ecourses .econtent.txtSmall .tileName{font-size:0.83333em;line-height:1.8;height:3.6em}
    .pnlDiplomeUporabnik .diploma.txtSmall .tileName{font-size:0.83333em;line-height:1.1;height:3.6em}
    .contentLectureList .adairDoubleColumn .tile.txtSmall .tileName, .contentTestList .adairDoubleColumn .tile.txtSmall .tileName{font-size:0.7em;line-height:1.1;height:3.6em}

.classroomsStart .tileDesc2,.econtentsStart .tileDesc2{display:block;text-align:right;font-size:1.16667em;line-height:1.14286em}
.classroomsStart .tileDesc,.econtentsStart .tileDesc{height:5.33333em}

.tileGroup .tile{width:47.09677419354839%}
.econtentsStart,.modsCustom{margin-bottom:0}

.tileGroup .tile:nth-of-type(odd){float:left}
.tileGroup .tile:nth-of-type(even){float:right}

.modPm .tileProgress,.modForum .tileProgress{display:none}
.tile.news .tileProgress{display:none}/*zacasno*/
.modsCustom .tileContent,.graph .tileContent,.studentOfficeLink .tileContent{height:9.33333em}

.modsCustom .tileNum,.studentOfficeLink .tileNum{float:none;width:auto;text-align:center;padding-top:3.00000em}
.modsCustom .tileNum1,.studentOfficeLink .tileNum1{display:inline-block;padding-left:45px;height:1.14286em}
.modsCustom .tileText,.studentOfficeLink .tileText{width:auto;position:absolute;bottom:1.33333em;float:none}
.modsCustom .tileName,.studentOfficeLink .tileName{display:table-cell;vertical-align:bottom;height:2.00000em}

.tileGroup.studentOfficeList .tile{width:49%;margin-bottom:2%}
.modPm .tileNum1{background-position:0 -3480px}
.modForum .tileNum1{background-position:0 -3525px}
.sendMessageLink .tileNum1{background-position:0 -4880px}
.profileLink .tileNum1{background-position:0 -4925px}
.examsLink .tileNum1{background-position:0 -785px}
.scheduleLink .tileNum1{background-position:0 -3170px}
.studentOfficeLink .tileNum1{background-position:0 -2540px}
.contentOffer .tileNum1{background-position:0 -695px}

.news.welcome .tileText{width:auto;float:none;padding-top:3em;text-align:center}
.news.welcome .icon,.news.welcome .tileNum{display:none}
.news.welcome .tileDesc{height:3.66667em;text-align:center}

.modsNews .newsContainer{position:relative;clear:both}
.modsNews .newsPager{position:absolute;z-index:2000;top:1.33333em;right:1.33333em}
.newsPager .newsPagerBtn{width:13px;height:13px;float:left;margin-left:5px;background-position:0 -5915px;cursor:pointer}
.newsPager .newsPagerBtn:hover{background-position:0 -5870px}
.newsPager .newsPagerBtn.active{background-position:0 -5825px}
.newsContainer .news{display:none}
.newsContainer .news.current{display:block}
.news .tileText .name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.moreBar{padding-bottom:0.66666em;margin:-0.33333em 0 3em 0}
.page_start .moreBar,.page_community .moreBar{margin-bottom:0}
.moreBtn,.moreText{display:block;float:right;font-size:1.33333em;line-height:1.125/*multiplier*/;margin-left:1em;text-decoration:none}
.moreText{padding:0.12500em 0 0.25000em 0}
.moreBtn{padding:0.12500em 30px 0.25000em 0;cursor:pointer}
.inlineBtn.moreActions{background-position:right -1495px;padding-right:2em;position:relative}
.moreActionsMenu{display:none;position:absolute;top:32px/*zamaknemo za visino gumba*/;right:0;text-align:right;z-index:10000}
#userMenu{width:200px}
.moreActionsSmall{display:block;width:10px;height:10px;position:relative;background-position:right -1190px}
.moreBar .more{background-position:right -1551px}
.moreBar .confirm{background-position:right -1955px}
.moreBar .cancel{background-position:right -2000px}
.moreBar .add{background-position:right -1865px}
.tileDesc .more{background-position:right -1910px}

/*genericne forme*/
.content h2.analysisSubtitle{/*margin-top:5px;*/margin-bottom:0.5em;float:left}
.analysisNoData{clear:both}
.csvLink{display:inline-block;height:20px;width:35px}
.csvTop{margin-top:10px}
.csvIcon{border:0}
.formContent{margin-bottom:1.33333em;padding:1.33333em}
.form table,.loginTbl{width:100%;border:0;font-size:1.16667em}
.form td{padding:0;vertical-align:top;padding-bottom:10px}
.form td.labelCell,.form div.labelCell{text-align:right;width:37%;padding-right:3%;padding-top:8px}
.form td.inputCell{line-height:25px}
.form tr:last-child td{padding-bottom:0}
.dialogMain.jsGen .labelCell{width:25%}

.formSeparator{border-bottom:1px solid #ddd;height:0}
td.formSeparator2{height:0;padding-top:0.5em}
.formSeparator2 hr{height:1px;border:0 none;background-color:#ddd;margin:0.5em 0}
#trConditionalShow .labelCell,#trConditionalShow .inputCell,#trDiamondShow .labelCell,#trDiamondShow .inputCell{vertical-align:middle}
.form #examSignupsComment.inputCell{padding-bottom:0;vertical-align:bottom}
.forgottenPassword td.labelCell{width:50%}
.portalsForm td.labelCell,#seminarDialog td.labelCell{width:17%}
.form td.validatorCell{width:30%}
.form td.btnCell,.tablesort td.btnCell,.footable td.btnCell{text-align:right}
.form .formInput{border:0 none;outline:0 none;width:10.71429em}
/*nested tables*/
.form table table{font-size:1em}
.form td td{padding:0 0 1em 0}
.ajax__calendar{line-height:normal}
.ajax__calendar_container td{padding:0 ! important}
/*form obvestila ob shranjevanju*/
.formUpdateStatus{text-align:right;font-weight:bold}
#userGroupsFilter .inpSelect{margin-right:1em;width:33%}

/*foofilters*/
.form .foofilters .inpTxt,.form .foofilters .inpSelect,.form .foofilters .chosen-container,
.dlFilters .inpTxt,.dlFilters .inpSelect,.dlFilters .chosen-container{display:inline-block;vertical-align:middle;margin-right:1.5em}
.form .foofilters .lbl,
.dlFilters .lbl{vertical-align:middle;padding-right:0.5em}

/*dialog*/
.scrollableDialog .dialogMain{display:table;min-height:0 ! important;width:100%;position:absolute ! important;top:0 ! important;left:0;z-index:10001;background-color:transparent}
.scrollableDialog .dialogParent{display:table-cell;vertical-align:middle}
.scrollableDialog .dialogChild{position:static ! important}
.scrollableDialog .divPopupMain{background-color:#fff}

.dialogShadow,.dialogMainStart{position:fixed;z-index:110000;width:100%;height:100%;opacity:0.9;top:0;left:0}
.dialogMain,.dialogMainStart{position:fixed;z-index:110001;width:100%;left:0;top:0}
.dialogMain.jsGen{position:absolute;width:auto;min-width:100%/*da ni odrezano pri hor scrollu*/}/*tako naj se po novem prikazujejo vsa dialog okna*/
.cke_panel{z-index:120001 !important}
.cke_dialog{z-index:120010 !important}
.cke_source{white-space:pre-wrap !important}/*prelom vrstic v source code za FF in Chrome*/

.dialogMain .content,.dialogMainStart .content,#reportCommentDiv .content{margin:0 auto;width:40%;min-width:550px;padding:30px 0}
.dialogMain.jsGen .content{width:50%;min-width:700px}
.dialogMainStart .content{width:550px}
#aktivnosti .dialogMain .content{width:650px}
/*--lahko tudi naredimo genericno oblikovanje za vse tipicne elemente (h1, h2, p, table,...) znotraj containera .content */
.dialogMain .content h1,.dialogMainStart .content h1{font-size:3em;line-height:1em;margin-bottom:0.44444em}
.dialogMain .content p,.dialogMainStart .content p,.dialogMain .content ul{font-size:1.16667em;line-height:1.28571em;margin-bottom:1.28571em}
.dialogMain .content ul{list-style-type:square;margin-left:3em}
.dialogMain .content .form{width:auto ! important}
.dialogMain .content .moreBar{margin-bottom:0}
.compatibilityCell{width:20%;text-align:center}

/*ecourses all*/
.tabs .tab,.tabs .ajax__tab_header>span,.tabs>h1{font-weight:lighter;float:left;max-width:80%/*za primer, ko je pred njim gumb nazaj*/}
.tabs .ajax__tab_outer{display:block}
.tabs .tab,.tabs .ajax__tab_header>span{cursor:pointer}
.listDetails .tabs .tab:last-child{margin-right:0}
.classroomsTabsAll #tabAll,.classroomsTabsAll #tabInPreparation{display:none}
.listDetails .tabs .classroomsTabsLeft .tab:last-child{margin-right:3%}
.listDetails #column1{float:left;width:34.75247524752475%;margin-right:0;margin-bottom:2.66667em}
#mainContent.listDetails #column1 .footable{display:none}
.listDetails #column1 .columnContent,#column1 .eIndexColumn,#column1 .examsColumn{overflow:auto}
.listDetails #column2{float:right;width:62.47524752475248%;margin-bottom:2.66667em}
.listDetails #column1 .tile .tileProgress{display:none}
.detailsImg{float:left;display:block}
.detailsImg img{width:auto}
.listDetails .forumThemeHeader .detailsHeaderData{margin-left:0}
.listDetails:not(.forums) .detailsHeader h1{text-transform:uppercase}
.listDetails .detailsHeader h1 .error{text-transform:lowercase}
.listDetails .detailsHeader h1 .name{text-transform:uppercase}
.listDetails .detailsHeader h1 .titleLink{/*padding-right:45px;background-position:right -555px;*/text-decoration:none}
.titleLink:after{content:'';display:inline-block;margin-left:10px;width:32px;height:33px;vertical-align:top;background-position:right -559px}

.listDetails .detailsHeader h1 .closed{display:inline-block;width:20px;height:26px;background-position:0 -3440px;margin-right:0.5em}
.listDetails .detailsHeader h1 .titleLink .closed,.listDetails .tabs h1 .closed{display:inline-block;width:20px;height:26px;background-position:0 -3440px;margin-right:0em}
.ecourses .econtentEditBar{display:none}
.ecourses #column2 .tileGroup.editMode .tile.editable .tileProgress,.ecourses #column2 .tileGroup.editMode .tile.editable .tileNum{display:none}
.ecourses #column2 .tileGroup.editMode .tile.editable .icon{background-position:0 -3845px}

/*atomtemplates all*/
.listDetails .detailsHeaderDataAtomTemplate{padding-left:0em;margin-left:0em}
.listDetails .atomTemplateContent{padding:1.33333em;margin-bottom:1em;max-height:350px;overflow:auto;border:2px solid #f0f0f0}

/*eclassrooms all*/
#classroomTabs,#ecoursesTabs,#profileTabs,#userlistTabs,.forums .tabs,#uploadTabs .ui-tabs-nav,.eClassroom .ajax__tab_header{margin-bottom:16px}
#classroomTabs,#uploadTabs .ui-tabs-nav,#ecoursesTabs,#profileTabs,#userlistTabs,.forums .tabs,.eClassroom .ajax__tab_header,.forums .themes .tile{border-bottom:2px solid #f0f0f0}

.tabs>.ajax__tab_header>span:last-child,.subTabs>.ajax__tab_header>span:last-child{margin-right:0}
.headerFilters{width:45%;float:right;text-align:right;padding-top:12px}
.layoutModeBox{width:80px;float:right;padding-top:4px}
.layoutModeBtn{display:inline-block;width:24px;height:16px;margin-left:1em}
.gridLayout{background-position:0 -4790px}
.tilesLayout{background-position:0 -4835px}

.sortBox,.filterBox{float:right}
.sortBox .moreActionsMenu{width:170px}
.filterBox .moreActionsMenu{width:120px}

.detailsDesc{margin-bottom:2.28571em}
.details h2{font-size:2em;line-height:1.33333em;margin-bottom:0.66667em;font-weight:lighter}
.activityList .moreBar{margin-bottom:0}

.listDetails .tileDesc{display:none}/*zacasno, dokler ne odstranimo dodajanje tileDesc*/
.listDetails .eContentList .tile{width:49.05063291139241%}
.listDetails .eContentList .tileDesc{display:block}
/*.listDetails .eContentList .tileName{line-height:1.125 multiplier instead of em (for 1px difference in chrome)}*/
/*.listDetails .eContentList .tileName .name{display:block;height:2.25em;overflow:hidden;text-overflow:ellipsis}*/

/*eclassrooms grid mode*/
#mainContent.gridLayout #column1{width:auto;float:none;margin-right:0}
#mainContent.gridLayout #column2{display:none}
/*hide scrollbar on grid layout*/
#mainContent.gridLayout .mCSB_container{margin-right:0}
#mainContent.gridLayout .mCustomScrollBox{height:auto ! important;overflow:visible ! important}
#mainContent.gridLayout .mCSB_container{overflow:visible ! important}
#mainContent.gridLayout .mCustomScrollBox .mCSB_scrollTools{display:none ! important}
#column1 a.hidden,#column1 tr.hidden:not(.hide-if-no-paging){display:none}
.tile.shown{display:block}
tr.shown{display:table-row}
#mainContent.gridLayout #column1 a.tile{display:none}

.noData{display:none}

/*certificates*/
#certificateMain {
    position: absolute; /*width:100%;height:100%;*/
    width: 210mm;
    height: 297mm;
    padding: 10mm;
    line-height: 1 !important;
    border: 1px solid #ddd;
    background-repeat: no-repeat;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#certificateMain.landscape {
    height: 210mm;
    width: 297mm
}

#certificateContent {
    position: relative;
    overflow: hidden /*resizable and draggable bug - prevent escaping*/;
    height: 100%; /*background-color:#fff;*/
    border: 1px dashed #ddd; /*padding:10mm;*/
    line-height: inherit !important;
    font-size: 9px /*tu je font manjsi, ker se v pdf-ju uporabljajo vecje dimenzije potrdila - popraviti!*/;
}

#certificateContent p {
    font-size: inherit;
    line-height: inherit;
    margin-bottom: 0
}

.preview #certificateContent {
    border: 1px solid transparent
}

.popupCertPreview #certificateMain {
    position: relative;
    margin: -150px auto;
    transform: scale(0.65);
}

.popupCertPreview .cancelBtn {
    margin: -30px 0 30px 0;
}

/*editor*/
.popupCertPreview .field {
    position: absolute;
    height: 100px;
    width: 100px;
    top: 0;
    left: 0; /*border:1px dashed #ddd;*/
    color: #000;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*community*/
.tilePrintCertificate .tileText{padding-top:0.2em}
.myProfile .tileText .tileName, .messageList .tileText .tileName, .forumList .tileText .tileName,.chatroomList .tileText .tileName,.tilePrintCertificate .tileName{font-size:1.66667em;line-height:1.2em}
.myProfile .tileText .name, .messageList .tileText .name, .forumList .tileText .name,.chatroomList .tileText .name{text-transform:none}
.tile.myProfile .tileAdditional,.messageList .tileAdditional,.forumList .tileAdditional{font-size:1.16667em;line-height:1.14286em}
.tileList.messageList .tileContent .tileNum, .tileList.forumList .tileContent .tileNum{float:none;text-align:left;width:85%}/*predvideno za 27 znakov*/
.tileList.forumList .tileContent .tileNum{width:auto}
.tileList.messageList .tileContent .tileNumB,.tileList.forumList .tileContent .tileNumB{position:absolute;top:0;right:0;width:10%;padding:1.33333em 1.33333em 0 0}
.messageList .tileDesc,.chatroomList .tileDesc{display:none}/*zacasno, dokler ne odstranimo dodajanje tileDesc*/
.messageList .tileText{width:85%;float:none}
.forumList .tileText{width:auto;float:none}
.tileList.messageList .tileNum .tileNum1,.tileList.forumList .tileNum .tileNum1,.tileList.chatroomList .tileNum .tileNum1{font-size:1em;line-height:1.33333em}
.messageList .tileNum .tileNum2,.forumList .tileNum .tileNum2,.chatroomList .tileNum .tileNum2{display:none}/*zacasno*/
.chatroomList .tileText{float:none;width:auto}
.tileList.chatroomList .tileContent .tileNum{width:auto;float:none;text-align:left}
.tileList.messageList .tileContent .tileNumB{text-align:right}
.tileList.messageList .tileContent .tileNumB .tileNum1{font-size:1.33333em}
.tileList.forumList .tileContent .tileNumB{display:none}

.group.pmList{margin-bottom:0}
.pmList .icon{display:none}
.pmList .tileContent{padding-bottom:0}
.pmList .tileText{width:auto;float:none}
.pmList .tileNum{width:auto;float:none;text-align:left}
.pmList .tileDesc{padding-top:0}
.pmList .tileDesc1{display:block;height:4.00000em;overflow:hidden;font-size:1.66667em;line-height:1.2em}
.pmList .name{display:block;height:1.2em;overflow:hidden;line-height:1.2em;text-overflow:ellipsis}

.forumList .tileContent{padding-bottom:0}
.forumList .tileDesc1{display:block;font-size:1.16667em;line-height:1.14286em;height:4.00000em;overflow:hidden}
.forumList .tileNum,.forumList .tileNumB{display:none}

.recipients{max-height:200px;overflow:auto;margin-bottom:10px}
.recipients span{display:inline-block;position:relative;white-space:nowrap;margin-right:10px;margin-bottom:10px;font-size:14px;line-height:16px;padding:6px 28px 8px 8px;background-color:#fff;border:1px solid #ccc;cursor:pointer}
.recipients span:hover{background-color:#f7f7f7;border-color:#aaa}
.recipients span:after{content:"";display:block;width:12px;height:12px;position:absolute;top:50%;margin-top:-6px;right:8px;background:url(/statika/style/baseImg/ec4_icons.png) no-repeat -25px -935px}

/*news*/
.newsCategoryLink{display:block;font-size:2em;font-weight:lighter;line-height:1em;padding:0.41667em 0.5em;text-decoration:none}
.newsSubcategoryLink{display:block;font-size:1.66667em;font-weight:lighter;line-height:1.20000em;padding:0.5em 0.6em 0.5em 1.2em;text-decoration:none}

.newsDetails #column1{width:30.6931%;margin-right:3.9604%}
.newsDetails #column2{float:left;width:65.3466%}
.newsDetailLink{display:block;padding:1em 0;text-decoration:none}
.newsDetailLinkTitle{font-size:2em;font-weight:lighter;line-height:1em}
.newsDetailLinkDate{font-size:1.16667em;}
.newsDetailLinkContent{font-size:1.16667em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.newsDetailsBody{padding-top:1em}

/*my profile*/
.myProfile{height:12.00000em}
.myProfile .tileProgress,.myProfile .tileNum,.myProfile .tileNum2{display:none}/*zacasno, dokler ne odstranimo dodajanje v kodi*/
.myProfile .tileContent{padding:0;height:12.00000em}
.tile.myProfile .icon{width:12em;height:12em;float:left;margin-right:1em;background-position:center center;background-size:cover;background-repeat:no-repeat}
.tile.myProfile .tileText{text-align:left;padding:1.33333em 1.33333em 0 0;width:auto;float:none;height:100px;overflow:hidden}
.tile.myProfile .tileNumB{text-align:left;padding:0 1.33333em 1.33333em 0;width:auto}
.tile.myProfile .tileNum1{display:block;font-size:1em;line-height:1.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/*colleagues and objectList*/
.colleaguesList .tileContent{padding:0;position:static}
.colleaguesList .tileNum{display:none}/*zacasno, dokler ne odstranimo v kodi*/
.colleaguesList .tile .icon{width:100%;height:0;padding-bottom:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;float:none;margin-right:0}
.colleaguesList .tileData.hasImage,.colleaguesList .tile.active .tileData.hasImage{background-color:#fff}/*da ni vdino ozadje ob resizu slik*/
.tile.myProfile .icon img, .colleaguesList .tile .icon img{max-width:100%;max-height:100%}
.colleaguesList .tile .tileText{float:none;width:100%;position:relative}
.colleaguesList .tileName{width:100%;font-size:1.16667em;line-height:1.28571em}
.colleaguesList .tileText .name{text-transform:none;display:block;padding:0.57143em 1.14286em}
.studentOfficeList{margin-bottom:1em}
.studentOfficeList.colleaguesList .tileText .name, .colleaguesList .tileText .name .euUporabnikIme{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.colleaguesList .tile .tileDesc{display:none;height:12em;position:relative}
.colleaguesList .tile .moreBar{margin:0;padding-bottom:0;position:absolute;bottom:1.33333em}
.colleaguesList .tile .moreBtn{margin-left:0}
.colleaguesList .euUporabnikTip{display:block}

.objectList{max-height:550px;overflow:auto;margin-bottom:1.33333em;background-color:#f0f0f0}
.objectListTop .inlineBtnBar{width:45%;float:left}
.objectListTop .objectType{width:50%;float:right;text-align:right}
.objectType .transpBtn:last-of-type{margin-right:0;padding-right:0}
.objectListBottom .objectListBar1{width:50%;float:left}
.objectListBottom .objectListBar2{width:50%;float:right}
.objectListBottom .objectListBar2 .inlineBtn{float:right;margin-right:0;margin-left:1em}
.objectList .tile{width:135px;/*height:128px;*/float:left;margin:0 18px 18px 0}
.objectList .tileData{position:relative;height:auto}

/*.objectList .tileProgress dodamo v ostale style!*/
.objectList .tileProgress{background-color:transparent;background-position:right -3935px;display:block;float:none;height:40px;position:absolute;right:0;width:40px;z-index:2000}
.objectList .tile.selected .tileProgress{background-position:right -3980px}
.objectList .tileContent{padding:0;position:relative;height:135px/*170px*/}
.objectList .tile .icon{background-position:0 -650px;background-repeat:no-repeat;float:none;height:60px;width:60px;position:absolute;top:17px;left:35px;margin:0}

.objectList .tile.objAccess .icon{background-position:0 0}
.objectList .tile.objExcel .icon{background-position:0 -65px}
.objectList .tile.objWord .icon{background-position:0 -130px}
.objectList .tile.objPpt .icon{background-position:0 -195px}
.objectList .tile.objPdf .icon{background-position:0 -260px}
.objectList .tile.objFlash .icon,.lightboxImageOrig.objFlash .icon,.lightboxImageThumb.objFlash:after,.lightbox.objFlash .objIcon{background-position:0 -325px}
.objectList .tile.objVideo .icon,.lightboxImageOrig.objVideo .icon,.lightboxImageThumb.objVideo:after{background-position:0 -390px}
.lightbox.objVideo .objIcon{background-image:none}/*sicer se prikazejo dve ikoni*/
.objectList .tile.objAudio .icon{background-position:0 -455px}
.objectList .tile.objTxt .icon{background-position:0 -520px}
.objectList .tile.objDbase .icon{background-position:0 -585px}
.objectList .tile.objFile .icon{background-position:0 -650px}
.objectList .tile.objZip .icon{background-position:0 -715px}
.objectList .tile.objIframe .icon,.lightboxImageOrig.objIframe .icon,.lightboxImageThumb.objIframe:after,.lightbox.objIframe .objIcon{background-position:0 -780px}
.objectList .tile.objImage .icon{background-position:center center;width:100%;height:0;padding-bottom:100%;top:0;left:0;background-size:cover}

.objectList .tile .tileText{float:none;position:static;width:auto}

.objectList .tileName{background-color:#000;font-size:inherit;line-height:inherit;/*height:35px;*/position:absolute;bottom:0;width:100%}
.objectList .tileText .name{text-transform:none;padding:0.5em}
.objectList .tileText .name .filename{height:16px}
.objectList .tileText .name .objectName{display:block;color:#fff;font-size:1em;line-height:1.33333em;height:16px}
.objectList .tileText .name .objectDate{display:block;color:#aaa;font-size:0.91667em;line-height:1em}

#objListTable .icon{width:16px;height:16px}
#objListTable .objAccess{background-position:0 0px}
#objListTable .objExcel{background-position:0 -20px}
#objListTable .objWord{background-position:0 -40px}
#objListTable .objPpt{background-position:0 -60px}
#objListTable .objPdf{background-position:0 -80px}
#objListTable .objFlash{background-position:0 -100px}
#objListTable .objVideo{background-position:0 -120px}
#objListTable .objAudio{background-position:0 -140px}
#objListTable .objTxt{background-position:0 -160px}
#objListTable .objDbase{background-position:0 -160px}
#objListTable .objFile{background-position:0 -160px}
#objListTable .objZip{background-position:0 -160px}
#objListTable .objIframe{background-position:0 -180px}
#objListTable .objImage{background-position:0 -200px}

/*CSS inline ikone za dokumente (atomshow)*/
.inlineObjIcon{display:inline-block;background-color:#666;font-size:0.786em;color:#fff !important;font-weight:bold;padding:0 0.75em;text-decoration:none;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.25);
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.25);
}
a.inlineObjIcon:hover{opacity:0.75}
.inlineObjIcon.txt{background-color:#666}
.inlineObjIcon.pdf,.inlineObjIcon.audio,.inlineObjIcon.image,.inlineObjIcon.video,.inlineObjIcon.flash{background-color:#ff0000}
.inlineObjIcon.word,.inlineObjIcon.excel,.inlineObjIcon.powerpoint,.inlineObjIcon.access,.inlineObjIcon.dbase{background-color:#1ba0e1}
.inlineObjIcon.zip{background-color:orange}

.inlineObjIcon:before{display:inline-block}
.inlineObjIcon.txt:before{content:"TXT"}
.inlineObjIcon.word:before{content:"WORD"}
.inlineObjIcon.excel:before{content:"EXCEL"}
.inlineObjIcon.powerpoint:before{content:"POWERPOINT"}
.inlineObjIcon.dbase:before{content:"DBASE"}
.inlineObjIcon.access:before{content:"ACCESS"}
.inlineObjIcon.pdf:before{content:"PDF"}
.inlineObjIcon.audio:before{content:"AUDIO"}
.inlineObjIcon.image:before{content:"IMAGE"}
.inlineObjIcon.video:before{content:"VIDEO"}
.inlineObjIcon.flash:before{content:"FLASH"}
.inlineObjIcon.zip:before{content:"ZIP"}
.inlineObjIcon.file:before{content:"FILE"}

#lightBoxForm table .labelCell{width:20%}
#lightBoxForm table .lbImgCell{width:45%;padding-right:3%}
.lightboxImageOrig,.lightboxThumbBox{width:400px;height:300px;background:#fff;border:1px solid #ddd}/*po potrebi povozimo v slogu*/

.lightboxImageOrig{position:relative}
.lightboxImageOrig .icon{background-repeat:no-repeat;height:60px;width:60px;position:absolute;top:120px;left:170px}
.lightboxImageOrig.objImage .icon{width:auto;height:100%;position:static;background-size:contain}
.lightboxImageOrig img{max-width:100%;max-height:100%;width:auto;height:auto}

.lightboxImageThumb.objImage{width:400px;height:400px;max-width:100%;max-height:100%;position:relative}
.lightboxImageThumb:not(.objImage){width:250px;height:180px;position:relative}
.lightboxImageThumb:after{content:'';display:block;width:60px;height:60px;position:absolute;top:60px;left:95px}
.lightboxImageThumb.objImage:after{display:none}
.lightboxImageThumb.objImage{background-repeat:no-repeat;background-size:contain}
#lightBoxForm .objectName{padding-bottom:0.5em}
#lightBoxForm .objectType{padding-bottom:0.5em;font-size:0.85714em;line-height:1em;color:#666}
.ratioLock{margin-left:0.5em;display:inline-block;width:27px;height:24px;vertical-align:top;background-position:0 -5960px;cursor:pointer}
.ratioLock.off{background-position:0 -6005px}

/*lightbox na atomu*/
.lightbox span.objIcon{display:block;width:60px;height:60px;position:absolute}
.lightbox.objVideo:not(.noIcon),.lightbox.objImage:not(.noIcon),.fancybox:not(.noIcon),.fancyvideo:not(.noIcon){background-color:#999}
.lightbox.objVideo:not(.noIcon) img,.lightbox.objImage:not(.noIcon) img,.fancybox:not(.noIcon) img,.fancyvideo:not(.noIcon) img{opacity:0.75}
.lightbox.objVideo:not(.noIcon):hover img,.lightbox.objImage:not(.noIcon):hover img,.fancybox:not(.noIcon):hover img,.fancyvideo:not(.noIcon):hover img{opacity:1}
.lightbox.objVideo:not(.noIcon):after,.lightbox.objImage:not(.noIcon):after,
.fancybox:not(.noIcon):after,.fancyvideo:not(.noIcon):after,.lightbox.objFlash:not(.noIcon):after{display:block;content:'';width:100%;height:100%;position:absolute;top:0;left:0;background-repeat:no-repeat;background-position:center center}
.lightbox.objVideo:not(.noIcon):after,.fancyvideo:not(.noIcon):after,.lightbox.objFlash:not(.noIcon):after{background-image:url(/statika/style/baseImg/thumbPlay.png)}
.lightbox.objImage:not(.noIcon):after,.fancybox:not(.noIcon):after{background-image:url(/statika/style/baseImg/thumbZoom.png)}

/*prettyphoto*/
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(/statika/style/baseImg/prettyphoto/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(/statika/style/baseImg/prettyphoto/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(/statika/style/baseImg/prettyphoto/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(/statika/style/baseImg/prettyphoto/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(/statika/style/baseImg/prettyphoto/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(/statika/style/baseImg/prettyphoto/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(/statika/style/baseImg/prettyphoto/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(/statika/style/baseImg/prettyphoto/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(/statika/style/baseImg/prettyphoto/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(/statika/style/baseImg/prettyphoto/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(/statika/style/baseImg/prettyphoto/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{width:30px;height:30px;background:url(/statika/style/baseImg/prettyphoto/sprite.png) 2px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(/statika/style/baseImg/prettyphoto/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(/statika/style/baseImg/prettyphoto/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(/statika/style/baseImg/prettyphoto/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(/statika/style/baseImg/prettyphoto/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(/statika/style/baseImg/prettyphoto/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(/statika/style/baseImg/prettyphoto/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(/statika/style/baseImg/prettyphoto/loader.gif) center center no-repeat}

div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(/statika/style/baseImg/prettyphoto/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(/statika/style/baseImg/prettyphoto/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(/statika/style/baseImg/prettyphoto/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details{position:relative}

.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}
/*prettyphoto end*/

/*oznacevanje uporabnikov*/
.colleaguesList .tile .tileProgress{display:block;float:none;height:40px;position:absolute;right:0;width:40px;z-index:2000;/*mora biti nad tileContent, sicer klik ne dela prav*/background-position:right -3935px;background-color:transparent}
.colleaguesList .tile.selected .tileProgress{background-position:right -3980px}

/*communication*/
.messageList .tileProgress,.messageList .tileContent .icon,
.forumList .tileProgress,.forumList .tileContent .icon,
.chatroomList .tileProgress,.chatroomList .tileContent .icon{display:none}/*zacasno, dokler ne odstranimo dodajanje v kodi*/

/*admin*/
.iconLink{font-size:1.33333em;text-decoration:none;display:block;padding:1em 5px 1em 0/*;background-position:16px -690px*/}
.iconLink:not(.simpleLink){padding:0.563em 5px 0.563em 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iconLink:not(.simpleLink):before{content:'';display:inline-block;width:31px;height:30px;margin:0 14px 0 16px;vertical-align:middle;background-position:0 -695px/*default icon books*/}
.iconLink.simpleLink{background-image:none;padding:1em}
.linkGroup .iconLink:first-letter{text-transform:lowercase}

.tile.simpleTileLink{font-size:1.33333em;margin-bottom:0}
.simpleTileLink .tileProgress,.simpleTileLink .icon,.simpleTileLink .tileNum,.simpleTileLink .tileAdditional{display:none}
.simpleTileLink .tileText{float:none;width:auto}
.simpleTileLink .tileData{position:static}
.simpleTileLink .tileContent{position:static;padding:1em}
.simpleTileLink .tileName{font-size:inherit}
.simpleTileLink .tileName .name{text-transform:lowercase}

.tile.licence .icon{background-position:0 -2805px}

/*vsi so zamaknjeni za -12px po visini*/
.iconLink.iconFindUsers:before{background-position:0 -2538px}
.iconLink.iconGroupsOverview:before{background-position:0 -2584px}
.iconLink.iconUserAccess:before{background-position:0 -2628px}
.iconLink.iconOverview1:before{background-position:0 -2673px}
.iconLink.iconOverview2:before{background-position:0 -2718px}
.iconLink.iconEcontentOverview:before{background-position:0 -695px}
.iconLink.iconChildEcontents:before{background-position:0 -3125px}
.iconLink.iconCommunication:before{background-position:0 -3528px}
.iconLink.iconNewsOverview:before,.iconLink.iconNewsCategories:before{background-position:0 -737px}
.iconLink.iconMetaData:before{background-position:0 -2765px}
.iconLink.iconLicences:before{background-position:0 -2807px}
.iconLink.iconPortalAnalysis:before{background-position:0 -2855px}
.iconLink.iconAdCampaigns:before{background-position:0 -2900px}
.iconLink.iconOrders:before{background-position:0 -2944px}
.iconLink.iconSettings:before{background-position:0 -2989px}
.iconLink.iconTranslations:before{background-position:0 -3033px}
.iconLink.iconEventLog:before{background-position:0 -3079px}
.iconLink.iconCertificate:before{background-position:0 -7130px}

/*profile*/
#mainContent.profile #column1{width:65.3466%;margin-right:0}/* 2/3 */
#mainContent.profile #column2{float:right}/* 1/3 */
.formView{width:100%}
.profileImgBox{width:190px;height:190px;background-position:center center;background-repeat:no-repeat;background-size:cover}
.profileImgBox.hasImage{background-color:transparent}
.profileImgBox img{max-width:100%;max-height:100%}
.profileImgBox.userBlank img{display:none}

.profileFormContent{position:relative;min-height: 227px;}
.profileContent1{margin-right:170px}
.profileContent2{width:140px;position:absolute;top:0;right:0}
.form .profileContent1 td.labelCell, .form div.labelCell {width:40%}
.profileContent2 .profileImgBox{width:140px;height:140px}
.profileContent2 .profileUploaderBox #fileUploader{width:100%}
.profileContent2 .qq-upload-button{width:108px}
.profileContent2 .qq-uploader{width:108px}
.profileContent2 .profileUploaderRemove a{width:108px;text-align:center}
#profileBottom{display:none}
.profileMoreDataBtn{margin-bottom:.5em}
#profileMoreData{background-position:right -5240px}
#profileMoreData.icon2{background-position:right -5285px}
#profileMoreData{float:left;margin-left:0}
.profileFormContent .qq-upload-list{display:none}

/*referat*/
#column1 .eIndexColumn,#column1 .adminExamsColumn, #column1 .adminExamsColumnContent, #column2 .examsColumn, #column2 .adminDiplomeColumn{max-height:38.66667em}
.adminExamsColumnContent,.adminDiplomeColumn,.examsColumn{margin-bottom:1.33333em}
#studentOfficeColumns{position:relative}
#studentOfficeColumn3 .columnContent{margin-bottom:1.33333em}
#column3 .pnlDiplomeUporabnik .group a.tile:last-of-type{margin-bottom:0}
.myExamDate .icon{background-position:0 -3215px}
.examDate{background-position:16px -3160px}
.diploma .icon{background-position:0 -3260px}
.eIndex .tile{cursor:default}/*niso linki*/
.eIndex .myExam .icon{background-position:0 -785px}
.eIndex .tileText{margin-left:44px;float:none;width:auto}
.eIndex .tileAdditionalTxt{display:block;width:49%;float:left;}
.eIndex .tileNum1{display:block;float:right;font-size:1.33333em;width:49%;text-align:right}

.diplomaReview pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;overflow-wrap:break-word;max-width:494px}

/*.columns123 .column{} : default*/
.columns12 #column1{width:65.3466%;margin-right:0}/* 2/3 */
.columns12 #column2{float:right;margin-right:0}/* 2/3 */
.columns12 #column3{display:none}

.columns13 #column1{width:65.3466%;margin-right:0}
.columns13 #column2{display:none}
	
.columns23 #column1{display:none}
.columns23 #column2{width:65.3466%;margin-right:0}

.columns1 #column1{width:65.3466%;margin-right:0}/* 2/3 (100% je prevec) */
.columns1 #column2, .columns1 #column3{display:none}

.columns2 #column2{width:65.3466%;margin-right:0}/* 2/3 (100% je prevec) */
.columns2 #column1, .columns2 #column3{display:none}

/*forumi*/
.tile.forum .icon{background-position:0 -3530px}
.themeList .icon,.themeList .tileProgress{display:none}/*zacasno*/
#column1 .forums .tileNum .tileNum1{display:block;height:15px}
.forums .tileNum .tileNum1.new{background-position:right -3305px}
.forums .tileNum .tileNum2{display:block}
.listDetails #column2 .detailsHeader{position:relative}
#column2 .forumHeader{position:relative;margin-bottom:2.5em}
#column2 .forumHeader .detailsHeader{position:static;padding-bottom:0 ! important}

.detailsHeader .detailsAdditional{position:absolute;bottom:0;font-weight:lighter}
.forums .detailsHeader .detailsAdditional{position:static;font-weight:normal}
.ecourses .detailsHeader .detailsAdditional{position:static;font-weight:normal}
.detailsAdditional .detailsAdditional1,.detailsAdditional .detailsAdditional2{/*font-size:2em;line-height:1em;*/display:block}
.forums .detailsHeader .detailsAdditional1,.forums .detailsHeader .detailsAdditional2{font-size:1.167em}
.forums .detailsHeader .forumNoThemes{font-weight:bold}
.forumCommandBtns{position:absolute;bottom:0}
.forumCommandBtns .inlineBtn{margin-bottom:0 ! important}
.forumLastPost{/*padding:1.33333em;*/margin-bottom:2.5em}/*border gre v style;background je lahko pri vecini genericen*/
.forumLastPost .moreBar{display:none}
.ecourses .detailsAdditional .detailsAdditional1{font-size:inherit;line-height:inherit}
.forums .themes{margin-bottom:1.33333em}
.forums .themes .tile{margin-bottom:0;background-color:transparent;color:#333}
.forums .themes .tile:hover{background-color:transparent}
.forums .themes .tile .icon{width:33px}
.forums .themes .tileData{padding:1.33333em}
.forums .themes .tileContent{padding:0;position:relative}
.forums .themes .tileNum{position:absolute;right:0;text-align:right;bottom:0}
.forums .themes .tileNum2.new{position:absolute;top:0;right:0;text-align:right;background-position:0 -6815px;padding-left:20px}

.themeList .tileText,.themeList .tileContent .tileNum{float:none;width:auto}
.themeList .tileContent .tileNum{text-align:left}
.themeList .tileName{font-size:2em;line-height:1.33333em}
.themesGrid .authorName{font-style:italic;text-decoration:none}
.themeList .tileNum .tileNum1{font-size:1em;line-height:1.33333em}

.themesGrid tr.gridPager,.themesGrid tr.gridPager:hover,.themesGrid tr.gridPager tr,.themesGrid tr.gridPager tr:hover{background-color:transparent}
.themesGrid tr.gridPager>td{padding-top:1.33333em}
.themesGrid tr.gridPager>td td{padding-left:1.33333em}

.tile.theme .icon{background-position:0 -3348px}
.titleBtns{float:left;margin-right:2em;padding-top:5px}
.detailsSubTitle h2{float:left}
.detailsSubTitle .moreBar{margin-bottom:0;padding-top:8px;padding-bottom:0}

/*forumi teme in sporocila*/
.forumThemeHeader .detailsImg{display:none}/*zacasno*/
.listDetails .forumThemeHeader .detailsHeaderData{float:none;padding-left:0}
.detailsHeader h1 .tileHeader2{font-size:0.53333em}
.listDetails #column2 .forumThemeHeader .detailsHeader{height:auto}
.forumThemeHeader .detailsHeader .detailsAdditional{position:static;font-weight:normal}
.forumThemeHeader .detailsAdditional .detailsAdditional1, 
.forumThemeHeader .detailsAdditional .detailsAdditional2{font-size:1em;line-height:1.33333em}

table.themesGrid{width:100%}
.themesGrid tr{cursor:default}
.forumPost{position:relative;padding:1.33333em}
.lastPostInfo,.postDataCell{font-size:1.167em;line-height:1.429em}
.lastPostInfo{padding:1.33333em;padding-bottom:0/*margin-bottom:1.143em*/}
.lastPostInfo a{font-weight:bold}
.lastPostInfo a:link,.lastPostInfo a:visited{text-decoration:underline}
.lastPostInfo a:hover,.lastPostInfo a:active{text-decoration:none}
.forumPost:after{content:'';display:block;clear:both}
.userImgCell{/*vertical-align:top;padding:0.5em 0.5em 0.5em 1.33333em;*/width:50px;height:50px;position:absolute}
.forumPostBody{margin-left:65px}
.postDataCell{vertical-align:top;padding-bottom:0.5em;/*padding:0.5em 0.5em 0.5em 0.5em*/}
.forumPostInfo{font-size:1em;padding-bottom:1.33333em}
.forumPostInfo a:link,.forumPostInfo a:visited{text-decoration:underline}
.forumPostInfo a:hover,.forumPostInfo a:active{text-decoration:none}

.postActionsCell{padding:0.5em 1.33333em 0.5em 0.5em;width:25px;vertical-align:middle}
.userImgCell .userImg{width:50px;height:50px;background-position:center center;background-repeat:no-repeat;background-size:cover}

/*.themesGrid .postBtn,.pmJoinedMessageHeader .postBtn,.tablesort .postBtn,.footable .postBtn*/.postBtn{display:inline-block}
.themesGrid .postBtn{margin-right:1.5em}
.footable .postBtn:first-child{margin-left:0}
.postReply{/*margin-bottom:10px;*/width:19px;height:16px;background-position:right -1415px}
.postEdit{/*margin-bottom:10px;*/width:16px;height:16px;background-position:right -5330px}
.postDelete{width:16px;height:16px;background-position:right -5375px}
.postAlert{width:14px;height:15px;background-position:right -7175px}
.postEcontents{width:17px;height:16px;background-position:right -7040px}
.postBlank{background-image:none !important}
.tablesort .postBtn,.footable .postBtn,.datalane .postBtn{margin-left:10px}
.tablesort .postEdit,.footable .postEdit{margin-bottom:0}
.postLikeBtn.liked:after{display:inline-block;content:'';width:13px;vertical-align:middle;height:10px;background-position:right -6860px}

.forumPostList{position:relative;padding-bottom:30px}
.forumPostsPager{display:none}
.forumPostList .forumPostsPager{position:absolute;bottom:0;width:100%;text-align:right;height:25px;display:block}
.forumPostsPager>span{display:block}
.forumThemesPager{margin-top:1.33333em;bottom:0;width:100%;text-align:right;height:25px;display:block}
.forumPagerBtn{display:inline-block;height:25px;width:25px;vertical-align:middle;margin-left:1em}
span.forumPagerBtn{opacity:0.3}
.forumPagerBtn.first{background-position:right -6680px}
.forumPagerBtn.prev{background-position:right -6725px}
.forumPagerBtn.next{background-position:right -1550px}
.forumPagerBtn.last{background-position:right -6770px}
.forumPagerBtn.current,a.forumPagerBtn.numeric{background-image:none;width:auto;padding:0.2em 0.5em 0;height:auto;font-weight:bold;text-decoration:none;color:#333}
a.forumPagerBtn:link,a.forumPagerBtn:visited{opacity:0.6}
.forumPagerBtn.current,a.forumPagerBtn:hover,a.forumPagerBtn:active{opacity:1}

.themeSubject,.postReplyBox{padding-bottom:1em}
.newPostForm{padding-top:0}/*position:relative*/
.newPostForm.new{margin-bottom:1.33333em}
.newPostSeparator{background-color:#f0f0f0;border-bottom:1px solid #f6f6f6;border-top:1px solid #e5e5e5;height:1px}
.newPostSeparator.typeTop{margin-bottom:1.33333em}
.newPostSeparator.typeBottom{margin-top:1.33333em}
.newPostForm.new .newPostSeparator.typeBottom{display:none}
.txtEditorSeparator{display:inline-block;background-color:#f0f0f0;border-right:1px solid #f6f6f6;border-left:1px solid #e5e5e5;height:20px;width:1px;margin:0 0.5em}

/*.newPostDisable{background-color:#fff;height:100%;left:0;opacity:0.7;position:absolute;top:0;width:100%;z-index:1000;display:none}*/

.smallTxtEditorControls{padding-bottom:1em}
.txtEditorBtns{float:left;width:60%;height:20px}
.postNotificationBox{float:right;width:35%;text-align:right}
.txtEditorBtn,.smiley{display:inline-block;margin-right:0.5em;width:20px;height:20px;background:#c4ccce url(/statika/style/baseImg/smallTxtEditor.png) no-repeat;background-size:20px 360px}/*orig 40 x 720px*/
.smileyBox .txtEditorBtn{background-color:transparent}
.txtEditorBtn:hover{background-color:#a2a8aa}
.btnBold{background-position:center top}
.btnItalic{background-position:center -22.5px}
.btnUnderline{background-position:center -45px}
.btnLink{background-position:center -67.5px;position:relative}
.btnSmiley{background-color:transparent;background-position:center -112.5px;position:relative}
.smileyBox,.hyperlinkForm,.smallPopup{display:none;position:absolute;left:0;bottom:20px;width:400px;padding:1em;background-color:#fff;border:1px solid #ccc;
    box-shadow:3px 3px 2px 1px #ccc;
    -moz-box-shadow:3px 3px 2px 1px #ccc;
    -webkit-box-shadow:3px 3px 2px 1px #ccc;
}
.smallPopup h2{margin-bottom:0.5em}
.smallPopup .inlineBtnBar .inlineBtn{margin-bottom:0}
.smiley{background-color:transparent;vertical-align:bottom}
.btnSmiley1,.smiley.type1{background-position:center -135px}/* [:)] */
.btnSmiley2,.smiley.type2{background-position:center -157.5px}/* [:D] */
.btnSmiley3,.smiley.type3{background-position:center -180px}/* [:|] */
.btnSmiley4,.smiley.type4{background-position:center -202.5px}/* [:o] */
.btnSmiley5,.smiley.type5{background-position:center -225px}/* [:(] */
.btnSmiley6,.smiley.type6{background-position:center -247.5px}/*[:cry]*/
.btnSmiley7,.smiley.type7{background-position:center -270px}/*[:blush}*/
.btnSmiley8,.smiley.type8{background-position:center -292.5px}/*[:geek]*/
.btnSmiley9,.smiley.type9{background-position:center -315px}/* [>:)] */
.btnSmiley10,.smiley.type10{background-position:center -337.5px}/* [;)] */

.smallTxtEditor .inpTextarea{width:100%;font-size:1.167em;height:6em;resize:vertical}

.newPostBottomControls{padding-top:1em}
.newPostAttachement{float:left;width:60%}
.newPostBottomControls .inlineBtnBar{float:right;width:35%}
/*.newPostAttachement .qq-uploader{margin-top:0}*/
.forums .quote{padding:0.5em}

/*.hyperlinkForm .inlineBtnBar .inlineBtn,*/.forumPost .inlineBtnBar .inlineBtn{margin-bottom:0}

/*atom*/
.atomshowTbl{width:100%}
.atomshowTbl .sideNav{display:none}
.sideNav{vertical-align:middle;cursor:pointer}
.sideNav.blank{cursor:default}
.sideNav.prev{text-align:left}
.sideNav.next{text-align:right}
.sideBtnIcon{display:inline-block;width:22px;height:27px;opacity:0.2}
.prev .sideBtnIcon{margin-left:5px;background-position:0 -4115px}
.next .sideBtnIcon{margin-right:5px;background-position:0 -4160px}
.prev.blank .sideBtnIcon,.next.blank .sideBtnIcon{background-image:none}

.page_predstavitevspletaja,.page_atomshow{min-width:950px}
.atomshow #headMenu1{width:50%}
.atomshow #headMenu2{width:50%}
.atomshow #headMenuContent .search{margin-right:3%}
.atomshow #headMenu{position:static;float:none;height:auto;padding-top:0;width:auto}
.atomshow #headMenuContent{width:auto;}
.atomshow #headTop2,.atomshow #headTop1{display:none}
.atomshow #headMenuContent a.home{padding-bottom:0}
.atomshow #headMenu1 .txtlink{display:none}
.atomshow #column1 .columnContent{position:relative}
.atomshow .subcolumn1{width:732px}/*.visProgress*/
.atomshow .atomWide .subcolumn1,.atomshow.scormshow .subcolumn1{float:none;width:auto}/*,.atomshow .columnWide .visProgress*/

.atomshow .introImg{max-width:100%;height:auto}
.atomshow .subcolumn1{float:left}
.atomshow .subcolumn2{width:202px;float:right}
.atomshow.atomWide .subcolumn1{float:none;width:auto}

/*barve za oznacevanje besedila - povozimo po potrebi*/
.FontColor1BG{background-color:#ffff00}
.FontColor2BG{background-color:#f89748}
.FontColor3BG{background-color:#ff0000}
.FontColor4BG{background-color:#83adf7}
.FontColor5BG{background-color:#29b90d}
.FontColor6BG{background-color:#aaaaaa}

.fullscreenPage{padding-top:1.33333em}
.fullscreenPage .atomContent iframe.editorObject{width:100% !important}
.slideBox{/*max-width:916px;*/position:relative}
.slideBox img{width:100%}/*da se poveca, ce je manjsi*/
.slideBox a{display:block;position:absolute}
.atomType20{min-height:0 !important}
.atomType20 > p:last-child{margin-bottom:0;font-size:0}

.atomBtns{height:40px;margin-bottom:1.33333em}
.btnsGroup1{float:left;margin:4px 0;width:282px/*550px*/;position:relative}
.btnsGroup2{float:right;width:240px}
.atomBtn,.titleBack{display:block;width:32px;height:32px;float:left;margin-right:3%;opacity:0.4;cursor:pointer}
.atomBtn:hover,.atomBtn.active,.titleBack:hover,.titleBack.active,.atomBtn.next:hover{opacity:1}
#backToStart.atomBtn{background-position:0 -200px}
#contents.atomBtn,.atomBtn.atomEditMenu{background-position:0 -920px}
#favourite.atomBtn{background-position:0 -335px}
#myProgress.atomBtn{background-position:0 -380px}
#sendMessage.atomBtn{background-position:0 -425px}
#files.atomBtn{background-position:0 -470px;position:relative;}
#files.atomBtn .objectsCount{display:block;width:18px;height:18px;top:-5px;right:-5px;background-color:#ec1757;border-radius:50%;text-align:center;position:absolute;color:#fff;font-size: 11px;line-height:14px;}
#textSize.atomBtn{background-position:0 -515px}
#atomMore{background-position:0 -7265px;display:none}
.atomBtn.prev{background-position:0 -605px}
.atomBtn.next{background-position:left -4025px;opacity:0.6}
.atomBtn.key{background-position:0 -6950px}
.atomBtn.next.nextLogin,.atomBtn.next.nextNoAccess,.atomBtn.next.nextCart{background-position:right -4025px;opacity:0.6;font-weight:lighter;font-size:2em;line-height:1em;height:30px;margin-left:0;margin-right:0;padding:7px 50px 3px 0;text-align:right;text-decoration:none;color:#333}
.atomBtn.next.nextLogin{width:140px}
.atomBtn.next.nextCart{width:250px}
.atomBtn.next.nextNoAccess{width:350px;background-position:right -6905px}
.atomBtn.lastRead{background-position:right -4070px}
#textSize.atomBtn{margin-right:0}
.titleBack{background-position:0 -605px}
.infoTxt{margin-bottom:1.25em}

.btnsGroup2 .prev,.btnsGroup2 .next,.btnsGroup2 .lastRead{float:right}
.btnsGroup2 .next{margin-right:0;margin-left:15px;width:40px;height:40px}
.btnsGroup2 .prev,.btnsGroup2 .lastRead{margin-right:0;margin:4px 0}
.btnsGroup2 #estLearningTime{float:right;width:120px;font-size:1.33333em;padding-top:4px;padding-right:20px;text-align:right;color:#c0c0c0}
.btnsGroup2 #estLearningTime.timeUncomplete{color:#FF6801}/*po potrebi povozimo v slogu*/
.ui-effects-transfer{z-index:10000;background-position:0 -1145px}/*sicer se lahko skrije pod kazalo*/

.menu .menuHeader{text-transform:uppercase;padding:2em 1em 1em 1em}
.menuItem{margin-bottom:1px;position:relative}
.atomName{display:block;font-size:1.16667em;line-height:1.14286em;padding:0.35714em 1.14286em;text-decoration:none}
div.atomName{cursor:default}
.toggleMenuChildren,.menuSpacer{position:absolute;width:26px;height:100%;z-index:95} 
.toggleMenuChildren:before{content:'';display:block;width:auto;height:16px;background-position:center -1048px}
.toggleMenuChildren.opened:before{background-position:center -1093px}
.menuGroup .menuSubGroup{display:none}
.menuItem.active+.menuSubGroup{display:block}/*direct children of active atom are visible*/
.menuGroup .menuGroup{padding-left:8px}
.menuItemIcons{position:absolute;z-index:1000;right:0;width:32px;height:16px;padding:0.35714em}
.menuItemIcon{width:16px;height:16px;float:right;margin-left:5px;}
.menuItemIcon.important{background-position:0 -1145px}

.menuGroup .toggleMenuChildren,.menuGroup .menuSpacer{width:26px}
.menuGroup .atomName{margin-left:26px;margin-right:31px}

.econtentSearchBox{margin-top:0.5em}
.classroomSearchBox{max-width:250px}
.searchBox{padding:2px;position:relative}
.groupsOverview .searchBox{width:250px;float:right;padding-right:20px}
.inputSearchInner{border:0 none;outline:0 none;float:left;width:85%}
.searchBtnInner{width:16px;height:16px;margin-top:2px;cursor:pointer;background-position:0 -4655px;position:absolute;top:50%;margin-top:-8px;right:5px}

#textSizeOptions{position:absolute;left:283px;top:2px;/*float:left;margin-left:5px;*/width:170px;/*height:22px;*/padding:5px 15px}
.textSizeBtn{width:15px;height:15px;float:left}
#tsMinus.textSizeBtn{background-position:center -1095px;margin-right:5px}
#tsPlus.textSizeBtn{background-position:center -1050px;margin-left:5px}
#textSizeLabel{width:30px;float:right;font-size:1.66667em;text-align:right;line-height:1em}
#textSizeOptions .ui-slider{position:relative;text-align:left;float:left;width:100px;margin-top:5px}
#textSizeOptions .ui-slider-horizontal {height:0.8em}
#textSizeOptions .ui-slider .ui-slider-handle{cursor:default;display:block;height:1.2em;position:absolute;width:1.2em;z-index: 2}
#textSizeOptions .ui-slider-horizontal .ui-slider-handle {margin-left: -0.6em;top: -0.2em;}

.visProgress{line-height:0.66667em;margin-bottom:0.5em;cursor:default}
.vpItem{width:4.870218579234973%;height:0.66667em;display:block;float:left;margin-right:0.3%;cursor:pointer}
.vpItem:last-child{margin-right:0}

#graphProgress{position:absolute;top:0 !important;z-index:1001;width:283px/*100%*/;display:none/*height:200px*/}
.graphProgressContent,#graphProgressContent{padding:2em 1em 1em 1em}
.graphProgressBox{}
.graphProgressBox:first-child{margin-top:0;padding-top:0;border:0 none}
.graphProgressSeparator{height:1px;margin:2.083em 0;opacity:0.5;background-color:#fff}
#graphProgressCanvas{float:left}
.graphProgressText{float:left;margin-left:1.5em;width:90px}
.graphProgressText3{margin-top:1.5em}
.graphProgressText1{font-size:3.333em;font-weight:lighter;line-height:1em}
.graphProgressPercent1{/*font-size:3.333em;font-weight:lighter;line-height:1em*/}
.graphProgressPercent2{font-size:1.25em;line-height:1em}
.graphProgressPercent3{font-size:0.700em}

.atomContent{padding:1.33333em;min-height:550px}
.atomObjekt .atomContent{min-height:0;padding:0}
.atomObjekt .atomContent>h1:first-child{display:none}
.atomObjekt .mq{margin-bottom:0}

.atomContent h1{text-transform:uppercase}
.atomContent p,.atomContent ul,.atomContent ol,.column .columnContent ul,.column .columnContent ol,
.atomContent table{font-size:1.16667em;line-height:1.28571em;margin-bottom:1.28571em}
.atomContent table.answerOverview ul{font-size:inherit !important}
.atomContent a.link_block{text-decoration:underline;cursor:pointer}

/*nova obdelava za alineje - iz ec4*/
.alinejaNavadnaNivo1+.alinejaNavadnaNivo1,.alinejaNavadnaNivo1+.alinejaNavadnaNivo2,
.alinejaNavadnaNivo1+.alinejaPostopekNivo2,
.alinejaNavadnaNivo2+.alinejaNavadnaNivo1,.alinejaNavadnaNivo2+.alinejaNavadnaNivo2,
.alinejaPostopekNivo1+.alinejaPostopekNivo1,.alinejaPostopekNivo1+.alinejaPostopekNivo2,
.alinejaPostopekNivo1+.alinejaNavadnaNivo2,
.alinejaPostopekNivo2+.alinejaNavadnaNivo1,
.alinejaPostopekNivo2+.alinejaPostopekNivo1,.alinejaPostopekNivo2+.alinejaPostopekNivo2,
.alinejaNavadnaNivo2+.alinejaPostopekNivo1{margin-top:-0.786em !important}/*margina med alinejami istega tipa je 18-11 = 7px*/

.atomContent .mq{margin-bottom:0}

.atomContent table p, .atomContent table ul.correctAnswerList {
    font-size: inherit
}/*za mq in navadne tabele v vsebini*/
/*.atomContent table:not(.mqTable) p{margin-bottom:0}samo za navadne tabele*/

.atomContent ul,.column .columnContent ul{list-style-type:square;margin-left:3.9em}
.atomContent ol,.column .columnContent ol{list-style-type:decimal;margin-left:3.9em}
.atomContent ul ul{font-size:1em;margin-bottom:0;list-style-type:circle}
.atomContent li:not(.tabsLi){line-height:1.28571em;margin-bottom:0.50000em;padding-left:0.1em}/*za ul in ol*/

.atomContent object{display:inline-block;outline:0 none;font-size:0;line-height:0}/*FF, ie8, Chrome, opera, safari - poravnava, border*/
	
.atomComment{padding:1.33333em;margin-bottom:1.33333em;}
.atomComment .commentTitle{padding-left:40px;font-size:1.33333em;line-height:2em;margin-bottom:0.5em}
.atomComment.type1 .commentTitle{background-position:0 -875px}/*zanimivost*/
.atomComment.type2 .commentTitle{background-position:0 -875px}/*nasvet*/
.atomComment.type3 .commentTitle{background-position:0 -875px}/*opozorilo*/
.atomComment.type4 .commentTitle{background-position:0 -965px}/*cas ucenja*/
.atomComment.type5 .commentTitle{background-position:0 -1010px}/*gradivo dostopno*/
.atomComment.type6 .commentTitle,.atomComment.type7 .commentTitle{background-image:none;text-align:left;padding-left:0}/*kratka vsebina, mnenje uporabnika, */
.atomComment.type8 .commentTitle{display:block;margin-bottom:0;line-height:1.5em;background-position:0 -5195px;text-decoration:none}
.atomComment.type5 .atomComment .commentTitle{margin-bottom:0}
.atomComment.type10{border-top:4px solid #999}
.atomComment ul{list-style-type:square;margin-left:2em}
.atomComment p:last-child{margin-bottom:0}
	
.myComments{clear:both;padding:1.33333em 0}
.myComments .moreBar{margin-bottom:0;width:60%;padding-top:1em;float:left}
.myComments .moreBar .more{float:right}
.myComments .moreBar .more:first-letter{text-transform:lowercase}
.moreBar .moreText{float:left;margin-left:0}
.myCommentsAdd{background-position:right -5240px;float:left;margin-left:0}
.myCommentsAdd.opened{background-position:right -5285px;}
.addComments,.commentContainer{margin-top:1.33333em}
.addComments .inpTexarea{width:100%;height:100px}
.addComments .inlineBtnBar{width:50%;float:left}
.addComments .moreBar{float:right;width:40%}
.userComment{padding:0 1.33333em;cursor:pointer}
.userComment p{width:90%;float:left;line-height:1.33333em;padding:0.66667em 0}
.userComment .tileAdditional{font-weight:bold}
.userCommentEdit{float:right;width:5%;height:32px;display:none;background-position:right -1907px}
.userComment:hover .userCommentEdit{display:block}

/*gamification comments*/
.commentTabs .moreText{padding:10px;cursor:pointer}
.commentTabs .moreText:not(.active){opacity:.6}
.commentTabs .moreText:hover{opacity:1}
.commentContainer{background-color:#f0f0f0;padding:1em;position:relative}
.commentContainer .commentContent{}
#newComment,#previousComments{position:relative}
#previousComments{margin-bottom: 15px;min-height:50px}
.commentContainer .profilePic{width:50px;height:50px;position:absolute;background-color:#fff;background-position:center center;background-repeat:no-repeat;background-size:contain}
.userBlank{background:url(/statika/style/baseImg/userBlank.png) no-repeat center center;background-size:contain}
#commentInputDiv, .commentContainer .previousCommentContent,.commentContainer .inlineBtnBar.commentBtns,#addedAttachments{padding-left:65px}
#commentInputDiv{padding-bottom:1em}
#addedAttachments{display:none;margin-bottom:1em}
.commentContainer .userName{color:#147fb3;font-style:italic}
.commentContainer .commentDateLike,.commentContainer .commentDateLike a{color:#777;margin-top:5px}

#userNoteBox1{width:75%;float:left}
.addComments .inlineBtnBar{float:right;width:23%}

.previousCommentContent p{margin-bottom:0 !important}
#showAllComments{padding:20px;cursor:pointer;text-align:center;opacity:.7}
#showAllComments:hover{opacity:1}
#showAllComments span{background-position:right -6229px;padding-right:15px}

#showAllComments.active span{background-position:right -6274px}
.singleComment .singleAttachment{margin:6px 15px 0 0;float:left;text-decoration:underline}
.singleComment a{color:#777}
.singleComment .commentAttachmentIcon{background-position:1px -5779px;width:20px;height:15px;float:left}
#addAttachment .browseAttachment{margin:0;width:100%;padding-left:0;padding-right:0}

#reportComment{width:300px;min-height:100px;background-color:#ccc;position:absolute;top:-50px;right:226px;z-index:9000}
#addAttachment{width:400px;min-height:100px;bottom:10px;left:65px;z-index:9000}
#addAttachment .attachmentContainer,#addAttachment .error{padding-top:1em;/*padding:10px*/}
#attachedFiles{padding-bottom:0.5em}
#addAttachment .singleAttachment{padding:5px 0;border-bottom:1px solid #ddd;border-top:1px solid #fff}
#addAttachment .singleAttachment:first-child{border-top:0 none}
#addAttachment .singleAttachment:last-child{border-bottom:0 none}

.singleAddedAttachment{float:left;margin-left:1.5em;padding:5px;border:1px solid #ccc;cursor:default}
.singleAddedAttachment:hover{background-color:#fff}
#addedAttachmentsLbl{float:left;padding:5px 0;border:1px solid transparent}

.attachmentName{float:left;max-width:60%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.attachmentSize{float:right;text-align:right}
.removeAttachment{float:right;width:15px;height:15px;margin-left:1.5em;cursor:pointer;background-position:right -5375px}

#attachmentOverlay{width:100%;height:100%;z-index:5000;position:absolute;top:0;left:0}

#previousComments .reportButton{cursor:pointer}
#reportComment{height:205px;width:415px;padding:10px}
#reportComment .commentInstructions{margin:5px 0}
#reportComment .inlineBtnBar{}

#previousComments .reportButton:hover, #previousComments .likeButton:hover{text-decoration:none}
/*gamification comments end*/

.mq{margin-bottom:1.33333em;clear:both/*da se floating slike ne prikazujejo cez mq*/}
.mqContent{padding:1.33333em;position:relative/*gamification joker*/}
.mqTitle{font-weight:bold;position:relative;padding-right:35px;
    font-size: 1.16667em;
    line-height: 1.28571em;
    padding-bottom: 1.28571em;
}
.mqEditBar{width:30px;height:30px;position:absolute;top:0;right:0}
.mqEditBtn{display:block;width:30px;height:30px;background-position:-15px -3390px}
.mq table{width:100%;margin-bottom:0}
.answerOverview .mq table{font-size:inherit;margin-top:0.5em}
.answerOverview .mq table .mqLabelCell p{margin-bottom:0.5em}
.answerOverview .mqTitle{font-size:inherit;line-height:inherit}
.answerOverview .inlineBtn{font-size:0.857em}
.mq .inlineBtnBar{margin-bottom:0}
.mq.mqtekst .inlineBtnBar,.mq.mqtekstarea .inlineBtnBar{margin-top:1.333em}
.mqAnswer,.mqOthersAverage{display:none;padding:1.33333em}
.content .mqAnswer p,.content .mqOthersAverage p{margin-bottom:0}
.othersAverageGraph{background-color:#fff;border:1px solid #ccc;display:inline-block;line-height:10px;margin-left:15px;padding:2px 0;vertical-align:bottom;width:200px}
.othersAverageBar{display:inline-block;height:10px;line-height:10px;vertical-align:top}
.answerOverview{margin-bottom:0 !important}
.questionDataCell{width:20%;/*padding-bottom:1.33333em;*/vertical-align:top}
.answerOverview .questionDataCell h2{margin-bottom:5px;position:relative/*joker*/}
.questionDataCell .inlineBtnBar{margin-bottom:0;margin-top:1em}
.answerDataCell{/*padding-bottom:1.33333em;*/vertical-align:top}
.mq textarea{width:100%;height:150px}
.mq .inputTxt,.mq input[type="text"]{width:66%}
.questionDataCell .answerIcon{width:25px;height:24px}
.questionDataCell .answerIcon.correct{background-position:right -1955px}
.questionDataCell .answerIcon.incorrect{background-position:right -2000px}
.mqInputCell .answerIcon{width:16px;height:16px}
.mqInputCell .answerIcon.correct{background-position:0 -4562px}
.mqInputCell .answerIcon.incorrect{background-position:0 -4607px}
.mqInputLabel,.mqLabelCell{/*font-size:14px;line-height:18px;*/padding-bottom:1.28571em}/*namesto margin na p; font size deduje od .atomContent table*/
.mqInputLabel label,.mqLabelCell label{display:block}
.mqInputLabel p,.mqTitle p,.mqLabelCell p{font-size:inherit !important;line-height:inherit !important;margin-bottom:1.28571em}
.mqInputLabel p:last-of-type,.mqTitle p:last-of-type,.mqLabelCell p:last-of-type{margin-bottom:0 !important}

.mq .inlineBtnBar .inlineBtn{margin-bottom:0}

.questionReviewBox{position:relative}
.questionReviewBox .labels{position:absolute;z-index:100;top:0;right:0;margin-right:0;text-align:right}
.jokerLbl{color:#fff;padding:2px 5px;font-size:12px;float:left;/*margin-right:10px;*/text-transform:uppercase;background-color:#ec1757}

/*razvrscanje*/
.questionSortContent{padding:1.143em 0}
.answerBox{position:relative;padding:0.4em;padding-left:2em;font-weight:normal}
.answerBox p{font-size:1em;line-height:1.28571em;margin-bottom:0}
.iconBox{display:block;width:20px;height:100%;position:absolute;top:0;left:0;background-color:#aaa}
.iconBox:before{content:'';display:block;width:20px;height:22.5px;background:url(/statika/style/baseImg/razvrscanjeIcons.png) 0 0;background-size:20px 45px}
.sortAnswers{list-style-type:none ! important;margin:0 ! important;padding:0;}
.sortAnswers li{margin:0;padding:0;background-color:#ddd;color:#000;border-bottom:1px solid #fff}
/*normal*/
.ui-sortable-handle{cursor:move}
.sortAnswers .ui-sortable-handle:hover{background-color:#ccc}
/*drag*/
.sortAnswers .ui-sortable-helper,.sortAnswers .ui-sortable-helper:hover{background-color:#c5d8f6;opacity:0.95}
.ui-sortable-helper .iconBox{background-color:#90b4ee}
.ui-sortable-helper .iconBox:before{background-position:0 -22.5px}
/*placeholder*/
.sortAnswers .ui-sortable-placeholder{background-color:#90b4ee;visibility:visible ! important;background-color:#999}
.sortAnswers li,.ui-sortable-placeholder{font-size:1em;min-height:2.071em}/*tole se mora ujemati*/
.sortAnswers li p{margin-bottom:0;font-size:inherit}
/*pregled odgovorov*/
#pregledOdgovorov .sortAnswers{margin-left:30px ! important}
.mq .stateIcon{background-position:-3px -4610px;height:16px;width:16px;left:-30px;position:absolute;top:10px}
.mq .stateIcon.correctAnswer{background-position:0 -4565px}

.editQuestion .form td.labelCell{width:25%}

/*ujemanje*/
.questionMatchContent{padding:1.143em 0;margin-bottom:0}
.questionMatchContent:after{content:'';display:block;clear:both}
.dropArea{margin-bottom:8px;position:relative;min-height:36px;}/*visina mora tocno ustrezati visini .question in .answer polj, sicer pride do zamika pri snappingu*/
.dropArea::after{content:"";display:block;clear:both}
.dropArea .question,.dropArea .answer{position:absolute;top:0;min-height:36px;width:45%;color:#000;cursor:default;}/*naj se lahko prilagaja po visini*/

.dropAreaBox{padding:8px}
.dropArea .question .dropAreaBox{padding-right:25px}
.dropAreaBox p:last-child{margin-bottom:0}

.dropArea p img{margin-bottom:-4px}
.dropArea p img[align="left"]{margin:5px 10px 5px 0}

.dropArea .question{background-color:#ccc;border-radius:4px 0 0 4px}
.dropArea .question::after{content:"";display:block;height:20px;width:16px;position:absolute;right:-1px/*ie*/;top:8px;background-color:#f0f0f0;border-radius:4px 0 0 4px}
.dropArea .answer{left:50%;background-color:#ccc;cursor:move;float:right;border-radius:0 4px 4px 0}
.dropArea .answer::before{content:"";display:block;height:20px;width:16px;position:absolute;left:-15px/*ie*/;top:8px;background-color:#ccc;border-radius:4px 0 0 4px}
/*.dropArea .answer.moved{left:45%}*/
.dropArea .docked{left:45%}

.notDragging .answer:hover{background-color:#a7a7a7}
.notDragging .answer:hover::before{background-color:#a7a7a7}
.answer.ui-draggable-dragging{background-color:#a7a7a7;opacity:0.95}
.answer.ui-draggable-dragging::before{background-color:#a7a7a7}
		
.dropArea.ui-state-hover{background-image:none;background-color:transparent;border:0 none;font-weight:normal}
.dropArea.ui-state-hover .question{background-color:#a7a7a7}

#pregledOdgovorov .questionMatch{margin-left:30px ! important}

/*zapolnjevanje*/
.mqzap .mqTitle{font-weight:normal;line-height:2.571em;padding-bottom:0}
.mqzap .mqTitle div[id="vprasanje_id"]{font-weight:bold}
.mqzap .mqTitle p,.mqzap .userAnswers p,.mqzap .correctAnswers p{line-height:1.75em}
.mqzap .mqTitle p:last-child,.mqzap ul.correctAnswerList{margin-bottom:0}
.mqzap .inlineBtnBar{margin-top:1.28571em}
.answerDataCell .zapolnjevanjeVnosnoPoljeEditor,.answerDataCell .zapolnjevanjeSpustniSeznamEditor,.mqzap .mqTitle div[id="questionZapTxt"] .zapolnjevanjeVnosnoPoljeEditor,.mqzap .mqTitle div[id="questionZapTxt"] .zapolnjevanjeSpustniSeznamEditor{font-weight:bold;border:1px solid #999;padding: 0 0.25em}
#pregledOdgovorov .mqzap .mqTitle{margin-bottom:1.5em}
#tblZapolnjevanje{width:auto;margin-bottom:1em}
#tblZapolnjevanje td{vertical-align:middle}
#tblZapolnjevanje .zapolnjevanjeTekst{width:400px;margin-right:1em}
#tblZapolnjevanje .btnDeleteSmall{margin-right:1em}

/*otp/otn urejanje*/
#otp .content{width:698px}/*maksimalna sirina MV na ozjem atomu; sama slika je lahko max 668px*/
#otp .imageQuestion,#otn .imageQuestion{position:relative;background-repeat:no-repeat;background-size:contain;width:634px;}
#otn .imageQuestion{width:500px;float:left}
#otn .fieldLables{width:190px;float:left;margin-left:10px}
.otError{float:left;width:60%}
.otError p{display:none}

#otp .field,#otn .field{position:absolute;height:100px;width:100px;top:0;left:0;background-color:green;border:1px dashed #fff;opacity:0.3;font-size:20px;line-height:30px;text-align:center;color:#fff;cursor:move}
#otp .field.active,#otn .field.active{opacity:0.50}
#otp .fieldHandleA,#otp .fieldHandleB,
#otn .fieldHandleA,#otn .fieldHandleB{position:absolute;height:10px;width:10px;background-color:#fff;cursor:nw-resize;z-index:10000}

.otnLabel{padding-bottom:0.5em}
.otnLabel .otnPin{width:30px;height:30px;padding-top:10px;background:url(/statika/style/baseImg/otpRetinaSprite.png) no-repeat;background-position:0 -45px;background-size:162.5px 90px;color:#fff;text-align:center;float:left;margin-right:5px}
.otnLabel .otnInput{width:130px;float:left;margin-right:5px}
.otnLabel .inpTextarea{width:100%;font-size:1.16667em;height:3em;width:100%}
.otnLabel .otnDeleteField,.btnDeleteSmall{width:15px;height:15px;background-position:right -5375px}
.otnLabel .otnDeleteField{float:right;margin-top:1em}

/*otp*/
.mqotp .mqContent{padding:0}
.mqotp .mqTitle{padding-top:15px;padding-right:35px;padding-left:15px}
.mqotp .inlineBtnBar{padding:0 15px 15px 15px}
.mqotp .mqContent table[name="w3"] tr td:first-child{padding-left:1.33333em}
.mqotp .mqContent table[name="w3"] tr:last-child td:first-child{padding-bottom:1.33333em;padding-left:1.33333em}
.mqotp .mqContent table[name="w4"] tr td:first-child{padding-left:1.33333em}
.questionOtp.questionMain{width:auto;background-color:#efefef;padding-bottom:11px}
.questionOtp .questionContain{padding:40px 15px 4px}
.questionOtp .questionContain:after{content:'';display:block;clear:both}
.questionOtp .imageQuestion{position:relative;background-repeat:no-repeat;background-size:contain;width:634px}
.questionOtp .dragShadow,.questionOtp .drag{width:30px;height:44px;background-position:top center;background:url(/statika/style/baseImg/otpRetinaSprite.png) no-repeat;background-size:162.5px 90px;position:absolute}/*orig retina sprite 325x180px*/
.questionOtp .dragShadow{background-position:-97.5px 0;z-index:90/*900*/}
.questionOtp .drag{background-position:0 0;z-index:1000;cursor:move}
.answerDataCell .questionOtp .drag{background-position:0 0;z-index:91/*1000*/;cursor:default}
.questionOtp .drag.selected{background-position:-32.5px 0}
#pregledOdgovorov .questionOtp .drag{background-position:-130px 0;cursor:default}/*default is incorrect*/
#pregledOdgovorov .questionOtp .drag.correct{background-position:0 0}
.questionOtp .drag.ui-draggable-dragging{background-position:-65px 0}
.questionOtp .field,.questionOtn .field{position:absolute;background-color:green;opacity:0.3;border:1px dashed #fff;color:#fff;font-size:20px;line-height:30px;text-align:center}

/*otn*/
.mqotn .mqContent{padding:0}
.mqotn .mqTitle{padding-top:15px;padding-right:35px;padding-left:15px}
.mqotn .inlineBtnBar{padding:0 15px 15px 15px}
.mqotn .mqContent table[name="w3"] tr td:first-child{padding-left:1.33333em}
.mqotn .mqContent table[name="w3"] tr:last-child td:first-child{padding-bottom:1.33333em;padding-left:1.33333em}
.mqotn .mqContent table[name="w4"] tr td:first-child{padding-left:1.33333em}
.questionOtn.questionMain{width:auto;background-color:#efefef;padding-bottom:11px}
.questionOtn .questionContain{padding:40px 15px 4px}
.questionOtn .questionContain:after{content:'';display:block;clear:both}
.questionOtn .imageQuestion{position:relative;background-repeat:no-repeat;background-size:contain;width:634px}
.dragAnswerBox{min-height:44px;margin-bottom:10px}
.questionOtn .dragShadow,.questionOtn .drag{width:30px;height:34px;padding-top:10px;text-align:center;color:#fff;background:url(/statika/style/baseImg/otpRetinaSprite.png) no-repeat;background-size:162.5px 90px;position:absolute}/*orig retina sprite 325x180px*/
.questionOtn .dragShadow{z-index:90/*900*/;background-position:-97.5px -45px}
.questionOtn .drag{z-index:91/*1000*/;cursor:move;background-position:0 -45px}
.questionOtn .drag.selected{background-position:-32.5px -45px}
#pregledOdgovorov .questionOtn .drag{background-position:-130px -45px;cursor:default}/*default is incorrect*/
#pregledOdgovorov .questionOtn .drag.correct{background-position:0 -45px}
.questionOtn .drag.ui-draggable-dragging{background-position:-65px -45px}
.mqotn .dragAnswerTxt{width:125px;padding-left:35px}
.mqotn .dragAnswerTxt p{margin-bottom:0 !important}

/*testiranja*/
#honorCodeParent{background-color:#ffa800;color:#fff;padding:2em;margin:1em 0}
.content .topBar h2{margin-bottom:0}
.testTopLeft,.testTopRight{width:45%;padding-top:0.41667em}
.testTopLeft{float:left}
.testTopRight{float:right;text-align:right}
.timeLeftTitle{text-transform:lowercase}
/* oblika za graf na rezultatih testiranja - po potrebi povoziti v slogih*/
.rezultatiPolje{border-right:1px solid #ddd;border-left:1px solid #ddd;margin-bottom:2em}
.rezultatiCrte{height:5px}
.rezultatiCrte td,.rezultatiStevilke td{width:20%;border-right:1px solid #ddd}
.rezultatiPrag{height:54px;background-color:#86adf0}
.rezultatUspesno,.rezultatNeuspesno{position:absolute;margin-top:18px;height:18px}
.rezultatiStevilke{height:10px}
.rezultatiStevilke td{font-size:1em}

.finishTestLblBox{float:left;width:80%}
.finishTestBtnBox{float:right;width:19%}

/*testiranj print*/
.testPrint .mqContent{background:transparent;border:1px dashed #ccc}
.testPrint .dropArea .question{background:transparent;border:1px dashed #ccc;border-right:0 none}
.testPrint .dropArea .answer{background:transparent;border:1px dashed #ccc;border-left:0 none}

/*nov graf za testiranja*/
.testResultGraph{padding:6px 0 25px 0}
.graphBox{width:400px;height:60px;float:left;position:relative;border:1px solid transparent;margin:0 1.50000em 1.50000em 0;}
.graphBox.graphBoxWithOthers{height:102px}
.graphBox.active{border:1px solid #333}
.graphValues{float:left;width:220px}
.graphValue{float:left;/*width:70px;*/font-size:2.8em;line-height:1em;padding-top:12px;padding-right:12px;/*height:46px;*/font-weight:lighter}
.graphValue.positive,.graphValueTxt.positive{color:#2dac1c}
.graphValue.negative,.graphValueTxt.negative{color:red}
.graphValue.others{color:#fdba13;padding-top:9px}
.graphValueTxt{width:5.333em;float:left;padding-top:14px;font-size:1.25em;line-height:1em;text-transform:uppercase}
#testDiamondBox{float:left;width:25px;padding-top:28px}

.graphAll{position:absolute;z-index:10;width:100%;height:100%;background-color:#e6e6e6}
.graphTreshold{position:absolute;z-index:20;height:100%;background-color:#c0c0c0;
    -moz-box-sizing:border-box;
	box-sizing:border-box;
}
.graphTreshold.active{border:1px solid #333}
		
.graphResult,.graphResultOthers{position:absolute;z-index:30;height:24px;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.graphResult{top:18px}
.graphResultOthers{top:60px}
.graphResultOthers,.colorOthers{background-color:#fdba13}

.graphResult.positive{background-color:#2dac1c}
.graphResult.negative{background-color:red}
.graphResult.active,.graphResultOthers.active{border:1px solid #333}
		
.graphLegend{width:400px}
.graphLegend .legendItem{padding-bottom:5px;cursor:pointer}

.legendBox{width:18px;height:18px;margin-right:18px;float:left;
    -moz-box-sizing:border-box;
	box-sizing:border-box;
}
.graphLegend .legendItem.active .legendBox{border:1px solid #333}
		
.colorAll{background-color:#e6e6e6}
.colorTreshold{background-color:#c0c0c0}
.colorResult.positive{background-color:#2dac1c}
.colorResult.negative{background-color:red}

.legendText{float:left;color:#999;padding-top:2px}
.graphLegend .legendItem.active .legendText{color:#333}

.graphBox,.graphTreshold,.graphResult,.legendBox{
    transition: border-color 300ms;
	-moz-transition: border-color 300ms;
	-webkit-transition: border-color 300ms;
	-o-transition: border-color 300ms;
}

.legendText{
    transition: color 300ms;
	-moz-transition: color 300ms;
	-webkit-transition: color 300ms;
	-o-transition: color 300ms;
}

.ui-tabs-hide{display:none}
.atomContent .b2Tabs{margin-bottom:1.28571em}
.atomContent ul.tabsUl{list-style-type:none;margin-left:0;margin-bottom:0;font-size:1.500em;line-height:1em}
.atomContent ul.tabsUl li{display:block;float:left;margin-right:3%;/*padding-bottom:0.40000em*/}
.atomContent ul.tabsUl li:last-of-type{margin-right:0}
.atomContent ul.tabsUl a{display:block;text-decoration:none;outline:0 none}
.atomContent ul.tabsUl a span{display:block;padding-bottom:0.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;outline:0 none}
.b2Tabs .tabContent{padding-top:1.14286em;margin-bottom:1.14286em;margin-top:-4px}
.tabsPager{font-weight:bold}
.tabsPagerLabel{padding-right:5px}
.b2Tabs .tabsPagerItem{cursor:pointer;padding:0 0.357em}
.ui-tabs-nav:after{clear:both;content:" ";display:block}

.eContentPrices{width:50%}
.eContentPrices .pricesTitle{line-height:1.60000em}
.eContentPrices .pricesIcon{display:inline-block;height:25px;width:32px;background-position:0 -5195px;margin-right:10px}
.eContentPrices .form table{margin-bottom:0}
.eContentPrices .form table td.labelCell{text-align:left}
.eContentPrices .form tr:last-child td,.eContentPrices .form tr:last-child td{border-bottom:0 none}

.embeddedVideo object{max-width:100%;height:auto}

/*atomeditor*/
.wndsave{width:100%;height:100px;border:1px solid #999;display:none;overflow:auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
/*layout isti kot na atomshowu - lahko zdruzimo*/
.atomEdit #column1{width:22.6%;margin-right:0}
.atomEdit #column2{width:950px;float:right}
.atomEdit .titleBtns{width:auto;margin-right:0}
.atomEdit .titleBtns .titleBack,.atomEdit .titleBtns .atomBtn{margin-right:2em}
.atomEditTbl td.labelCell{width:105px;text-align:left}
.atomEditTbl td.inputCell{width:auto;text-align:left}
#atomEditFckRow td{padding-top:1em}
.atomEditOptions td.labelCell{width:20%}
.inlineBtnBar.atomEditBtns1{/*width:55%;*/float:left}
.inlineBtnBar.atomEditBtns2{width:40%;float:right;text-align:right}
.atomEditBtns2 a.inlineBtn:last-child{margin-right:0}
.objListNoObjects{display:block;padding:1em}
.objListError{display:block;font-size:1em;margin-bottom:1.33333em}
#origObjectDimensions{width:auto;margin-top:1em}
#origObjectDimensions td{padding-right:1em}

/*analize portala*/
#mainContent.analysis .group{margin-bottom:2em}

/*seminar*/
.lblSeminarDateTo{font-size:0.444em;color:#999;text-transform:lowercase}
.pnlSeminarDesc.asParagraph{margin-bottom:0.5em}
a.seminarInstructionsFile:link,a.seminarInstructionsFile:visited,.seminarHistoryItem a:link,.seminarHistoryItem a:visited{color:#147fb3}
a.seminarInstructionsFile:hover,a.seminarInstructionsFile:active,.seminarHistoryItem a:hover,.seminarHistoryItem a:active{color:#1ba1e2}
.pnlSeminarHistory{margin-bottom:1.333em}
h3#seminarHistoryToggle{margin-bottom:0.5em}
#seminarHistoryContent{max-height:150px;overflow:auto}
.seminarHistoryItem{/*padding:0.75em 0.5em;border-bottom:1px solid #ddd*/}
.historyComment{padding:0.5em;border-bottom:1px solid #ddd}
.seminarHistoryItem>.historyComment:nth-of-type(odd){background-color:#f0f0f0}/*default color, overwrite if necessary*/
.seminarHistoryItemDetails{padding-left:1.6em}
.seminarHistoryItem .asParagraph{margin-bottom:0}
.seminarHistoryItemTitle.asParagraph{margin-bottom:0.429em}
.seminarHistoryItemTitle a{font-weight:bold}
.seminarHistoryItemDate{font-size:0.857em;color:#999}
.seminarCorrect h3{color:#2dac1c}
.seminarInEval h3,.seminarIncorrect h3{color:orange}
.subactivityList .currentUser .tileProgress{display:none}

.form td.labelCell.seminarFileCell,.form td.inputCell.seminarFileCell{padding-top:0;padding-bottom:0.42857em;vertical-align:middle}
.lblSeminarFile,.inputCell.seminarFileCell .lbl,#seminarDialog .qq-upload-file{display:inline-block;line-height:32px}
#seminarDialog .qq-upload-file{font-weight:bold}
.inputCell.seminarFileCell .lbl{padding-top:0}
.lblSeminarFileDate{font-size:0.857em;margin-right:1em;color:#999}
#seminarDialog .fileUploader{float:left}
.lblSeminarFileOld{display:inline-block;float:left;margin-right:1em}
/*#seminarDialog .qq-uploader{margin-top:0}*/
#seminarDialog .qq-upload-button{float:right}
#seminarDialog .qq-upload-list{float:left}
#seminarDialog .qq-upload-list li{padding:0}
#seminarDialog .qq-upload-list .cancelBtn{display:inline-block;margin-right:1em}
#seminarDialog .qq-upload-size{display:none ! important}

.seminarFilter{display:inline-block;height:15px;padding-right:1em;cursor:pointer;position:relative;background-position:right -6229px}
.seminarFilter.opened{background-position:right -6274px}
.seminarFilter .moreActionsMenu{top:20px}
.seminarFilter .lblSeminarFilter{white-space:nowrap}

/*BI pregledi*/
/*genericne barve*/
.biGraphLegend .legendItem{margin-bottom:10px;cursor:pointer;position:relative;padding-left:1.5em}

.biGraphLegend .legendSquare{position:absolute;top:0.3em;left:0;width:0.5em;height:0.5em;border:1px solid #fff;/*float:left;margin:0.3em 0.5em 0 0*/}
.biGraphLegend .legendLbl{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*.biGraphLegend .legendLbl::first-letter{text-transform:uppercase}*/

.itemFailed .procentPredelano,.hrmStatBar.barFailed,.mentorStatItemColumn.itemFailed,.mentorStatBar.itemFailed,.legend0 .legendSquare{background-color:#c42d2e}
.itemFailed .divPredelano,.hrmStatItemTableColumnParent{border:1px solid #c42d2e}
.doughnutGraph path.segmentColor0{fill:#c42d2e}
.biStatus0{color:#c42d2e}

.itemActive .procentPredelano,.hrmStatBar.barActive,.mentorStatItemColumn.itemActive,.mentorStatBar.itemActive,.legend1 .legendSquare{background-color:#ffb609}
.itemActive .divPredelano{border:1px solid #ffb609}
.doughnutGraph path.segmentColor1{fill:#ffb609}
.biStatus1{color:#ffb609}

.itemCompleted .procentPredelano,.hrmStatBar.barCompleted,.mentorStatItemColumn.itemCompleted,.mentorStatBar.itemCompleted,.legend2 .legendSquare{background-color:#84aa33}
.itemCompleted .divPredelano{border:1px solid #84aa33}
.doughnutGraph path.segmentColor2{fill:#84aa33}
.biStatus2{color:#84aa33}

.doughnutGraph path.segmentColorNoData{fill:transparent}

.biTabs{box-shadow:inset 0px -4px 0px 0px #ddd;-webkit-box-shadow:inset 0px -4px 0px 0px #ddd;-moz-box-shadow:inset 0px -4px 0px 0px #ddd}
.tabStats{display:inline-block;width:20%;padding:1em;cursor:pointer;color:#7c7c7c;font-weight:lighter}
.tabStats.active{background-color:#f0f0f0;color:#333}
.biStatistics .bigNum{font-size:5em;line-height:1em;padding-bottom:0.190em;font-weight:lighter}
.biStatistics .smallerNum{font-size:3em;font-weight:lighter;line-height:1em;}
.biStatistics .smallestNum{font-size:1.5em;font-weight:lighter;text-transform:lowercase}
.biStatistics .bigNum .smallerNum{font-size:0.5em;}
.tabStats span{font-size:1.500em;line-height:1em}

/*moj profil - statistika*/
.biStatistics .tabContent{background:#f0f0f0;padding:10px;margin-bottom:1.5em;display:none}
.biStatistics .tabContent.active{display:block}
.biStatistics .tabContent1,.biStatistics .tabContent2,.biStatistics .tabContent3{display:inline-block;width:33%}

.biStatistics .list{display:none}
.biStatistics .list.active{display:block}

.biStatistics .listItems{float:left;width:50%;height:500px;max-height:500px;overflow:auto}
.biStatistics .listDetails{float:right;width:50%;/*height:500px;max-height:500px;overflow:auto*/}
.biStatistics .detailsScrollable{height:452px;max-height:452px;overflow:auto}
.biStatistics .mCSB_container{margin-right:3em}
.biStatistics .mCS_no_scrollbar{margin-right:0}
/*.biStatistics .mCSB_container{margin-right:0}*/
.biStatistics .listDetails .inlineBtnBar{text-align:right}

.biStatistics .list .profileStatItem{padding:25px;margin-bottom:10px;position:relative;background:#e4e4e4}
.biStatistics .profileStatItem .divPredelano{float:none}

.biStatistics .details{padding:0 0 10px 25px;display:none}
.biStatistics .details table{width:100%}
.biStatistics .details table th{text-align:left}
.biStatistics .list .details.active{display:block}

.biStatistics .profileStatItem .itemName{font-weight:bold;font-size:1.3em;margin-bottom:.3em}
.biStatistics .profileStatItem .itemName a{color:#000}
.biStatistics .itemData{width:30%;padding-right:20px;vertical-align:bottom}
.biStatistics .itemData .predelanoout{width:100%}

.biStatistics .box{border:1px solid #ddd;margin-bottom:1em}
.biStatistics .dataBar{height:2em;}
.biStatistics .dataBar.blue{background-color:#4db0dc}
.biStatistics .dataBar.red{background-color:#e75312}
.biStatistics button{padding:1em}

.biStatistics .initial .procentPredelano{width:0 !important}/*zacetno stanje*/
.biStatistics .procentPredelano{
	transition:width 200ms ease-out;
	-moz-transition: width 200ms ease-out;
	-webkit-transition: width 200ms ease-out;
	-o-transition: width 200ms ease-out;
}

.biStatistics .divPredelano{background-color:#fff;width:70%;height:7px;font-size:0;float:left}
.biStatistics .divPredelano .procentPredelano{height:7px}
.biStatistics .predelanoTxt{padding-left:5px;float:left}
	
.biStatistics .doughnutSummary{width:130px;height:130px;float:left;margin-left:15px}/*spremeniti v klaso*/
.doughnutGraph path, .doughnutGraph circle{cursor:pointer}
.doughnutGraph path.segment{stroke:#fff}
.doughnutGraph circle.segmentReset{fill:#fff;stroke:#ddd}
.doughnutGraph path.inactive,.doughnutGraph circle.inactive{fill:#999}
.biGraphLegend{width:170px/*200px*/;float:left;margin:30px 0 0 35px}
/*
.biStatistics .legendItem{margin-bottom:10px}
.biStatistics .legendSquare{width:5px;height:5px;border:1px solid #fff;float:left;margin-top:4px}
*/
.biStatistics .legendOpacity{opacity:0.2}

/*bi manager*/
.biStatistics.biManager{position:relative}
.biStatistics .managerCircle{width:40%;float:left}
.biStatistics .biSummaryNums{width:29%;float:left;padding-top:1em}

.biStatistics .listItem{padding:1em;margin-bottom:1em;cursor:pointer}
.biStatistics.biManager .listItem{margin-bottom:0}
.biManager .statItemEl1{width:60%;float:left}
.biManager .statItemEl2,.biManager .statItemEl3{width:20%;float:left}
.biStatistics .details{cursor:default}
.biStatistics .listItem:hover{background:#efefef}
.biStatistics .listItem.active{background-color:#ddd}
.biStatistics .listItem .itemName{font-weight:bold;font-size:1.3em;margin-bottom:.3em}
.biStatistics .listItem .itemName a{color:#000}
.biStatistics .itemData{width:30%;padding-right:20px;vertical-align:bottom}
.biStatistics .itemDataManager{width:30%}
	
.biStatistics .details table{width:100%}
.biStatistics .details table th{text-align:left}
.biStatistics .listItem.active .details{display:block;background:#ddd;}
.biStatistics .managerRightSide{padding-bottom:20px}
.biStatistics .managerRightSide h1 {font-size:2em}
.biStatistics .personNumberTop{padding-bottom:0.5em}

.biStatistics #biViewControls .inlineBtn:not(.active){background-color:#c0c0c0;color:#333;opacity:0.4;}
#biViewControls{position:absolute;top:0.667em;right:0;text-align:right}
#biViewControls .inlineBtn{display:block;float:right;margin:0.8em 0}
#biViewControls .inlineBtn.active{width:100px}
#subordinateAll+label{margin-right:0}
#biViewControls .lblSubordinateShow{vertical-align:middle;padding-right:0.75em}

/*hrm*/
.hrmStatItemTable{color:#333;background:#f0f0f0;margin-bottom:15px}
.hrmStatItemTable table{width:100%}
.hrmStatItemTable td{vertical-align:middle;padding:10px}
.hrmStatItemTable .cell1{width:5%;padding-right:0;vertical-align:top}
.hrmStatItemTable .cell2{width:40%}
.hrmStatItemTable .cell4{width:15%}
.hrmStatItem .itemName{font-size:1.3em;margin-bottom:.3em}
.hrmStatItemTable .itemName{font-size:1.1em;margin-bottom:.3em}
.hrmStatItemTable .itemDate,hrmStatItemTable .itemHead, .hrmStatItem .itemHead{font-size:.9em;font-weight:normal}
.hrmStatItem .itemName, .hrmStatItemTable .itemName{font-weight:bold}
	
.hrmStatItemTable .hrmStatBar,.mentorStatBar{font-size:.7em;float:left;height:100%;position:relative}
.hrmStatItemTable .hrmStatBar div,.mentorStatBar div{color:#fff;position:absolute;z-index:100;text-align:center;width:100%}

.biStatistics .initial .tableViewStat{width:0 !important}
.biStatistics .tableViewStat{
    width:100%;
     transition: width 200ms ease-out;
	-moz-transition: width 200ms ease-out;
	-webkit-transition: width 200ms ease-out;
	-o-transition: width 200ms ease-out;
}

.biStatistics .hoverDataContainer{position:absolute;z-index:10000;border:1px solid #1ba0e1;background-color:#fff;font-size:.8em;padding:.4em;width:180px;display:none}
.hrmStatItemTable .hoverDataContainer,.mentorStatItemTable .hoverDataContainer{top:-10px;left:-190px}
.biStatistics .hoverDataContainer .name{font-size:1.5em;margin-bottom:1em;font-weight:bold}
.biStatistics .hoverDataContainer p{margin:.1em}

/*mentorstvo ucilnica*/
.mentorViewBtns{text-align:right}
.mentorViewBtns .inlineBtnBar{text-align:right}
.mentorViewBtns .inlineBtnBar .inlineBtn{margin-top:0.8em;margin-right:0;margin-left:0.8em;}
.mentorViewBtns .inlineBtn:not(.active){background-color:#c0c0c0;color:#333;opacity:0.4;}
.mentorSummary{margin-bottom:1.5em;position:relative}
.mentorCircle{float:left;width:38%;padding-top:46px}
#mentorSummaryData{float:right;width:60%;height:370px;padding:0;overflow:hidden;position:relative}
	
#mentorGradivaTable,#mentorOddelkiTable{height:372px;max-height:372px}/*#mentorstvo .listContent.mCustomScrollbar*/
#mentorstvo .listContent .mCSB_container{margin-right:2em}
#mentorstvo .listContent .mCSB_container.mCS_no_scrollbar{margin-right:0}
#mentorstvo .listContainer{position:absolute;width:100%;height:100%}
#mentorstvo .listContainerSelector{position:absolute;bottom:3px;width:100%}
#mentorstvo .listContainerSelector .singleSelector{width:13px;height:13px;float:left;margin:4px;cursor:pointer;background-position: 0 -5825px}
#mentorstvo .listContainerSelector .singleSelector:not(.active){background-position: 0 -5870px}
#mentorstvo .listContainerSelector .singleSelector:not(.active):hover{background-position: 0 -5825px}
.mentorStatItem{margin-bottom:2%;width:49%;float:left}
.mentorStatItem .statGraph{padding:1.5em;background:#fff;border:1px solid #f0f0f0;cursor:pointer}
.mentorStatItem .itemHead{background-color:#f0f0f0;padding:5px}
.mentorStatItem.floatR{float:right}
.listContainer a:nth-child(odd) .mentorStatItem{margin-right:2%}
.mentorStatItem .details{cursor:default}
.mentorStatItem:hover{background:#efefef}
	
#mentorOddelki .statGraph{padding:0.5em 1em}
	
.mentorStatItemColumnParent{position:relative;width:25%;margin:0 4%}
.mentorStatItem,.mentorStatItemTable{color:black}
.mentorStatItemTable{height:50px;background:#F0F0F0;margin-bottom:15px;cursor:pointer}
.mentorStatItemTable td{vertical-align: middle;padding:0 10px}
.mentorStatItem .itemName{font-size:1.3em;line-height:1.5em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mentorStatItemTable .itemName{font-size:1.1em;margin-bottom:.3em}
.mentorStatItemTable .itemDate,mentorStatItemTable .itemHead,.mentorStatItem .itemHead{font-size:.9em;font-weight:normal}
.mentorStatItem .itemName, .mentorStatItemTable .itemName{font-weight:bold}
.mentorStatItemColumn{width:100%;margin:0 auto;float:left;position:absolute;bottom:0}
/*#mentorstvo .tableViewStat div:not(.hoverDataContainer){font-size:.7em;float:left;height:100%;display:table;text-align:center}*/
#mentorstvo .mentorSend{position:absolute;bottom:0;left:0}
#mentorSendMsg{margin:0}
	
#target.initial .procentPredelano,#target.initial .mentorStatBar{width:0 !important}
#target .procentPredelano,#target .mentorStatBar{
    transition: width 200ms ease-out;
	-moz-transition: width 200ms ease-out;
	-webkit-transition: width 200ms ease-out;
	-o-transition: width 200ms ease-out;
}
#target.initial .mentorStatItemColumn{height:0 !important}
#target .mentorStatItemColumn{
	transition: height 200ms ease-out;
	-moz-transition: height 200ms ease-out;
	-webkit-transition: height 200ms ease-out;
	-o-transition: height 200ms ease-out;
}	

#targetCircleCourses{float:left;width:49%}
#targetCircleCoursesEach, #targetCircleContentsEach{width:50px;height:50px;float:left}
#mentorLegendBox{display:table-cell;vertical-align:middle;width:170px}
#mentorLegendBox .biGraphLegend{/*margin-top:70px;float:left;width:170px*/margin-left:0;width:auto}

/*mehurcki*/
.graphListBox{padding:1em;background-color:#f0f0f0;margin-bottom:1.5em}
.graphListBox:after{content:'';display:block;clear:both;}
#mentorstvo #svgBox{float:left;width:60%;position:relative}
.bubblesGraph #svgBoxA{width:45px;height:358px/*348px + 5 + 5*/;position:absolute}
.bubblesGraph #svgBoxB{margin-left:45px;margin-right:10px;margin-top:5px;height:348px;background-color:#fff;/*border:1px solid #ccc;*/position:relative}
.bubblesGraph #svgBoxC{height:50px;margin-left:40px/*45-5*/}
	
#svgBox #graph,#svgBox #barChart{overflow:hidden}
#mentorDetailsTop{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #ddd}
#mentorDetailsTopDates{float:left;margin-top:22px}
/*crtni graf*/
.chartGraph #svgBoxA{width:80px;height:348px/*348px + 5 + 5*/;position:absolute}
.chartGraph #svgBoxB{margin-left:80px;margin-right:10px;/*margin-top:5px;*/height:348px;background-color:#fff;/*border:1px solid #ccc;*/position:relative}
.chartGraph #svgBoxC{height:50px;margin-left:75px/*45-5*/}
	
#listBoxParent{width:37%;height:400px;float:right;position:relative}
#listBox{overflow:auto;height:345px;margin-top:5px}
#listBox:after{content:'';display:block;clear:both}
#listBox .person{width:32%;padding:3px;margin:0 1% 1% 0;border:1px solid #ccc;background:#fff;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
#listBox .person.selected{background:#52b9e9;color:#fff}
#mentorstvo circle.selected,#mentorstvo rect.selected{fill:#52b9e9}
#mentorstvo .cellA{width:5%}
#mentorstvo .cellB{width:10%}
#mentorstvo .cellC{width:13%}
	
#bubblesBtns{position:absolute;bottom:0;right:0;width:100%}
#bubblesBtns .resetBtn{float:left}
#bubblesBtns #bubbleSendMsg{float:right}
#dataTable .divPredelano{width:70%}

/*bi start*/
#tileGraphBox.biDoughnut{padding-left:130px;position:relative}
#tileGraphBox .doughnutGraph{position:absolute;top:0;left:0;width:115px;}
#tileGraphBox .tileGraphTitle{font-size:1.33333em;text-transform:uppercase;max-width:100%;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
#tileGraphBox .biGraphLegend{margin-top:1.917em;margin-left:0;float:none;width:auto}
#tileGraphBox path,#tileGraphBox circle,#tileGraphBox .legendItem{cursor:default !important}

/*moj profil*/
.profileRightSide{padding-bottom:20px}
/*.profileRightSide h1{font-size:2em}*/
	
.profileRightSide .tile{margin-bottom:0;padding: 0.563em 16px 0.563em 16px;font-size:1.33333em;}
.profileRightSide .tileContent{padding: 0}
.profileRightSide .tileContent .tileName{font-size:1em}
.profileRightSide .tileText{/*width:100%;*/float:none;width:auto}
.profileRightSide .tileContent .tileText .name{display:block;text-transform:none;position:relative;padding:0 50px 0 45px;height:30px}
#gradivaPredIztekom .tileContent .tileText .name{padding-right:70px}
.profileRightSide .tileText .name:before{content:'';display:block;position:absolute;top:0;left:0}
.profileRightSide .bookIcon .tileText .name:before{background-position:0 -3125px;width:31px;height:30px}
.profileRightSide .certificateIcon .name:before{background-position:0 -7130px;width:30px;height:30px}
.profileRightSide .starIcon .tileText .name:before{background-position:0 -6635px;width:31px;height:28px}
.profileRightSide .filesIcon .tileText .name:before{background-position:0 -2855px;width:31px;height:30px}
.profileRightSide .ordersIcon .tileText .name:before{background-position:0 -2945px;width:31px;height:26px}
.profileRightSide .floatRabsolute{position:absolute;right:0;top:0.4em}
.profileRightSide .floatLabsolute{display:block;overflow:hidden;text-overflow:ellipsis;width:100%;white-space:nowrap;padding:0.4em 0 0.2em 0}
.profileRightSide .tileNum,.profileRightSide .tileAdditional{display:none}

/*sceheduleEdit*/
.scheduleEdit #calendar table{width:100%;position:relative;margin:10px 0}
.scheduleEdit #calendar th{vertical-align:middle}
.scheduleEdit #calendar th.headerDatum{text-align:right;vertical-align:bottom;padding:5px}
.scheduleEdit #calendar tr td:first-child{text-align:right}
.scheduleEdit #calendar td{padding:3px;vertical-align:top}
.scheduleEdit #calendar tr.lastHeaderRow th{line-height:21px}
.scheduleEdit #calendar .scheduledEvent,.scheduleEdit #calendar .helper{text-align:center}
.scheduleEdit #calendar .scheduledEvent:not(:first-child){margin-top:2px}
.scheduleEdit #calendar td .scheduledEvent{cursor:default}
.scheduleEdit #calendar div.ui-draggable{cursor:pointer}
.scheduleEdit .scheduledEvent.ui-draggable-dragging{height:22px;vertical-align:middle;line-height:22px}
/*tekst rezultat*/
.scheduleEdit .schTopFilter{min-height:2.5em}
#schTopFilterLeft{width:60%;float:left;min-height:45px}
#schTopNotice{padding-top: 4px;padding-bottom: 5px;font-weight:bold}
.scheduleLegend .opravljen,.scheduleLegend .niOpravljen,.scheduleLegend .izpit,.scheduleLegend .srednjaSola,.scheduleLegend .visjaSola,.scheduleLegend .visokaSola{display:inline-block;padding:1px 15px 3px 15px;margin:5px}
.scheduleEdit .scheduleLegend{margin-top:10px;width:70%}
.scheduleLegend .opravljenoLegenda,.scheduleLegend .drugiPredmetiLegenda{display:inline-block}
.scheduleLegend .izpit{font-weight:bold}
.scheduleEdit .mySchedulePanel{padding-top:6px}
/*filter*/
.scheduleEdit .eventOverlayData table tr td:first-child{width:25%}
.scheduleEdit .scheduleFilter{background-color:#f1f1f1;position:absolute;top:300px;z-index:9000;width:400px;display:none;-webkit-box-shadow:3px 3px 13px 0px rgba(0,0,0,0.75);-moz-box-shadow:3px 3px 13px 0px rgba(0,0,0,0.75);box-shadow:3px 3px 13px 0px rgba(0,0,0,0.75);}
.scheduleEdit .scheduleFilter.ui-draggable{cursor:default}
.scheduleEdit .scheduleFilter.ui-draggable .filterDraggableHandle{cursor:move;position:relative}
.scheduleEdit .scheduleFilter .filterDraggableHandle h2{padding:0.3em}
.scheduleEdit #hideFilterBtn{width:10px;height:10px;background-position:right -6590px;margin:15px;cursor:pointer;position:absolute;top:0;right:0}
.scheduleEdit .filterLeft{margin-top:20px;min-height:250px}
.scheduleEdit .filterRight{display:none}
.scheduleEdit .filterBottom{padding-top:20px}
.scheduleEdit .filterTop{float:right;width:500px}
.scheduleEdit .filterTop p.filterVisibility{float:left;padding-top:5px;padding-right:20px;cursor:pointer}
.scheduleEdit .filterTop .moreBar{float:right;margin:0 0 0 1em;padding-bottom:0}
.scheduleEdit .filterTop .moreBtn{margin-left:0}
.scheduleEdit .filterTop .filterLokacija{float:right;margin-right:1em}
.scheduleEdit .filterTop .filterMesec{float:right}

.scheduleEdit .filterEdit{margin-bottom:50px}
.scheduleEdit .filterEditContent{margin:5px}
.scheduleEdit .filterChooseEdit{margin:15px 5px 15px 5px}
.scheduleEdit .filterChooseEdit h3{margin-bottom:5px}
.scheduleEdit .filterBackBtn,.addNewEventBtn{display:none}
.scheduleEdit .predmeti{position:relative}
.scheduleEdit .predmet{float:left;padding:6px 15px;margin:0 10px 10px 0;cursor:pointer}
.scheduleEdit .filterBtns{position:absolute;bottom:10px;padding:0 10px;width:380px}
.scheduleEdit .filterBtns .inlineBtn{margin-bottom:0}
/*Modal overlay*/
.scheduleEdit .modalOverlay{position:fixed;width:100%;height:100%;top:0px;left:0px;z-index:8000;display:none}
.scheduleEdit .pnlUrnik{position:relative}
.scheduleEdit .print{float:right;margin-bottom:0}
.scheduleEdit .publishBtn{padding-left:20px}
.scheduleEdit .printHeader{width:300px;margin:0 auto;margin-bottom:20px;display:none}
.scheduleEdit .printLogo{height:70px;width:200px;background:url(/statika/style/baseImg/B2_logo_napis.png) no-repeat center center;background-size:contain}
.scheduleEdit .printHeader div{margin:0 auto;text-align:center}

/*custom scrollbar*/
.mCSB_container,.listDetails #column1 .moreBar{margin-right:11.68091168091168%;overflow:hidden;width:auto}
.eIndexColumn .mCSB_container.mCS_no_scrollbar,.examsColumn .mCSB_container.mCS_no_scrollbar,
.adminExamsColumn .mCSB_container.mCS_no_scrollbar,.adminDiplomeColumn .mCSB_container.mCS_no_scrollbar{margin-right:0}/*if scrollbar is hidden in certain contexts*/
.mCustomScrollBox .mCSB_scrollTools{height:100%;right:0;top:0;width:1em}
.mCSB_scrollTools .mCSB_draggerContainer{width:1em;height:100%}
.mCSB_scrollTools .mCSB_dragger{height:0/*3em*/;width:100%}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{height:100%}
.mCSB_scrollTools .mCSB_draggerRail{height:100%;margin:0 auto}
.mCSB_no_scrollbar .mCSB_dragger{height:0 ! important}

/*fileupload*/
.inlineBtn,.qq-upload-button,.btnAdditional .additionalActions{display:inline-block;font-size:1em;height:1.33333em;line-height:1.33333em;padding:0.66667em 1.33333em;text-align:center;cursor:pointer;-webkit-appearance:none;border-radius:0}
input.moreBtn,input.inlineBtn,.gridPager a{border:0 none;outline:0 none}
.inlineBtn[disabled],.disabledBtn{background-color:#c0c0c0 !important;color:#333 !important;cursor:default;opacity:0.4}
.gridPager span,.gridPager a{display:inline-block;text-align:center;cursor:pointer;padding:0.071em 0.357em;margin:0 0.214em}
.gridPager span{border:2px solid #fff;color:#fff}
input.inlineBtn::-moz-focus-inner{border:0;padding:0}/*Remove button padding in FF*/
a.inlineBtn{/*height:2.66667em;*/}
input.inlineBtn{/*height:2.66667em*/box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}

/*.qq-uploader{margin-top:2px}*/
.profileUploaderBox{position:relative}
.profileUploaderBox #fileUploader{width:70%}
.profileUploaderRemove a{width:108px;text-align:center}
/*.qq-upload-button input{display:none}*/
.content .qq-uploader ul.qq-upload-list{margin-left:0;list-style-type:none;font-size:inherit;margin-bottom:0}
.qq-upload-list li{padding:0.66667em 0}
.qq-upload-failed-text{display:none}
.qq-upload-file,.qq-upload-size{display:block}
.qq-upload-fail .qq-upload-failed-text{display:block}
.qq-upload-success .qq-upload-file{padding-right:2em}
.qq-upload-list .inlineBtn{margin-left:10px}
.mqInputCell,.mqLabelCell,.mqInputCell input.inpChk,.mqInputCell input.inpRadio,.mqLabelCell label{vertical-align:top}
.mqInputCell{padding-right:5px;padding-top:0.07143em;width:20px}

.inlineBtn,.gridPager span,.gridPager a{text-decoration:none}
.groupsOverview .inlineBtnBar .btnCsvExport{display:inline-block;float:right}

/* jquery.Jcrop.min.css v0.9.10 (build:20120429) */
/*
.jcrop-holder{direction:ltr;text-align:left}
.jcrop-vline,.jcrop-hline{background:#FFF url(/statika/style/Jcrop.gif) top left repeat;font-size:0;position:absolute}
.jcrop-vline{height:100%;width:1px!important}
.jcrop-hline{height:1px!important;width:100%}
.jcrop-vline.right{right:0}
.jcrop-hline.bottom{bottom:0}
.jcrop-handle{background-color:#333;border:1px #eee solid;font-size:1px}
.jcrop-tracker{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;height:100%;width:100%}
.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0}
.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px}
.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%}
.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%}
.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0}
.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0}
.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0}
.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px}
.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%}
.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px}
.jcrop-dragbar.ord-n{margin-top:-4px}
.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px}
.jcrop-dragbar.ord-e{margin-right:-4px;right:0}
.jcrop-dragbar.ord-w{margin-left:-4px}
.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline{background:#FFF;filter:Alpha(opacity=70)!important;opacity:.70!important}
.jcrop-light .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-color:#FFF;border-radius:3px}
.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline{background:#000;filter:Alpha(opacity=70)!important;opacity:.7!important;}
.jcrop-dark .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FFF;border-color:#000;border-radius:3px}
.jcrop-holder img,img.jcrop-preview{max-width:none}
*/

/*jQuery AdGallery*/
.ad-gallery{width:90%;margin:0 auto}
.atomshow .ad-gallery ul,#atomshowMain .ad-gallery ul{margin:0;padding:0;line-height:normal}
.atomshow .ad-gallery li,#atomshowMain .ad-gallery li{margin:0;line-height:0;list-style-type:none;list-style-image:none}

.ad-gallery .ad-thumbs li a:link,.ad-gallery .ad-thumbs li a:visited,
.ad-gallery .ad-thumbs li a:hover,.ad-gallery .ad-thumbs li a:active{text-decoration:none}

.ad-image-wrapper-screen{position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:#333;opacity:0.5;z-index:1010}
.ad-gallery .ad-image-wrapper{height:670px;width:830px;margin-bottom:10px;position:fixed;top:100px;overflow:hidden;background-color:#fff;border:1px solid #444;z-index:1015}
.ad-gallery .ad-image-wrapper .ad-loader{position:absolute;z-index:1020;top:48%;left:48%;border:1px solid #ccc}
.ad-gallery .ad-image-wrapper .ad-next,.ad-gallery .ad-image-wrapper .ad-prev
{position:absolute;top:0;width:45%;height:100%;cursor:pointer;display:block;z-index:1030}
.ad-gallery .ad-image-wrapper .ad-next{right:0}
.ad-gallery .ad-image-wrapper .ad-prev{left:0}
.ad-gallery .ad-image-wrapper .ad-prev,.ad-gallery .ad-image-wrapper .ad-next{background:url(/statika/style/non-existing.jpg)/* Or else IE will hide it */}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image,.ad-gallery .ad-image-wrapper .ad-next .ad-next-image
{background:url(/statika/AdGallery/gallery_icons.gif) 0 0 no-repeat;width:30px;height:30px;display:none;position:absolute;top:47%;z-index:101}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image{background-position:0 0;left:15px;}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image{background-position:0 -30px;right:15px;left:auto}
.ad-gallery .ad-image-wrapper .ad-image{position:absolute;overflow:hidden;top:0;left:0;z-index:1020}
	
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description{padding:7px 0;text-align:left;width:100%;z-index:1035;background-color:#fff;color:#666;margin-bottom:0}


.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title{color:#666}
.ad-gallery .ad-controls{height:0}
.ad-gallery .ad-info{color:#999;display:block}
.ad-gallery .ad-info{margin:0;padding:0}
.ad-gallery .ad-slideshow-controls{float:right}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop{padding-left:5px;cursor:pointer}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown{padding-left:5px;font-size:0.9em}
.ad-gallery .ad-slideshow-running .ad-slideshow-start{cursor:default;font-style:italic}
.ad-gallery .ad-nav{width:100%;position:relative}
.ad-gallery .ad-forward, .ad-gallery .ad-back{position:absolute;top:0;height:65px;z-index:10}
.ad-gallery .ad-back{cursor: pointer;left:-20px;width:13px;display:block;background:url(/statika/AdGallery/gallery_icons.gif) 0 -73px no-repeat}
.ad-gallery .ad-back:hover{background:url(/statika/AdGallery/gallery_icons.gif) 0 -138px no-repeat}
	
.ad-gallery .ad-forward{cursor:pointer;display:block;right:-20px;width:13px;background:url(/statika/AdGallery/gallery_icons.gif) 0 -203px no-repeat}
.ad-gallery .ad-forward:hover{background:url(/statika/AdGallery/gallery_icons.gif) 0 -268px no-repeat}
	
.ad-gallery .ad-nav .ad-thumbs{overflow:hidden;width:100%}
.ad-gallery .ad-thumbs .ad-thumb-list{float:left;width:9000px;list-style:none;margin-left:0}
.ad-gallery .ad-thumbs li{float:left;padding:0 5px 0 0}
.ad-gallery .ad-thumbs li a{display:block}

     
.ad-gallery .ad-thumbs li a img{display:block;height:100px ! important;width:auto ! important;border:1px solid #D2D2D2} /*important: da ne povozimo na naslovnici eucilnice*/
/* Can't do display none, since Opera won't load the images then */
.ad-preloads{position:absolute;left:-9000px;top:-9000px}

.ad-gallery .close{border-style:none;background:transparent url(/statika/AdGallery/fancy_closebox.png) repeat scroll 0 0;cursor:pointer;height:13px;position:absolute;right:15px;top:622px;width:13px;z-index:1030}

/*jquery UI global*/
.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}
.ui-helper-clearfix:after{clear:both}
.ui-helper-clearfix{min-height:0}

/*jQ UI accordion*/
.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;background-position:-16px -1856px;outline:0 none/*disable chrome fucus*/;min-height:0;/* support: IE7 */}
.ui-accordion .ui-accordion-header.ui-accordion-header-active{background-position:-16px -281px}
.ui-accordion .ui-accordion-icons{/*background-position:-16px -1542px;*/padding-left:1.5em}
.ui-accordion .ui-accordion-noicons{padding-left:.7em}
.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon{display:none}
.ui-accordion .ui-accordion-content{padding:0;border-top:0;overflow:auto}
#helpAccordion{padding-bottom:2em}

/*jQ UI datepicker*/
.ui-datepicker{width:17em;padding:.2em .2em 0;display:none;border:1px solid #ddd;background: #fff;color:#333}
.ui-datepicker.ui-corner-all,.ui-datepicker .ui-corner-all{border-radius:3px}
.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0;border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em;border:1px solid transparent}
.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{border:1px solid #ccc;background-color:#ededed}
.ui-datepicker .ui-datepicker-prev{left:2px}
.ui-datepicker .ui-datepicker-next{right:2px}

.ui-datepicker .ui-icon{display:block;width:16px;height:16px;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;background-image:url(/statika/style/baseImg/iconsBlack.png)}
.ui-datepicker .ui-icon-circle-triangle-w{background-position:3px -248px}
.ui-datepicker .ui-icon-circle-triangle-e{background-position:-26px -248px}

.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}
.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}
.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}
.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}
.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}
.ui-datepicker td{border:0;padding:1px}
.ui-datepicker td span,.ui-datepicker td a{display:block;line-height:1;padding:.2em;text-align:right;text-decoration:none;border:1px solid #c5c5c5;background-color:#f6f6f6;font-weight:normal;color:#454545}
.ui-datepicker td span:hover,.ui-datepicker td a:hover{background-color:#ededed;border:1px solid #ccc;color:#2b2b2b}
.ui-datepicker td .ui-state-highlight{border:1px solid #dad55e !important;background-color:#fffa90 !important;color:#777620 !important}
.ui-datepicker td .ui-state-active{border:1px solid #003eff !important;background:#007fff !important;color:#fff !important}

.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}
.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}
.ui-datepicker.ui-datepicker-multi{width:auto}
.ui-datepicker-multi .ui-datepicker-group{float:left}
.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}
.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}
.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}
.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}
.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}
.ui-datepicker-row-break{clear:both;width:100%;font-size:0}
.ui-datepicker-rtl{direction:rtl}
.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}
.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}
.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto;}
.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}
.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}
.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}

.ui-datepicker .ui-widget-content{border-bottom: 1px solid #ddd}

/*jQuery UI timepicker*/
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, 
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd, 
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_hour select{width:50px;margin-right:5px}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_minute select{width:50px;margin-left:5px}
.ui-timepicker-div .ui-state-default{border: 1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}

/*stare predloge*/
/*cez celo stran*/
.singleColumn #column1{float:none;width:auto;margin:0 0 3em 0}
.twoThirdsColumn #column1{float:none;width:65.3466%;margin:0 0 3em 0} /*ista sirina kot na profilu - lahko zdruzimo*/
.twoColumn #column1,.twoColumn .column.column1{float:left;width:65.3466%;margin-right:0}/* 2/3 - twoColumn lahko uporabimo tudi za profil */
.twoColumn #column2,.twoColumn .column.column2{float:right;width:30.6931%}/* 1/3 */
.twoColumn .column.column3{float:none;width:auto}

.content h2,.singleColumn h2,.twoThirdsColumn h2,.atomContent p.naslov{font-size:2em;line-height:1em;margin-bottom:1em}
.content h3{font-size:1.66667em;line-height:1em;margin-bottom:0.80000em}
.content p,.asParagraph,.forums .detailsHeader .detailsAdditional1,.forums .detailsHeader .detailsAdditional2{font-size:1.16667em;line-height:1.28571em/*1.14286em*/;margin-bottom:1.28571em/*1.14286em*/}/*naredimo bolj specificno ce bo selector presirok; forum ima samo plain text description*/
.asParagraph{display:block}
.FontVecji{font-size:125%}
.FontManjsi{font-size:80%}
.horline{border-top:1px dashed #ccc;margin:5px 0;padding:0}
.singleColumn h3{font-size:1.5em;line-height:1em;margin-bottom:1em}
.inlineBtnBar.afterForm{text-align:right}
.inlineBtnBar .inlineBtn,.btnCell .inlineBtn,.inlineBtnBar .btnAdditional{margin-right:1em;margin-bottom:1.33333em /*namesto margin na inlineBtnBar*/}
.inlineBtnBar .inlineBtn{vertical-align:top}
.inlineBtnBar.withLabel .inlineBtn{vertical-align:baseline}/*eg. AnalizaPregledUcenja*/
.inlineBtnBar.withLabel span{padding-right:1em}
.inlineBtnBar.afterForm .inlineBtn:last-of-type,.btnCell .inlineBtn:last-of-type,.detailsSubTitle .inlineBtnBar .inlineBtn:last-of-type,.inlineBtnBar .btnAdditional:last-of-type{margin-right:0}
.portalsForm .btnCell .inlineBtn,.examSignups .btnCell .inlineBtn{margin-bottom:0}
.detailsSubTitle .inlineBtnBar{text-align:right}
.transpBtn{display:inline-block;margin-right:1em;cursor:pointer;padding:0.66667em 1.33333em 0 0;position:relative;text-align:right}/*isto kot inlineBtn samo brez ozadja in poravnano desno*/
.transpBtn.moreActions{background-image:none}
.form table .inlineBtn,.form table .qq-upload-button{font-size:0.85714em}/*vrnemo gumbe nazaj na 12px, ker je v tabeli sicer 14*/
.form .tablesort .gridPager .inlineBtn{font-size:inherit}

/*button with default action and dropdown menu*/
.btnAdditional{display:inline-block}
.inlineBtn:last-of-type + .btnAdditional{margin-left:1em}
.btnAdditional .inlineBtn{margin-right:0;margin-bottom:0;float:left}
.btnAdditional .additionalActions{float:left;background-position:-19px -1181px;position:relative}
.btnAdditional .additionalActions.opened{background-position:-19px -1226px}
.btnAdditional .moreActionsMenu{top:34px}
.btnAdditional .moreActionsMenuItem{font-size:inherit;padding:0.4em 1.25em}

.tablesort{width:100%;margin-bottom:1.33333em}
.skupineOut{width:100%;margin-bottom:2em}
.tablesort th{font-size:1.33333em;padding:0.5em;text-align:left/*default*/}
.atomContent table[align="center"]{margin-left:auto;margin-right:auto}
.atomContent tr.tabH1 td{font-weight:bold}
.tablesort th a{padding-right:15px;text-decoration:none}
th.sort{cursor:pointer}
th.forwardSort a{background-position:right -1230px}
th.reverseSort a{background-position:right -1185px}
.form table.tablesort{font-size:inherit}
.tablesort td{font-size:1em;padding:0.667em;vertical-align:middle;text-align:left/*default*/}
.tablesort .gridPager>td{border-bottom:none;padding:0.357em;font-size:1.167em;line-height:1.28571em}
.tablesort .gridPager table{width:auto;font-size:inherit;margin:0 auto}
.tablesort .gridPager table td{border-bottom:0 none;padding:0}
.atomshow:not(.testing) .atomContent table:not(.mqTable) td,.atomshow:not(.testing) .atomContent table:not(.dataTable) td{vertical-align:top;text-align:left}/*layout tabele na atomu*/
table.dataTable td,table.dataTable th{padding:0.5em;vertical-align:middle;text-align:left}/*tabela za prikaz tabelaricnih podatkov*/
.tablesort th.right,.tablesort td.right{text-align:right}
.tablesort th.center,.tablesort td.center{text-align:center}
.tablesort td p{margin-bottom:0}

.singleColumn .form,.twoColumn .column3 .form{width:65.3466%}/*naj so forme siroke 2/3 */ 
#divPrenos .form{width:100%}

.inpTxt,.inpSelect,.inpTextarea,/*za fck textarea npr. na profilu*/.inputCell textarea{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;/*padding:2px;*/margin:0}
.inpTxt::-webkit-input-placeholder{color:#ccc;text-transform:none}/* WebKit, Blink, Edge */
.inpTxt:-moz-placeholder{color:#ccc;opacity:1;text-transform:none}/* Mozilla Firefox 4 to 18 */
.inpTxt::-moz-placeholder{color:#ccc;opacity:1;text-transform:none}/* Mozilla Firefox 19+ */
.inpTxt:-ms-input-placeholder{color:#ccc;text-transform:none}/* Internet Explorer 10-11 */
.inpTxt[disabled],.inpTextarea[disabled],.inpSelect[disabled]{background-color:#efefef}
.inpSelect{padding:0}
.inputCell .inpTxt,.inputCell .inpSelect,.inputCell .inpTextarea,.inputCell textarea{font-size:inherit;line-height:inherit}/*inherit font-size from form table*/
.inputCell .lbl{display:inline-block;padding-top:0.21429em}
.inputCell .txt{padding-top:8px;vertical-align:top;display:inline-block;line-height:16px}/*za span z besedilom npr. UserDetails*/
.inpTxt,.inpSelect{height:32px}/*match height for both inputs*/
.inpTxt,.inpTextarea{padding:1px 8px 3px 8px}
input.inpChk,span.inpChk input,.inpRadio,.inpRadio input{width:15px;height:15px;padding:0;margin:0 0.5em 0 0;vertical-align:middle}
label,#inpConditionalShowValue+span{vertical-align:middle}
.inputCell input.inpChk,.inputCell input.inpRadio{margin-top:4px}
.inputCell .inpChk+label,.inputCell .inpRadio+label,.inputCell .inpChk > input,.inputCell .inpRadio > input,.inputCell .inpChk>input+label,.inputCell .inpRadio>input+label{margin-top:4px;display:inline-block}
#SpletajiChild label.error{float:right}
.inpRadio+label{margin-right:0.75em}
/*inputs in context*/
.profile .inpTxt,.profile .inpSelect,.profile .inputCell textarea,.urejanjeEPredloge .inpTextarea,
.atomEditor .inputCell .inpTxt,.atomEditor .inputCell .inpTextarea,#PMSendStep2 .inputCell .inpTextarea,#PMSendStep2 .inputCell .inpTxt,
.register .inpTxt,.forgottenPassword .inpTxt,.testEdit .inpTestName,
.portalsForm .inpTxt,#objectEdit .form .inpTextarea,
.testEdit .inpPotrdiloNaziv,.testEdit .inpPotrdiloOpis,
#seminarDialog .inpTextarea,.classroomActivityEditForm .inpSeminarDesc,.classroomActivityEditForm .inpSelectType,.classroomActivityEditForm .inpActivityName,.classroomActivityEditForm .inpSelectMentor,
.pnlVprasanje .inputCell .inpSelect,#certifikatNaziv,#certifikatOpis,
#alertMessageSubject,#alertMessageContent,#alertTemplateName,#alertTemplateContent,#alertTemplateText{width:100%}
.urejanjeEPredloge .inpTxt,.urejanjeEPredloge .inpSelect,#objectEdit .form .inpSelect,#objectEdit .form .inpTxt,.editQuestion #tip1{width:50%}
#userGroupsFilter .inpSelect{width:17em}
.atomEditor .inputCell .chosen-container{margin-right:0}
#atomEditOptionsAdditional .inputCell .inpSelect{width:400px}
#otherUserDataForm .inpTxt{width:66%}
#inpConditionalShowValue{margin:0 0.5em 0 0}
#seminarDialog .inpTxt{width:10%}
#objectEdit .form .inpTxt.dimensions{width:20%}
#lightBoxForm .objectDimensions .inpTxt,#seminarDialog .inpSelect{width:30%}
#filterNewsType,#filterNewsStatus,#newsEditStyle,.newsEdit #vrsta.inpSelect,#newsEditPosition,#newsEditStatus{text-transform:lowercase}
.checkBoxList input[type="checkbox"]{margin-top:2px;margin-left:5px;margin-bottom:0px;margin-right:5px}
.checkBoxList label{position:relative;top:-4px}
#objectEdit #objectEditForm .content,#objectEdit #objectVariations .content{width:auto;min-width:0}
.testEdit .inpPotrdiloOpis{min-height:3.929em}
#testSettingsTbl td.labelCell{width:293px}
#seminarDialog .inpTextarea{min-height:6.000em}
#premakniatomi.inpSelect,#premakniatomi_chosen{display:none;margin-right:0.5em}
.inputCell .chosen-container{vertical-align:top;margin-right:0.25em}
#filternovice .chosen-container, .page_pregledforumov .chosen-container, .page_pregledspletajev .chosen-container{margin: 0 0.5em}
.izpitiZaporedjeTr .chosen-container{display:inline-block}
.izpitiBrezZaporedjaTr .chosen-container{display:none}
.testEdit input[type="number"]{width:70px}
.testEdit .izberiStVprasanj{line-height:20px;vertical-align:middle}
#aktivnosti .dialogMain .chosen-container{max-width:385px}

.accordionHeader,.userOverview h2{cursor:pointer}
.groupsOverview .infoTrigger{vertical-align:middle;cursor:pointer;height:15px}
.grCell1,.grCell2,.grCell4,.grCell5,.grCell6{width:7.5%}/*datum in podobni*/
.grCell3,.grCell7{width:14%}/*mentor, skupina*/
.grCell8{width:12%}
#pregledUporabnikovBox1{max-width:100%;overflow-x:auto;margin-bottom:1.33333em}
#pregledUporabnikovBox1 table.footable{margin-bottom:0}

.chatroom .framechat{display:none}

/*fck slogi*/
.sredina{text-align:center}
.desno{text-align:right}
.krepko,.poudari{font-weight:bold}
.lezece{font-style:italic}
.podcrtano{text-decoration:underline}
.subscript,.superscript{font-size:smaller}
.subscript{vertical-align:sub}
.superscript{vertical-align:super}
.alinejaNavadnaNivo1,.alinejaPostopekNivo1,.alinejaNavadnaNivo2,.alinejaPostopekNivo2,.naslovPostopek{position:relative;margin-bottom:1.28571em !important}/*da ne povozimo margine z #atomContent p;margina je vecja (18px), ker tako dosezemo last-of-class (med alinejami istega tipa pa povozimo z +)*/
.alinejaNavadnaNivo1,.alinejaPostopekNivo1{margin-left:3em;padding-left:1em}
.alinejaNavadnaNivo2,.alinejaPostopekNivo2{margin-left:4em;padding-left:1em}
.atomComment .alinejaNavadnaNivo1,.atomComment .alinejaNavadnaNivo2,.atomComment .alinejaPostopekNivo1,.atomComment .alinejaPostopekNivo2,
.tileDesc .alinejaNavadnaNivo1,.tileDesc .alinejaNavadnaNivo2,.tileDesc .alinejaPostopekNivo1,.tileDesc .alinejaPostopekNivo2{margin-left:0}
.naslovPostopek{font-weight:bold;margin-left:3em}

.atomContent img{max-width:100%;height:auto}/*varovalka za presiroke slike*/
.atomContent img[align="left"],#eClassroomDesc img[align="left"],.atomContent .flLeft{float:left;margin:0 1em 1em 0}
.atomContent img[align="right"],#eClassroomDesc img[align="right"],.atomContent .flRight{float:right;margin:0 0 1em 1em}
.atomContent .editorObject, .atomContent iframe,.lightbox,.fancybox,.fancyvideo{display:inline-block;position:relative}

/*dodati za disabled in read only*/
.inlineBtn.disabledBtn,.inlineBtn.disabledBtn:hover,.pagerBtn.disabled,.pagerBtn.disabled:hover{background-color:#c0c0c0;color:#333}
.tile.disabled,.pagerBtn.disabled,.pagerBtn.disabled:hover,.inpRadio[disabled] label,.inlineBtn.disabledBtn{opacity:0.4;cursor:default}/*.tile.disabled .tileData,.tile.disabled .tileDesc*/
.tile.readOnly{cursor:default}/*.tile.readOnly .tileData,.tile.readOnly .tileDesc*/
.disabledBckg{background-color:#e3e3e3}
.editMode .tile.disabled.editable{opacity:1;cursor:pointer}/*.editMode .tile.disabled.editable .tileData,.editMode .tile.disabled.editable .tileDesc*/

.form #filternovice .inpSelect,.form #spletaj .inpSelect,.form #forumi .inpSelect{margin-right:2em}/*noviceBackend, urejanje forumov*/

.predelanoout{background-color:#fff;border:solid 1px #1BA1E2;width:100px;height:8px;font-size:0}
.predelano{background-color:#1BA1E2;height:8px;float:left}
.predelano_key{background-color:#ffc000;height:8px;float:left}
.predelanoBox{width:160px;margin:0 auto}
.predelanoBox .predelanoout{float:left;margin:3px 5px 0 0}
.myEcourses .predelanoout,.userStatistics .predelanoout{margin:0 auto}

/*struktura gradiva*/
.atomTree .tablesort{margin-bottom:0}
.atomTree .atomTreeChkCell{width:20px;text-align:center}
.columnContent ul.atomtree,.columnContent ul.atomTreeSub{list-style-type:none;margin-bottom:0;margin-left:0}
.columnContent ul.atomTreeSub{font-size:inherit}
.atomtree li .container{cursor:default}
.atomTreeName{float:left;padding:5px;width:49%}
.atomTreeEdit,.atomTreeArrows,div.atomTreeChkCell{float:right;padding:0.5em 0.571em}
.atomTreeEdit{width:55px}
.atomTreeArrows{width:60px}
.atomTreeSub{clear:both}

.wholeCourse .atom{margin-bottom:1em}
.scormshow #scormIframe{width:100%;min-height:650px}

/*slovar*/
.dictionary #column1{width:auto;float:none}
/*prikaz slovarja na atomshowu*/
.dictionaryPopupTrigger{position:relative;cursor:pointer;background:yellow}
.dictionaryPopup{position:absolute;z-index:10000;top:20px;left:0;padding:5px;display:none}
.dictionaryPopupTrigger:hover .dictionaryPopup{display:block;min-width:200px}
.dictionaryPopup b,.dictionaryPopup i,.dictionaryPopup u{white-space:nowrap}
.explanationTrigger{display:inline-block;vertical-align:bottom;width:1.14286em;height:1.14286em;margin-left:5px;background-position:center -1052px;cursor:pointer}
.explanationTrigger.opened{background-position:center -1097px}
.explanation{display:none;padding:0;padding-left:5px}
#pregledOdgovorov .explanation{display:block;padding:0}

/*stari datetime picker (novicaUredi)*/
table.calendar 
{
	
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	border-collapse: collapse;
	background-color: white;
	border: solid #999999 1px;
	background-color: white;
	width: 200px;
	text-align: center;
	/*prevent user from selecting text in Mozilla & Safari - check calendar constructor for IE code)*/
	-moz-user-select: none;
    /*-khtml-user-select: none;*/
    position:relative;
}
table.calendar input, table.calendar select {
	font-size: 10px;
}
table.calendar td {
	border: 0;
	font-size: 10px;
	text-align: center;
}
div.mainheading {
	margin: 2px;
}
table.caldayheading {
	border-collapse: collapse;
	cursor: pointer;
	empty-cells: show;
	margin: 0 6px 0 6px;
}
table.caldayheading td {
	border: solid #CCCCCC 1px;
	text-align: left;
	color: #0054E3;
	font-weight: bold;
	width: 22px; /*should match calendar cell's width*/
}
table.caldayheading td.wkhead {
	border-right: double #CCCCCC 3px;
}
table.calcells {
	border-collapse: collapse;
	cursor: pointer;
	margin: 0 6px 0 6px;
}
table.calcells td {
	border: solid #CCCCCC 1px;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	width: 22px;
	height: 20px; /*IE doesn't like ems*/
}
table.calcells td div {
	padding: 1px;
	margin: 0;
}
table.calcells td.wkhead {
	background-color: white;
	text-align: center;
	border-right: double #CCCCCC 3px;
	color: #0054E3;
}
table.calcells td.wkday {
	background-color: #DDDDDD;
}
table.calcells td.wkend {
	background-color: #DDDDDD;
}
table.calcells td.curdate {

}
table.calcells td.cell_selected {
	background-color: #99CCFF;
	color: black;
}
table.calcells td.notmnth {
	background-color: #FFFFFF;
	color: #CCCCCC;
}
table.calcells td.notallowed {
	background-color: white;
	color: #EEEEEE;
	font-style: italic;
}
table.calcells td.hover {
	background-color: #999999;
}


/*eucilnica - podrobnosti*/
.ajax__tab_header>span{display:block;float:left}
.tabs.ajax__tab_default .ajax__tab_outer{display:block}
.tabs.ajax__tab_default .ajax__tab_inner{display:inline}
.tabs.ajax__tab_default .ajax__tab_inner a{outline:0}
.tabs.ajax__tab_default .ajax__tab_tab{display:inline;text-align:left;overflow:visible}
.ajax__scroll_none{overflow:visible !important}

#classroomCoverEdit{position:relative}
#classroomCoverEditInfo{position:absolute;bottom:2em;left:0}
.eClassroomName{text-transform:uppercase}
.eClassroomImg img,.introImg img{max-width:100%;height:auto}
.eClassroomCurrent{padding:1.33333em;margin-bottom:2em}
.columnContent .eClassroomCurrent ul{list-style-type:square;padding-left:1.33333em;margin-left:0;font-size:inherit}
.eClassroomCurrent li{font-size:1.16667em;line-height:1.14286em;margin-bottom:1.14286em}
.tile.myProfile.mentorProfile .tileName{text-overflow:ellipsis;overflow:hidden;height:4.80000em}

.eClassroom .subTabs .ajax__tab_header{padding-bottom:1.33333em;border-bottom:0 none;margin-bottom:0}/*ce je namesto paddinga margina se cela vsebina zamakne*/
.eClassroom .activityList{margin-bottom:1.50000em}

.columnContent h2 .titleLinkSmall{padding-right:35px;text-decoration:none;background-position:right -1544px}

#aktivnosti .tablesort td{vertical-align:top}
.aktivnostVrsta,.aktivnostInfo{height:20px;width:20px;display:block}/*pustil stare nazive, da ne popravljamo kodo*/
.aktivnostNaloga,.aktivnostUcenje,.aktivnostTestiranje,.aktivnostKomunic,.aktivnostPovezava,
.aktivnostDatoteka,.aktivnostGrupa,.aktivnostKonferenca,.aktivnostSeminarGrupa,.aktivnostSeminarClan{margin-right:1.33333em}
.aktivnostNaloga{background-position:0 -2045px}
.aktivnostUcenje{background-position:0 -2090px}
.aktivnostTestiranje{background-position:0 -2135px}
.aktivnostKomunic{background-position:0 -2180px}
.aktivnostPovezava{background-position:0 -2225px}
.aktivnostDatoteka{background-position:0 -2270px}
.aktivnostGrupa{background-position:0 -2315px}
.aktivnostKonferenca{background-position:0 -110px}
.aktivnostSeminarGrupa{background-position:0 -6050px}
.aktivnostSeminarClan{background-position:0 -6095px}

/*to do:*/
.aktivnostVrsta.aktivnostZivo,.aktivnostInfo.aktivnostZivo{background-position:0 -4205px;background-color:transparent}
.aktivnostVrsta.aktivnostUra,.aktivnostInfo.aktivnostUra{background-position:0 -4250px;background-color:transparent}
.aktivnostVrsta.aktPravilno{background-position:0 -4295px;margin-left:auto;margin-right:auto;background-color:transparent}
.aktivnostVrsta.aktNepravilno{background-position:0 -4340px;margin-left:auto;margin-right:auto;background-color:transparent}
.aktivnostVrsta.aktNic{background-position:0 -4385px;margin-left:auto;margin-right:auto;background-color:transparent}
.aktivnostVrsta.aktOpozorilo,.aktivnostInfo.aktOpozorilo{background-position:0 -4430px;background-color:transparent}
.aktivnostVrsta.aktivnostUra,.aktivnostVrsta.aktOpozorilo{margin-left:0.66667em}
.aktivnostVrsta.seminarInEval{background-position:2px -6320px;background-color:transparent}
.aktivnostVrsta.seminarNotEval{background-position:0 -6455px;background-color:transparent}

#aktivnosti .tablesort .activityTitle{font-size:1.33333em;line-height:1em;text-transform:uppercase}
.subactivityToggle{width:10px;margin-right:5px}
.tablesort .subactivitiesCell{padding:0;border-bottom:0 none}
.subactivitiesCell td.subactivitiesLastCell{display:none}
.tablesort .subactivityTitleCell{padding-left:35px}
.tablesort .subactivitiesCell .subactivitiesCell .subactivityTitleCell{padding-left:70px}
.subactivitySeminarLast{width:339px}/*bug 4549*/

.activityLegend th{font-weight:bold;text-align:left;padding-right:1em}
.activityLegend td{text-align:left;padding-right:1em;vertical-align:middle}

.radioNorma label,.radioPomembnost label{margin-right:5px}
#aktivnostiUrediBox{position:relative;padding-bottom:4em;width:65.3466%}
#aktivnostiUrediBox .postavkaBtns{position:absolute;bottom:0;right:0;width:100%}
/*#alertBtnBar{position:absolute;bottom:0;left:0}*/
.activityReminderBtn{float:left}
#aktivnostiUrediBox .form.classroomActivityEditForm{width:auto}

.addClassroomUsers,#removeClassroomUsers{height:400px;overflow:auto}
.addClassroomUsers td{width:20px}
.addClassroomUsers td.uprRoot,.addClassroomUsers td.uprUdelezenec{width:auto}
/*.addClassroomUsers td.uprUdelezenec{padding-left:1em}*/
.upravUporabList{width:100%;max-width:100%;height:80px;margin-bottom:1em;overflow:auto;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
#removeClassroomUsers .tablesort{margin-bottom:0}

.afterForm .classroomCopyBtn,.afterForm .classroomEraseBtn{float:left}

#column2 .ucilnicaLestvica{display:none}
#column2 .ucilnicaLestvica.lestvicaVisible{display:block;float:left;width:30%}

#column2 .lestvicaVisible+.ucilnicaAktivnosti{float:right;width:68%}
#column2 .lestvicaVisible+.ucilnicaAktivnosti .tileList .tileNumB{clear:both;width:auto;float:left;font-size:.8em}

.trendUp,.trendDown{width:7px;height:5px;margin:5px 3px 0 0}
#eClassroomCurrentLestvica{margin-bottom:1.33333em}
#eClassroomCurrentLestvica .trendUp{background-position:0 -285px}
#eClassroomCurrentLestvica .trendDown{background-position:-10px -285px}

.lestvicaName{background-color:#c0c0c0;color:#fff;border-bottom:4px solid #1ba0e1;padding:0.8em 0.6em;font-size:1.333em}

/*pm*/
.pm #column1,.importUsers #column1,.buyEcontent #column1{position:relative}
#PMTabs{/*position:relative*/}
.PMTabsList,.importUsersTabsList,.pmSearchBox{margin-right:11.6809%}
.detailsSeparator{position:absolute;top:0;right:0;width:1em;height:100%}
.pmSearchBtn{display:inline-block;width:16px;height:16px;background:black}
.pmBtnBar{width:60%;float:left}/*na ogledu enega sporocila*/
.pmNav{width:35%;float:right}/*na ogledu enega sporocila*/
.allMessages .pmBtnBar{width:35%}/*na seznamih*/
.allMessages .pmNav{width:60%}/*na seznamih*/
.pmNav table{float:right}
.pmNav td{vertical-align:middle;text-align:center}
.pmMessageData{padding:1.33333em}
.pmJoinedMessageHeader{padding:1.33333em 1.33333em 0 1.33333em}
.pmMessageUsers{width:60%;float:left}
.pmMessageUsers td{padding-right:5px}
.pmMessageDates{width:30%;float:right}
.pmMessageDates table{float:right}
.pmMessageDates td{padding-left:5px}
.pmMessageContent{padding:1.33333em;margin-bottom:1.33333em}
.pmChooseRecepients{position:relative}
.pmChooseRecepients .moreActionsSmall{float:right}
.PMpuscicaMoznosti{width:10px;height:10px;display:block;background:#000}
.pmChooseRecepientsSelect{float:right}
.pmChooseRecepientsPopup{width:130px;position:absolute;top:16px;right:0;z-index:10;background-color:#fff;padding:5px}
.pmReceived .icon{background-position:0 -3480px}
.pmJoined .icon{background-position:0 -3755px}
.pmSent .icon,.pmArchived .icon,.pmSearched .icon{background-position:0 -4880px}
.pmJoinedMessageHeader{height:25px;margin-top:1.33333em}
.pmJoinedMessageSender{width:80%;cursor:pointer;float:left}
.pmJoinedMessageActions{width:15%;float:right}
.pmJoinedMessageActions .moreActionsSmall{float:right}
.navSprStran{white-space:nowrap}
.pmAttachement{width:15px;height:14px;background-position:0 -5780px}
th .pmAttachement{background-position:0 -5735px}

#iskgrupa .skupineOut table{width:auto}
.sendMessageSearchTbl{margin-bottom:1em}
.sendMessageTd{vertical-align:middle}
.sendMessageSearchBox{width:300px}

/*generic pager*/
.pagerBtn{height:20px;width:15px;display:block;padding:0.5em 1em}
.pagerBtn.startBtn{background-position:center -3568px}
.pagerBtn.prevBtn{background-position:center -3613px}
.pagerBtn.nextBtn{background-position:center -3657px}
.pagerBtn.endBtn{background-position:center -3702px}
/*pager in context*/
.pmNav td{padding-left:1em}

/*upload*/
#uploadTabs .tab a{text-decoration:none}
.uploadImgBox{width:155px}

/*buy eContents*/
.buyEcontent #column1 .group{margin-right:11.6809%}

/*activitiesByDate*/
.moreValuesFirstValue{cursor:pointer}
.moreValuesToggle{width:15px;height:15px;margin-left:5px;background-color:#999;background-position:center -1052px}
.moreValuesToggle.opened{background-position:center -1097px}
.moreValuesOtherValues{display:none}

.borderTop{border-top:1px solid #ddd}

/*home - default*/
.headTopLogo{display:block;float:left;line-height:0}
.loginBox{padding:2.66667em 0}
.loginBox .login{padding:0 1.50000em;text-align:right}

/*already signed in*/
.signedIn{padding:0 1.5em}
.signedIn .userName{font-size:2em;font-weight:lighter;line-height:1.125em;padding-bottom:0.75em}

/*not signed in*/
.loginMsg .loginMessage1{display:block;font-size:1.33333em;margin-bottom:1em}
.loginMsg .loginMessage2{display:block;margin-bottom:1em}
.login .loginMessage4{height:20px}
.login .signIn{float:right;width:300px}
.login .signIn .form{margin:0}
.login .signIn .formContent{margin:0;padding:0}
.login .form div.loginTbl{width:235px;float:right}
#B2SkinMetroMasterPublic:not(.publicAcademic) .loginTbl{position:relative;height:70px}

#B2SkinMetroMasterPublic:not(.publicAcademic) .login .loginErrors{clear:both;/*min-height:2em;*/padding:0.5em 0}
#B2SkinMetroMasterPublic:not(.publicAcademic) .loginRegisterBar{margin-top:2em}

.login .labelCell,.login .inputCell{display:block;padding:0.21429em 0}
.login .labelCell{float:left;text-align:right;width:85px}
.login .inputCell{float:right}
    
.login .form .inputCell .inpTxt{width:135px}/*nepotrebno ?*/
#B2SkinMetroMasterPublic:not(.publicAcademic) .login .form .loginTblRow .labelCell{display:none}
#B2SkinMetroMasterPublic:not(.publicAcademic) .login .form .inputCell.usernameCell{padding:0}
#B2SkinMetroMasterPublic:not(.publicAcademic) .login .form .inputCell.passwordCell{float:none;position:absolute;bottom:0;right:80px;padding:0}
#B2SkinMetroMasterPublic:not(.publicAcademic) .login .form .inputCell.usernameCell .inpTxt{/*width:220px;*/height:2.143em;padding:2px 5px}
#B2SkinMetroMasterPublic:not(.publicAcademic) .login .form .inputCell.passwordCell .inpTxt{/*width:140px;*/height:2.143em;padding:2px 5px}
#B2SkinMetroMasterPublic:not(.publicAcademic) .login .form .loginTbl .inlineBar .inlineBtn{height:1.429em;line-height:1.429em;padding:0.357em 1.071em;margin:0}
#B2SkinMetroMasterPublic:not(.publicAcademic) .login .inlineBar{/*margin-bottom:1.33333em;clear:both;*/position:absolute;bottom:0;right:0;width:80px;padding:0;height:2.143em}
.login .moreBar{margin-bottom:0}

/*change password*/
#loginChangePass .form{position:relative}
#B2SkinMetroMasterPublic:not(.publicAcademic) #loginChangePass.login .inlineBar{position:static;width:auto}
#B2SkinMetroMasterPublic:not(.publicAcademic) .login .changePassTbl{float:right;width:auto}
#B2SkinMetroMasterPublic:not(.publicAcademic) .login .form .changePassTbl td.labelCell{width:180px;display:table-cell;float:none}
#B2SkinMetroMasterPublic:not(.publicAcademic) .login .form .changePassTbl td.inputCell{display:table-cell;float:none}
#B2SkinMetroMasterPublic:not(.publicAcademic) .login .changePassTbl .inputCell{text-align:right}

#B2SkinMetroMasterPublic.publicAcademic #loginChangePass{padding-left:10px}
#B2SkinMetroMasterPublic.publicAcademic #loginChangePass table,#B2SkinMetroMasterPublic.publicAcademic tbody{display:block}
#B2SkinMetroMasterPublic.publicAcademic #loginChangePass .changePassTbl tr{display:block;width:45%;float:left}
#B2SkinMetroMasterPublic.publicAcademic #loginChangePass .changePassTbl td{display:block;width:auto}
#B2SkinMetroMasterPublic.publicAcademic #loginChangePass .changePassTbl td.labelCell{font-size:0.857em;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#B2SkinMetroMasterPublic.publicAcademic #loginChangePass .inlineBar{top:20px}

/*register*/
.login .register h1,.login .forgottenPassword h1{text-align:left}

/*home - academic*/
.publicAcademic #headTop{padding:0}
.headTopContact{float:right;text-align:right;padding-right:35px;padding-top:15px}
.contactTel{padding-top:2px;padding-bottom:7px}
.publicAcademic .loginBoxHead{position:relative;padding-top:10px}
.publicAcademic .loginMessage1{padding:0.75000em}
.publicAcademic .loginMessage2,.publicAcademic .loginMessage3,.publicAcademic .loginMessage4{padding:1em}
.publicAcademic .loginMessage1,.publicAcademic .loginMessage2{margin-bottom:0}
.publicAcademic .loginMessage3,.publicAcademic .loginMessage4{display:block}

.publicAcademic .loginTblRow{float:left}
.publicAcademic .loginTblRow.usernameRow{width:60%}
.publicAcademic .loginTblRow.passwordRow{width:40%}
.publicAcademic .loginTbl .labelCell{display:none}
.publicAcademic .loginRegisterBar{display:none}
.publicAcademic .loginForgotenBar{padding-top:5px;clear:both;float:right}
.publicAcademic .loginForgotenBar .moreBtn{background-image:none;font-size:inherit;display:inline;float:none;padding:0;margin:0}
.publicAcademic .login .inputCell{float:none}

.publicAcademic .login .form .inputCell .inpTxt{width:90%;font-size:inherit}
.publicAcademic .login .form .inlineBar{position:absolute;top:12px;right:0;margin-bottom:0}
.publicAcademic .login .inlineBar .arrowBtn{display:block;width:25px;height:25px;border:0 none;outline:0 none;background-color:transparent;background-position:right -1910px}

.publicAcademic .signedIn h1{display:none}
.publicAcademic #headTop1{/*width:70%;*/float:left}
.publicAcademic #headTop2{/*width:30%;*/float:right;position:static}
.publicAcademic #column1{width:auto;float:none}
.homePageMainImg{display:block;height:0;padding-bottom:40%;margin-bottom:40px}/*na nasih sloskih je div, na drugih je a href*/

/*gamification*/
.diamond,#myBadgeIcon,#myBadgesArrow,#myProgress.gameProgressBtn,.badge,.badgeSmall .badgeImg,.levelIcon,
.myProgressBadgeSmall,.myProgressBadgeSmall .icon,.myProgressGraphIcon,.stdTooltipArrow,#topScore .icon,.trendUp,.trendDown,
.badgesSectionMore:before{background:url(/statika/style/baseImg/gameIcons.png) no-repeat}
#myProgress.gameProgressBtn{position:relative;background-position:0 -180px}
#myProgress.gameProgressBtn.activeAnim{opacity:1;background-position:0 -215px}
#myProgress.gameProgressBtn.diamondAnim{opacity:1;background-position:0 -250px}

#graphProgressLoading,#badgesProgress{height:28px;background-position:center center}
#graphProgressLoaded,#badgesLoaded{display:none}

/*diamonds*/
.diamond{display:inline-block;width:21px;height:16px;vertical-align:-15%;background-position:0 0;cursor:pointer}
.diamond.found{background-position:0 -20px;cursor:default}

.diamond-drag{position:absolute;top:0;left:0}
.diamond-drag.ui-draggable:hover{cursor: move}
.diamond-drag.selected{background-color: #4dafd6}

/*points and badges*/
#gamePoints{position:absolute;height:19px;width:60px;text-align:center;left:-14px;top:0;font-size:15px;font-weight:bold;display:none;opacity:0}
#gamePoints.pointsNormal{left:-19px;color:#75e745}/*lepsa poravnava zaradi + znaka*/
#gamePoints.pointsNormalSum{color:#75e745}
#gamePoints.pointsDiamond{left:-19px;color:#f9d249}/*lepsa poravnava zaradi + znaka*/
#gamePoints.pointsDiamondSum{color:#f9d249}

.myBadge{float:right;margin-right:10px;width:21px;height:25px;position:relative}
#myBadgeIcon{width:20px;padding-left:1px;height:23px;padding-top:2px;background-position:0 -150px;color:#fff;text-align:center;cursor:pointer}
#myBadgeIcon.newBadge{background-position:0 -150px}

.stdTooltip{position:absolute;display:none;z-index:2000}
.type0 .stdTooltipArrow{height:7px;width:14px;margin-left:20px;background-position:0 -60px}
#badgesLoaded .type0 .stdTooltipArrow{margin-left:38px}
.type1 .stdTooltipArrow{height:7px;width:14px;margin-left:20px;background-position:0 -75px}
.type2 .stdTooltipArrow{height:7px;width:14px;margin:0 auto;background-position:0 -75px}
.stdTooltipTxt{padding:5px 10px;background:#f0f0f0;color:#333;text-align:left}
.type1 .stdTooltipTxt{border:1px solid #ddd;border-style:none solid solid none}

/*stdTooltip in context*/
.myBadge .stdTooltip{top:25px;left:-35px;}
.myBadge .stdTooltipArrow{margin-left:38px}
.myBadge .stdTooltipTxt{white-space:nowrap}
.newBadge .stdTooltip{display:block}

#myProgressLevel .stdTooltip{width:175px;left:-19px}
#myProgressLevel1 .stdTooltip{bottom:50px}
#myProgressLevel2 .stdTooltip{bottom:60px}
#myProgressLevel3 .stdTooltip{bottom:70px}
#myProgressLevel4 .stdTooltip{bottom:80px}
#myProgressLevel5 .stdTooltip{bottom:90px}
#myProgressLevel6 .stdTooltip{bottom:100px}
#myProgressLevel7 .stdTooltip{bottom:110px}
.myProgressLevelContainer:hover .stdTooltip{display:block}

#myProgress .stdTooltip{white-space:nowrap;bottom:-35px;left:-12px;display:block !important}

.myProgressGraphSmall .stdTooltip{top:-35px;left:12px}
.myProgressGraphSmall .stdTooltipTxt{white-space:nowrap}
.myProgressGraphSmall:hover .stdTooltip{display:block}

#myProgressPositionBox .stdTooltip{bottom:55px;width:200px}
#myProgressPositionBox:hover .stdTooltip{display:block}

#topScore .stdTooltip{bottom:20px;right:-150px;width:200px}
#topScore:hover .stdTooltip{display:block}

#badgesProgress{}
.badgesSectionName{color:#fff;text-transform:uppercase;clear:both;font-size:1.250em;margin-bottom:1.067em}
.badgesSection{padding:7px 0 10px 0}
.allBadges{position:absolute;right:0;top:30px;width:700px;z-index:10000;display:none}
.badgesKnowledge{background-color:#1ba0e1;max-height:560px;overflow-y:auto;padding:30px 0 20px 23px}
.badgesSpecial{background-color:#1a9ad9;padding:19px 23px 14px 23px}
.badgesSectionMore{width:200px;cursor:pointer;opacity:0.4;font-size:1.083em;line-height:1em}
#econtentBadges+.badgesSectionMore{margin-bottom:1.231em}
.badgesSectionMore:before{content:'';display:inline-block;width:15px;height:12px;margin-right:10px;vertical-align:bottom;background-position:0 -295px}
.badgesSectionMore.opened:before{background-position:-20px -295px}

.badgesSection.hidden{display:none}
.badge{width:98px;height:113px;position:relative}
.badgesKnowledge .badge:last-child{margin-right:0}
.badgesKnowledge .badge{float:left;margin:0 11px 0 0}
.badgesKnowledge .stdTooltip{width:120px;bottom:120px;left:-10px}
.badgesKnowledge .badge:hover .stdTooltip{display:block}
#myProgressBadgeBox{margin-bottom:2em}
#myProgressBadge,.econtentBadges .badge{background-position:-35px 0;cursor:default}
.eclassroomBadges .badge{background-position:-35px -115px}
.badge.blank{background-position:-35px -230px;background-color:#3ab1eb}
.badge .noBadgesTxt{width:60px;opacity:0.4;text-align:center;margin:20px auto 0 auto}

.badgeSmall{width:72px;height:83px;position:relative}
.badgeSmall .badgeImg{height:100%}
#badge1 .badgeImg{background-position:-135px -170px}/*vseckar*/
#badge2 .badgeImg{background-position:-135px -255px}/*profilator*/
#badge3 .badgeImg{background-position:-210px 0}/*prvi postar*/
#badge4 .badgeImg{background-position:-135px 0}/*legenda testiranja*/
#badge5 .badgeImg{background-position:-210px -255px}/*maratonec*/
#badge6 .badgeImg{background-position:-210px -170px}/*redni gost*/
#badge7 .badgeImg{background-position:-210px -85px}/*raziskovalec*/
#badge8 .badgeImg{background-position:-135px -85px}/*ucenjak*/

.badgeSmall.blank .badgeImg{opacity:0.25}
.badgesSpecial .badgeSmall{margin-right:10px;float:left}
.badgesSpecial .badgeSmall:last-child{margin-right:0}
.badgeSmall .stdTooltip{width:150px;bottom:90px;left:-10px}
.badgeSmall:hover .stdTooltip{display:block}

.badgeCol1{background-color:#fbc820}
.badgeCol1 .levelNum{color:#fbc820}
.badgeCol2{background-color:#fa8916}
.badgeCol2 .levelNum{color:#fa8916}
.badgeCol3{background-color:#ff3370}
.badgeCol3 .levelNum{color:#ff3370}
.badgeCol4{background-color:#d182f9}
.badgeCol4 .levelNum{color:#d182f9}
.badgeCol5{background-color:#00c8d3}
.badgeCol5 .levelNum{color:#00c8d3}
.badgeCol6{background-color:#8bc53e}
.badgeCol6 .levelNum{color:#8bc53e}
#dosezek_barva option{color:#fff}
#dosezek_barva option.badgeCol0{color:inherit}

.badge .levelNum{width:20px;height:20px;position:absolute;left:32px;top:12px}
.badge .levelIcon{width:31px;height:20px;position:absolute;left:52px;top:10px}
.levelIcon.level1{background-position:-285px 0}
.levelIcon.level2{background-position:-285px -25px}
.levelIcon.level3{background-position:-285px -50px}
.levelIcon.level4{background-position:-285px -75px}
.levelIcon.level5{background-position:-285px -100px}
.levelIcon.level6{background-position:-285px -125px}
.levelIcon.level7{background-position:-285px -150px}
.badge .badgeName{color:#fff;position:absolute;text-align:center;left:5px;top:37px;width:88px;height:20px;font-size:15px;font-weight:bold}
.eclassroomBadges .badge .badgeName{top:42px}
.badge .badgeLevel{color:#fff;position:absolute;text-align:center;left:5px;top:61px;width:88px;height:20px;font-size:11px;font-weight:bold}
.badge .badgeYear{color:#fff;position:absolute;text-align:center;left:5px;top:78px;width:88px;height:20px;font-size:11px}

#headTop2 .myAvatar{float:right;margin-right:10px;width:25px;height:25px;background-repeat:no-repeat;background-position:center center;background-size:contain}
#headTop2 .myAvatar.userBlank{background-position:center -3px}
/*#headTop2 .myAvatar img{max-width:100%;height:auto;}*/

#lestvicaTblBox{background-color:#f0f0f0;padding:0.5em}
.lestvicaTbl{width:100%;border-collapse:collapse;}
.lestvicaTbl td{vertical-align:middle;padding:2px;border-bottom:1px solid #e5e5e5}
.lestvicaTbl tr:last-child td{border-bottom:0 none}
.lestvicaTbl .tockeAvatar{margin-right:10px;width:30px;height:30px}
.tockeAvatar img{width:30px;max-width:30px;height:auto}
.tockeAvatar .userBlank{width:30px;height:30px}

.profileImg {display:block;position:absolute;left:30px;}
.profileImg.userImg {height:40px;width:40px;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.profileImg.defaultAvatar {height: 40px;width: 30px;}
.profileImg.defaultAvatar::after {content: "";display: block;height: 32px;width: 26px;position: absolute;left: 50%;top: 50%;margin-top: -16px;margin-left: -13px;background: url(/statika/style/baseImg/ec4_icons.png) no-repeat 0 -180px}

/*my progress gamification*/
#myProgressBadgeBox{position:relative}
#myProgressLevel{position:absolute;bottom:0;right:0;width:140px;height:105px}
.myProgressLevelBars{position:relative;height:75px}
.myProgressLevelContainer{position:absolute;bottom:0;width:16px}
.myProgressLevelBar{position:absolute;bottom:25px;left:2px;width:12px}

#myProgressLevel1{left:4px;height:45px}
#myProgressLevel1 .myProgressLevelBar{height:20px}
#myProgressLevel2{left:24px;height:55px}
#myProgressLevel2 .myProgressLevelBar{height:30px}
#myProgressLevel3{left:44px;height:65px}
#myProgressLevel3 .myProgressLevelBar{height:40px}
#myProgressLevel4{left:64px;height:75px}
#myProgressLevel4 .myProgressLevelBar{height:50px}
#myProgressLevel5{left:84px;height:85px}
#myProgressLevel5 .myProgressLevelBar{height:60px}
#myProgressLevel6{left:104px;height:95px}
#myProgressLevel6 .myProgressLevelBar{height:70px}
#myProgressLevel7{left:124px;height:105px}
#myProgressLevel7 .myProgressLevelBar{height:80px}

.myProgressLevelBar.blank{background-color:#fff}
.myProgressLevelIcons{position:relative;height:25px}
.myProgressBadgeSmall{width:16px;height:18px;position:absolute;bottom:0;background-position:-285px -230px}
.myProgressBadgeSmall .icon{width:8px;height:8px;margin:4px 0 0 4px}

#myProgressLevel1 .icon{background-position:-285px -200px}
#myProgressLevel2 .icon{background-position:-285px -210px}
#myProgressLevel3 .icon{background-position:-285px -220px}
#myProgressLevel4 .icon{background-position:-295px -200px}
#myProgressLevel5 .icon{background-position:-295px -210px}
#myProgressLevel6 .icon{background-position:-295px -220px}
#myProgressLevel7 .icon{background-position:-305px -200px}
.myProgressBadgeSmall.blank{background-color:#39b0eb;opacity:0.5}
.myProgressGraphSmall{width:76px;height:76px;float:left;margin-right:14px;position:relative;cursor:default}
.myProgressGraphSmall:last-child{margin-right:0}

.myProgressGraphIcon{height:19px;width:23px;position:absolute;top:20px;left:27px}
#myProgress0 .myProgressGraphIcon{background-position:-285px -250px}
#myProgress1 .myProgressGraphIcon{background-position:-285px -270px}
#myProgress2 .myProgressGraphIcon{background-position:-285px -290px}
.myProgressGraphInfo{width:40px;position:absolute;top:40px;left:18px;text-align:center}

#myProgressPositionBox{position:relative;margin-top:15px}
.myProgressTitle{text-transform:uppercase;font-size:1.333em;line-height:1em}
.myProgressPoints1{float:left;width:40%}
.myProgressPoints1 .pointsNum{font-size:2.667em;padding-top:1em;line-height:1em;font-weight:lighter}
.myProgressLbl{opacity:0.5;line-height:18px;cursor:default}
.myProgressPoints2{float:right;width:60%;text-align:right}
.myProgressPoints2 .pointsNum{font-size:5.667em;line-height:1em;font-weight:lighter}
#topScore{position:relative}
#topScore .icon{display:inline-block;width:18px;height:18px;margin-right:5px;vertical-align:bottom;background-position:-285px -310px}

.jokerIcon{position:absolute;background:url(/statika/style/baseImg/gameIcons.png) no-repeat -161px 0;background-size:221px 173px/*retina*/;width:60px;height:117px;right:-5px;top:-85px;z-index:100}
.jokerIconSmall{position:absolute;background:url(/statika/style/baseImg/gameIcons.png) no-repeat -107.3px 0;background-size:147.3px 115.3px/*retina*/;width:40px;height:79.3px;right:5px;top:28px;z-index:100}

/*left 322*/
/*conference*/
.page_conference #head{border-bottom: 1.33333em solid transparent}
#mainContent.conference #column1{width:auto;float:none;text-align:center;margin-right:0}
#mainContent.conference h1{text-align:center}

/*flowplayer 5.4.2 minimalist skin*/
.flowplayer{position:relative;width:100%;background-size:contain;background-repeat:no-repeat;background-position:center center;display:inline-block;}
.flowplayer *{font-weight:inherit;font-family:inherit;font-style:inherit;text-decoration:inherit;font-size:100%;padding:0;border:0;margin:0;list-style-type:none}
.flowplayer a:focus{outline:0}
.flowplayer video{width:100%;background-color:#000}
.flowplayer.is-ipad video{-webkit-transform:translateX(-2048px)}
.is-ready.flowplayer.is-ipad video{-webkit-transform:translateX(0)}
.flowplayer .fp-engine,.flowplayer .fp-ui,.flowplayer .fp-message{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:1}
.flowplayer .fp-message{display:none;text-align:center;padding-top:5%;cursor:default;}
.flowplayer .fp-message h2{font-size:120%;margin-bottom:1em}
.flowplayer .fp-message p{color:#666;font-size:95%}
.flowplayer .fp-controls{position:absolute;bottom:0;width:100%;}
.no-background.flowplayer .fp-controls{background-color:transparent !important;background-image:-moz-linear-gradient(transparent,transparent) !important;background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),to(transparent)) !important}
.is-fullscreen.flowplayer .fp-controls{bottom:3px}
.is-mouseover.flowplayer .fp-controls{bottom:0}
.flowplayer .fp-waiting{display:none;margin:19% auto;text-align:center;}
.flowplayer .fp-waiting *{-webkit-box-shadow:0 0 5px #333;-moz-box-shadow:0 0 5px #333;box-shadow:0 0 5px #333}
.flowplayer .fp-waiting em{width:1em;height:1em;-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;background-color:rgba(255,255,255,0.8);display:inline-block;-webkit-animation:pulse .6s infinite;-moz-animation:pulse .6s infinite;animation:pulse .6s infinite;margin:.3em;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.flowplayer .fp-waiting em:nth-child(1){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}
.flowplayer .fp-waiting em:nth-child(2){-webkit-animation-delay:.45s;-moz-animation-delay:.45s;animation-delay:.45s}
.flowplayer .fp-waiting em:nth-child(3){-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s}
.flowplayer .fp-waiting p{color:#ccc;font-weight:bold}
.flowplayer .fp-speed{font-size:30px;background-color:#333;background-color:rgba(51,51,51,0.8);color:#eee;margin:0 auto;text-align:center;width:120px;padding:.1em 0 0;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s;}
.flowplayer .fp-speed.fp-hilite{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.flowplayer .fp-help{position:absolute;top:0;left:-9999em;z-index:100;background-color:#333;background-color:rgba(51,51,51,0.9);width:100%;height:100%;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s;text-align:center;}
.is-help.flowplayer .fp-help{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.flowplayer .fp-help .fp-help-section{margin:3%;direction:ltr}
.flowplayer .fp-help .fp-help-basics{margin-top:6%}
.flowplayer .fp-help p{color:#eee;margin:.5em 0;font-size:14px;line-height:1.5;display:inline-block;margin:1% 2%}
.flowplayer .fp-help em{background:#eee;-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;margin-right:.4em;padding:.3em .6em;color:#333}
.flowplayer .fp-help small{font-size:90%;color:#aaa}
.flowplayer .fp-help .fp-close{display:block}
@media (max-width: 600px){.flowplayer .fp-help p{font-size:9px}
}.flowplayer .fp-subtitle{position:absolute;bottom:40px;left:-99999em;z-index:10;text-align:center;width:100%;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s;}
.flowplayer .fp-subtitle p{display:inline;background-color:#333;background-color:rgba(51,51,51,0.9);color:#eee;padding:.1em .4em;font-size:16px;line-height:1.6;}
.flowplayer .fp-subtitle p:after{content:'';clear:both}
.flowplayer .fp-subtitle.fp-active{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-mute,.flowplayer .fp-embed,.flowplayer .fp-close,.flowplayer .fp-play{background-image:url(/statika/style/baseImg/flowplayer/white.png);background-size:37px 300px;}
.is-rtl.flowplayer .fp-fullscreen,.is-rtl.flowplayer .fp-unload,.is-rtl.flowplayer .fp-mute,.is-rtl.flowplayer .fp-embed,.is-rtl.flowplayer .fp-close,.is-rtl.flowplayer .fp-play{background-image:url(/statika/style/baseImg/flowplayer/white_rtl.png)}
.color-light.flowplayer .fp-fullscreen,.color-light.flowplayer .fp-unload,.color-light.flowplayer .fp-mute,.color-light.flowplayer .fp-embed,.color-light.flowplayer .fp-close,.color-light.flowplayer .fp-play{background-image:url(/statika/style/baseImg/flowplayer/black.png);}
.is-rtl.color-light.flowplayer .fp-fullscreen,.is-rtl.color-light.flowplayer .fp-unload,.is-rtl.color-light.flowplayer .fp-mute,.is-rtl.color-light.flowplayer .fp-embed,.is-rtl.color-light.flowplayer .fp-close,.is-rtl.color-light.flowplayer .fp-play{background-image:url(/statika/style/baseImg/flowplayer/black_rtl.png)}
@media (-webkit-min-device-pixel-ratio: 2){.color-light.flowplayer .fp-fullscreen,.color-light.flowplayer .fp-unload,.color-light.flowplayer .fp-mute,.color-light.flowplayer .fp-embed,.color-light.flowplayer .fp-close,.color-light.flowplayer .fp-play{background-image:url(/statika/style/baseImg/flowplayer/black@x2.png)}
.is-rtl.color-light.flowplayer .fp-fullscreen,.is-rtl.color-light.flowplayer .fp-unload,.is-rtl.color-light.flowplayer .fp-mute,.is-rtl.color-light.flowplayer .fp-embed,.is-rtl.color-light.flowplayer .fp-close,.is-rtl.color-light.flowplayer .fp-play{background-image:url(/statika/style/baseImg/flowplayer/black_rtl@x2.png)}
}@media (-webkit-min-device-pixel-ratio: 2){.flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-mute,.flowplayer .fp-embed,.flowplayer .fp-close,.flowplayer .fp-play{background-image:url(/statika/style/baseImg/flowplayer/white@x2.png)}
.is-rtl.flowplayer .fp-fullscreen,.is-rtl.flowplayer .fp-unload,.is-rtl.flowplayer .fp-mute,.is-rtl.flowplayer .fp-embed,.is-rtl.flowplayer .fp-close,.is-rtl.flowplayer .fp-play{background-image:url(/statika/style/baseImg/flowplayer/white_rtl@x2.png)}
}.is-splash.flowplayer .fp-ui,.is-paused.flowplayer .fp-ui{background:url(/statika/style/baseImg/flowplayer/play_white.png) center no-repeat;background-size:12%;}
.is-rtl.is-splash.flowplayer .fp-ui,.is-rtl.is-paused.flowplayer .fp-ui{background:url(/statika/style/baseImg/flowplayer/play_white_rtl.png) center no-repeat;background-size:12%}
@media (-webkit-min-device-pixel-ratio: 2){.is-splash.flowplayer .fp-ui,.is-paused.flowplayer .fp-ui{background:url(/statika/style/baseImg/flowplayer/play_white@x2.png) center no-repeat;background-size:12%}
.is-rtl.is-splash.flowplayer .fp-ui,.is-rtl.is-paused.flowplayer .fp-ui{background:url(/statika/style/baseImg/flowplayer/play_white_rtl@x2.png) center no-repeat;background-size:12%}
}.color-light.is-splash.flowplayer .fp-ui,.color-light.is-paused.flowplayer .fp-ui{background-image:url(/statika/style/baseImg/flowplayer/play_black.png);}
.is-rtl.color-light.is-splash.flowplayer .fp-ui,.is-rtl.color-light.is-paused.flowplayer .fp-ui{background-image:url(/statika/style/baseImg/flowplayer/play_black_rtl.png)}
@media (-webkit-min-device-pixel-ratio: 2){.color-light.is-splash.flowplayer .fp-ui,.color-light.is-paused.flowplayer .fp-ui{background-image:url(/statika/style/baseImg/flowplayer/play_black@x2.png);}
.is-rtl.color-light.is-splash.flowplayer .fp-ui,.is-rtl.color-light.is-paused.flowplayer .fp-ui{background-image:url(/statika/style/baseImg/flowplayer/play_black_rtl@x2.png)}
}.is-fullscreen.flowplayer .fp-ui{background-size:auto}
.is-seeking.flowplayer .fp-ui,.is-loading.flowplayer .fp-ui{background-image:none}
.flowplayer .fp-logo{position:absolute;top:auto;left:15px;bottom:30px;cursor:pointer;display:none;z-index:100;}
.flowplayer .fp-logo img{width:100%}
.is-embedded.flowplayer .fp-logo{display:block}
.fixed-controls.flowplayer .fp-logo{bottom:15px}
.flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-close{position:absolute;top:5px;left:auto;right:5px;display:block;width:30px;height:23px;background-position:12px -197px;cursor:pointer;}
.is-rtl.flowplayer .fp-fullscreen,.is-rtl.flowplayer .fp-unload,.is-rtl.flowplayer .fp-close{right:auto;left:5px;background-position:18px -197px}
.flowplayer .fp-unload,.flowplayer .fp-close{background-position:14px -175px;display:none;}
.is-rtl.flowplayer .fp-unload,.is-rtl.flowplayer .fp-close{background-position:14px -175px}
.flowplayer .fp-play{display:none;width:27px;height:20px;background-position:9px -24px;position:absolute;bottom:0;left:0;}
.is-rtl.flowplayer .fp-play{background-position:18px -24px;left:auto;right:0}
.play-button.flowplayer .fp-play{display:block}
.is-paused.flowplayer .fp-play{background-position:9px 7px;}
.is-rtl.is-paused.flowplayer .fp-play{background-position:18px 7px}
.flowplayer.is-ready.is-closeable .fp-unload{display:block}
.flowplayer.is-ready.is-closeable .fp-fullscreen{display:none}
.flowplayer.is-fullscreen .fp-fullscreen{background-position:10px -217px;display:block !important;}
.is-rtl.flowplayer.is-fullscreen .fp-fullscreen{background-position:21px -217px}
.flowplayer.is-fullscreen .fp-unload,.flowplayer.is-fullscreen .fp-close{display:none !important}
.flowplayer .fp-timeline{height:3px;position:relative;overflow:hidden;top:5px;height:10px;margin:0 150px 0 45px;}
.no-volume.flowplayer .fp-timeline{margin-right:60px}
.no-mute.flowplayer .fp-timeline{margin-right:140px}
.no-mute.no-volume.flowplayer .fp-timeline{margin-right:45px}
.play-button.flowplayer .fp-timeline{margin-left:67px}
.is-rtl.flowplayer .fp-timeline{margin:0 45px 0 150px;}
.no-volume.is-rtl.flowplayer .fp-timeline{margin-left:60px}
.no-mute.is-rtl.flowplayer .fp-timeline{margin-left:140px}
.no-mute.no-volume.is-rtl.flowplayer .fp-timeline{margin-left:45px}
.play-button.is-rtl.flowplayer .fp-timeline{margin-right:67px}
.is-long.flowplayer .fp-timeline{margin:0 180px 0 75px;}
.no-volume.is-long.flowplayer .fp-timeline{margin-right:90px}
.no-mute.is-long.flowplayer .fp-timeline{margin-right:75px}
.play-button.is-long.flowplayer .fp-timeline{margin-left:97px}
.is-rtl.is-long.flowplayer .fp-timeline{margin:75px 0 180px 0;}
.no-volume.is-rtl.is-long.flowplayer .fp-timeline{margin-left:90px}
.no-mute.is-rtl.is-long.flowplayer .fp-timeline{margin-left:75px}
.play-button.is-rtl.is-long.flowplayer .fp-timeline{margin-left:97px}
.aside-time.flowplayer .fp-timeline,.no-time.flowplayer .fp-timeline{margin:0 110px 0 5px}
.aside-time.no-volume.flowplayer .fp-timeline,.no-time.no-volume.flowplayer .fp-timeline{margin-right:20px}
.aside-time.no-mute.flowplayer .fp-timeline,.no-time.no-mute.flowplayer .fp-timeline{margin-right:5px}
.play-button.no-time.flowplayer .fp-timeline,.play-button.aside-time.flowplayer .fp-timeline{margin-left:27px}
.is-rtl.aside-time.flowplayer .fp-timeline,.is-rtl.no-time.flowplayer .fp-timeline{margin:0 5px 0 110px}
.is-rtl.aside-time.no-volume.flowplayer .fp-timeline,.is-rtl.no-time.no-volume.flowplayer .fp-timeline{margin-left:20px}
.is-rtl.aside-time.no-mute.flowplayer .fp-timeline,.is-rtl.no-time.no-mute.flowplayer .fp-timeline{margin-left:5px}
.is-rtl.play-button.no-time.flowplayer .fp-timeline,.is-rtl.play-button.aside-time.flowplayer .fp-timeline{margin-right:27px}
.flowplayer .fp-buffer,.flowplayer .fp-progress{position:absolute;top:0;left:auto;height:100%;cursor:col-resize}
.flowplayer .fp-buffer{-webkit-transition:width .25s linear;-moz-transition:width .25s linear;transition:width .25s linear}
.flowplayer.is-touch .fp-timeline{overflow:visible}
.flowplayer.is-touch .fp-progress{-webkit-transition:width .2s linear;-moz-transition:width .2s linear;transition:width .2s linear}
.flowplayer.is-touch .fp-timeline.is-dragging .fp-progress{-webkit-transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear;-moz-transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear;transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear}
.flowplayer.is-touch.is-mouseover .fp-progress:after,.flowplayer.is-touch.is-mouseover .fp-progress:before{content:'';display:block;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;position:absolute;right:-5px}
.flowplayer.is-touch.is-rtl.is-mouseover .fp-progress:after,.flowplayer.is-touch.is-rtl.is-mouseover .fp-progress:before{right:auto;left:-5px}
.flowplayer.is-touch.is-rtl.is-mouseover .fp-progress:after{left:-10px;-webkit-box-shadow:-1px 0 4px rgba(0,0,0,0.5);-moz-box-shadow:-1px 0 4px rgba(0,0,0,0.5);box-shadow:-1px 0 4px rgba(0,0,0,0.5)}
.flowplayer.is-touch.is-mouseover .fp-progress:before{width:10px;height:10px}
.flowplayer.is-touch.is-mouseover .fp-progress:after{height:10px;width:10px;top:-5px;right:-10px;border:5px solid rgba(255,255,255,0.65);-webkit-box-shadow:1px 0 4px rgba(0,0,0,0.5);-moz-box-shadow:1px 0 4px rgba(0,0,0,0.5);box-shadow:1px 0 4px rgba(0,0,0,0.5)}
.flowplayer.is-touch.is-mouseover .fp-timeline.is-dragging .fp-progress:after{border:10px solid #fff;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;-webkit-transition:inherit;-moz-transition:inherit;transition:inherit;top:-10px;right:-15px}
.flowplayer.is-touch.is-rtl.is-mouseover .fp-timeline.is-dragging .fp-progress:after{left:-15px;right:auto;border:10px solid #fff}
.flowplayer .fp-volume{position:absolute;top:7.5px;right:5px;}
.is-rtl.flowplayer .fp-volume{right:auto;left:5px}
.flowplayer .fp-mute{position:relative;width:10px;height:15px;float:left;top:-5px;cursor:pointer;background-position:-2px -99px;}
.is-rtl.flowplayer .fp-mute{float:right;background-position:-25px -99px}
.no-mute.flowplayer .fp-mute{display:none}
.flowplayer .fp-volumeslider{width:90px;height:5px;cursor:col-resize;float:left;}
.is-rtl.flowplayer .fp-volumeslider{float:right}
.no-volume.flowplayer .fp-volumeslider{display:none}
.flowplayer .fp-volumelevel{height:100%}
.flowplayer .fp-time{text-shadow:0 0 1px #000;font-size:12px;font-weight:bold;color:#fff;width:100%;}
.flowplayer .fp-time.is-inverted .fp-duration{display:none}
.flowplayer .fp-time.is-inverted .fp-remaining{display:inline}
.flowplayer .fp-time em{width:35px;height:10px;line-height:10px;text-align:center;position:absolute;bottom:5px}
.no-time.flowplayer .fp-time{display:none}
.is-long.flowplayer .fp-time em{width:65px}
.flowplayer .fp-elapsed{left:5px;}
.play-button.flowplayer .fp-elapsed{left:27px}
.is-rtl.flowplayer .fp-elapsed{left:auto;right:5px;}
.play-button.is-rtl.flowplayer .fp-elapsed{right:27px}
.flowplayer .fp-remaining,.flowplayer .fp-duration{right:110px;color:#eee;}
.no-volume.flowplayer .fp-remaining,.no-volume.flowplayer .fp-duration{right:20px}
.no-mute.flowplayer .fp-remaining,.no-mute.flowplayer .fp-duration{right:100px}
.no-mute.no-volume.flowplayer .fp-remaining,.no-mute.no-volume.flowplayer .fp-duration{right:5px}
.is-rtl.flowplayer .fp-remaining,.is-rtl.flowplayer .fp-duration{right:auto;left:110px;}
.no-volume.is-rtl.flowplayer .fp-remaining,.no-volume.is-rtl.flowplayer .fp-duration{left:20px}
.no-mute.is-rtl.flowplayer .fp-remaining,.no-mute.is-rtl.flowplayer .fp-duration{left:100px}
.no-mute.no-volume.is-rtl.flowplayer .fp-remaining,.no-mute.no-volume.is-rtl.flowplayer .fp-duration{left:5px}
.flowplayer .fp-remaining{display:none}
.flowplayer.color-light .fp-time{color:#222;text-shadow:0 0 1px #fff}
.flowplayer.color-light .fp-remaining,.flowplayer.color-light .fp-duration{color:#666}
.flowplayer.aside-time .fp-time{position:absolute;top:5px;left:5px;bottom:auto !important;width:85px;}
.flowplayer.aside-time .fp-time strong,.flowplayer.aside-time .fp-time em{position:static}
.flowplayer.aside-time .fp-time .fp-elapsed{margin-right:5px;}
.is-rtl.flowplayer.aside-time .fp-time .fp-elapsed{margin-right:auto;margin-left:5px}
.flowplayer.is-long.aside-time .fp-time{width:130px}
.flowplayer.is-splash,.flowplayer.is-poster{cursor:pointer;}
.flowplayer.is-splash .fp-controls,.flowplayer.is-poster .fp-controls,.flowplayer.is-splash .fp-fullscreen,.flowplayer.is-poster .fp-fullscreen,.flowplayer.is-splash .fp-unload,.flowplayer.is-poster .fp-unload,.flowplayer.is-splash .fp-time,.flowplayer.is-poster .fp-time,.flowplayer.is-splash .fp-embed,.flowplayer.is-poster .fp-embed{display:none !important}
.flowplayer.is-poster .fp-engine{top:-9999em}
.flowplayer.is-loading .fp-waiting{display:block}
.flowplayer.is-loading .fp-controls,.flowplayer.is-loading .fp-time{display:none}
.flowplayer.is-loading .fp-ui{background-position:-9999em}
.flowplayer.is-seeking .fp-waiting{display:block}
.flowplayer.is-fullscreen{position:fixed !important;top:0 !important;left:0 !important;border:0 !important;margin:0 !important;width:100% !important;height:100% !important;max-width:100% !important;z-index:99999 !important;-webkit-box-shadow:0 !important;-moz-box-shadow:0 !important;box-shadow:0 !important;background-image:none !important;background-color:#333;}
.is-rtl.flowplayer.is-fullscreen{left:auto !important;right:0 !important}
.flowplayer.is-error{border:1px solid #909090;background:#fdfdfd !important;}
.flowplayer.is-error h2{font-weight:bold;font-size:large;margin-top:10%}
.flowplayer.is-error .fp-message{display:block}
.flowplayer.is-error object,.flowplayer.is-error video,.flowplayer.is-error .fp-controls,.flowplayer.is-error .fp-time,.flowplayer.is-error .fp-subtitle{display:none}
.flowplayer.is-ready.is-muted .fp-mute{opacity:.5;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50)}
.flowplayer.is-mouseout .fp-controls{height:0;-webkit-transition:height .15s .3s;-moz-transition:height .15s .3s;transition:height .15s .3s}
.flowplayer.is-mouseout .fp-timeline{margin:0 !important}
.flowplayer.is-mouseout .fp-timeline{-webkit-transition:height .15s .3s,top .15s .3s,margin .15s .3s;-moz-transition:height .15s .3s,top .15s .3s,margin .15s .3s;transition:height .15s .3s,top .15s .3s,margin .15s .3s;height:4px;top:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.flowplayer.is-mouseout .fp-fullscreen,.flowplayer.is-mouseout .fp-unload,.flowplayer.is-mouseout .fp-elapsed,.flowplayer.is-mouseout .fp-remaining,.flowplayer.is-mouseout .fp-duration,.flowplayer.is-mouseout .fp-embed,.flowplayer.is-mouseout .fp-volume,.flowplayer.is-mouseout .fp-play{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .15s .3s;-moz-transition:opacity .15s .3s;transition:opacity .15s .3s}
.flowplayer.is-mouseover .fp-controls,.flowplayer.fixed-controls .fp-controls{height:20px}
.flowplayer.is-mouseover .fp-fullscreen,.flowplayer.fixed-controls .fp-fullscreen,.flowplayer.is-mouseover .fp-unload,.flowplayer.fixed-controls .fp-unload,.flowplayer.is-mouseover .fp-elapsed,.flowplayer.fixed-controls .fp-elapsed,.flowplayer.is-mouseover .fp-remaining,.flowplayer.fixed-controls .fp-remaining,.flowplayer.is-mouseover .fp-duration,.flowplayer.fixed-controls .fp-duration,.flowplayer.is-mouseover .fp-embed,.flowplayer.fixed-controls .fp-embed,.flowplayer.is-mouseover .fp-logo,.flowplayer.fixed-controls .fp-logo,.flowplayer.is-mouseover .fp-volume,.flowplayer.fixed-controls .fp-volume,.flowplayer.is-mouseover .fp-play,.flowplayer.fixed-controls .fp-play{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.flowplayer.fixed-controls .fp-volume{display:block}
.flowplayer.fixed-controls .fp-controls{bottom:-20px;}
.is-fullscreen.flowplayer.fixed-controls .fp-controls{bottom:0}
.flowplayer.fixed-controls .fp-time em{bottom:-15px;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.is-fullscreen.flowplayer.fixed-controls .fp-time em{bottom:5px}
.flowplayer.is-disabled .fp-progress{background-color:#999}
.flowplayer .fp-embed{position:absolute;top:5px;left:5px;display:block;width:25px;height:20px;background-position:3px -237px;}
.is-rtl.flowplayer .fp-embed{background-position:22px -237px;left:auto;right:5px}
.flowplayer .fp-embed-code{position:absolute;display:none;top:10px;left:40px;background-color:#333;padding:3px 5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 3px #ccc;-moz-box-shadow:0 0 3px #ccc;box-shadow:0 0 3px #ccc;font-size:12px;}
.flowplayer .fp-embed-code:before{content:'';width:0;height:0;position:absolute;top:2px;left:-10px;border:5px solid transparent;border-right-color:#333}
.is-rtl.flowplayer .fp-embed-code{left:auto;right:40px;}
.is-rtl.flowplayer .fp-embed-code:before{left:auto;right:-10px;border-right-color:transparent;border-left-color:#333}
.flowplayer .fp-embed-code textarea{width:400px;height:16px;font-family:monaco,"courier new",verdana;color:#777;white-space:nowrap;resize:none;overflow:hidden;border:0;outline:0;background-color:transparent;color:#ccc}
.flowplayer .fp-embed-code label{display:block;color:#999}
.flowplayer.is-embedding .fp-embed,.flowplayer.is-embedding .fp-embed-code{display:block;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.flowplayer.aside-time .fp-embed{left:85px;}
.is-rtl.flowplayer.aside-time .fp-embed{left:auto;right:85px}
.flowplayer.aside-time .fp-embed-code{left:115px;}
.is-rtl.flowplayer.aside-time .fp-embed-code{left:auto;right:115px}
.flowplayer.aside-time.is-embedding .fp-time{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.flowplayer.is-long.aside-time .fp-embed{left:130px;}
.is-rtl.flowplayer.is-long.aside-time .fp-embed{left:auto;right:130px}
.flowplayer.no-time .fp-embed{left:5px !important;}
.is-rtl.flowplayer.no-time .fp-embed{left:auto;right:5px !important}
@-moz-keyframes pulse
{
    0%{opacity:0}
    100%{opacity:1}
}
@-webkit-keyframes pulse
{
    0%{opacity:0}
    100%{opacity:1}
}
@-o-keyframes pulse
{
    0%{opacity:0}
    100%{opacity:1}
}
@-ms-keyframes pulse
{
    0%{opacity:0}
    100%{opacity:1}
}
@keyframes pulse
{
    0%{opacity:0}
    100%{opacity:1}
}
.flowplayer .fp-controls{background-color:#333;background-color:rgba(51,51,51,0.6)}
.flowplayer.fixed-controls .fp-controls{background-color:#333}
.flowplayer .fp-timeline{background-color:#666}
.flowplayer .fp-buffer{background-color:#eee}
.flowplayer .fp-progress{background-color:#00a7c8}
.flowplayer .fp-volumeslider{background-color:#000}
.flowplayer .fp-volumelevel{background-color:#fff}
.flowplayer .fp-play{height:24px}
.flowplayer.is-touch.is-mouseover .fp-progress:before{background-color:#00a7c8}
.flowplayer.color-light .fp-controls{background-color:rgba(255,255,255,0.6)}
.flowplayer.color-light.fixed-controls .fp-controls{background-color:#fff}
.flowplayer.color-light .fp-volumeslider{background-color:#ddd}
.flowplayer.color-light .fp-volumelevel{background-color:#222}
.flowplayer.color-alt .fp-progress{background-color:#fff}
.flowplayer.color-alt.is-touch.is-mouseover .fp-progress:before{background-color:#fff}
.flowplayer.color-alt .fp-buffer{background-color:#999}
.flowplayer.color-alt2 .fp-progress{background-color:#900}
.flowplayer.color-alt2.is-touch.is-mouseover .fp-progress:before{background-color:#900}


/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.6.2
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2016 Harvest http://getharvest.com
*/

/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.chosen-container * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: 100%;
  border: 1px solid #ccc;
  border-top: 0;
  background: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}
.chosen-container a {
  cursor: pointer;
}
.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999;
}
.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}

/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 32px;
  border: 1px solid #ccc;
  background-color: #fff;
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 28px;
}
.chosen-container-single .chosen-default {
  color: #999;
}
.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url(/statika/style/chosen-sprite.png) -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 5px;
  display: block;
  width: 18px;
  height: 100%;
}
.chosen-container-single .chosen-single div b {
  display:block;width:0;height:0;position:absolute;top:50%;right:0;margin-top:-3px;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 6px solid #333;
}
.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #ccc;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  
}
.chosen-container-single .chosen-drop {
  margin-top: -1px;
  /*border-radius: 0 0 4px 4px;*/
  background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

/* @group Results */
.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0 !important;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  font-size:14px;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}
.chosen-container .chosen-results li.highlighted {
  background-color:#4dafd6;
  color: #fff;
}
.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto;
  border: 1px solid #ccc;
  background-color: #fff;
  cursor: text;
}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 5px 3px;
  height: 28px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
}
.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 24px 6px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  background-color:#fff;
  color: #333;
  line-height: 13px;
  cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice:hover{
    background-color: #f7f7f7;
    border-color: #aaa;
}

.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 50%;
  margin-top:-6px;
  right: 5px;
  display: block;
  width: 12px;
  height: 12px;
  background:url(/statika/style/baseImg/ec4_icons.png) no-repeat -25px -935px;
  font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
   border-left: 4px solid transparent;border-right: 4px solid transparent;border-bottom: 6px solid #333;border-top:0 none;
}

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important;
}

/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}
.chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/*footable*/
/*
@font-face {
  font-family: 'footable';
  src: url(/statika/style/fonts/footable.eot);
  src: url(/statika/style/fonts/footable.eot?#iefix) format('embedded-opentype'), url(/statika/style/fonts/footable.woff) format('woff'), url(/statika/style/fonts/footable.ttf) format('truetype'), url(/statika/style/fonts/footable.svg#footable) format('svg');
  font-weight: normal;
  font-style: normal;
}http://localhost:50150/wbtweb/help/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'footable';
    src: url(/statika/style/fonts/footable.svg#footable) format('svg');
    font-weight: normal;
    font-style: normal;
  }
}
*/

.footable,.tablesort,.datalane table{background-color:#f3f3f3}
.specialGroup .tablesort{background:#eae9e9}
.footable{width:100%;border-collapse:separate !important;color:#333;/*border-width:3px;border-style:solid;*/margin-bottom:1.33333em}
.footable.breakpoint > tbody > tr.footable-detail-show > td{border-bottom:none}
.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before{
  content: "-";
  font-size:1.5em;
  color:#333}
.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail){cursor:pointer}
.footable.breakpoint > tbody > tr > td.footable-cell-detail{background:#eee;border-top:none}
.footable.breakpoint > tbody > tr > td > span.footable-toggle{
  display:inline-block;
  speak:none;
  font-style:normal;
  font-weight:normal;
  font-variant:normal;
  text-transform:none;
  -webkit-font-smoothing:antialiased;
  padding-right:5px;
  color:#888;
  width:1.2em;
}
.footable.breakpoint > tbody > tr > td > span.footable-toggle:before {
  content: "+";
  font-size:1.5em;
  color:#333;
}
.footable > thead > tr > th{
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:-moz-none;
  -ms-user-select:none;
  user-select:none;
}
.footable th{text-align:left}
.footable th.right,.footable td.right{text-align:right}
.footable th.center,.footable td.center{text-align:center}
.footable td.right{padding-right:23px/*sort arrow 8+5 + 10 padding*/}

.footable > thead > tr > th.footable-sortable:hover{cursor:pointer}
.footable th.footable-sorted span.footable-sort-indicator{background-position:right -1237px}
.footable th.footable-sorted-desc span.footable-sort-indicator{background-position:right -1192px}
.footable span.footable-sort-indicator{display:inline-block;width:8px;height:11px;padding-left:5px}
.footable > tfoot .pagination{margin:0}
.footable.no-paging tfoot{display:none}
.footable.no-paging tfoot .pagination{display:none}

.footable-row-detail-inner{display: table}
.footable-row-detail-row{display:table-row;line-height:1.5em}
.footable-row-detail-group{
  display:block;
  line-height:2em;
  font-size:1.2em;
  font-weight:bold;
}
.footable-row-detail-name{
  display:table-cell;
  font-weight:bold;
  padding-right:0.5em;
}
.footable-row-detail-value{display:table-cell}
.footable-odd{background-color:#f7f7f7}
.footable.breakpoint > tbody > tr.footable-row-detail{background:#eee}
.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail){cursor:pointer}
.footable.breakpoint > tbody > tr > td.footable-row-detail-cell{background:#fff}
.footable > tbody img{vertical-align:middle}

.footable > tbody > tr:not(.footable-row-detail):hover td,
.tablesort > tbody > tr:not(.gridPager):hover td{background-color:#ddd}
.tablesort .gridPager .btnGridMode{background-color:transparent ! important}
.footable > tbody > tr:hover:not(.footable-row-detail) > td{color:#000}

/*.footable > tbody > tr:last-child > td{border-bottom:none}*/
.footable > tbody > tr:not(:first-child) > td,
.datalane tbody > tr:not(:first-child) > td{border-top:1px solid #ddd}
.footable > tbody > tr > td{font-size:1em;padding:0.667em}
.footable > thead > tr > th{font-size:1.33333em;padding:0.5em}
.footable > thead > tr > th.left{text-align:left}
.footable > thead > tr > th.right{text-align:right}
.footable > thead > tr > th.center{text-align:center}
.footable > tfoot > tr > th,
.footable > tfoot > tr > td{padding:5px}
.footable > tfoot > tr > td.footable-row-detail-cell{font-size:1em;padding:0.667em}
.footable > tfoot .pagination{text-align:center}
.footable > tfoot .pagination ul{
  display:inline-block;
  vertical-align:middle;
  margin:0;
  padding:0;
}
.footable > tfoot .pagination ul > li{display:inline}
.footable > tfoot .pagination ul > li > a,
.footable > tfoot .pagination ul > li > span{
  float:left;
  border:2px solid transparent;
  margin:0 3px;
  color:#fff;
  background:transparent;
  padding:1px 5px;
  text-decoration:none;
}
.footable > tfoot .pagination ul > li.disabled > a{color:#aaa}
.footable > tfoot .pagination ul > li.active > a{border-color:#fff}
.footable-odd{background-color:#f7f7f7}

/*datalane*/
.datalane{margin-bottom:1em}
.datalane table{width:100%;border-collapse:collapse;table-layout:fixed}
.datalane th,.datalane td{padding:7px}
.datalane .pager{padding:2px 7px}
.datalane th{text-align:left;vertical-align:middle;color:#fff;cursor:pointer;font-size:16px;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.datalane .right{text-align:right}
.datalane .center{text-align:center}
.datalane th.sorted:after,.datalane th.configTable>div,.datalane th.configTable .dlMenuItem.radioItem:before,
.datalane th.configTable .dlSelectColumnItem:before,.datalane td.expand>div{background:url(/statika/style/baseImg/datalane_icons.png) 0 0 no-repeat}

.datalane th.sorted:after{display:inline-block;content:'';margin-left:5px;width:8px;height:10px;background-position:right -97px}
.datalane th.sorted.sortDesc:after{background-position:right -47px}
.datalane td{word-wrap:break-word}
.datalane td.sorted{background-color:#efefef}

.datalane th.configTable{width:30px;max-width:30px;padding:0}
.datalane th.configTable>div{height:35px;position:relative;background-position:4px 8px}/*visina naj bo ista kot outerHeight za th*/
.datalane th.configTable .dlMenu{display:none;position:absolute;top:35px;left:0;z-index:1000;font-weight:normal}
.datalane th.configTable div.opened .dlMenu{display:block}
.datalane th.configTable .dlMenu .dlMenuItem .dlSubmenu{display:none;position:absolute;top:0;left:100%;font-weight:normal}
.datalane th.configTable .dlMenu .dlMenuItem.opened .dlSubmenu{display:block}

.datalane th.configTable .dlMenuItem{padding:7px 25px 7px 7px;white-space:nowrap}

.datalane th.configTable .dlMenuItem.radioItem{/*color:#999;*/color:#fff;opacity:0.5}
.datalane th.configTable .dlMenuItem.radioItem:hover,th.configTable .dlMenuItem.radioItem.selected{/*color:#fff*/opacity:1}
.datalane th.configTable .dlMenuItem.radioItem:before{display:inline-block;content:'';width:14px;height:14px;background-position:0 -275px;margin-right:10px}
.datalane th.configTable .dlMenuItem.radioItem:hover:before{background-position:0 -275px}
/*hover 275px*/
.datalane th.configTable .dlMenuItem.radioItem.selected:before{background-position:0 -295px}

.datalane th.configTable .dlSelectColumnItem{/*color:#999*/color:#fff;opacity:0.4}
.datalane th.configTable .dlSelectColumnItem:hover,.datalane th.configTable .dlSelectColumnItem.visible{opacity:1}
.datalane th.configTable .dlSelectColumnItem:before{display:inline-block;content:'';width:14px;height:14px;background-position:0 -215px;margin-right:10px}
.datalane th.configTable .dlSelectColumnItem:hover:before{background-position:0 -215px}
.datalane th.configTable .dlSelectColumnItem.visible:before{background-position:0 -235px}
/*.datalane th.configTable .dlMenuConfirm{padding:7px;background-color:#1BA0E1;text-align:center}*/

.datalane td.expand>div{width:12px;height:12px;background-position:0 -150px}
.datalane td.expand.opened>div{background-position:0 -175px}

.datalane table tbody tr:not(.dlDetailsRow):hover{background-color:#ddd}
.datalane table tbody tr:not(.dlDetailsRow):hover td.sorted{background-color:#ccc}
.datalane .pager{position:relative;height:27px;color:#fff}
.datalane .tblPagerInfo{float:left;padding-top:4px}
.datalane .tblPager{width:70%;margin:0 auto;text-align:center;padding-top:3px}
.datalane .tblPager .pageItem{display:inline-block;padding:0 3px;margin-right:5px;border:2px solid transparent;cursor:pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;}
.datalane .tblPager .pageItem.active{border-color:#fff}
.datalane .tblPager .pageItem.disabled{/*color:#aaa;*/opacity:0.5;cursor:default}
.tblPager .singlePage{margin-right:0}

.cssCounter tbody tr:not(.skipIncrement){counter-increment:rowNumber}
.cssCounter tbody td:nth-child(2)::before{content:counter(rowNumber);display:inline-block;min-width:2em;white-space:nowrap}
.cssCounter tbody .skipIncrement td:nth-child(2)::before {content: none} /*na celicah, ki so znotraj tr.skipIncrement pa se ne doda counter*/

#reportTockeIDDTable .IDDDetails .row {padding: 2px 0;}
#reportTockeIDDTable .IDDDetails .oddRow {background-color:lightgray;margin: 0 -7px;padding: 2px 7px;}

.anonimTestPrijava{margin-top:1em;border:1px solid #ccc}
.anonimTestNaslov{background-color:#1ba0e1;color:#fff;padding:1em}
.anonimTestPrijava table{width:100%}
.anonimTestCell1{font-weight:bold;padding:15px 7px 7px;text-align:right !important;width:150px}
.anonimTestCell2{padding:15px 7px 7px}
.anonimTestCell3{padding:7px}
.anonimTestPrijava #email{width:70%;border:1px solid #ccc}
.anonimTestPrijava #submit{background-color:#1ba0e1;border:0 none;color:#fff;line-height:1.33333em;margin:0;padding:0.5em 1.33333em;}

/*ucilnica opomniki*/
.dialogMain #alertForm.content{width:750px}
#alertForm .labelCell{width:25%}
#inpTimeOffset,#inpConditionLessThenProgress{width:12%}
#MessageTemplateId{width:60%}

/*seznam opomnikov*/
#alertListForm td {vertical-align: middle;}

#alertListForm .actIcon{cursor:pointer;width:20px;height:20px} 

#alertListForm td .actIcon{float:left;margin-right:25px}
#alertListForm td .actIcon:last-child,.treeView .actIcon:last-child{margin-left:0}

#alertListForm .actEdit{background: url(/statika/style/default_templates/blue/img/icons16o.png) no-repeat 0 0; width:15px;opacity:0.7;background-position:-25px -5329px}
#alertListForm .actEdit:hover{opacity:1.0}

#alertListForm .actDel{background: url(/statika/style/default_templates/blue/img/icons16o.png) no-repeat 0 0; width:15px;opacity:0.7;background-position:-25px -5375px}
#alertListForm .actDel:hover{opacity:1.0}

#alertListForm .form tr:last-child td {padding-bottom: 7px}

/*urejanje certifikatov*/
.actIcon{background:url(/statika/style/baseImg/ec4_icons.png?v=3.7) no-repeat 0 0;cursor:pointer;width:20px;height:20px} 

.actDel{width:14px;opacity:0.7;background-position:0 -3540px}
.actDel:hover{opacity:1.0}

.actEdit{width:28px;opacity:0.7;background-position:0 -1035px}
.actEdit:hover{opacity:1.0}

.actCopy{width:18px;height:20px;opacity:0.7;background-position:0 -4645px;}
.actCopy:hover{opacity:1.0}

.actAdd {background-position: 0 -935px;opacity: 0.7}
.actAdd:hover {opacity: 1.0}

.actPreview{width:21px;height:21px;background-position:0 -465px;opacity:0.7;}
.actPreview:hover {opacity:1.0}

.actArchive{width:16px;opacity:0.7;background-position:-30px -4645px}
.actArchive:hover{opacity:1.0}

/*video*/
.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%} 
.embed-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}

/*editor drag'n'drop*/
#ckDropContent{position:relative}
#ckDropCloseBtn,.dndCancelBtn,.dndSuccessfulIcon{background-image:url(/statika/style/baseImg/iconsBlack.png)}
#ckDropCloseBtn{position:absolute;top:1em;right:0;width:16px;height:16px}
#ckDropZone{border:2px dashed #333;border-radius:5px;box-sizing:border-box;height:500px;padding:1em;max-height:500px;overflow:auto}
#ckDropZone h3{text-align:center;padding-top:5%}
#ckDropContent table{width:auto}
#ckDropContent td{padding-right:1em}
#ckDropContent label{vertical-align:top}
.dndProgress{position:relative;width:150px;height:16px;background-color:#fff}
.dndProgressBar{position: absolute;background-color:#2dac1c;height:100%}
.dndCancelBtn,.dndSuccessfulIcon{width:16px;height:14px;margin-top:2px}
.dndCancelBtn{background-position:0 -80px}
.dndSuccessfulIcon{background-position:0 -40px;display:none}
#ckDropErrorActions .inlineBtn{margin-bottom:0}

/*new eContent editor*/
.page_econtenteditor .content{width:1300px !important;max-width:1300px}
#econtentEditHeader{border-bottom:2px solid #c0c0c0;padding-bottom:1.333em;margin-bottom:10px}
#econtentEditTitle{font-size:1.333em}
#econtentEditTitle span,#atomTitle{color:#1ba0e1}
.page_econtenteditor #column1{width:320px !important}
/*.page_econtenteditor #column2{width:900px !important}*/
/*prevent scrolling while dragging: dela prav v FF; v ie dela prav tudi brez; v Chrome ne dela*/
#atomtree{height:700px;max-height:700px;overflow-y:scroll;padding-left:30px;margin-left:-30px;/*background:url(/statika/style/img/atomtreeGrid.png) repeat-y;*/
    -webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#atomtreeStatus{font-size:1em;color:#666;height:16px;padding-bottom:5px}
#atomtreeStatus div{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#atomtreeBtns{position:relative;margin-top:6px}
#atomtreeBtns>button{border:0 none;cursor:pointer;display:inline-block;margin-bottom:10px;font-size:12px;line-height:16px}

#newAtomSelect{position:absolute;z-index:1000;top:33px;left:0;width:330px;padding:16px 16px 0 16px;background-color:#f0f0f0;box-sizing:border-box}
#newAtomSelect .newAtomBtn{display:inline-block;width:85px;margin-right:16px;margin-bottom:22px;color:#333;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
#newAtomSelect .newAtomBtn:hover{color:#1ba0e1}
#newAtomSelect .newAtomBtn:nth-child(3n+0){margin-right:0} 
#newAtomSelect .newAtomBckg{height:58px;background:#fff url(/statika/style/baseImg/atomThumbs.png) no-repeat;background-size:100px 240px;border:1px solid #aaa;margin-bottom:7px}
#newAtom4 .newAtomBckg{background-position:center -180px}
#newAtom1 .newAtomBckg{background-image:none}
#newAtom7 .newAtomBckg{background-position:center -60px}
#newAtomSelect .newAtomBtn:hover .newAtomBckg{border:1px solid #1ba0e1}
#atomTemplatesLbl{font-size:12px;font-weight:bold;padding-bottom:7px;text-transform:uppercase}
#newAtomSelect .atomTemplateBckg{background-image:url(/statika/style/baseImg/thumbDefault.jpg);background-size:cover}
/*
#newAtomSelect>button{border:0 none;font-size:12px;cursor:pointer;color:#fff;background:url(/statika/style/baseImg/atomThumbsWhite.png) no-repeat;padding:45px 0 5px;width:33.33333%}
#newAtomSelect > button:hover{background-color:#26c84c}
#newAtomSelect #newAtom4{background-position:center -180px}
#newAtomSelect #newAtom1{background-position:center 0}
#newAtomSelect #newAtom7{background-position:center -60px}
*/

#btnNewAtom{background-color:#26c84c;padding:6px 30px}
#btnNewAtom:before{content:'';display:block;width:19px;height:19px;background:url(/statika/style/baseImg/iconsWhite.png) no-repeat 0 -225px}
#btnDeleteAtom{background-color:orange;padding:6px 16px;margin-left:62px}
#btnDeleteAtom:before{content:'';display:block;width:15px;height:19px;background:url(/statika/style/baseImg/iconsWhite.png) no-repeat 0 -200px}
#btnToggleTree{background-color:#b4b4b4;padding:6px 10px;float:right}
#btnToggleTree:before{content:'';display:block;width:22px;height:19px;background:url(/statika/style/baseImg/iconsWhite.png) no-repeat 0 -179px}
#btnToggleTree.opened:before{background-position:0 -159px}

#atomtree .atomContainer{position:relative}
#atomtree .atomContainer .atomContainer{margin-left:15px}
		
#atomtree #dropZone,#atomtree .atomTile{width:200px;height:120px;margin-bottom:15px;border:1px solid #d0d0d0;box-sizing:border-box}
#atomtree #dropZone{background-color:#1ba0e1;transform:translateY(0px);}
#atomtree .atomTile{background-color:#333;position:relative;cursor:default;}
		
#atomtree .atomTile.selected{background-color:#1ba0e1}
#atomtree .atomTile.selected .atomThumb{opacity:0.8}
		
#atomtree .atomTile.dragging{position:absolute;top:0;left:0;z-index:1000;}
		
#atomtree .anim{transition:transform 300ms ease-out} 
		
#atomtree .atomTile.new{background-image:none}
#atomtree .atomTile.notSaved{background-image:none;background-color:orange}
		
#atomtree .closed+.atomList{display:none}
		
#atomtree .atomTile.closed:after,#atomtree .atomTile.closed.manyChildren:after{content:'';display:block;position:absolute;top:2px;left:2px;z-index:1;width:203px;height:123px;background-repeat:no-repeat;background-position:bottom left}
#atomtree .atomTile.closed:after{background-image:url(/statika/style/baseImg/oneChild.png)}
#atomtree .atomTile.closed.manyChildren:after{background-image:url(/statika/style/baseImg/manyChildren.png)}
		
#atomtree .atomArrow{position:absolute;width:16px;height:16px;left:-30px;top:52px;background-image:url(/statika/style/baseImg/iconsBlack.png);background-repeat:no-repeat;background-position:0 -120px}
#atomtree .closed > .atomArrow{background-position:0 -140px}
		
#atomtree .atomThumb{position:absolute;z-index:10;width:100%;height:100%;background-repeat:no-repeat;background-size:auto;background-origin:border-box;background-image:url(/statika/style/baseImg/atomThumbs.png);background-color:#fff;background-position:center top}/*naveden type1*/
#atomtree .atomThumb.type4{background-position:center -360px}/*naslovnica*/
#atomtree .atomThumb.type7{background-position:center -120px}/*test*/
#atomtree .atomThumb.type40{background-position:center -240px}/*sco12*/

#atomtree .atomTitle{position:absolute;z-index:11;bottom:0;left:0;width:100%;box-sizing:border-box;padding:1px;font-size:11px;background:#efefef;color:#333;border-top:1px solid #d0d0d0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;a
	-ms-user-select: none;
	user-select: none;
}
#atomtree .fade .atomThumb{opacity:0.8}
#atomtree .fade .atomTitle{color:#666;background-color:#ccc}
#atomtree .atomTile.selected .atomTitle{background-color:#1ba0e1;color:#fff;border-top:1px solid #1ba0e1;}
		
#atomtree .atomList{counter-reset:counter1;position:relative}
		
#atomtree .atomTitle::before{
	content: counters(counter1, ".", decimal) ". ";
	counter-increment:counter1;
	display:inline;
}

#atomTreeDropzone{width:300px;height:150px;background-color:#1ba0e1}

#atomEditHead #atomTitle{float:left;width:750px;margin-bottom:0;text-transform:uppercase}
#atomEditHead #txtNaziv, #atomEditHead #txtNazivIV {width:100%;box-sizing:border-box;font-size:inherit;color:inherit;text-transform:inherit;font-weight:inherit;line-height:1.1;padding:0;border:1px solid #fff;background:#fff}
#atomEditHead #txtNaziv:focus, #atomEditHead #txtNazivIV:focus{border:1px solid #ccc}
#atomEditHead #txtNaziv:-webkit-input-placeholder, #atomEditHead #txtNazivIV::-webkit-input-placeholder{color:#ccc;text-transform:none}/* WebKit, Blink, Edge */
#atomEditHead #txtNazi:-moz-placeholderv, #atomEditHead #txtNazivIV:-moz-placeholder{color:#ccc;opacity:1;text-transform:none}/* Mozilla Firefox 4 to 18 */
#atomEditHead #txtNaziv::-moz-placeholder, #atomEditHead #txtNazivIV::-moz-placeholder{color:#ccc;opacity:1;text-transform:none}/* Mozilla Firefox 19+ */
#atomEditHead #txtNaziv:-ms-input-placeholder, #atomEditHead #txtNazivIV:-ms-input-placeholder{color:#ccc;text-transform:none}/* Internet Explorer 10-11 */

#atomEditHead .inlineBtnBar{width:190px;float:right;text-align:right;margin-top:7px}
#atomEditHead .inlineBtn{margin:0}
#atomLastChange{text-align:right;color:#ccc;font-size:1em;padding-bottom:8px;padding-top:4px}
#editorContent .labelCell{width:180px}

/*generic js overlay*/
#genOverlay{position:absolute;top:0;left:0;z-index:10000;width:100%;height:100%;background-color:#fff}
#genOverlay .overlayContent{padding:1em}

#fixedOverlay{position:fixed;width:100%;height:100%;top:0px;left:0px;z-index:900;background:transparent}

.btnObrazlozitev{width:23px;height:20px;margin-left:10px;display:inline-block;background:url(/statika/style/baseImg/startIcons.png) no-repeat 0 -450px;cursor:pointer}
.btnObrazlozitev:hover{background-position:0 -475px}

.btnDeleteQuestion{width:16px;height:20px;margin-left:10px;display:inline-block;background:url(/statika/style/baseImg/iconsBlack.png) no-repeat 0 0;cursor:pointer}

/*chardinjs - autohelp*/
#autoHelp{float:right;margin-right:10px;width:24px;height:24px;background-position:right -7220px;opacity:0.6;cursor:pointer}
#autoHelp:hover{opacity:1}

.chardinjs-overlay {
  position: absolute;
  z-index: 999999;
  background-color: #000;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.chardinjs-btn-box{position:fixed;z-index:9999998;bottom:5%;right:5%;color:#fff;font-size:18px;cursor:pointer}
.chardijs-btn-next,.chardijs-btn-close{text-align:right;padding-right:50px;position:relative}
.chardijs-btn-next::after,.chardijs-btn-close:after{content:"";display:block;position:absolute;top:-5px;right:0;height:30px;background:url(/statika/style/baseImg/ec4_icons.png) no-repeat}
.chardijs-btn-next::after{width:39px;background-position:0 -3350px}
.chardijs-btn-close::after{width:30px;background-position:0 -3385px}

.chardinjs-helper-layer {
  position: absolute;
  z-index: 9999998;
  color: white;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }
  .chardinjs-helper-layer.chardinjs-left {
    border-left: solid white 2px;
    margin-left: -10px; }
  .chardinjs-helper-layer.chardinjs-right {
    border-right: solid white 2px;
    padding-right: 10px; }
  .chardinjs-helper-layer.chardinjs-bottom {
    border-bottom: solid white 2px;
    padding-bottom: 10px; }
  .chardinjs-helper-layer.chardinjs-top {
    border-top: solid white 2px;
    padding-top: 10px; }

.chardinjs-tooltip {
  position: absolute;
  -webkit-transition: opacity 0.1s ease-out;
  -moz-transition: opacity 0.1s ease-out;
  -ms-transition: opacity 0.1s ease-out;
  -o-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
  max-width: 250px; }
  .chardinjs-tooltip.chardinjs-left {
    margin-left: -135px;
    padding-right: 10px; }
  .chardinjs-tooltip.chardinjs-right {
    margin-right: -135px;
    padding-left: 10px; }
  .chardinjs-tooltip.chardinjs-bottom {
    margin-bottom: -50px;
    padding-top: 10px; }
  .chardinjs-tooltip.chardinjs-top {
    margin-top: -50px;
    padding-bottom: 10px; }
  .chardinjs-tooltip.chardinjs-right:before, .chardinjs-tooltip.chardinjs-left:after, .chardinjs-tooltip.chardinjs-bottom:before, .chardinjs-tooltip.chardinjs-top:after {
    content: ".";
    display: inline-block;
    background-color: white;
    height: 2px;
    overflow: hidden;
    position: absolute; }
  .chardinjs-tooltip.chardinjs-right:before, .chardinjs-tooltip.chardinjs-left:after {
    width: 30px;
    top: 50%; }
  .chardinjs-tooltip.chardinjs-bottom:before, .chardinjs-tooltip.chardinjs-top:after {
    width: 2px;
    height: 30px;
    left: 50%; }
  .chardinjs-tooltip.chardinjs-bottom:before {
    top: -30px; }
  .chardinjs-tooltip.chardinjs-top:after {
    bottom: -30px; }
  .chardinjs-tooltip.chardinjs-right:before {
    left: -30px; }
  .chardinjs-tooltip.chardinjs-left:after {
    right: -30px; }

.chardinjs-show-element {
  z-index: 9999999
}

.chardinjs-relative-position {
  position: relative; }

/*chardin slogi za opise*/
.chardinjs-top .chardinjs-tooltiptext,.chardinjs-bottom .chardinjs-tooltiptext{min-width:150px}
.chardinjs-tooltiptext h1{text-transform:uppercase;font-weight:bold;color:orange;font-size:14px}
.chardinjs-tooltiptext p{font-size:14px}
/*.chardinjs-tooltiptext .bold{color:orange}*/
/*chardin posebnosti za posamezne elemente*/
.chardinjs-show-element{background-color:#fff ! important}
#headMenuContent .chardinjs-show-element .active span{display:none ! important}/*skrijemo puscico na meniju*/
#userMenuTrigger.chardinjs-show-element{background-color:transparent ! important}
.myCommentsAdd.chardinjs-show-element{opacity:1.0}

/*interactive video*/
.jwplayer{font-size:inherit !important;font-family:inherit !important}
.jw-text{font-size:1em !important}
.videoAdditional{position:absolute;width:100%;top:0;left:0;z-index:100;height:100%;cursor:default !important}
.videoAdditionalBckg{position:absolute;width:100%;background-color:black;top:0;left:0;z-index:100;height:100%;opacity:0.75}
.videoAdditionalContentBox{position:absolute;background-color:#fff;top:1em;bottom:1em;left:1em;right:1em;z-index:100}
.videoAdditionalContent{box-sizing:border-box;height:86%;padding:1em;overflow-y:auto}
.videoAdditionalHtml .mq{margin-bottom:0}
.videoAdditionalContinue{position:absolute;bottom:0;left:0;width:100%}
.videoAdditionalContinueBtns{padding:1.5em 1em}

.videoplayer{background-color:#efefef}
#interacitveVideoEdit .videoplayer{width:700px;height:400px;margin-bottom:1em;}
#interacitveVideoEdit .jwplayer{width:700px !important;height:400px !important;margin-bottom:1em}

.extVideoBox{position:relative;margin-bottom:20px;background-color:#efefef}
#interacitveVideoEdit .extVideoBox{width:700px;height:400px}
.ytOverlayBox{position:absolute;top:0;left:0;width:100%;height:100%;}
.ytOverlayBckg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.5;z-index:100}
.ytOverlayContent{position:absolute;top:2%;left:2%;width:96%;background-color:#fff;z-index:101}
.ivMarker{width:3px;top:0px;position:absolute;background-color:gold;height:100%}

/*css loading spinner*/
.loading {
    position: relative;
    min-height: 110px;
}

.sk-loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    z-index: 20;
}

.sk-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*ce odstranimo staro vsebino, ne rabimo background-color in opacity */
    background-color: #fff;
    opacity: 0.75;
}

.sk-folding-cube {
    margin: 50px auto;
    width: 40px;
    height: 40px;
    position: relative;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

    .sk-folding-cube .sk-cube {
        float: left;
        width: 50%;
        height: 50%;
        position: relative;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

        .sk-folding-cube .sk-cube:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #00AB4E;
            -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
            animation: sk-foldCubeAngle 2.4s infinite linear both;
            -webkit-transform-origin: 100% 100%;
            -ms-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
        }

    .sk-folding-cube .sk-cube2 {
        -webkit-transform: scale(1.1) rotateZ(90deg);
        transform: scale(1.1) rotateZ(90deg);
    }

    .sk-folding-cube .sk-cube3 {
        -webkit-transform: scale(1.1) rotateZ(180deg);
        transform: scale(1.1) rotateZ(180deg);
    }

    .sk-folding-cube .sk-cube4 {
        -webkit-transform: scale(1.1) rotateZ(270deg);
        transform: scale(1.1) rotateZ(270deg);
    }

    .sk-folding-cube .sk-cube2:before {
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }

    .sk-folding-cube .sk-cube3:before {
        -webkit-animation-delay: 0.6s;
        animation-delay: 0.6s;
    }

    .sk-folding-cube .sk-cube4:before {
        -webkit-animation-delay: 0.9s;
        animation-delay: 0.9s;
    }

@-webkit-keyframes sk-foldCubeAngle {
    0%, 10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0;
    }

    25%, 75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1;
    }

    90%, 100% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0;
    }
}

@keyframes sk-foldCubeAngle {
    0%, 10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0;
    }

    25%, 75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1;
    }

    90%, 100% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0;
    }
}


/*small screens*/
@media screen and (max-width:639px)
{
	body,#footer{min-width:320px/*480*/}
	#headContent{padding:1em 0;width:95%;margin:0 auto;position:relative}/*na srednji resoluciji za padding skrbi #headTop*/
	#headContent:after{display:block;clear:both;content:'';visibility:hidden;font-size:0;height:0}
	
	#headTop{float:left;width:45%}
	#B2SkinMetroMasterPublic #headTop{float:none;width:auto}
    #headTopContent{width:auto;margin:0}
    /*.headTopLogoTitle{width:95%;margin:0 auto}*/
	/*#headTopContent.content{min-width:0;width:auto}*/
	#headTop1{font-size:1.33333em;line-height:1.0em;}
	#headTop1 .headTop1Txt{display:none}
	.headTopTitle{display:none}
	#headTop2{padding:0}
    .headTopLogo img{max-width:145px;height:auto}
	#userMenuTrigger span{display:none}
	
	#headMenu{float:right;height:2.000em;width:50%;background-color:transparent}
	#headMenu1{position:absolute;z-index:10000;top:3em;right:0;min-width:120px;text-align:right;display:none}
	#userMenu.moreActionsMenu{top:3em;right:0}
	#headMenu2{float:right;min-width:200px}
	#headMenu2 .imglink.user{float:right;font-size:1em;padding-top:0.5em}
	#mainContent{min-height:43.75em;padding-top:0.66667em}
	#footerContent{font-size:1.0em;line-height:1.0em}

    /*login*/
    #B2SkinMetroMasterPublic #mainContent{padding-top:0}
    .loginBox{padding:1em 0;width:95%;margin:0 auto}
    .loginBox .login{padding:0}
    #B2SkinMetroMasterPublic #column1,#B2SkinMetroMasterPublic #column2{margin-bottom:0}
    #B2SkinMetroMasterPublic:not(.publicAcademic) .loginRegisterBar{margin-top:0.5em}
    #B2SkinMetroMasterPublic:not(.publicAcademic) .login .form .inputCell.passwordCell .inpTxt{width:200px}
    .publicAcademic .loginMessage1{padding:0.75000em 0}
    .publicAcademic .loginMessage2,.publicAcademic .loginMessage3,.publicAcademic .loginMessage4{padding:1em 0}
    
	.content{width:95%;/*min-width:320px*/}
    .content.homePage{width:auto}

    .publicAcademic #headContent{min-width:0}
    .publicAcademic #headTop1{float:none;width:auto}
    .publicAcademic #headTop2{float:none;width:auto}
    .publicAcademic .loginBoxHead{padding:10px 0}
    .publicAcademic .login .form div.loginTbl{padding-right:0;position:relative;float:none;width:280px}
    .publicAcademic .loginTblRow {float:none}
    .publicAcademic .loginTblRow.usernameRow {width:auto}
    .publicAcademic .login .form .inlineBar{top:auto;bottom:5px}
    .publicAcademic .login .form .inputCell .inpTxt{width:100%}
    .publicAcademic .loginTblRow.passwordRow{width:240px}
    .publicAcademic .loginForgotenBar{float:none;padding-bottom:0}

    .signedIn{padding:0}
    .publicAcademic .signedIn:after{display:block;content:'';clear:both;}
    .publicAcademic .signedIn .userName{padding:0.1em 0 0 0;font-size:1.75em;line-height:1.125em;float:left;margin-right:1em}
    .publicAcademic .signedIn .inlineBtn{}

    .publicAcademic .loginMsg,.publicAcademic .loginErrors{}
    /*end login*/

	#headMenuContent.content{min-width:0;width:auto}
	#headMenu1 a{display:block;float:none;font-size:1.16667em;line-height:1.42857em;padding:0.28571em 1.14286em;text-decoration:none}/*same as menuUser and moreActionsMenu*/
	#headMenuContent #headMenu1 a.txtlink.active{background-image:none}
	#headMenu1 a.txtlink:link,#headMenu1 a.txtlink:visited{opacity:1}
    
	#headMenuContent .imglink{display:block;width:24px;height:24px;padding-top:0}
    #headMenuContent .imglink.openMenu{display:block;float:right;margin-right:5%;cursor:pointer;background-position:right -1775px}
    #headMenuContent .imglink.openMenu.active{background-position:right -1820px;opacity:1}
    #headMenuContent a.home{display:none}

	#headMenuContent .search{float:right;margin-right:5%;background-position:0 -1640px}
	#headMenuContent .cart{float:right;margin-right:5%;background-position:0 -1685px}
	#headMenuContent .badge{float:right;margin-right:5%;width:21px;height:23px;padding-top:2px;cursor:pointer;background:url(/statika/style/baseImg/gameIcons.png) no-repeat 0 -150px !important}
    #headMenuContent .autoHelp{float:right;margin-right:5%;background-position:right -7220px}
	#headTop2 .myBadge,#headTop2 .myAvatar,#autoHelp{display:none}
	#headMenu2 .user{float:right;margin-right:0;background-position:0 -1730px}
	#headMenu2 .user.active{opacity:1}
	.twoThirdsColumn #column1, .singleColumn .form{width:100%;}

	#headMenuContent a.menu3{margin-right:0}
	
	.searchInput{position:absolute;z-index:10000;top:3em;right:0;width:150px;padding:5px 0 5px 5px;text-align:right}
	.searchInput .inpTxt{width:115px}
	
	.content h1{font-size:2em;line-height:1em;font-weight:lighter;margin-bottom:0.33333em}
	.content h2,.atomContent p.naslov{font-weight:lighter}

	.tileNum1{font-size:2em;line-height:1.33333em}
	.tileNum2{font-size:1em;line-height:1.5em}
	.tileDesc{font-size:1em;line-height:1.33333em}
	
	.modsCustom .tileNum1,.studentOfficeLink .tileNum1{height:1.33333em}
	.moreBar{margin-bottom:0}
	.column{margin-bottom:3em}
	
	.tabs .tab{font-size:1.83333em;line-height:1.09091em;margin-bottom:0.36364em;margin-right:2.5%}
	.tabs>.ajax__tab_header>span{font-size:1.35em;line-height:1.09091em;margin-bottom:0.36364em;margin-right:2.5%}
	.subTabs .ajax__tab_header>span{display:block;float:left;margin-right:2.5%;padding-bottom:0.40000em;font-size:1.3em;line-height:1}
	.listDetails #column1 .columnContent{height:auto;max-height:65.33333em;padding-bottom:1.5em}
	#column2 .examsColumn{height:26em}
	.listDetails .econtent .icon{display:none}
	.listDetails .econtent .tileText{width:70%}
	.listDetails .econtent .tileNum{width:29%}
	
	.listDetails .econtent .tileNum1{font-size:1.5em;line-height:1.22222em}
	
	.listDetails #column2 .detailsHeader{padding-bottom:1.33333em}
	.detailsImg{height:12.00000em;width:12.00000em}
	.detailsImg img{height:12.00000em}
	.forums .detailsHeader .detailsAdditional2{margin-bottom:0}	
	.forumCommandBtns{position:static;padding-left:0;padding-top:1.33333em}
	.listDetails .detailsHeaderData{padding-left:1.33333em;margin-left:12em/*width:45%*/}
	.listDetails .detailsHeader h1{font-size:1.66667em;line-height:1.250em;margin-bottom:0.80000em}
	.listDetails .detailsHeader h1 .titleLink{/*background-position:right -1549px*/}
	.titleLink:after{width:25px;height:25px;background-position:right -1550px}
	
	.listDetails .detailsDesc{font-size:1.16667em;line-height:1.14286em}
	.listDetails.classrooms .detailsDesc{font-size:inherit;line-height:inherit}

	.listDetails #column2 .tile{margin-top:1.33333em;margin-bottom:0}
	.listDetails #column2 .tile .tileDesc{display:none}

	.page_predstavitevspletaja #headContent,.page_atomshow #headContent,.page_izpitopravljanje #headContent,
	.page_atomedit #headTop,
	.page_atomedit #headMenu,
	.atomshow,.testing{min-width:950px}
	
	.page_predstavitevspletaja #headTopContent,.page_atomshow #headTopContent,.page_izpitopravljanje #headTopContent{width:auto}
	
	#objectEdit{width:950px;margin:0 auto}
    #objectEditForm{width:auto;float:none;margin:0;padding:0}
    #objectVariations{width:auto;float:none;margin:0;padding:0}
    #objectEdit #objectEditForm .content{padding-bottom:0}
    #objectEdit #objectVariations .content{padding-top:0}
    .page_atomedit .pnlLightBox .content{width:950px;min-width:0;max-width:none}
	
	.atomshow #mainContent{position:relative;padding-top:0;margin-top:1.33333em}
	.atomshow #column2,.atomEdit #column2{width:950px;float:none}
	.fileList #objectListMain .content{width:950px;margin:0}
	.page_atomedit #headTopContent,.page_atomedit #headMenuContent,.page_atomedit .content{width:950px}
	.atomshow #head{height:4.00000em}
	.atomshow #headTop{height:3em;padding-top:1em}
	.atomshow #column1{display:none;position:absolute;width:283px;z-index:10000}
	.atomEdit #column1{display:none;position:absolute;width:250px;z-index:10000}
	.atomshow #column1 .menu,.atomEdit #column1 .linkGroup{display:none}

    /*atomObjekt*/
    #B2SkinMetroMaster.atomObjekt{min-width:0}
    .atomObjekt #head,.atomObjekt .sideNav,.atomObjekt .visProgress,.atomObjekt #textSize/*,.atomObjekt #favourite,.atomObjekt #myProgress,.atomObjekt #sendMessage,.atomObjekt #files*/{display:none !important}
    .atomObjekt #mainContent{width:95%;min-width:0;min-height:0}
    .atomObjekt #column2{width:auto}
    .atomObjekt .column{margin-bottom:0}
    .atomObjekt .btnsGroup1{width:120px}
    .atomObjekt .btnsGroup2{width:120px}
    #atomMore{display:block}
    #atomMore.opened{opacity:1}
    #atomMoreMenu{right:auto;left:0;text-align:left}
    #atomMoreMenu .active{padding-left:1.14286em;background-image:none}

	.btnsGroup1{width:335px}

	.twoColumn .classroomHome .column1{float:none;width:100%}
	.twoColumn .classroomHome .column2{float:none;width:100%;position:relative}
	
	.classroomHome .tilePrintCertificate,.classroomHome .classroomCurrent,#eClassroomCurrentLestvica{width:45%}
	.classroomHome .classroomMentor{width:45%;position:absolute;top:0;right:0}
	
	#eClassroomDesc h1.eClassroomName{font-size:1.66667em;line-height:1.6em}
	.group.tileCollection .tile{width:46%;float:left;margin-right:3%}
    .group.tileCollection .tile:nth-of-type(2n+2){margin-right:0}
	
	.programLink{display:block;width:23.5%;float:left;margin-right:2%;height:40px;padding-top:15%;background-repeat:no-repeat;background-size:contain;font-size:1.50000em;line-height:1em;text-decoration:none}
    .programLink:nth-of-type(4n){margin-right:0}
    .programsSeparator{clear:both;height:1em}
    
    #mainContent.profile #column1{width:100%}
    #mainContent.profile #column2{width:100%;clear:both;float:none}
    
    .biStatistics .managerCircle{width:50%}
    .biStatistics .biSummaryNums{width:48%}
    .biManager .statItemEl1{width:auto;float:none}
    .biManager .statItemEl2,.biManager .statItemEl3{width:40%;padding-top:1em}
    
    .bubblesGraph #svgBoxA{height:258px/*248px + 5 + 5*/}
	.bubblesGraph #svgBoxB{height:248px}
	.chartGraph #svgBoxA,.chartGraph #svgBoxB{height:248px/*348px + 5 + 5*/}
    #svgBox,#listBoxParent{height:300px}
    #listBox{height:250px}
    #listBox .person{width:49%}
    
    #column2 .ucilnicaLestvica.lestvicaVisible{display:block;float:none;width:auto}
    #column2 .lestvicaVisible+.ucilnicaAktivnosti{float:none;width:auto}

    .eClassroom .dialogMain {position: absolute !important;left: 0 !important;min-width: 720px;}
    .eClassroom .dialogMain .content {min-width: 720px;}
    .eClassroom .dialogMain .content .inlineBtnBar {text-align: left;padding-left: 20px;box-sizing: border-box;}
}

/*medium screens*/
@media screen and (min-width:640px) and (max-width:1080px)
{
	#head{position:relative}
	#headTop{padding:1em 0}/*na najmanjsi resoluciji za padding skrbi #headContent*/
	#headTopContent{position:relative}
	#headTop1{float:left;font-size:1.5em;line-height:1em}
	#headTop1 .headTop1Img{display:none}
	.headTopTitle{display:none}
	#headTop2{background-image:none;bottom:0;position:absolute;right:0;width:270px/*200*/}
	#headTop2 span{background-image:none}
	#userMenuTrigger{padding-right:1em;background-position:right -1183px;text-align:right;cursor:pointer;float:right}
	#userMenuTrigger span{font-size:1.33333em;line-height:1.5em}
	#userMenuTrigger.opened{background-position:right -1228px}	
    #headMenu{height:3.33333em;padding-top:0.66667em;border-bottom:1.33333em solid #fff}
    .minPage #head{border-bottom:1.33333em solid transparent}
	#headMenu1{float:left;width:86%;display:block ! important}/*ce smo ga skrili z js na kaki drugi resoluciji*/
	#headMenu2{float:right;width:13%;position:relative}
	#headMenu2 .imglink.user{display:none}
	#mainContent{min-height:43.75em}
	#footerContent{font-size:1.0em;line-height:1.0em}

	.content{width:95%;max-width:950px}
	#headMenuContent a.active{background-position:center 30px}
	#headMenuContent a.txtlink{margin-right:2%;text-decoration:none;font-size:1.4em;line-height:1.33333em;font-weight:lighter;padding-top:0.179em;padding-bottom:1.33333em}
	
	#headMenuContent .imglink{display:block;width:32px;height:32px;padding-top:0}
	#headMenuContent a.home{background-position:0 -200px;padding-bottom:0.5em;margin-right:2.5%;}
	#headMenuContent a.home.active span{display:block;width:32px;height:5em;background-position:center 30px}
	#headMenuContent .search{float:right;background-position:0 -245px}
	#headMenuContent .cart{float:right;margin-left:12%;background-position:0 -3800px}
	#headMenuContent .help{float:right;margin-right:0;background-position:0 -290px}
	#headMenuContent .badge{display:none}

	.searchInput{position:absolute;top:3.33333em;right:0;width:160px;padding:5px 2px 5px 5px;text-align:right}
	.searchInput .inpTxt{width:130px}
	
	#column1{float:left;width:47.5%}
	#column2{float:right;width:47.5%}

    /*login*/
    #mainContent.homePage{width:100%;max-width:none}
    .loginBox{padding:1em 0;width:95%;margin:0 auto}
    .loginBox .login{padding:0}
    .page_home #column1,.page_home #column2{float:none;width:auto}
    #B2SkinMetroMasterPublic:not(.publicAcademic) .loginRegisterBar{margin-top:0.5em}
    #B2SkinMetroMasterPublic:not(.publicAcademic) .login .form .inputCell.passwordCell .inpTxt{width:220px}

    /*academic*/
    .headTopContact{padding-right:10px}
    .signedIn{padding:0;position:relative}/*.publicAcademic */
    .publicAcademic .signedIn .userName{padding:0;font-size:1.33333em;line-height:1.125em;position:absolute;right:80px;top:10px}
    .publicAcademic .signedIn .inlineBtn{position:absolute;right:0;top:5px}

    .publicAcademic .loginMsg,.publicAcademic .loginErrors{position:absolute;right:0;top:65px;background:#333;width:100%;padding:0;z-index:1000}
    .publicAcademic .login .form div.loginTbl,.publicAcademic .loginForgotenBar{padding-right:20px;width:85%;font-size:inherit;line-height:inherit}

    /*end login*/

	.twoThirdsColumn #column1, .singleColumn .form{width:100%;}
	.modsNews .tile,.forumList .tile{width:47.5%}
	.modsNews .tile:nth-child(odd),.forumList .tile:nth-child(odd){float:left}
	.modsNews .tile:nth-child(even),.forumList .tile:nth-child(even){float:right}
	.modsNews .newsContainer{width:47.5%}
	.modsNews .newsContainer .tile{float:none;width:auto}
	
	.newsContainer .news:not(.welcome) .tileText{width:50%}
	
	#column3{clear:both}
	.content h1{font-size:2.16667em;line-height:1.23077em;font-weight:lighter;margin-bottom:0.61538em}
	.content h2,.atomContent p.naslov{font-weight:lighter}

	.tileNum1{font-size:2.00000em;line-height:1.33333em}
	.tileNum2{font-size:1em}
	.tileDesc{font-size:1em;line-height:1.33333em}
	
	.tabs .tab{font-size:2.16667em;line-height:1.385em;margin-bottom:0.462em;margin-right:2.5%}
	.tabs>.ajax__tab_header>span{font-size:1.6em;line-height:1.385em;margin-bottom:0.462em;margin-right:2.5%}
	.subTabs .ajax__tab_header>span{display:block;float:left;margin-right:2.5%;padding-bottom:0.40000em;font-size:1.4em;line-height:1}
	.content .tabs h1{font-size:2.16667em;line-height:1.385em;margin-bottom:0.462em}
	.listDetails #column1 .columnContent{height:auto;max-height:58.66667em;padding-bottom:1.5em}
	.listDetails .econtent .tileText{width:52%}
	.listDetails .econtent .tileNum{width:21%}
	.listDetails .econtent .tileNum1{font-size:1.66667em;line-height:1.20000em}
	.listDetails #column2 .detailsHeader{padding-bottom:1.33333em}
	.detailsImg{height:14.66667em;width:14.66667em}
	.detailsImg img{height:14.66667em}
	.forums .detailsHeader .detailsAdditional2{margin-bottom:0}	
	.forumCommandBtns{position:static;padding-left:0;padding-top:1.33333em}
	.listDetails .detailsHeaderData{padding-left:1.33333em;margin-left:14.6667em}
	.listDetails .detailsHeader h1{font-size:2.0000em;line-height:1.33333em;margin-bottom:0.66667em}
	
	.listDetails .detailsDesc{font-size:1.16667em;line-height:1.14286em}
	.listDetails.classrooms .detailsDesc{font-size:inherit;line-height:inherit}
	
	.listDetails #column2 .tile{margin-top:1.33333em;margin-bottom:0}
	.listDetails #column2 .tile .tileDesc{display:none}
	
	.modsCustom .tileNum1,.studentOfficeLink .tileNum1{height:1.33333em}
	
	/*non-responsive for fixed width on atomshow and similar*/
	.page_predstavitevspletaja #headTopContent,.page_atomshow #headTopContent,.page_izpitopravljanje #headTopContent,.page_atomedit #headTopContent,.page_atomtree #headTopContent,.page_uvozspletaja2 #headTopContent,.page_atomcopy #headTopContent,.page_spletajshow #headTopContent,.page_scormexport #headTopContent,.page_vsavprasanja #headTopContent,.page_temevprasanja #headTopContent,.page_seznamvprasanj #headTopContent,.page_urejanjevprasanj #headTopContent,.page_seznamizpitov #headTopContent,.page_urejanjeizpitov #headTopContent,.page_objektupload #headTopContent,.page_seznamupload #headTopContent,.page_knjiznicaavtor #headTopContent,.page_filelist #headTopContent,.page_anketastalnimstrankam #headTopContent,
	.page_predstavitevspletaja #headMenuContent,.page_atomedit #headMenuContent,.page_atomtree #headMenuContent,.page_uvozspletaja2 #headMenuContent,.page_atomcopy #headMenuContent,.page_spletajshow #headMenuContent,.page_scormexport #headMenuContent,.page_vsavprasanja #headMenuContent,.page_temevprasanja #headMenuContent,.page_seznamvprasanj #headMenuContent,.page_urejanjevprasanj #headMenuContent,.page_seznamizpitov #headMenuContent,.page_urejanjeizpitov #headMenuContent,.page_objektupload #headMenuContent,.page_seznamupload #headMenuContent,.page_knjiznicaavtor #headMenuContent,.page_filelist #headMenuContent,.page_anketastalnimstrankam #headMenuContent,
	.atomshow.content,.testing,.page_atomedit .content,.atomEdit.content,#objectEdit{width:950px}
	.btnsGroup1{width:335px}

	#objectEdit{margin:0 auto}
    #objectEditForm{width:auto;float:none;margin:0;padding:0}
    #objectVariations{width:auto;float:none;margin:0;padding:0}
    #objectEdit #objectEditForm .content{padding-bottom:0}
    #objectEdit #objectVariations .content{padding-top:0}
    .page_atomedit .pnlLightBox .content{width:950px;min-width:0;max-width:none}
    
	.atomshow #mainContent{position:relative;margin-top:1.33333em}
	.atomshow #column2,.atomEdit #column2,#objectListMain .content,#objectEdit,.pnlLightBox .content{width:950px;float:none}
	.fileList #objectListMain .content{width:950px;margin:0}
	.atomshow #head{height:4.00000em}
	.atomshow #headTop{height:3em;padding-top: 1em;}
	.atomshow #column1{display:none;position:absolute;width:283px;z-index:10000}
	.atomEdit #column1{display:none;position:absolute;width:250px;z-index:10000}
	.atomshow #column1 .menu,.atomEdit #column1 .linkGroup{display:none}
	
	.fullscreenPage #mainContent.scormshow{width:1060px;max-width:1060px}
	.fullscreenPage .scormshow #column2{width:auto;float:none}

    /*atomObjekt*/
    #B2SkinMetroMaster.atomObjekt{min-width:0}
    .atomObjekt #head,.atomObjekt .sideNav,.atomObjekt .visProgress,.atomObjekt #textSize/*,.atomObjekt #favourite,.atomObjekt #myProgress,.atomObjekt #sendMessage,.atomObjekt #files*/{display:none !important}
    .atomObjekt #mainContent{width:95%;padding-top:0.66667em}
    .atomObjekt #column2{width:auto}
    #atomMore{display:block}
    #atomMore.opened{opacity:1}
    #atomMoreMenu{right:auto;left:0;text-align:left}
    #atomMoreMenu .active{padding-left:1.14286em;background-image:none}

	.twoColumn .classroomHome .column1{float:none;width:100%}
	.twoColumn .classroomHome .column2{float:none;width:100%;position:relative}
	
	.classroomHome .tilePrintCertificate,.classroomHome .classroomCurrent,#eClassroomCurrentLestvica{width:45%}
	.classroomHome .classroomMentor{width:45%;position:absolute;top:0;right:0}
	
	#eClassroomDesc h1.eClassroomName{font-size:2em;line-height:1.33333em}
	.group.tileCollection .tile{width:30%;float:left;margin-right:3%}
    .group.tileCollection .tile:nth-of-type(3n+3){margin-right:0}
	
	.programLink{display:block;width:23.5%;float:left;margin-right:2%;height:40px;padding-top:15%;background-repeat:no-repeat;background-size:contain;font-size:1.50000em;line-height:1em;text-decoration:none}
    .programLink:nth-of-type(4n){margin-right:0}
    .programsSeparator{clear:both;height:1em}
    
    .hiddenWhenSmall{display: none;}/*npr. celica povzetek na PregledSpletajev*/
    
    #mainContent.profile #column1{width:100%}
    #mainContent.profile #column2{width:100%;clear:both;float:none}
    
    .biStatistics .managerCircle{width:50%}
    .biStatistics .biSummaryNums{width:48%}
    .biManager .statItemEl1{width:50%}
    .biManager .statItemEl2,.biManager .statItemEl3{width:25%}
    
    .bubblesGraph #svgBoxA{height:258px/*248px + 5 + 5*/}
	.bubblesGraph #svgBoxB{height:248px}
	    
	.chartGraph #svgBoxA,.chartGraph #svgBoxB{height:248px/*348px + 5 + 5*/}
        
    #listBoxParent{height:300px}
    #listBox{height:250px}
    #listBox .person{width:49%}
    
    #column2 .ucilnicaLestvica.lestvicaVisible{display:block;float:none;width:auto}
    #column2 .lestvicaVisible+.ucilnicaAktivnosti{float:none;width:auto}
}

/*big screens*/
@media screen and (min-width:1081px)
{
	/*default: on basic 1010px layout and on 16px font-size on body (browser default)*/
	#headTop{padding:1.33333em 0}
	#headTopContent{position:relative}
	#headTop1{width:40%}
	.headTopLogo{float:left;display:block;padding-right:2em}
	.headTopTitle{float:left;font-size:1.33333em;line-height:1.125em;padding-top:11px}
	.headTopTitleTxt{position:absolute;bottom:0}
	#headTop2{width:300px/*200*/;position:absolute;right:0;bottom:0}
	
	/*primer za poljubno poravnavo logotipa, .headTopTitle in #headTop2 (ce nam poravnava s spodnjim robom logotipa ni dovolj)
    .headTopLogoTitle{position:relative}
    .headTopTitle{position:absolute}
    .headTopTitle,#headTop2{bottom:5px}
    */

    /*login*/
    #B2SkinMetroMasterPublic:not(.publicAcademic) .login .form .inputCell.usernameCell .inpTxt{width:220px}
    #B2SkinMetroMasterPublic:not(.publicAcademic) .login .form .inputCell.passwordCell .inpTxt{width:140px}
    .signedIn{text-align:right}
    #B2SkinMetroMasterPublic:not(.publicAcademic) .loginMsg{padding:0 1.5em}

    /*academic*/
    .publicAcademic .signedIn{padding:0;position:relative}
    .publicAcademic .signedIn .userName{padding:0;font-size:1.33333em;line-height:1.125em;position:absolute;right:80px;top:10px}
    .publicAcademic .signedIn .inlineBtn{position:absolute;right:0;top:5px}
    .publicAcademic .loginMsg,.publicAcademic .loginErrors{position:absolute;right:0;top:65px;background:#333;width:100%;padding:0;z-index:1000}
    .publicAcademic .login .form div.loginTbl,.publicAcademic .loginForgotenBar{padding-right:20px;width:85%;font-size:inherit;line-height:inherit}
    
	#userMenuTrigger{padding-right:1em;background-position:right -1183px;text-align:right;cursor:pointer;float:right}
	#userMenuTrigger span{font-size:1.33333em;line-height:1.5em}
	#userMenuTrigger.opened{background-position:right -1228px}
	#userMenu{top:30px;right:0}
	.menuSeparator{height:0}
	#headMenu{height:3.33333em;padding-top:0.66667em;border-bottom:1.33333em solid #fff}
	.minPage #head{border-bottom:1.33333em solid transparent}
	#headMenu1{float:left;width:89%;display:block ! important}/*ce smo ga skrili z js na kaki drugi resoluciji*/
	#headMenu2{float:right;width:10%;position:relative}
	#headMenu2 .imglink.user{display:none}

	#mainContent{min-height:43.75em}
	#footerContent{font-size:1.0em;line-height:1.0em}
	.content{width:90%;max-width:1250px}

	#headMenuContent a.active{background-position:center 30px}
	#headMenuContent a.txtlink{margin-right:3.3003300330033%;text-decoration:none;font-size:2.0em;line-height:1em;font-weight:lighter;padding-bottom:1em}
	
	#headMenuContent .imglink{display:block;width:32px;height:32px;padding-top:0}
	#headMenuContent a.home{background-position:0 -200px;padding-bottom:0.5em;margin-right:3.3003300330033%}
	#headMenuContent a.home.active span{display:block;width:32px;height:5em;background-position:center 30px}
	#headMenuContent .search{float:right;background-position:0 -245px}
	#headMenuContent .cart{float:right;margin-left:25%;background-position:0 -3800px}
	#headMenuContent .help{float:right;margin-right:0;background-position:0 -290px}
	#headMenuContent .badge{display:none}
	
	.searchInput{position:absolute;right:0;top:3.33333em;padding:5px 2px 5px 5px;width:160px}
	.searchInput .inpTxt,.searchInput .searchBtn{vertical-align:middle}
	.searchInput .inpTxt{width:130px}
	
	.column{width:30.69306930693069%}
	#column1 .columnContent{padding-bottom:1.5em}
	#column1{float:left;margin-right:3.96039603960396%}
	#column2{float:left}
	#column3{float:right}
	.content h1{font-size:3em;line-height:1em;font-weight:lighter;margin-bottom:0.44444em}
	.content h2,.atomContent p.naslov{font-weight:lighter}

	.tileNum1{font-size:2.33333em;line-height:1.14286em}
	.tileNum2{font-size:1.00000em;line-height:1.33333em}
	
	.newsContainer .news:not(.welcome) .tileText{width:50%}

	/*tabs*/
	.tabs .tab,.tabs h1{font-size:3em;line-height:1em;margin-bottom:0.333333em;margin-right:3%}
	.tabs>.ajax__tab_header>span,.tabsSmaller .tab{font-size:2.4em;line-height:1em;margin-bottom:0.333333em;margin-right:3%}/*glavni zavihki v ucilnici malo manjsi*/
	.tabsSmaller .titleBtns{padding-top:0}
	.subTabs .ajax__tab_header>span{display:block;float:left;margin-right:2.5%;padding-bottom:0.40000em;font-size:1.6em;line-height:1}/*.subTabs .ajax__tab_outer*/
	.listDetails #column1 .columnContent{height:auto;max-height:58.66667em}
	.listDetails .econtent .tileText{width:60.5%}
	.listDetails .econtent .tileNum{width:22.5%}
	.listDetails #column2 .detailsHeader{padding-bottom:1.33333em}
	.detailsImg{height:17.33333em;width:17.33333em}
	.detailsImg img{height:17.33333em}
	.forums .detailsHeader .detailsAdditional2{padding-bottom:3.214em;margin-bottom:0}
	.forumCommandBtns{left:17.33333em;padding-left:1.33333em}
	.listDetails .detailsHeaderData{padding-left:1.33333em;margin-left:17.3333em}
	.listDetails .detailsHeader h1{font-size:2.50000em;line-height:1.06667em;margin-bottom:0.533em}
	.listDetails .detailsDesc{font-size:1.16667em;line-height:1.14286em}
	.listDetails.classrooms .detailsDesc{font-size:inherit;line-height:inherit}
	
	/*non-responsive for fixed width on atomshow and similar*/
	.page_predstavitevspletaja #headTopContent,.page_atomshow #headTopContent,.page_izpitopravljanje #headTopContent,.page_atomedit #headTopContent,.page_atomtree #headTopContent,.page_uvozspletaja2 #headTopContent,.page_atomcopy #headTopContent,.page_spletajshow #headTopContent,.page_scormexport #headTopContent,.page_vsavprasanja #headTopContent,.page_temevprasanja #headTopContent,.page_seznamvprasanj #headTopContent,.page_urejanjevprasanj #headTopContent,.page_seznamizpitov #headTopContent,.page_urejanjeizpitov #headTopContent,.page_objektupload #headTopContent,.page_seznamupload #headTopContent,.page_knjiznicaavtor #headTopContent,.page_filelist #headTopContent,.page_anketastalnimstrankam #headTopContent,
	.page_predstavitevspletaja #headMenuContent,.page_atomedit #headMenuContent,.page_atomtree #headMenuContent,.page_uvozspletaja2 #headMenuContent,.page_atomcopy #headMenuContent,.page_spletajshow #headMenuContent,.page_scormexport #headMenuContent,.page_vsavprasanja #headMenuContent,.page_temevprasanja #headMenuContent,.page_seznamvprasanj #headMenuContent,.page_urejanjevprasanj #headMenuContent,.page_seznamizpitov #headMenuContent,.page_urejanjeizpitov #headMenuContent,.page_objektupload #headMenuContent,.page_seznamupload #headMenuContent,.page_knjiznicaavtor #headMenuContent,.page_filelist #headMenuContent,.page_anketastalnimstrankam #headMenuContent,
	.atomshow.content,.testing.content,.page_atomedit .content,.atomEdit.content,#objectEdit{width:950px}
	
	#objectEdit{margin:0 auto}
    #objectEditForm{width:auto;float:none;margin:0;padding:0}
    #objectVariations{width:auto;float:none;margin:0;padding:0}
    #objectEdit #objectEditForm .content{padding-bottom:0}
    #objectEdit #objectVariations .content{padding-top:0}
    .page_atomedit .pnlLightBox .content{width:950px;min-width:0;max-width:none}
    .btnsGroup1{width:335px}
	.atomMain{width:90%}
	.atomshow #mainContent{margin-top:1.33333em}
	.atomBtn{margin-right:18px/*3.3%*/}
	#textSizeOptions{margin-left:17px}
    #atomMore{display:none}
	
	.atomshow #column1{display:none;position:absolute;width:283px;z-index:10000}
	.atomEdit #column1{display:none;position:absolute;width:250px;z-index:10000}
	.atomshow #column1 .menu,.atomEdit #column1 .linkGroup{display:none}
	.atomshow #column2,.atomEdit #column2{float:none;width:950px}

	.fileList #objectListMain .content{width:950px;margin:0}
	.atomshow.wholeCourse #column2{margin-left:0;width:950px}
	
	.fullscreenPage #mainContent.scormshow{width:1060px}
	.fullscreenPage .scormshow #column2{width:auto;float:none}
	
    #eClassroomDesc h1.eClassroomName{font-size:2.5em;line-height:1.06667em}
    .group.tileCollection .tile{width:24.265605875153%;float:left;margin-right:0.9791921664626683%}
    .group.tileCollection.colleaguesList .tile{width:23.5%;margin:0 2% 2% 0;float:left;}/*4x23.5 + 3x2 = 100%*/
    .group.tileCollection .tile:nth-of-type(4n+4){margin-right:0}
    
    .programLink{display:block;width:12.5714%;float:left;margin-right:2%;height:40px;padding-top:9%;background-repeat:no-repeat;font-size:1.50000em;line-height:1em;text-decoration:none;background-size:contain}
    .programLink:last-of-type{margin-right:0}
    .programsSeparator{display:none}
    
    #listBoxParent{height:400px}
    #listBox{height:350px}
    #listBox .person{width:32%}
}

@media screen and (min-width:1250px)
{
    /*non-responsive for fixed width on atomshow and similar*/
    .page_predstavitevspletaja #headTopContent,.page_atomshow #headTopContent,.page_atomedit #headTopContent,.page_izpitopravljanje #headTopContent,.page_atomtree #headTopContent,.page_uvozspletaja2 #headTopContent,.page_atomcopy #headTopContent,.page_spletajshow #headTopContent,.page_scormexport #headTopContent,.page_vsavprasanja #headTopContent,.page_temevprasanja #headTopContent,.page_seznamvprasanj #headTopContent,.page_urejanjevprasanj #headTopContent,.page_seznamizpitov #headTopContent,.page_urejanjeizpitov #headTopContent,.page_objektupload #headTopContent,.page_seznamupload #headTopContent,.page_knjiznicaavtor #headTopContent,.page_filelist #headTopContent,.page_anketastalnimstrankam #headTopContent,
    .page_predstavitevspletaja #headMenuContent,.page_atomedit #headMenuContent,.page_atomtree #headMenuContent,.page_uvozspletaja2 #headMenuContent,.page_atomcopy #headMenuContent,.page_spletajshow #headMenuContent,.page_scormexport #headMenuContent,.page_vsavprasanja #headMenuContent,.page_temevprasanja #headMenuContent,.page_seznamvprasanj #headMenuContent,.page_urejanjevprasanj #headMenuContent,.page_seznamizpitov #headMenuContent,.page_urejanjeizpitov #headMenuContent,.page_objektupload #headMenuContent,.page_seznamupload #headMenuContent,.page_knjiznicaavtor #headMenuContent,.page_filelist #headMenuContent,.page_anketastalnimstrankam #headMenuContent,
    .page_predstavitevspletaja .content,.page_atomshow .content,.page_izpitopravljanje .content,.page_atomedit .content,#objectListMain .content,#objectEdit,.atomEdit.content,.atomshow.content,.testing{width:1250px}
    
    #objectEdit{margin:0 auto}
    #objectEditForm{width:55%;float:left;margin:0;padding:0}
    #objectVariations{width:44%;float:right;margin:0;padding:0.33333em 0 0 0}
    #objectEdit #objectEditForm .content{padding-bottom:30px}
    #objectEdit #objectVariations .content{padding-top:30px}
    .page_atomedit .pnlLightBox .content{width:1000px;min-width:0;max-width:none}
    
    .page:not(.fullscreenPage) .atomshow #column1,.atomEdit #column1{width:22.6%;float:left;margin-right:0;display:block ! important;position:static}
	.page:not(.fullscreenPage) .atomshow #column1 .menu,.atomEdit #column1 .linkGroup{display:block ! important}
	.page:not(.fullscreenPage) .atomshow #column2,.atomEdit #column2{width:950px;float:right}
	.fileList #objectListMain .content{width:950px;margin:0}
	
	.page:not(.fullscreenPage) #contents.atomBtn,.page:not(.fullscreenPage) .atomBtn.atomEditMenu{display:none}
	.page:not(.fullscreenPage) .visProgress{display:none}
	
	/*fullscreen*/
	.fullscreenPage #mainContent.scormshow{width:1250px}
	.fullscreenPage .atomshow #column1{display:none;width:250px;position:absolute;z-index:1000}
	.fullscreenPage .atomshow #column1 .menu{display:none}
	.fullscreenPage .atomshow #column2{width:auto;float:none}

    .btnsGroup1{width:335px/*282px*/}
}

@media screen and (min-width:1355px)
{
    .atomshowTbl .sideNav{display:table-cell}
}

@media print 
{
    /*referat: e-index*/
    .page_studentoffice #column2,.page_studentoffice #column3,.page_studentoffice .mCSB_scrollTools,
    .page_studentoffice #headMenu,#footer,.eIndex .icon{display:none ! important}
    #headTop{padding:5px}
    #headTopContent{position:relative}
    #headTop2{position:absolute;right:0;bottom:5px}
    #column1 .eIndexColumn{height:auto}
    #userMenuTrigger{background-image:none ! important}
    .content h1{font-size:3em;font-weight:lighter;line-height:1em;margin:0.44444em 0}
    .mCSB_container{margin-right:0}
    .eIndex .tile{padding-top:5px;margin-bottom:5px;border-top:2px solid #999;color:#000 ! important}
    .eIndex .tileData{background-color:transparent ! important}
    .eIndex .tileContent{padding:0}
    .eIndex .tileText{margin-left:0}
    
    /*tiskanje diplom*/
	#mainContent.diplomaReview{min-height:0 ! important}/*povozimo morebitno nastavljenje visine z js*/
	.diplomaReview h1{font-size:24px;margin-bottom:10px}
	.diplomaReview h2{font-size:18px;margin-bottom:10px}
	.diplomaReview h3{font-size:16px;margin-bottom:5px}
	.diplomaReview .form{width:auto}
    .diplomaReview .formContent{background-color:transparent;border:1px dashed #ccc;padding:5px}
	.diplomaReview .formContent, .diplomaReview .formContent td, .diplomaReview .formContent p{font-size:12px;line-height:16px}
	.diplomaReview .formContent p{margin-bottom:5px}
	
	/*scheduleEdit*/
	html,body{height:auto}
	#mainContent{min-height:0 !important}
	#head,#headProgress{display:none}
	.scheduleEdit .printHeader{display:block}
	.scheduleEdit .printTextRazpored{font-size:10px;padding-top:5px}
	.scheduleEdit .scheduleLegend{font-size:8px}	
	.scheduleEdit .schTopFilter,.scheduleEdit .scheduleFilter,.scheduleEdit .tabs,.scheduleEdit #scheduleEventDetails,.scheduleEdit #resultText,.scheduleEdit .publishBtn{display:none}
	.scheduleEdit #column1{margin:0 !important}
	.scheduleEdit #calendar table{font-size:8px;margin-bottom:0}
	.scheduleEdit #calendar table tr th{height:12px}
	.scheduleEdit #calendar table tr.lastHeaderRow th{line-height:12px}
	.scheduleEdit #calendar table tr td{line-height:10px;padding:1px}
	.scheduleEdit #calendar .scheduledEvent{padding:1px}
}

.neweCampusFunctionality{display:none;}

.input-validation-error {background-color: #ffb85d}
/*-----default style only: header, footer, first page, login...--------*/
/*align header texts with eC logo baseline (not logo bottom) - for default logo only*/
/*.headTopTitleTxt{bottom:8px}*/

/*public - first page, no menu*/
#B2SkinMetroMasterPublic #head{height:auto}
#B2SkinMetroMasterPublic #column1,#B2SkinMetroMasterPublic #column2,.newsDetails #column2{min-height:58.66667em;margin-right:0;}
.newsDetails #column1{min-height:58.66667em}
#mainContent.homePage{position:relative;padding-top:0}
#homeContent{position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;height:100%;padding-bottom:70px}
#homePageLogo2{position:absolute;bottom:15px;right:0;width:140px;height:31px;background:url(/Statika/style/custom_templates/vspv/img/e_studij_logo.png) no-repeat center right}

#B2SkinMetroMasterPublic #column2{position:relative;background:url(/Statika/style/custom_templates/vspv/img/firstPage.jpg) no-repeat top right}

#headTop1{width:69.3069%/*80.5%*/;font-size:inherit;line-height:inherit}
#headTop2{width:30.6931%/*19.5%*/}

.headTopLogo{margin-top:12px}
#userMenuTrigger{position:relative;margin-top:37px}
#autoHelp{margin-top:37px}

.myBadge,.myAvatar{margin-top:35px}
#headTop2 .myAvatar.userBlank{margin-top:35px}
.allBadges{top:50px}

.headTopContact{padding-top:15px}
.publicAcademic .loginBoxHead{padding-top:11px}
.publicAcademic .signedIn .userName{top:27px}
.publicAcademic .signedIn .inlineBtn{top:21px}
.programsDesc h2 a{text-decoration:none}

/*---------default style generic-------------*/
/*bckg images*/
/*#headMenuContent a.home,#headMenuContent .search,#headMenuContent .help,*/#headMenuContent .imglink,.tile .icon,.moreBar .moreBtn,.tileDesc .moreBtn,#headMenu2 .user,
/*.modPm .tileNum1,.modForum .tileNum1,.sendMessageLink .tileNum1,.profileLink .tileNum1,*/.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,.arrowBtn,.ratioLock,.seminarFilter,
.footable th.footable-sorted span.footable-sort-indicator,.footable th.footable-sorted-desc span.footable-sort-indicator,
.profileRightSide .tileContent .name:before,.forumPagerBtn,.forums .themes .tileNum2.new,.postLikeBtn.liked:after,
#showAllComments span,.singleComment .commentAttachmentIcon,#autoHelp,.btnAdditional .additionalActions
{background-image:url(/Statika/style/custom_templates/vspv/img/icons16o.png);background-repeat:no-repeat}

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

.classrooms .detailsImg.eclassroomBlank{background-image:url(/Statika/style/baseImg/eclassroomBlank.png)}
.ecourses .detailsImg.econtentBlank{background-image:url(/Statika/style/baseImg/econtentBlank.png)}
.forums .detailsImg.forumBlank{background-image:url(/Statika/style/baseImg/forumBlank.png)}
.tile.myProfile .icon.userBlank,.profileImgBox.userBlank,.userImg.userBlank,.colleaguesList .icon.userBlank,.myAvatar.userBlank{background-image:url(/Statika/style/baseImg/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(/Statika/style/custom_templates/vspv/img/bullet1.png)}
.alinejaNavadnaNivo2{background-image:url(/Statika/style/custom_templates/vspv/img/bullet2.png)}
.alinejaPostopekNivo1{background-image:url(/Statika/style/custom_templates/vspv/img/bullet3.png)}
.alinejaPostopekNivo2{background-image:url(/Statika/style/custom_templates/vspv/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(/Statika/style/custom_templates/vspv/img/gameIcons.png)}

.headTopImg{width:190px;height:24px;float:left;margin-top:37px;background-image:url(/Statika/style/baseImg/najbolj_prijazna_sola2.png);background-repeat:no-repeat}
.homePageMainImg{position:relative;background-image:url(/Statika/style/custom_templates/vspv/img/naslovnica_img02.jpg);background-repeat:no-repeat;background-size:contain}
.homePageLinkMore{position:absolute;bottom:4%;height:27%;left:2%;width:50%;/*background-image:url(/Statika/style/custom_templates/vspv/img/homePageLinkMore.png);background-repeat:no-repeat;background-size:contain*/}

.mobileStores{/*position:absolute;bottom:7%;right:3%;width:40%;height:26%;text-align:right;background:url(/Statika/style/custom_templates/vspv/img/mobileStores.png) no-repeat right top;background-size:cover;*/display:none}
/*
.homePageAppStore,.homePageGooglePlay,.homePageWP{display:inline-block;height:31%;max-height:40px;position:absolute;bottom:16%}
.homePageAppStore{width:29%;right:34%;background:url(/Statika/style/baseImg/App_Store_Badge_SI.png) no-repeat right top;background-size:contain}
.homePageGooglePlay{width:27%;right:5%;background:url(/Statika/style/baseImg/android-badge.png) no-repeat right top;background-size:contain}
.homePageWP{width:33%;right:63.5%;background:url(/Statika/style/baseImg/154x40_WP_Store_blk.png) no-repeat right top;background-size:contain}
*/
/*
.programLink{width:34.7428%;padding-top:22.857%}
.programsDesc{width:62%;float:right}
.programsList .moreBtn{float:left;margin-left:0}
*/
.programLink{color:#6f6f6f}
.programLink:hover{color:#4a4a4a}
.programLink.programManagement{background-image:url(/Statika/style/custom_templates/vspv/img/program_management02.jpg)}
.programLink.programPosAnalit{background-image:url(/Statika/style/custom_templates/vspv/img/program_pos_analitika02.jpg)}
.programLink.programInformatika{background-image:url(/Statika/style/custom_templates/vspv/img/program_pos_informatika02.jpg)}
.programLink.programTrzKomun{background-image:url(/Statika/style/custom_templates/vspv/img/program_trzno_kom02.jpg)}

.programLink.programManagInf{background-image:url(/Statika/style/custom_templates/vspv/img/program_manage_info02.jpg)}
.programLink.programMarketManag{background-image:url(/Statika/style/custom_templates/vspv/img/program_market_manage02.jpg)}
.programLink.programStratManag{background-image:url(/Statika/style/custom_templates/vspv/img/program_strat_manage02.jpg)}

/*blue style override*/
#backToStart.atomBtn{background-position:0 -155px}
.searchInput .searchBtn{background-position:right -1551px}
.footable .postEdit{background-position:right -5330px}/*za temne ikone v gridu*/
.footable .postDelete{background-position:right -5375px}

#headTop,#headProgressData,.dialogShadow{background-color:#065c00} /*1 glava levo*/
#headTop2{background-color:#7daa13}

#headTop
{padding:0;
background: #065c00;
background:url(/Statika/style/custom_templates/vspv/img/headBckgIE.gif) top center repeat-y;
background: -moz-linear-gradient(left,  #065c00 0%, #065c00 77%, #7daa13 77%, #7daa13 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#065c00), color-stop(77%,#065c00), color-stop(77%,#7daa13), color-stop(100%,#7daa13));
background: -webkit-linear-gradient(left,  #065c00 0%,#065c00 77%,#7daa13 77%,#7daa13 100%);
background: -o-linear-gradient(left,  #065c00 0%,#065c00 77%,#7daa13 77%,#7daa13 100%);
background: -ms-linear-gradient(left,  #065c00 0%,#065c00 77%,#7daa13 77%,#7daa13 100%);
background: linear-gradient(to right,  #065c00 0%,#065c00 77%,#7daa13 77%,#7daa13 100%);
}

/*eClassrooms*/
.classroomsStart .tile,
.ui-tabs-active .tileData,
.menu .menuItem.active,.vpItem.active,.vpItem.active.completed,.iconLink.active,.colleaguesList .tile.active .tileName,.colleaguesList .tile.active:hover .tileName,
.colleaguesList .tile.selected,.colleaguesList .tile.selected .tileName,.colleaguesList .tile.selected:hover .tileName,.objectList .tile.selected,
.tile.myProfile,.tile.graph,.tile.graph:hover,.tile.profileLink,
.tile.active,.tile.active:hover,.tile.classroom.finished.active,
.bck7,.inlineBtn,#graphProgress,
#textSizeOptions,.detailsImg,.tablesort th,.atomContent tr.tabH1 td,table.dataTable th,.moreActionsMenu,.mCSB_dragger_bar,.qq-upload-button,
.pagerBtn,.profileImgBox,.mqEditBar,/*.aktivnostVrsta,*/.dictionaryPopup,.explanationTrigger,.moreValuesToggle,
.newsCategoryLink.active,.newsSubcategoryLink.active,
.tileProgress,.ui-slider .ui-state-default,
.subactivityList .tile.currentUser,
.footable > tfoot > tr > th,.footable > thead > tr > th,.footable > tfoot > tr > td,.footable > thead > tr > td,
.gridPager > td,
.datalane th,.datalane .pager,.datalane th.configTable>div.opened,.datalane th.configTable .dlMenu,.datalane th.configTable .dlMenu .dlMenuItem .dlSubmenu,
.commentContainer .userBlank,.badgesKnowledge,.chosen-container .chosen-results li.highlighted{background-color:#9d0250} /*2 ucilnice; my profile; active, selected*/ /*.classroomsStart .tileData,.classroomsStart .tileDesc,.colleaguesList .tile.selected .tileData,.colleaguesList .tile.selected .tileDesc,.colleaguesList .tile.selected .tileName,.colleaguesList .tile.selected:hover .tileName,.objectList .tile.selected .tileData,.myProfile .tileData,.graph .tileData,.tile.graph:hover .tileData,.profileLink .tileData,.tile.active .tileData,.tile.active:hover .tileData,.tile.classroom.finished.active .tileData,*/

.classroomsStart .tile:hover,
.myProfile:hover,.profileLink:hover{background-color:#bc005f} /*3 ucilnice hover*/ /*.classroomsStart .tile:hover .tileData,.classroomsStart .tile:hover .tileDesc,.myProfile:hover .tileData,.profileLink:hover .tileData*/

/*eContents*/
.econtentsStart .tile,.tile.contentOffer,
th.reverseSort,th.forwardSort,th.reverseSort:hover,th.forwardSort: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{background-color:#ed008c} /*.econtentsStart .tileData,.econtentsStart .tileDesc,.contentOffer .tileData*/
.badgesSpecial,.badge.blank{background-color:#be0060}

/*
.econtentsStart .eContentFile .tileData,.econtentsStart .eContentFile .tileDesc{background-color:#8991F9}
.econtentsStart .eContentScorm .tileData,.econtentsStart .eContentScorm .tileDesc{background-color:#00CFE2}
*/

.editMode .tile.editable,.editMode .tile.editable:hover,.mqAnswer.correct,.othersAverageBar,.rezultatUspesno{background-color:#2dac1c}/*zelena - editable*/ /*.editMode .tile.editable .tileData,.editMode .tile.editable:hover .tileData*/

/*forum*/
.tile.modForum,.forumList .tile{background-color:#339933}/*.modForum .tileData,.forumList .tileData,.forumList .tileDesc*/
.tile.modForum:hover,.forumList .tile:hover{background-color:#39a639}/*.modForum:hover .tileData,.forumList .tile:hover .tileData,.forumList .tile:hover .tileDesc*/
/*pm*/
.tile.modPm,.tile.sendMessageLink,.pmList .tile{background-color:#8cbf26}/*.modPm .tileData,.sendMessageLink .tileData,.pmList .tileData,.pmList .tileDesc*/
.tile.modPm:hover,.tile.sendMessageLink:hover,.pmList .tile:hover{background-color:#96cd29}/*.modPm:hover .tileData,.sendMessageLink:hover .tileData,.pmList .tile:hover .tileData,.pmList .tile:hover .tileDesc*/

.mqAnswer.half{background-color:#FFA800}
.tile.examsLink,.tile.scheduleLink{background-color:#3d6eb7}/*.examsLink .tileData,.scheduleLink .tileData*/
.tile.studentOfficeLink{background-color:#295aa2}/*.studentOfficeLink .tileData*/

/*sistemska opozorila, napake*/
.tileUrgent,.tile.news.urgent,.tile.news.urgent:hover,#sysMessages,.mqAnswer.incorrect,.rezultatNeuspesno{background-color:#ff6801}/*.tileUrgent,.tile.news.urgent .tileData,.tile.news.urgent .tileDesc,.tile.news.urgent:hover .tileData,.tile.news.urgent:hover .tileDesc*/

/*novice*/
.bck8,#colorHelper,.tile.news,.tile.news:hover,.tile.licence{background-color:#ffa800}/*oranzna za pomembne novice*/ /*.tile.news .tileData,.tile.news .tileDesc,.tile.licence .tileData,.tile.licence .tileData*/
.tile.news.welcome:hover{background-color:#fec015}/*.tile.news.welcome:hover .tileData,.tile.news.welcome:hover .tileDesc*/

.tablesort td.alternatecol{background-color:#fbe5f0}/*magenta zelo svetla alternatocol alternaterow*/
.tablesort tr.alternaterow td.alternatecol,
.forums .themes .tile.active,.forums .themes .tile.active:hover{background-color:#efc5da}/*magenta najsvetlejsa alternatocol alternaterow*/
/*konec preverjeno*/

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

.econtentsStart .tile:hover,.contentOffer:hover,
.newsCategoryLink:hover,.newsCategoryLink:active,.newsSubcategoryLink:hover,.newsSubcategoryLink:active,
.tile:hover,.tile.loading,.tile.classroom.finished:hover,.tile.classroom.finished.loading,
.iconLink:hover,.iconLink:active,
.menuItem:hover,.menuItem.completed:hover,.vpItem:hover,.vpItem.completed:hover,#userMenu a:hover,#userMenu a:active,.moreActionsMenu a:hover,.moreActionsMenu a:active,
.ui-slider .ui-state-hover,.ui-slider .ui-state-active,.qq-upload-button:hover,.inlineBtn:hover,.pagerBtn:hover,
.colleaguesList .tile:hover .tileName,
.atomTreeItem:hover,.tile.news.welcome:hover,
.lightboxImageOrig:not(.objImage),.lightboxImageThumb:not(.objImage),.lightbox,
.datalane th.configTable .dlMenuItem:hover,.btnAdditional .additionalActions:hover,.moreActionsMenuItem:hover{background-color:#f72c92}/*.econtentsStart .tile:hover .tileData,.econtentsStart .tile:hover .tileDesc,.contentOffer:hover .tileData,.tile:hover .tileData,.tile:hover .tileDesc,.tile.loading .tileData,.tile.classroom.finished:hover .tileData,.tile.classroom.finished.loading .tileData,.tile.news.welcome:hover .tileData,.tile.news.welcome:hover .tileDesc*/

/*------------sive-------------*/
#headMenu,#footer,.rezultatiGraf,.searchInput{background-color:#e6e6e6}

.bck5,.toggleMenuChildren,.menuSpacer,.inlineBtn.cancelBtn:hover,.themesGrid .userImg.userBlank,.tile.classroom.finished,
.tile,.iconLink,.colleaguesList .tileName{background-color:#a5a5a5}/*temno siva spodnje polje na ploscici*/ /*.tile.classroom.finished .tileData,.tileData,.tileDesc*/

.atomComment,.userComment,.vpItem,.formContent,.menu .menuContent,.menu .menuHeader,.b2Tabs.tabDefaultBckg .tabContent,.mqContent,.mqOthersAverage,
.detailsSeparator,.pmMessageContent,.mCSB_draggerRail,.eClassroomCurrent,
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*/

/*.tablesort td.alternatecol{background-color:#f7f7f7}*/

.inlineBtn.cancelBtn,
.tile.disabled,.tile.disabled:hover,
.tile.readOnly,.tile.readOnly:hover,
.pmMessageData,.pmJoinedMessageHeader,
.menuItem.completed,.vpItem.completed{background-color:#c0c0c0} /*.tile.disabled .tileData,.tile.disabled:hover .tileData,.tile.disabled .tileDesc,.tile.disabled:hover .tileDesc,.tile.readOnly .tileData,.tile.readOnly:hover .tileData,.tile.readOnly .tileDesc,.tile.readOnly:hover .tileDesc,*/

/*,.tile.news:hover .tileData,.tile.news:hover .tileDesc{}*/

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

/*override normal and hover states if disabled*/
.menuDisabled .menuItem .atomName,.menuDisabled .menuItem.completed .atomName{color:#d8d8d8}
.menuDisabled .menuItem.active .atomName{color:#fff}
.menuDisabled .menuItem{background-color:transparent}
.menuDisabled .menuItem.completed{background-color:#C0C0C0}
.menuDisabled .menuItem.active{background-color:#9D0250} 

/*border*/
/*#searchInput input{border:1px solid #fff}*/
.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}
.loginTbl .inpTxt{border:0 none}

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

/*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,#headMenuContent a.txtlink,#footerContent,#footerContent a,
.newsCategoryLink:link,.newsCategoryLink:visited,.newsSubcategoryLink:link,.newsSubcategoryLink:visited,
.lastPostInfo a,.forums .themes .tile{color:#333}/*osnovna temno siva*/

/*#headMenuContent a:link,#headMenuContent a:visited{color:#f0f0f0}*/
.col0,#headTopContent,#headMenuContent,.tile,#ecourses #column2 .courseHeader,/*#searchInput input,*/.userComment:hover,#headProgressData,
.menuItem.active .atomName,.menuItem.completed .atomName,.menuItem:hover .atomName,#textSizeLabel,
#textSizeLabel,#userMenu a,.moreActionsMenu a,/*.detailsHeader,.titleLink*/.iconLink,.atomTreeItem:hover,.atomTreeItem:hover a:link,.atomTreeItem:hover a:visited,
/*.menuItem .atomName,.menu:hover .menuItem.active a.atomName,*/.pmMessageData,.pmJoinedMessageHeader,.inlineBtn,.qq-upload-button,
.tablesort th,.tablesort th a,.atomContent tr.tabH1 td,table.dataTable th,.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,
#sysMessages,.mqAnswer,
.dictionaryPopup,#colorHelper,.tile.news a,.atomContent a.inlineBtn:link, .atomContent a.inlineBtn:visited,
.newsCategoryLink:hover,.newsCategoryLink:active,.newsCategoryLink.active,
.newsSubcategoryLink:hover,.newsSubcategoryLink:active,.newsSubcategoryLink.active,
.publicAcademic .login .error,.publicAcademic .loginForgotenBar .moreBtn,.colleaguesList .tileText,
.gridPager a,.tablesort .gridPager a:link,.tablesort .gridPager a:visited,.tablesort .gridPager a:hover,.tablesort .gridPager a:active,
.footable > tfoot > tr > th,.footable > thead > tr > th,.footable > tfoot > tr > td,.footable > thead > tr > td,
.tablesort .seminarFilter a:link,.tablesort .seminarFilter a:visited,.tablesort .seminarFilter a:hover,.tablesort .seminarFilter a:active,
#graphProgress,.moreActionsMenuItem{color:#fff}/*osnovna bela*/

.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,.topBar h2,.tabsPagerLabel, .tabs.ajax__tab_default .ajax__tab_outer a{color:#c0c0c0 /*d1d1d1*/}
.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,.moreValuesFirstValueTxt,
.programsDesc h2 a:link,.programsDesc h2 a:visited{color:#ea0277}/*light magenta*/
.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,.addClassroomUsers a,#removeClassroomUsers a,
.newsDetailLink:hover .newsDetailLinkTitle,.programsDesc h2 a:hover,.programsDesc h2 a:active,
.themesGrid .authorName:hover,.themesGrid .authorName:active{color:#9d0250}/*dark magenta*/
.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:#9D0250}/*dark 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,
.detailsHeaderData h1 a{color:#333}

/*schedule*/
.scheduleEdit #calendar th,
.scheduleEdit #calendar .oddDay td.firstColumn{background-color:#f8e4ee}
.scheduleEdit #calendar th{border:1px solid #ddd}
.scheduleEdit #calendar th.headerDatum{border-bottom:2px solid #c1c1c1}
.scheduleEdit #calendar td{border:1px solid #ddd}
.scheduleEdit #calendar .newLocationBorder{border-left:2px solid #c1c1c1}
.scheduleEdit #calendar tr.lastHeaderRow th{border-bottom:2px solid #c1c1c1}
.scheduleEdit .filterChooseEdit,.scheduleEdit .scheduleFilter .bottomBorder td{border-bottom:1px solid #aaa}
.scheduleEdit .eventDetailsCourse,.eventDetailsCourseEdit{border-bottom:1px solid #777}

.scheduleEdit .schedulePublish.published{background-color:#f371b2}
.scheduleEdit #calendar .firstColumn,
.scheduleEdit #calendar .oddDay td{background-color:#f9f0f5}
.scheduleEdit .scheduledEvent.ui-draggable-dragging,
.scheduleEdit .scheduleFilter.ui-draggable .filterDraggableHandle,
.scheduleEdit .predmet{background-color:#9d0250}
.scheduleEdit #calendar th.currentColSelected,.scheduleEdit #calendar td.currentTdHover,
#calendar td.ui-state-hover.currentTdHover{background-color:#F5C3DC}
.scheduleEdit #calendar td.firstColumn.currentTrHover,
.scheduleEdit #calendar tr.lastHeaderRow th.currentColHover,
.scheduleEdit #calendar td.ui-state-hover,
.scheduleEdit #calendar .currentSelected,.currentTrSelected,.currentColSelected{background-color:#F5C3DC !important}
/*.scheduleEdit #calendar td.currentTrHover,#calendar td.currentTrHover.ui-state-default,
.scheduleEdit #calendar tr td.currentColHover,#calendar tr td.ui-state-default.currentColHover{background-color:#F8E4EE !important}*/

.scheduleEdit #calendar .scheduledEvent.opravljen,.scheduleEdit .scheduleLegend .opravljen{background-color:#515151 !important;color:#fff !important}
.scheduleEdit #calendar .scheduledEvent.niOpravljen,.scheduleEdit .scheduleLegend .niOpravljen,.scheduleLegend .izpit{background-color:#9d0250 !important;color:#fff !important}

.scheduleEdit #calendar tr.weekendTableCell td,.scheduleEdit #calendar tr.oddDay.weekendTableCell td,.scheduleEdit #calendar .scheduledEvent,.scheduleEdit #calendar .helper,
.scheduleEdit .scheduleLegend .srednjaSola,.scheduleEdit .scheduleLegend .visjaSola,.scheduleEdit .scheduleLegend .visokaSola{background-color:#dadada}
.scheduleEdit #calendar td:has(div.draggable-dragging){background-color:transparent}

.scheduleEdit #calendar .scheduledEvent,.scheduleEdit #calendar .helper,
.scheduleEdit .scheduleFilter .filterDraggableHandle h2,.scheduleEdit .predmet{color:#fff}
.scheduleEdit #calendar .srednjaSola,.scheduleEdit .scheduleLegend .srednjaSola{color:#ff6801}
.scheduleEdit #calendar .visjaSola,.scheduleEdit .scheduleLegend .visjaSola{color:#dd0372}
.scheduleEdit #calendar .visokaSola,.scheduleEdit .scheduleLegend .visokaSola{color:#065C00}
/*schedule end*/

@media screen and (max-width:639px)
{
    /*loged in*/
	#head{background-color:#065c00}
    #headContent{padding:10px 0}
    #headTop{background:none}
    /*#headTop1,#headTop2{height:auto}*/
    #headTop1{background-color:transparent}
    .headTopLogo{margin-top:0}

    /*public*/
    .publicAcademic #headContent{width:100%;padding:0}
    .publicAcademic #headTop1,.searchInput{background-color:#065c00}
    .publicAcademic #headTop1{padding:10px 0}
    .publicAcademic #headTop2{display:block;background-color:#7daa13;height:auto;height:auto}

    .publicAcademic .headTopLogoTitle,.publicAcademic .loginBoxHead{width:95%;margin:0 auto}

    .headTopImg,.headTopContact{display:none}
	#userMenuTrigger{margin-top:0;position:static}

	.searchInput .searchBtn{background-position:right -1911px}
	#headMenu{background-color:transparent}
    #headMenuContent a.txtlink:link, #headMenuContent a.txtlink:visited{color:#fff}
	#headMenu1{background-color:#dadada}
	#headMenu1 a:hover,#headMenu1 a:active{background-color:#ea0277}

    .login .inputCell{padding: 0.3em 0}
    .login .inpTxt{height:30px}

    /*.homePageMainImg{margin-bottom:28%}*/
    .mobileStores{top:100%;right:0;width:100%;height:64%}
    /*.homePageLinkMore{height:34%;width:62%}*/

    .homePagePrograms{width:95%;margin:0 auto}
    .programLink{width:47.5%;padding-top:30%;margin-right:5%;padding-bottom: 1%}
    .programLink:nth-of-type(2n){margin-right:0}

    #homePageLogo2{right:2.5%}
}

@media screen and (min-width:640px) and (max-width:1080px)
{
    .headTopImg{display:none}
    .programLink{width:30%;padding-top:20%;margin-right:5%;padding-bottom: 1%}
    .programLink:nth-child(3n){margin-right:0}
    .programLink:nth-of-type(4n){margin-right:5%}
    #headTop1{width:55%;height:75px}
    #headTop2{width:45%;height:75px}

    #mainContent.homePage{width:100%;max-width:none}
    .homePagePrograms{width:95%;margin:0 auto}
    #homePageLogo2{right:2.5%}
}

@media screen and (min-width:1081px)
{
    #headTop1,#headTop2{height:75px}
    .publicAcademic .login .form .inlineBar{top:13px}
    .programLink{width:18%;padding-top:12%;margin-right:2.46%;padding-bottom:1%;font-size:1.3em}
}