@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,300,700&subset=latin,latin-ext');
*{
	margin:0;
	padding:0;
    font-family:'Open Sans', sans-serif;
    font-weight:400;
    outline:none;
}
body{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background-color:#F3F6FA;
	font-family:sans-serif;
}
h1, h2{
	margin:4px 0 15px;
}
h3, h4{
	margin:10px 0;
}
ul, ol{
	margin-left:40px;
}
p{
	margin:5px 0;
}
a{
	color:#222;
}
b, strong, strong a{
    font-weight:700;
}
img{
	max-height:100%;
	max-width:100%;
}
code, code strong {
	font:100% Monaco,"MonacoRegular",monospace;
}

input[type="text"]:focus, textarea:focus, select:focus{
	outline:1px solid black;
}

#sidebar{
	width:270px;
	height:100%;
	min-height:300px;
	background-color:#011a22;
	position:fixed;
	left:0;
	top:0;
	bottom:0;
	z-index: 1;
	padding:55px 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	overflow-y:auto;
}

#screen{
	position:absolute;
	height:100%;
	right:0;
	left:270px;
	top:0;
	bottom:0;
	padding:20px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	background-color:#F3F6FA;
}

#hodiny {
	list-style:none;
}

#menu{
	margin-bottom:25px;
	margin-left:0;
}

#menu li{
	list-style-type:none;
}
#menu li a{
	display:block;
	color:rgba(255,255,255,1);
	border-bottom:1px solid #122931;
	transition:background 300ms ease;
	text-decoration:none;
	line-height:inherit;
	padding:17px 35px 15px;
	font-size: 13px;
	font-weight: 700;
}
#menu .sub li a {
	padding: 22px 35px;
	padding-left: 65px;
	position: relative;
}
#menu .sub li a:before {
	content: '';
	display: inline-block;
	width: 25px;
	height: 25px;
	background-image: url('/css/ico/i-or.png');
	background-position: left center;
	background-size: 18px auto;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 35px;
	margin: auto;
}
#menu .sub li:nth-child(2) a:before {
	background-image: url('/css/ico/i-kr.png');
	background-size: 14px auto;
}
#menu .sub li:nth-child(3) a:before {
	background-image: url('/css/ico/i-do.png');
	background-size: 18px auto;
}
#menu .sub li:nth-child(4) a:before {
	background-image: url('/css/ico/i-po.png');
	background-size: 18px auto;
}
#menu .sub li:nth-child(5) a:before {
	background-image: url('/css/ico/i-np.png');
	background-size: 9px auto;
	background-position: left 3px center;
}

#menu li a small{
	font-size:12px;
	color:rgba(255,255,255,0.24);
}

#menu li a:hover, #menu li a.active{
	background:#031318;
}

.button{
	clear:both;
	border-style:solid;
	border-width:0px;
	cursor:pointer;
	font-weight:normal;
	line-height:normal;
	margin:0 0 1.25rem;
	position:relative;
	text-decoration:none;
	appearance:none;
	-webkit-appearance:none;
	-webkit-border-radius:0;
	display:inline-block;
    padding:17px;
	font-size:13px;
	font-weight: 700;
	background-color:#54d3fd;
	border-color:#54d3fd;
	color:white !important;
	transition:background-color 300ms ease-out;
	border-radius:3px;
	display:block;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.button:hover{
	color:white;
	background-color:#007095;
}
.button.green{
	background-color:#2ecc71;
}
.button.green:hover{
	background-color:#27ae60;
}
.button.wa{
    display:inline-block;
    width:inherit;
}
.button.red{
	background-color:#e74c3c;
}
.button.red:hover{
	background-color:#c0392b;
}
#menu li a.icon:before{
	content: '';
	display: inline-block;
	width: 35px;
	height: 24px;
	background-repeat:no-repeat;
	background-position: left center;
	vertical-align: middle;
	position: relative;
	top: -2px;
}

