/*@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&subset=cyrillic');*/

img { max-width:100%; height:auto; }

.font-15 { font-size:15px; }

.margined-container { max-width:100%; margin-left:260px; }
.inner-container { margin-left:270px; margin-right:20px; background:#fff; padding:20px; border:1px solid #f1f1f1; }

#sidebar { position:fixed; left:0; top:0; width:250px; height:100vh; background:#343a40; color:#fff; padding:20px; z-index:1000; }
#sidebar * { color:#fff; }
#sidebar .sidenav { margin:40px 0; padding:0; list-style:none; }
#sidebar .sidenav li a { display:block; padding:5px 20px; margin:0px -20px; }
#sidebar .sidenav li a:hover { background:#494e54; text-decoration:none; }

.col-task-view { transition:max-width 0.3s; padding:0; box-shadow:0 0 5px #ddd; }
.col-task-view .inner-content { border:1px solid #eee; padding:20px; }
.col-task-view .close-view { position:absolute; top:15px; right:15px; cursor:pointer; }
.folded { max-width:0; overflow:hidden; }
.folded * { display:none; }

.status-changer { cursor:pointer; }

.taskfile { color:#000; padding-left:24px; background-position:left center; background-repeat:no-repeat; margin-bottom:10px; background-size:20px; }
.taskfile[href$=".jpg"], .taskfile[href$=".jpeg"], .taskfile[href$=".png"], .taskfile[href$=".png"] { background-image:url('/img/ext/icon_jpg.png'); }
.taskfile[href$=".doc"], .taskfile[href$=".docx"], .taskfile[href$=".odt"], .taskfile[href$=".rtf"] { background-image:url('/img/ext/icon_doc.png'); }
.taskfile[href$=".xls"], .taskfile[href$=".xlsx"], .taskfile[href$=".ods"], .taskfile[href$=".csv"] { background-image:url('/img/ext/icon_xls.png'); }
.taskfile[href$=".zip"], .taskfile[href$=".rar"], .taskfile[href$=".gz"] { background-image:url('/img/ext/icon_zip.png'); }
.taskfile[href$=".pdf"] { background-image:url('/img/ext/icon_pdf_24.png'); }
.taskfile[href$=".psd"] { background-image:url('/img/ext/icon_psd.png'); }

.file-delete { cursor:pointer; }

#events-list div { padding:10px; border-bottom:1px solid #eee; margin:0 -10px; }
#events-list div:last-child { border-bottom:none; }