#menu li a.icon.inbox:before{
	background-image:url(/images/icons/inbox.png);
	background-size: 24px auto;
	height: 24px;
}
#menu li a.icon.logout:before{
	background-image:url(/images/icons/logout.png);
	background-size:24px 24px;
}
#menu li a.icon.settings:before{
	background-image:url(/images/icons/settings.png);
	background-size:24px 24px;
}
#menu li a.icon.projects:before{
	background-image:url(/images/icons/projects.png);
	background-size:24px 24px;
}
#menu li a.icon.users:before{
	background-image:url(/images/icons/users.png);
	background-size:26px 26px;
}
#menu li a.icon.main:before{
	background-image:url(/images/icons/main.png);
}
#menu li a.icon.closed:before{
	background-image:url(/images/icons/closed.png);
}
#menu li a.icon.trashed:before{
	background-image:url(/images/icons/trash.png);
}
#menu li a.users.mt50logout {
	padding: 35px;
	margin: 0;
}

.icon-new{
	padding-left:55px;
    padding-right:20px;
    margin: 0 40px 50px;
	background-repeat:no-repeat;
	background-position:25px center;
	background-image:url(/css/ico/i-new.png);
	background-size: 16px;
	width: auto !important;
}
.icon-plus{
	padding-left:55px;
    padding-right:20px;
	background-repeat:no-repeat;
	background-position:10px center;
	background-image:url(/images/icons/plus.png);
    width:inherit;
    display:inline-block;
}

#sidebar p{
	padding:5px;
	margin-bottom:3px;
	margin-top:3px;
	text-align:center;
	color:rgba(255,255,255,0.7);
}
#sidebar p.copy{
	position:absolute;
	bottom:5px;
	left:0;
	right:0;
}
#sidebar a{
	color:rgba(255,255,255,0.7);
	text-decoration:none;
}
#sidebar a:hover{
	color:white;
}

.table{
	width:100%;
	font-size:13px;
	color:#222;
}
.row{
	width:100%;
	margin:0;
	padding:0;
	text-align:left;
	padding:5px 0;
	clear:both;
	position:relative;
}
.row .cell{
	display:inline-block;
	padding:5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	vertical-align:top;
}
.row .w5p{
	width:3%;
	display:inline-block;
	vertical-align:top;
	margin-top:10px;
}
.row .w10p{
	width:15%;
	display:inline-block;
}
.row .w20p{
	width:20%;
	display:inline-block;
}
.row .w50p{
	width:49%;
	display:inline-block;
	vertical-align:top;
}
.row .w40p{
	width:39%;
	display:inline-block;
	vertical-align:top;
}
.row .w30p{
	width:29%;
	display:inline-block;
	vertical-align:top;
}
.row .w80p{
	width:80%;
	display:inline-block;
	vertical-align:top;
}
.row .w90p{
	width:90%;
	display:inline-block;
	vertical-align:top;
}
.row .w10p.datum{
	text-align:right;
}

.ticketlink,
.clicklink {
	margin: 10px 0;
	background-color: #fff;
	box-shadow: 0 8px 13px -15px #2a7eff;
	border-radius: 4px;
	cursor: pointer;
}
.clicklink:hover{
	/*background-color:rgba(93,120,255,.05);*/
	box-shadow: 0 8px 13px -12px #2a7eff;
	margin: 10px -1px 10px 1px;
}

.ticketlink.dark {
    border: 1px solid #ccc;
    background-color: #ddd;
}

.ticketlink.dark a {
	text-decoration:none;
}

.point{
	width:10px;
	height:10px;
	border-radius:15px;
	background-color:silver;
	margin:auto;
	margin-bottom:-7px;
	cursor:pointer;
}
.point.red{
	background-color:#da1500;
}
.point.orange{
	background-color:#ff8000;
}
.point.yellow{
	background-color:#ffd700;
}
.row.nohover:hover{
	background-color:transparent !important;
}

.row a.detail{
	color:#008cba;
	text-decoration:none;
	font-size:15px;
}

.form input, .form select, .form textarea{
	padding:5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border:1px solid #ccc;
	color:#222;
	width:350px;
}
.form input.big{
	padding:10px;
	width:800px;
	font-size:20px;
}
.form input[type="checkbox"], .form input[type="radio"]{
	width:20px;
	position:relative;
	top:5px;
}

.form textarea.mce{
	width:800px;
	height:295px;
}
.form label{
	float:left;
	clear:both;
	margin-bottom:10px;
}
.form label span{
	float:left;
	width:220px;
}
.form label input{
	float:left;
}
.left{
	float:left;
}
.right{
	float:right;
}

.w100p{
	width:100%;
}
.ml200{
	margin-left:220px;
}

.alert{
	padding:10px;
	background-color:#ecf0f1;
}
.alert.error{
	background-color:#e74c3c;
	color:white;
}
.alert.warning{
	background-color:#f39c12;
	color:white;
}
.alert.info{
	background-color:#3498db;
	color:white;
}
.alert.success{
	background-color:#27ae60;
	color:white;
}

#content{
	width:550px;
	margin:auto;
	margin-top:50px;
}

.clear{
	clear:both;
}
#info{
	clear:both;
	margin-bottom:20px;
	box-shadow: 0 8px 13px -15px #2A7EFF;
	border-radius: 4px;
	background:#fff;
    font-size: 14px;
}
#info p label{
	font-weight:bold;
	width:200px;
	display:inline-block;
}
#info p{
	width:100%;
	padding:6px 10px 5px;
	margin:0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border-top:1px solid #F3F6FA;
}
#info p:nth-child(1){
	border-top:none;
}

#ticket_content, #ticket_files {
	margin-bottom:30px;
}

textarea[name="reakcia"]{
	width: 100%;
	max-width: 600px;
	min-height: 80px;
}
.mt20{
	margin-top:20px;
}
.mb50{
	margin-bottom:50px;
}
.nores{
	clear:both;
	color:#888;
	font-style:italic;
	border-top:1px solid #ddd;
	padding:10px 0;
}

.reaction{
	padding:3px 10px 5px;
	border-bottom:1px solid #ccc;
}
.reaction label{
	font-weight:bold;
	width:200px;
	display:inline-block;
}

#content .form label{
	width:100%;
}
#content .form label input{
	width:100%;
}

.button.inline{
	clear:none;
	display:inline-block;
}
.button.small{
	padding:3px 15px;
}
.ml10{
	margin-left:10px;
}

.floatforml{
	clear:both;
	display:block;
	margin-bottom:5px;
	width:450px;
	left:0;
}
.floatforml.ui-sortable-helper{
	opacity:0.5;

}
.moveit{
	margin-left:5px;
	position:relative;
	cursor:pointer;
	top:-2px;
}

.deleteit{
	cursor:pointer;
	margin-left:10px;
	position:relative;
	top:-6px;
}
.deleteit img{
	max-width:27px;
}
.form input.smallinput{
	width:45px;
	display:inline;
	margin-left:5px;
}
.floatforml.wither{
	width:100%;
	max-width:500px;
}
.floatforml .button.inline{
	margin-top:22px;
}

.inlineform.inlinemultiline .button.inline{
	margin-top:22px;
}
.mb20{
	margin-bottom:20px !important;
}
.mt50logout{
	margin-top:50px;
}
.halfsize{
    font-size:0.7em;
}

#menu .sub{
	background-color:#0a222a;
	margin:0;
}

#nastavenia{
	clear:both;
	margin-top:30px;
	margin-bottom:30px;
	float:left;
	width:100%;
}

#nastavenia h3{
	float:left;
	width:100%;
	margin-top:30px;
	border-bottom:1px solid #ccc;
	padding-bottom:3px;
}

#nastavenia .nsekcia label input{
	float:left;
	margin-right:2px;
}

#nastavenia .nsekcia label span{
	float:none;
}

#ticket_reakcie.blink .reaction{
	background-color:rgba(230, 126, 34, .5);
}

#mobilemenu{
	display:none;
}

.gray{
	color:gray;
}
.moznosti{
	float:left;
	margin-bottom:10px;
}
.moznosti label{
	width:100%;
	max-width:350px;
}
.moznosti span{
	font-size:14px;
	width:250px !important;
}
.moznosti input{
	margin-top:-2px;
}

#zoznam-projektov{
	margin:15px 0;
}

#zoznam-projektov li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
}

#zoznam-projektov li a {
    padding: 10px 10px 10px 40px;
    margin-right: 10px;
    margin-bottom: 10px;
    text-decoration: none;
    background: url(/images/folder.png);
    background-size: 80px 80px;
    background-position: -20px center;
    background-repeat: no-repeat;
    font-size: 14px;
    display: block;
    min-width: 90px;
    font-weight: 300;
    position: relative;
}

#zoznam-projektov li a.active {
	font-weight: bold;
}

#zoznam-projektov li a span {
    background: red;
    border-radius: 50px;
    font-size: 9px;
    padding: 2px 3px;
    color: white;
    margin: -5px 0 0 0;
    min-width: 10px;
    text-align: center;
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 22px;
}

.form .ml200 span{
	width:330px;
}

#upload_prilohy{
	display:block;
	position:absolute;
	top:0;
	margin-bottom:0px;
	width:100%;
	z-index:100000;
	background-color:white;
}
#upload_prilohy button{
	float:right;
}
#upload_prilohy label{
	vertical-align:sub;
}

.pocet-reakcii {
	float:right;
	width:24px;
	height:24px;
	margin:3px 10px;
	background-image:url('/images/icons/chat-inactive.png');
	background-repeat:no-repeat;
	background-size:contain;
	text-align:center;
}
.pocet-reakcii span{
	line-height:20px;
	font-size:10px;
	font-weight:bold;
	color:#ccc;
}
.pocet-reakcii.active {
	background-image:url('/images/icons/chat-basic.png');
}
.pocet-reakcii.active span {
	color:black;
}

.project-name {
	font-weight:bold;
	font-size:15px;
}

.ticket-state span {
	margin:-10px 0 -10px -11px;
	padding:3px 12px;
	display:inline-block;
	background-color:#ccc;
	text-align:center;
}

.ticket-state span.new,
.ticket-state span.novy {
    background-color: #54d3fd;
    color: white;
}
.ticket-state span.accepted,
.ticket-state span.akceptovany {
	background-color:#3498db;
	color:white;
}
.ticket-state span.requires-consultation,
.ticket-state span.vyzaduje-konzultaciu {
	background-color:#f39c12;
	color:white;
}
.ticket-state span.resources-required {
	background-color:#de6f26;
	color:white;
}
.ticket-state span.in-progress,
.ticket-state span.spracovava-sa {
	background-color:#2c3e50;
	color:white;
}
.ticket-state span.solved,
.ticket-state span.vyrieseny {
	background-color:#27ae60;
	color:white;
}
.ticket-state span.solution not accepted,
.ticket-state span.riesenie-neakceptovane {
	background-color:#CD0000;
	color:white;
}

/* toto som nezistil, ze by sa niekde pouzivalo:
#nahrane-prilohy-edit{
	float:left;
	margin-left:50px;
	width:600px;
}
#nahrane-prilohy-edit ul{
	list-style-type:none;
	margin-left:0;
	margin-bottom:35px;
}
#nahrane-prilohy-edit ul li{
	display:block;
	margin-bottom:10px;
}
#nahrane-prilohy-edit ul li:hover .remattach{
	display:block;
}
*/

.remattach {
	float:right;
	width:20px;
	display:none;
	cursor:pointer;
	position:absolute;
	right:5px;
    top: 5px;
}

.thumb_img {
	width:210px;
	margin:0 5px 5px 0;
	cursor:pointer;
	vertical-align:bottom;
}

.reaction p {
    margin:15px 0;
    font-size:14px;
}

.reaction p.podpis, .timestamp {
	font-size:13px;
	color:#999;
}

.reaction table {
	min-width:30%;
	border-collapse: collapse;
}

.reaction table td {
	padding:5px;
	border:1px solid #ddd;
	font-size:14px;
}

.reaction.bold-react{
	background-color:rgba(255, 0, 0, 0.04);
}

.not-for-me {
	background: #f3f6fa;
	border: 1px solid #e7f0f3;
	box-shadow: none;
}
.not-for-me .datumy,
.not-for-me .zakladne-info small {
	color:#d0d0d0;
}
.not-for-me:hover {
	box-shadow: 0 8px 13px -15px #ccc;
}
.not-for-me a.detail {
	color: #5295ab;
}

.na-riesenie-pre-mna a.detail {
	font-weight:bold;
}

.full-ticket-name strong, .full-ticket-name strong a {
	color:#bebebe;
}

select.update-change {
	border:none;
	width:auto;
	font-size:1em;
	margin-left:-5px;
	min-width: 186px;
}
select.update-change option {
	padding:0 2px;
}
input.update-change {
	border:1px solid #666;
	font-size:1em;
}

.updating{
	background-color:#2cc36b;
}

.zakladne-info {
	float:left;
	width:calc(100% - 290px);
	padding-left:5px;
}

.zakladne-info small {
    color:#666;
    font-size:11px;
}

.datumy-reakcie {
	float:right;
	width:270px;
	text-align:right;
	padding:5px;
}

.datumy {
	margin-right:35px; /* pocet-reakcii ma sirku 24px */
}

.search-bar {
	margin:10px -2px 10px 0;
}

.search-bar input {
	padding:3px 24px 3px 5px;
	background:url('/images/icons/search.png') no-repeat right 3px center;
	border:2px inset;
	width:120px;
}

.search-bar.datepicker input {
	background:url('/images/icons/calendar.png') no-repeat right 3px center;
}

.search-bar select {
	padding:2px 5px;
	border:2px inset;
}

.search-bar button {
	display:none;
}

.issues-count {
	clear:both;
	margin:15px 0 25px;
	color:#666;
}

#notification-bar{
    position: absolute;
    right: 20px;
    top: 20px;
}
#nicon{
    width: 28px;
    height: 28px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}
#nicon.on{
    background-image: url('/images/notif_on.png');
}
#nicon.off{
    background-image: url('/images/notif_on.png');
}
#ncounter{
	position: absolute;
	right: 19px;
	top: -10px;
	background-color: red;
	border-radius: 53px;
	font-size: 9px;
	color: white;
	padding: 4px;
	cursor: pointer;
	min-width: 12px;
	text-align: center;
}

#nlist{
    display: none;
    background-color: white;
    padding: 0px;
    z-index: 10000000;
    position: absolute;
    right: 0px;
    top: 30px;
    width: 320px;
    border: 1px solid #ccc;
    font-size: 12px;
    max-height: 500px;
    overflow: auto;
}

.notif-data{
    cursor: pointer;
    margin-bottom: 3px;
    padding: 4px 10px 2px;
}
.notif-data.nunread{
    background-color: #fffcc5;
}
.notif-data.readed{
    opacity: 0.7;
}
.nproject, .ntitle{
    display: inline-block;
}
.ntitle{
    float: left;
}
.nproject{
    float: right;
}

.ndesc{
    clear: both;
    display: block;
    font-size: 11px;
    margin-bottom: 2px;
}
.ndate{
    float: right;
    font-size: 9px;
}
.npridal{
    float: left;
    font-size: 9px;
}
.npridal:before{
    content: "> ";
}

.notify-timeline{
    padding: 3px 10px 5px;
    border-bottom: 1px solid #ccc;
    background-color: rgba(241, 196, 15, 0.22);
}
.notify-timeline p{
    margin: 0;
    font-size: 11px;
    color: #333;
}

.nahrane-prilohy {
    margin-top: 15px;
}
.nahrane-prilohy a {
	display:table-cell;
	vertical-align:top;
	padding:0 10px 10px 0;
    font-size: 13px;
	font-weight: bold;
    margin-right: 20px;
}
.nahrane-prilohy img {
	border:1px solid #E8E9EA;
	max-height:200px;
	max-width:200px;
}
.nahrane-prilohy span.file-icon {
	display:table-cell;
	width:190px;
	height:150px;
	padding-bottom:10px;
	vertical-align:bottom;
	text-align:center;
	border:1px solid #E8E9EA;
	background:#f5f5f5 url(/images/file.png) no-repeat center center;
	background-size: 50px 50px;
	font-size:13px;
	font-weight:normal;
	text-decoration:none;
}

.removed-file{
    font-size: 11px;
    color: #999;
}

.no-uploaded-files{
    color: #888;
    font-style: italic;
    font-size: 12px;
}

#notif-info{
    float: right;
    text-align: left;
    width: 49%;
}

.form .label-status{
    margin: 5px 0 2px 0;
    font-size: 11px;
}
.form .label-status input{
    position: relative;
    top: 0px;
}

.label-status-wrap .moveit{
    top: 10px;
}
.label-status-wrap .deleteit{
    top: 6px;
}
#ticket_content p{
    margin: 10px 0;
}
#notif-info{
    font-size: 11px;
}

.na-riesenie-pre-mna{
    display: block !important;
}

.force-unread_state .pocet-reakcii.active,
.force-unread_state .pocet-reakcii {
	background-image: url(/images/icons/chat-new.png);
}

.force-unread_state .pocet-reakcii.active span,
.force-unread_state .pocet-reakcii span {
	color:#CC0000;
}

#time-tracking-wrap{
	margin: 20px 0;
	background-color: #fff;
	box-shadow: 0 8px 13px -15px #2A7EFF;
	border-radius: 4px;
	padding: 8px;
}
#time-tracking-wrap table{
    border-collapse: collapse;
	width:100%;
}
#time-tracking-wrap table th {
	padding: 3px;
}
#time-tracking-wrap table td {
	padding: 3px;
	font-size: 12px;
	border-top:1px solid #F3F6FA;
}
#time-tracking-wrap table h3 {
	font-weight:bold;
	font-size:16.5px;
}
#time-tracking-wrap table button {
	margin:0;
}
#time-tracking-wrap table tbody tr:nth-child(1) td {
	border-top:none;
}

.project_card {
	float: left;
	width: 250px;
	margin: 0 20px 20px 0;
	padding: 5px 15px 10px;
	position: relative;
	background-color: #fff;
	box-shadow: 0 8px 13px -15px #2A7EFF;
	border-radius: 4px;
}

.project_card h2 {
	margin-bottom: 0;
    font-size: 17px;
}

.project_card h2 a {
    text-decoration: none;
    color: #008cba;
}

.project_card .priority_c {
	position: absolute;
	top:3px;
	right:7px;
	width:30px;
	height:30px;
	line-height:30px;
    font-size: 14px;
	text-align:center;
    color: #f5f5f5;
	background-image:url(/images/star-128.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100%;
}

.project_card .edit_link a {
    float:right;
}

.project_card p strong {
    font-size: 15px;
}

#external-events .fc-event{
    width: auto;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: move;
    padding: 2px;
    clear: both;
}

#area-na-odstranenie{
    width: 50px;
    height: 50px;
    background-image: url('/images/icons/bigtrash.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 20px;
}

@media (max-width:1100px){
	.row .w50p{
		width:100%;
	}
	#upload_prilohy{
		bottom:0;
	}
	.row .w20p{
		width:100%;
	}
}

@media (max-width:1000px){
	.row{
		clear:both;
		float:left;
	}
	.row .cell{
		float:left;
	}
	.row .w40p {
		width: 70%;
	}
	.point{
		margin-bottom:inherit;
		margin-top:20px;
		margin-left:3px;
	}
	#info p{
		width:100%;
	}
	.inlineform label span{
		width:100%;
	}
	.floatforml .button.inline{
		margin-top:0;
		margin-bottom:0;
	}
	.floatforml{
		width:100%;
	}
	.floatforml span{
		width:100%;
	}
	.floatforml .mflexit{
		display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
		clear:both;
	}
	.types .floatforml{
		display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
	}
	.moveit{
		max-height:30px;
		margin-right:5px;
	}
	.deleteit{
		top:0;
	}
	.inlineform.inlinemultiline .button.inline{
		margin-top:0;
	}
	.row .w10p.datum *{
		font-size:11px;
	}
    #notif-info{
        width: 100%;
    }
}

@media (max-width:880px){
	.form .ml200{
		margin-left:0;
		margin-bottom:15px;
	}
	.form .ml200 span{
		width:auto;
		display:inline-block;
	}
	.form label span {
		float:left;
		width:100%;
	}
}

@media (max-width:768px){
	#sidebar{
		position:inherit;
		width:100%;
		display:block;
	}
	#sidebar p.copy{
		display:none;
	}
	#screen{
		position:inherit;
	}
	.point{
		margin-left:0px;
	}
	.form label{
		width:100%;
	}
	.form label span{
		width:100%;
		margin-bottom:3px;
	}
	.form input.big,
	.form input, .form select, .form textarea{
		width:100%;
	}
	.moznosti {
		margin-left: 25px;
	}
	.button{
		width:100%;
	}
	.button.small{
		width:auto;
	}
	#content{
		width:100%;
		margin-top:0;
		padding:10px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.row .w90p{
		width:69%;
	}
	.row .w80p {
		width:100%;
	}
	.row .w40p {
		width: 100%;
	}
	.row .cell{
		float:none;
	}
	#info p label{
		width:100%;
	}
	.form .ml200{
		margin-left:0;
		margin-bottom:15px;
	}
	.form .ml200 span{
		width:auto;
		display:inline-block;
	}
	.form .mbm15{
		margin-bottom:20px;
	}

	.floatforml .mflexit{
		display:block;
	}
	.floatforml .button.inline{
		margin:10px 0 15px;
	}
	.inlineform.inlinemultiline .button.inline{
		margin-bottom:20px;
		margin-top:10px;
	}
	.floatforml.wither{
		max-width:inherit;
	}
	.mt50logout{
		margin-top:0px;
	}

	#footer{
		clear:both;
		height:150px;
	}

	#sidebar{
		display:none;
		top:-20px;
		position:relative;
	}
	#mobilemenu{
		display:inline-block;
		border-radius:0;
	    width:80px;
		background:#011a22;
	}
	#mobilemenuadd{
		display:inline-block;
		border-radius:0;
		width:120px;
		color:#008cba !important;
		background:none;
	}
	#notification-bar {
		top:13px;
	}
	#zoznam-projektov{
		width:100%;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		margin-bottom:15px;
		float:left;
	}
	#zoznam-projektov li{
		float:left;
		margin:5px 0;
	}
	.update-change{
		width:100%;
	}
}

@media (max-width:480px){
	.row .w90p{
		width:96%;
		float:right;
	}
	#upload_prilohy{
		height:60px;
	}
	.zakladne-info, .datumy-reakcie, .cell, .w20p, .w80p {
		width:100%;
		float:none;
		padding-left:0;
		padding-right:0;
	}
	.zakladne-info small {
		display:block;
		padding-bottom:5px;
	}
	.row .cell.w20p.ticket-state {
		position:absolute;
		right:10px;
		top:10px;
		padding:0;
		width:auto;
	}
	.search-bar input {
		width:169px;
	}
}
@media (max-width:355px){

    #nlist{
        width: 300px;
        right: -20px;
    }
}

@media (max-width:319px){
	body, #sidebar, #screen, .w100p{
		width:321px;
	}
	.row .w80p{
		width:69%;
	}
}

#login {
	padding:20px;
}

#login input {
	border-radius:3px;
	padding:15px;
}

#ticket_content code {
	font-family: Consolas, Monaco, monospace;
	font-size: 0.95em;
	background: #f5f5f5;
	padding: 2px 5px;
	color: #c7254e;
}

#ticket_content pre {
	font-family: Consolas, Monaco, monospace;
	font-size: 0.95em;
	background: #f5f5f5;
	color: #326271;
	padding: 20px;
	border-radius: 10px;
	border: 1px solid #326271;
	overflow-x: auto;
}

#ticket_content pre code {
	background: transparent;
	padding: 0;
	color: #333;
	display: block;
}


.tox-tinymce {
	max-width: 800px !important;
	height: 300px !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.tox-edit-area {
	height: 100% !important;
	overflow-y: auto !important;
}

.tox .tox-toolbar,
.tox .tox-toolbar__primary,
.tox .tox-toolbar__overflow {
	padding: 2px 4px !important;
}

.tox .tox-toolbar__group {
	margin: 0 2px !important;
}

.tox .tox-tbtn {
	margin: 0 !important;
	padding: 2px !important;
	border-radius: 0 !important;
	min-width: 28px !important;
	min-height: 28px !important;
}

.tox .tox-tbtn:hover {
	background: #e9e9e9 !important;
}

.tox .tox-statusbar {
	padding: 2px 6px !important;
}

.tox .tox-menu {
	border-radius: 0 !important;
	box-shadow: none !important;
}