@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&subset=latin-ext');
@font-face { font-family: "Google Sans"; src: local("Google Sans Medium"), local("GoogleSans-Medium"), url("../font/4UabrENHsxJlGDuGo1OIlLU94YtzCwY.woff2") format("woff2"); font-style: normal; font-weight: 500; unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
*{
	margin: 0;
	padding: 0;
    font-family: Verdana, Arial, Helvetica, "Trebuchet MS", Tahoma, Geneva, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-weight: 400;
    outline: none;
}
h1, h2{
	margin-bottom: 15px;
	margin-top: 12px;
}
h3, h4{
	margin: 10px 0;
}
ul, ol{
	margin-left: 40px;
}
p{
	margin: 5px 0;
}
strong, b{
    font-weight: 700;
}
a{
	color: #222;
}

input[type="text"]:focus, textarea:focus, select:focus, input[type="email"]:focus{
	outline: 1px solid black;
}
body{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	min-width: 1440px;
	background-color: white;
	font-family: Geneva, "MS Sans Serif", Sans-serif;
}

#sidebar{
	width: 150px;
	height: 100%;
	min-height: 300px;
	background-color: #f3f5fa;
	box-shadow: 0 0 10px 2px #c8c8c8;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	padding: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow-y: auto;
	z-index: 100;
}

#screen{
	height: 100%;
	right: 0;
	left: 150px;
	top: 0;
	bottom: 0;
	background-color: white;
	padding: 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	min-width: 1000px;
	max-width: 1900px;
	margin-bottom: 100px;
	padding-left: 170px;
}

.owh {
    overflow: hidden;
}

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

#menu li{
	list-style-type: none;
	margin: 15px 0;
}
#menu li a{
	display: block;
	color: black;
	border-bottom: 1px solid #262626;
	transition: background 300ms ease;
	text-decoration: none;
	line-height: inherit;
	padding: 3px;
	font-size: 15px;
}

#menu li a:hover, #menu li a.active{
	background: #CCC;
	color: black;
}
#menu li.superzlepsenia a {
	background-color: #2ecc71;
	color: #fff;
	font-weight: 700;
	transition: all 0.3s ease;
}
#menu li.superzlepsenia a.active,
#menu li.superzlepsenia a:hover {
	background-color: #2ecc71;
	color: #fff;
	font-weight: 700;
	opacity: 0.8;
}

.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;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	display: inline-block;
	/*padding-top: 1rem;
	padding-right: 2rem;
	padding-bottom: 1.0625rem;
	padding-left: 2rem;*/
    padding: 15px;
	font-size: 1rem;
	background-color: #008cba;
	border-color: #007095;
	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{
	padding-left: 55px;
    padding-right: 25px;
	background-repeat: no-repeat;
	background-position: 10px center;
}

#menu li a.icon.inbox{
	background-image: url(/images/icons/inbox.png);
    background-position: 10px 11px;
}
#menu li a.icon.logout{
	background-image: url(/images/icons/logout.png);
	background-size: 24px 24px;
	background-position: 11px center;
}
#menu li a.icon.settings{
	background-image: url(/images/icons/settings.png);
	background-size: 24px 24px;
	background-position: 10px center;
}
#menu li a.icon.projects{
	background-image: url(/images/icons/projects.png);
	background-size: 24px 24px;
	background-position: 11px center;
}
#menu li a.icon.users{
	background-image: url(/images/icons/users.png);
	background-size: 26px 26px;
	background-position: 11px center;
}
#menu li a.icon.main{
	background-image: url(/images/icons/main.png);
}
#menu li a.icon.closed{
	background-image: url(/images/icons/closed.png);
}
#menu li a.icon.trashed{
	background-image: url(/images/icons/trash.png);
}

.icon-new{
	padding-left: 55px;
    padding-right: 20px;
	background-repeat: no-repeat;
	background-position: 10px center;
	background-image: url(/images/icons/new.png);
	background-color: #e74c3c;
}
.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;
}
.icon-new:hover{
	background-color: #c0392b;
}

#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: black;
	text-decoration: none;
}


.table{
	width: 100%;
	font-size: 13px;
	color: #222;
}
.table .row:nth-of-type(odd){
	background-color: #eee;
}
.row{
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
	padding: 5px 0;
	clear: both;
}
.row .cell{
	padding: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.row .w5p{
	width: 3%;
	display: inline-block;
}
.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 .w80p{
	width: 80%;
	display: inline-block;
}
.row .w10p.datum{
	text-align: right;
}

.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;
}
.row a.detail:after{
	content: " »"
}

.title_before {
	float: left;
}
.add_after_title {
	float: left;
	margin: 10px 25px;
}
.add_after_title:hover {
	text-decoration: none;
}
.add_after_title:before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 15px;
	background: url('/css/images/add-i.png') left center no-repeat;
	background-size: 15px auto;
	position: relative;
	top: 2px;
}

.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: 200px;
}
.form textarea{
	height: 100px;
}
.form input[type="checkbox"], .form input[type="radio"]{
	float: left;
	width: 20px !important;
	position: relative;
	/*top: 5px;*/
}

.form .mce{
	width: 100%;
	height: 450px;
}
.form span{
	width: 200px;
	float: left;
}

.right{
	float: right !important;
}

.form .mce-tinymce span{
	width: auto;
}
.form label{
	clear: both;
	display: block;
	margin-bottom: 5px;
	position: relative;
}
.form h2{
	border-bottom: 1px solid #ccc;
	clear: both;
	display: block;
	padding-bottom: 5px;
	margin: 50px 0 10px;
}

.form h3{
	border-bottom: 1px solid #ccc;
	clear: both;
	display: block;
	padding-bottom: 5px;
}
textarea.mce{
	width: 100% !important;
}
.w100p{
	width: 100%;
}
.ml200{
	margin-left: 220px;
}

.alert{
	padding: 10px;
	background-color: #ecf0f1;
	margin-bottom: 20px;
}
.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: 800px;
	margin: auto;
	margin-top: 50px;
}

.clear{
	clear: both;
}
#info{
	clear: both;
	margin-bottom: 20px;
}
#info p label{
	font-weight: bold;
	width: 200px;
	display: inline-block;
}
#info p{
	width: 100%;
	padding: 3px 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#info p:nth-child(odd){
	background-color: #ecf0f1;
}

#ticket_content{
	margin-bottom: 30px;
}
textarea[name="reakcia"]{
	min-height: 200px;
}
.mt20{
	margin-top: 20px;
}
.mb50{
	margin-bottom: 50px;
}
.nores{
	color: #888;
	font-style: italic;
}

.reaction{
	margin-bottom: 25px;
	padding: 3px 10px;
}
.reaction:nth-child(even){
	background-color: #ecf0f1;
}
.reaction:nth-child(odd){
	background-color: #d8e1e3;
}
.reaction label{
	font-weight: bold;
	width: 200px;
	display: inline-block;
}

#files{
	height: 200px;
	overflow: auto;
}

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

.button.inline{
	clear: none;
	display: inline-block;
}
.button.small{
	padding: 4px 15px;
	margin: 0;
	position: relative;
	top: 2px;
}

.button.small2{
	padding: 4px 7px;
	margin: 0;
	position: relative;
	top: 2px;
	font-size: 11px;
}


.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: -2px;
}
.deleteit img{
	max-width: 27px;
}
input.smallinput{
	width: 45px;
	display: inline;
	margin-left: 5px;
}
.table input.trsmall{
	width: 45px !important;
    padding: 2px;
	display: inline;
	margin-left: 0px;
}
.table input.trsmalldate{
	width: 57px !important;
    padding: 2px;
	display: inline;
	margin-left: 0px;
    font-size: 10px;
}
.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: #3d3d3d;
	margin: 0 10px;
}

#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;
}

#hider{
	display: block;
	margin-bottom: 10px;
	text-align: right;
}

.spannotop span{
	top: 0 !important;
}
.oznacit-vsetko, .odznacit-vsetko{
	position: absolute;
	right:0;
	cursor:pointer;
	margin-top: 16px;
	font-size: 11px
}

.span3{
	position: relative;
	width: 22%;
	display: inline-block;
	vertical-align: top;
	margin-right: 2%;
	margin-bottom: 20px;
}

.span4{
	width: 30%;
	display: inline-block;
	vertical-align: top;
	margin-right: 2%;
	margin-bottom: 20px;
}
.span6{
	width: 48%;
	display: inline-block;
	vertical-align: top;
	margin-right: 1%;
	margin-bottom: 20px;
}
.span12{
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin-right: 0;
	margin-bottom: 20px;
}

table{
	width: 100%;
}
table th{
	text-align: left;
	font-weight: bold;

}
table.smallpading th{
	border: 1px solid #888 !important;
}

.form .span4 label, .form .span6 label, .form .span12 label{
	  display: -webkit-box;
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
}
.form .span4 label input, .form .span4 label span, .form .span4 label select, .form .span4 label textarea,
.form .span6 label input, .form .span6 label select, .form .span6 label textarea,
.form .span12 label input, .form .span12 label select, .form .span12 label textarea{
	width: 100%;
}

.form span{
	font-size: 13px;
	text-align: right;
	padding-right: 7px;
	position: relative;
	top: 8px;
}

.ss-main.multi-select span {
	position: static;
	padding-right: 0;
	top: 2px;
}


.form .span6 label span{
	width: 50%;
}
.form .span12 label span{
	width: 19%;
}

.form .aslabel label span {
	text-align: left;
	top: -2px;
}
.form .aslabel {
	margin-top: 10px;
	float: left;
}
.form .aslabel label:before,
.form .aslabel label:after{content:"";display:table;}
.form .aslabel label:after{clear:both;}

.zoznam-is-sys-scroll .zoznam_is_sys:before,
.zoznam-is-sys-scroll .zoznam_is_sys:after {
    content: "";
    display: table;
}
.zoznam-is-sys-scroll .zoznam_is_sys:after {
    clear: both;
}

#doplnujuce-otazky .zoznam_is_sys {
	width: 100%;
	border: 1px solid #ccc;
	margin-bottom: 5px;
	box-sizing: border-box;
	background: #fff;
}
/* #doplnujuce-otazky .zoznam_is_sys:not(.ui-sortable-helper) {
	  float: left;
	  margin: 0px 6.5px 12px;
	  cursor: pointer;
	  -webkit-transition: all 0.2s linear;
	  -moz-transition: all 0.2s linear;
	  -ms-transition: all 0.2s linear;
	  -o-transition: all 0.2s linear;
	  transition: all 0.2s linear;
} */
#doplnujuce-otazky .span4 span {
	text-align: left;
	padding: 5px;
}
#doplnujuce-otazky .zoznam_is_sys.hidden,
#doplnujuce-otazky .zoznam_is_sys.not-listed {
	display: none;
}
.zoznam_is_sys.placeholder {
	display: table-row;
	font-weight: 700;
}

.zoznam_is_sys {
	display: none;
}

.zoznam-is-sys-scroll .zoznam_is_sys {
	display: block;
}
.zoznam_is_sys.selected {
	display: table-row;
}
.table.zoznam_is_selected_table tr {
	padding: 0 !important;
	border: 0 !important;
	margin: 0 !important;
}
.table.zoznam_is_selected_table tr td{
	//background-color: white;
}
.table.zoznam_is_selected_table th,
.table.zoznam_is_selected_table td {
	border: 0;
	box-sizing: border-box;
	text-align: left;
}
.table.zoznam_is_selected_table td {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.table.zoznam_is_selected_table {
	border-bottom: 0;
}
.move-right-is-sys {
	display: inline-block;
	width: 14px;
	height: 11px;
	background: url('/css/images/arrow-right.png') center center no-repeat;
	float: right;
	cursor: pointer;
	padding: 5px;
}
.remove-is-sys {
	display: inline-block;
	width: 13px;
	height: 14px;
	background: url('/css/images/close-medium-active.png') center center no-repeat;
	float: right;
	cursor: pointer;
	padding: 5px;
}
.zoznam_is_sys_move_handler {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: url('/images/icons/moveit.png') center center no-repeat;
	float: right;
	cursor: pointer;
	padding: 5px;
    background-size: cover;
    margin-right: 5px;
    position: relative;
    top: 3px;
}
.zoznam_is_selected_table .ui-sortable td {
    width: auto;
}

.zoznam_is_sys_placeholder td {
	height: 41px;
    background-color: #eee;
}

.zoznam-is-sys-scroll {
	/*height: 500px;
	overflow: auto;*/
}

.handler {
	position: absolute;
	cursor: move;
	margin-left: 5px;
	width: 20px;
	margin-top: 7px;
}
.handlernostyle{
	cursor: move;
	width: 25px;
	margin-right: 3px;
}

.plh{
	height: 30px;
	background-color: rgba(241, 196, 15, 0.3);
}

.center{
	text-align: center;
}
.registracia.form .center{
	color: #0c02b9;
}
.registracia.form .center p{
	font-size: 13px;
}
.registracia.form table{
	border: 1px solid #ccc;
	border-collapse: collapse;
}
.registracia.form table td, .registracia.form table th{
	border: 1px solid #ccc;
	padding: 3px 5px;
}
.registracia.form input[type="text"], .registracia.form input[type="email"], .registracia.form select{
	width: 100%;
}
.registracia.form input[required="required"]:invalid{
	border: 1px solid red;
}
#content .registracia.form label.inline{
	width: auto;
	display: inline-block;
	margin-top: 10px;
}
#content .registracia.form label.inline span{
	width: auto;
	margin-right: 10px;
	top: 0;
}
.tblpa{
	padding: 10px 8px !important;
}

.form.registracia.step2 span{
	width: 250px;
}
.form.registracia.step2 input{
	max-width: 200px;
	width: 100%;
}

.enablesort{
	border-collapse: collapse;
	border: 1px solid #ccc;
}
.enablesort td, .enablesort th{
	padding: 6px 8px;
	font-size: 12px;
	min-width: 30px;
	border: 1px solid #ccc;
}
.enablesort th{
	padding-right: 20px;
}
.enablesort tr{
	border-bottom: 1px solid #ccc;
}
.enablesort tr:hover, .enablesort tr.hover{
	background-color: #ed9009;
	cursor: pointer;
}
.enablesort th{
	background-color: #ccc;
	cursor: pointer;
}

.enablesort .header{
	background-image: url('/images/icons/bg.gif');
	background-position: right center;
	background-repeat: no-repeat;
}
.enablesort .header.headerSortUp{
	background-image: url('/images/icons/desc.png');
}
.enablesort .header.headerSortDown{
	background-image: url('/images/icons/asc.png');
}

#firm-menu .active{
	font-weight: bold;
}

.form input[readonly="readonly"], .form select[disabled="disabled"], .form textarea[readonly="readonly"]{
	opacity: 0.7;
	background-color: lightsteelblue;
}

#firm-menu{
    margin: 0;
    width: 100%;
    display: block;
    padding-bottom: 5px;
    border-bottom: 2px solid #ccc;
    padding: 10px 5px 5px 5px;
    margin-top: -10px;
}
#firm-menu li{
    list-style-type: none;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: -6px;
    margin-top: 19px;
    border-bottom: 2px solid #ccc;
    padding-bottom: 3px;
    position: relative;
    bottom: -2px;
}
#firm-menu li a{
	text-decoration: none;
	padding: 5px 10px;
	border: 2px solid #ccc;
	border-bottom: none;
	border-radius: 5px 5px 0 0;
}
#firm-menu li a:hover{
	background-color: #ccc;
}
#firm-menu li a.active{
	background-color: #ccc;
}
.full_width{
	float: left;
	clear: both;
	display: block !important;
	width: 100% !important;
	margin-bottom: 5px;
}
.full_width span{
	width: 95% !important;
	display: inline-block;
}
h4{
	font-weight: bold;
	font-size: 15px;
}
#firmy_rozoslat li label span i {
	display: inline-block;
	min-width: 85px;
}
#firmy_rozoslat-typy_zmluv,
#firmy_rozoslat-firmy_rk {
	max-width: 350px;
	max-height: 500px;
	overflow: auto;
	margin-bottom: 30px;
	margin-top: 20px;
	margin-left: 0;
}
#firmy_rozoslat {
	margin-top: 20px;
	margin-left: 0;
}
#firmy_rozoslat-typy_zmluv label input[type="checkbox"],
#firmy_rozoslat-firmy_rk label input[type="checkbox"],
#firmy_rozoslat label input[type="checkbox"] {
	margin-right: 5px;
}
.row.pridaj-priebeh{
	background-color: #ccc;
	padding: 10px 10px 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
label.inline-label{
	display: inline-block;
}
label.inline-label input.sirsi{
	width: 400px;
}
label.inline-label input.mensi, label.inline-label select.mensi{
	width: 85px;
}
.hidden{
	display: none !important;
}
.ui-sortable td{
	width: 800px;
}
.updating{
	background-color: #2ecc71 !important;
	-webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}

.updating-blue{
	background-color: #2980b9 !important;
	-webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}

.row .span8{
	display: inline-block;
	width: 64%;
	margin-right: 2%;
}

.row .span2{
	display: inline-block;
	width: 20%;
	margin-right: 2%;
}

.row .span10{
	display: inline-block;
	width: 75%;
    vertical-align: top;
	margin-right: 0;
}

#generovacie-tlacitka .button{
	display: inline-block;
	width: 48%;
	margin-right: 1%;
	margin-bottom: 5px;
	text-align: center;
	font-size: 12px;
	padding: 5px;
}

.sel-switch{
	width: 180px;
	height: 30px;
	border: 1px solid #ccc;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.sel-switch .state-switch{
	width: 100%;
}

.sel-switch .state-switch:first-child{
	border-left-width: 1px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.sel-switch .state-switch.active{
	-webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
	-moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
	background: #b0d222 url(../img/old-browsers/colors/bg_green-active_active.png) repeat-x !important;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#6dad12), to(#b0d222)) !important;
	background: -webkit-linear-gradient(top, #6dad12, #b0d222) !important;
	background: -moz-linear-gradient(top, #6dad12, #b0d222) !important;
	background: -ms-linear-gradient(top, #6dad12, #b0d222) !important;
	background: -o-linear-gradient(top, #6dad12, #b0d222) !important;
	background: linear-gradient(top, #6dad12, #b0d222) !important;
	color: white !important;
	border-color: #6d960c;
}

.sel-switch .state-switch{
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), inset 1px 0 0 rgba(255, 255, 255, 0.75), 0 1px 1px rgba(0, 0, 0, 0.15);
	color: #666666;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#efeff4), to(#d6dadf));
	background: -webkit-linear-gradient(top, #efeff4, #d6dadf);
	background: -moz-linear-gradient(top, #efeff4, #d6dadf);
	background: -ms-linear-gradient(top, #efeff4, #d6dadf);
	background: -o-linear-gradient(top, #efeff4, #d6dadf);
	background: linear-gradient(top, #efeff4, #d6dadf);
	border-color: #cccccc;
}



.checkbox-label span{
	text-align: left;
	top: 3px;
}

#header{
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
}

#header #gbp{
	display: inline;
	color: red;
}
#header #gbp h1{
	color: red;
}
#header h1{
	margin-left: 10px;
	display: inline;
	position: relative;
	top: -10px;
	color: #4297D7;
}
#header #prihlaseny{
	color: rgb(225, 112, 9);
	position: relative;
	top: -10px;
	margin-left: 15px;
}

#login-form{
	width: 500px;
	margin: auto;
}
#login-form form span{
	text-align: left;
	top: 0;
}

.form .span4 span{
	position: inherit;
	top: auto;
	width: 82% !important;
	align-self: flex-end;
	-moz-align-self: flex-end;
	-webkit-align-self: flex-end;
	line-height: 12px;
	font-size: 12px;

}
.form .span6 span{
	position: inherit;
	top: auto;
	width: 40% !important;
	align-self: flex-end;
	-moz-align-self: flex-end;
	-webkit-align-self: flex-end;
	line-height: 12px;
	font-size: 12px;

}
.form .span4 input[type="text"], .form .span4 input[type="password"], .form .span4 input[type="email"], .form .span4 select, .form .span4 textarea{
	width: 130% !important;
}
.button.bigger{
	padding: 15px 40px;
}



.table{
	border-collapse: collapse;
	border: 1px solid #ccc;
}
.table td, .table th{
	padding: 6px 8px;
	font-size: 12px;
	min-width: 30px;
	border: 1px solid #ccc;
}
.table th{
	padding-right: 20px;
}
.table tr{
	border-bottom: 1px solid #ccc;
}
.table th{
	background-color: #ccc;
	cursor: pointer;
}
.table tr.data-table-row.preciarknuty-riadok td {
	position: relative;
	pointer-events: none;
	opacity: 0.5;
}
.table tr.data-table-row.preciarknuty-riadok td:last-child {
	pointer-events: auto;
	opacity: 1;
}
.table tr.data-table-row.preciarknuty-riadok td:before {
	content: '';
	display: inline-block;
	width: calc(100% - 10px);
	height: 1px;
	background: #000;
	position: absolute;
	opacity: 0.4;
	top: 0;
	left: 5px;
	bottom: 0;
	margin: auto;
}
.table tr.data-table-row.preciarknuty-riadok td:nth-child(8):before,
.table tr.data-table-row.preciarknuty-riadok td:nth-child(9):before,
.table tr.data-table-row.preciarknuty-riadok td:nth-child(10):before {
	display: none;
}
.table .header{
	background-image: url('/images/icons/bg.gif');
	background-position: right center;
	background-repeat: no-repeat;
}
.table .header.headerSortUp{
	background-image: url('/images/icons/desc.png');
}
.table .header.headerSortDown{
	background-image: url('/images/icons/asc.png');
}
.table input, .table select{
	width: 150px !important;
}

.mt10{
	margin-top: 10px !important;
}

.sel-switch .state-switch span{
	text-align: center;
	font-size: 10px;
	position: relative;
	top: 9px;
	align-self: center !important;
	text-align: center;
	width: 100% !important;
	padding: 0;
}

.smaller-icon{
	width: 20px;
}

.table.small-table td, .table.small-table th{
	padding: 3px 3px;
	font-size: 10px;
	min-width: inherit;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

.pt0{
	top: 0;
}

.ml10{
    margin-left: 10px;
}
.mb10{
    margin-bottom: 10px !important;
}

.small-text{
    font-size: 10px;
}
.smallpading.enablesort td{
	padding: 5px 5px;
	font-size: 11px;
}

.mce-tinymce.mce-container.mce-panel{
	width: 100% !important;
}


label.half-label {
	width: 50%;
	display: inline-block;
	clear: none;
	float: left;
	margin-bottom: 10px;
	margin-top: 5px;
}

#settings-menu{
	margin-left: 10px;
}
#settings-menu li{
	list-style-type: none;
	margin-bottom: 20px;
}
input[type="text"],input[type="password"], input[type="email"]{
	border: 1px solid #ccc;
}

.table.tdnopading td{
	padding: 1px;
	vertical-align: top;
}
.table.tdnopading td:last-child{
	vertical-align: inherit;
	text-align: center;
}
.table.tdnopading input.trsmalldate{
	width: 66px !important;
}
.table.tdnopading .zoinfo{
	padding: 3px;
}
.table.tdnopading td.tdcena{
	padding: 5px;
}
.redborder{
	border: 1px solid red !important;
}
.greenborder{
	border: 1px solid green !important;
}
.bold *{
	font-weight: bold !important;
}

#sprava_registracie.form .span6 label{
	margin-bottom: 15px;
}
#sprava_registracie.form .span6 label span{
	text-align: left;
	line-height: 15px;
}

/*
.group:before,
.group:after {
    content: "";
    display: table;
}
.group:after {
    clear: both;
}

#login-wrap {
	border-top: 20px solid #132147;
	box-sizing: border-box;
	min-height: 100%;
	display: flex;
}
#login-wrap * {
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
}
#login-wrap .logleft {
	width: 795px;
	float: left;
	text-align: center;
	background: #465873 url('/css/images/loginlbg.jpg') center center no-repeat;
	background-size: cover;
}
#login-wrap .logright {
	width: calc(100% - 795px);
	float: left;
	background-color: #fff;
	background-image: url('/css/images/login-oulogo.png'),url('/css/images/loginbg.png');
	background-position: right 95px bottom 95px,center center;
	background-repeat: no-repeat,no-repeat;
	background-size: 257px auto,cover;
	display: flex;
	padding: 0 70px;
    box-sizing: border-box;
}
#login-form {
	align-self: center;
	width: 100%;
	max-width: 635px;
	padding-top: 90px;
	padding-bottom: 180px;
}
#login-form h1 {
	font-size: 30px;
	color: #1050a1;
	margin-bottom: 120px;
	text-align: center;
}
#login-form h1 strong {
	font-weight: 700;
}
#content #login-form input {
	font-size: 18px;
	font-weight: 400;
	padding: 18px 30px;
	padding-left: 115px;
	margin-bottom: 22px;
	border-radius: 70px;
}
#content #login-form input {
	outline: none !important;
}
#content #login-form input[name="login"] {
	background: url('/css/images/ou_user_icon.svg') left 42px center no-repeat;
	background-size: 20px auto;
}
#content #login-form input[name="pass"] {
	background: url('/css/images/ou_password_icon.svg') left 42px center no-repeat;
	background-size: 20px auto;
}
#content #login-form label {
	margin-bottom: 0;
}
#content #login-form button {
	width: 100%;
	font-size: 18px;
	padding: 18px 30px;
	border-radius: 70px;
	background: #d31f45;
	box-shadow: 0px 3px 8px 0px rgba(211, 31, 69, 0.58);
}
#login-wrap .logleft h2 {
	font-size: 24px;
	color: #fff;
	font-weight: 600;
	max-width: 465px;
	margin: 0 auto 22px;
	margin-top: 24%;
}
#login-wrap .logleft h2 + span {
	font-size: 18px;
	color: #fff;
} */
.button.smaller{
	padding: 2px;
	margin: 0;
	text-align: center;
}
.sis .ui-sortable td{
	width: inherit;
}
.sps .ui-sortable td{
	width: inherit;
}

#zoznam_is_sort label{
	width: 386px !important;
}
#zoznam_is_sort label span{
	width: 322px !important;
}
#zoznam_is_sort .handlernostyle{
	float: right;
}

#zmeny_log tr:nth-child(even){
	background-color: #ade4fe;
}
.orangehover:hover{
	background-color: #ed9009;
	cursor: pointer;
}

#ajaxwindow{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.5);
}
#ajaxwindow form{
	width: 600px;
	margin: auto;
	margin-top: 100px;
	background-color: white;
	border: 1px solid #ccc;
	padding: 20px;
}
.button.extrasmall{
	font-size: 11px;
	padding: 5px;
	margin: 0;
	margin-top: 2px;
}
.button.blueborder{
	background: none;
	border: 1px solid #007095;
	color: #007095 !important;
}

.nthtrbg tr:nth-child(odd){
	background-color: #ade4fe;
}

#hodiny{
	position: absolute;
	right: 20px;
	top: 20px;
	text-align: right;
}
#hodiny #hcas{
	display: block;
	font-size: 20px;
}
#hodiny #hdatum{
	display: block;
}

.inlinetop0{
	float: left;
	margin: 5px;
}
.inlinetop0 span{
	top: -1px;
}

.hoverblackfont:hover *{
	color: black !important;
}

#ajaxwindow form .close {
	float: right;
	margin-top: -37px;
	margin-right: -30px;
	background-color: red;
	border-radius: 31px;
	color: white;
	cursor: pointer;
	width: 14px;
	height: 19px;
}

.redbg{
	background-color: #E4ADAD !important;
}

.ui-datepicker-trigger{
	width: 16px;
	height: 16px;
}
.show_picker{
	margin-left: 5px;
	width: 16px;
	height: 16px;
	background-image: url('/images/calendar2.gif');
	float: right;
	clear: right;
	margin-top: -22px;
	margin-right: 40px;
}
.show_picker.has_date{
	background-image: url('/images/calendar.gif');
}

.show_picker2{
	margin-left: 5px;
	width: 16px;
	height: 16px;
	background-image: url('/images/calendar2.gif');
	float: right;
	clear: right;
	margin-top: -22px;
	margin-right: 20px;
}
.show_picker2.has_date{
	background-image: url('/images/calendar.gif');
}

.del_picker{
	margin-left: 5px;
	text-decoration: none;
	float: right;
	margin-top: -21px;
}

.hidden_picker{
	float: right;
}

.analyza-wrap .button.small {
	vertical-align: super;
}
.analyza-wrap .button.plus:before {
	content: '+';
	display: inline-block;
	padding-right: 5px;
}
.analyza-wrap .button.edit:before {
	content: '';
	display: inline-block;
	padding-right: 5px;
	width: 14px;
	height: 12px;
	background: url('/css/images/i-edit.png') left center no-repeat;
	background-size: 12px auto;
}
.analyza-wrap .sprava-1 h1,
.analyza-wrap h2,
.analyza-wrap h3 {
	display: inline-block;
	padding-right: 10px;
}

.analyza-wrap h3 {
	margin-bottom: 0;
}

.move-sprava {
	display: inline-block;
	vertical-align: super;
	margin-left: 15px;
}
.move-sprava a {
	font-size: 0;
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: top;
}
.move-sprava a.sprava-move-up {
	background: #fff url(/css/images/i-top.svg) center center no-repeat;
	background-size: 15px auto;
	margin-right: 8px;
}
.move-sprava a.sprava-move-down {
    background: #fff url(/css/images/i-bott.svg) center center no-repeat;
    background-size: 15px auto;
}
.sprava-1 {
	padding-top: 40px;
}
.sprava-2 {
	padding-left: 65px;
	padding-top: 10px;
}
.sprava-3 {
	padding-left: 130px;
	padding-top: 10px;
}
.sprava-3 + .sprava-3 {
	padding-top: 10px;
}
.sprava-3 table {
	margin-left: 40px;
	width: calc(100% - 40px);
	margin-top: 10px;
	margin-bottom: 10px;
	border-collapse: collapse;
}
.sprava-3 table th {
	position: relative;
}
.sprava-3 table td {
	border: 1px solid #ccc;
	padding: 5px 8px;
}
.sprava-3 table td .button.small {
	top: 0;
	white-space: nowrap;
}
form.sprava-riziko input,
form.sprava-riziko textarea {
	width: calc(100% - 225px);
}

.sprava-slide,
.sprava-slide-b {
	display: none;
	width: 30px;
	height: 30px;
	background: #ccc url('/img/i-sipka-b.svg') top 1px center no-repeat;
	border-radius: 50%;
	background-size: 30px auto;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	top: 2px;
	margin-left: 10px;
}

.sprava-slide.show,
.sprava-slide-b.show {
	display: inline-block;
}

.sprava-slide.act,
.sprava-slide-b.act {
	transform: rotate(180deg);
}

.sprava-a ~ .move-wrap {
	display: none;
}
.sprava-b {
	margin-bottom: 20px;
}
.sprava-b > table {
	display: none;
}
.sprava-a > div,
.sprava-b > div {
	display: inline-block;
}

#filter_form  .span12 label span{
	width: 200px !important;
}
#filter_form label{
	display: block !important;
}
#filter_form  .span4 label input,
#filter_form  .span4 label span,
#filter_form  .span4 label select,
#filter_form  .span4 label textarea,
#filter_form  .span6 label input,
#filter_form  .span6 label select,
#filter_form  .span6 label textarea,
#filter_form  .span12 label input,
#filter_form  .span12 label select,
#filter_form  .span12 label textarea{
	width: 325px !important;
}
#filter_form  .span4 label input[type="checkbox"], #filter_form  .span6 label input[type="checkbox"], #filter_form  .span12 label input[type="checkbox"]{
	width: 16px !important;
}

#rkmove{
	max-height: 500px;
	overflow: auto;
}


#strankovanie{
	list-style-type: none;
	float: left;
	margin-bottom: 10px;
	margin-left: 0;
}
#strankovanie li{
	display: inline;
}
#strankovanie li.active a{
	background-color: #ddd;
}
#strankovanie li.active a{
	font-weight: bold;
}
#strankovanie li a{
	text-decoration: none;
	padding: 4px;
	min-width: 17px;
	border: 1px solid #ccc;
	margin: 3px;
	word-break: break-all;
	float: left;
	font-size: 11px;
}

.ui-table{
	border-collapse: collapse;
	border: 1px solid #ccc;
}

.ui-table thead{
	background-color: #ccc;
}
.ui-table th, .ui-table td{
	padding: 5px;
}
.ui-table tbody tr:nth-child(odd){
	background-color: #ecf0f1;
}
.ui-table tbody tr:hover{
	background-color: #ddd !important;
}
.table.nthtrbg.ui-table{
	width: 100%;
}
.table.nthtrbg.ui-table tbody td{
	border: none;
	text-align: right;
}
.table.nthtrbg.ui-table tbody tr{
	border-bottom: none;
}
.table.nthtrbg.ui-table tbody tr td:first-child{
	text-align: left;
}
.table.nthtrbg.ui-table table th{
	text-align: right;
}

.ml20{
	margin-left: 20px;
}
.right.inline.sumar{
	margin-top: -45px;
	text-align: right;
}

textarea.poznamka{
	width: 100%;
	height: 500px;
	clear: both;
	display: block;
	margin-bottom: 34px;
	margin-top: 5px;
	padding: 5px;
	box-sizing: border-box;
}

.trlink.rovnake_ico {
  	background-color: rgba(255, 0, 0, 0.37);
}
tr.trlink.rovnake_ico:hover{
	background-color: #ED3F09;
}

select.viac-rovnakych-ico {
  	background-color: rgba(255, 0, 0, 0.5);
}

p.green{
	color: green;
}
p.red{
	color: red;
}

select[name="filled[21]"].activated,
select[name="filled[89]"].activated {
	color: red;
	font-weight: bold;
}

.strediska-reg{
	display: none;
}
.data-link{
	cursor: pointer;
}
.spform label{
	width: 110px;
	display: inline-block !important;
}
.spform label span{
	text-align: left;
}
.spform{
	margin: 10px 0;
}

#logged-users{
	margin-top: 10px;
	margin-left: 0;
	width: 100%;
	list-style-type: none;
}
#logged-users li{
	margin-left: 0;
	font-size: 12px;
	padding: 5px 0;
}
#logged-users li span{
	float: right;
}
.datetimepicker.small-date{
	font-size: 10px !important;
	padding: 6px !important;
}
.nevybavene-kontaktovanie {
	background-color: #e74c3c;
	color: white;
}
.trsmalldate.poznmka-zo {
	max-width: 67px;
	max-height: 18px;
}
.trsmalldate.poznmka-zo.zvecsena-zo,
.poznmka-zo.zvecsena-zo{
    max-height: inherit;
    max-width: inherit;
	position: absolute;
	width: 300px !important;
	height: 90px !important;
    padding: 5px;
}
.maxhe{
    max-height: 500px;
    overflow: auto;
    display: block;
}
.inprogresscsv{
	background-color: red;
	text-indent: -160px;
}
.inprogresscsv:after {
	content: "prebieha";
	color: black;
	padding-left: 25px;
}
#objednane-sluzby{
	float: left;
	width: 100%;
	padding: 5px;
	text-align: left;
}
#objednane-sluzby span{
	float: left;
	width: 150px !important;
	margin-top: 10px;
}
#objednane-sluzby .check-label {
	margin-bottom: 25px;
	float: left;
}
#objednane-sluzby .check-label input{
	margin-right: 3px;
}
#objednane-sluzby .check-label span{
	float: none;
	width: auto !important;
	margin: 0;
}
#sluzby{
	width: 256px;
	float: left;
	margin-top: 9px;
}

#sluzby-filter div{
	float: left;
}
#filter_form #sluzby-filter div span{
	width: auto !important;
}
#filter_form #sluzby-filter div input{
	margin-top: 10px;
}
#filter_form #sluzby-filter div label{
	display: inline-block !important;
	margin-right: 30px;
}
#zo-table tr{
	border-bottom: 3px solid #000;
}
.form .sluzby-inputy{
	width: 70px;
	display: block !important;
	float: right;
	clear: none !important;
	margin-top: -10px;
}
.sluzby-inputy span{
	display: none !important;
}
.form .span4 .sluzby-inputy input{
	width: 100% !important;
	display: block !important;
}
.s20p{
	width: 21%;
}
.s20p select{
	width: 100% !important;
}

.button.new-line {
    clear: both;
    float: left;
    margin: 5px 0;
}

tr.changed-tr{
	background-color: #D5FDD0;
}

.sub1{
	margin-left: 10px;
}
.sub2{
	margin-left: 40px;
}
.sub3{
	margin-left: 60px;
}
.sub4{
	margin-left: 50px;
}
.fileitem{
	padding-left: 20px;
}

.prop-childs{
	margin-bottom: 10px;
}
#dot-osoby-sys{
	min-height: 300px;
}
#objednane-sluzby .check-label.mb0{
    margin-bottom: 5px;
}

.data-table-row td{
    padding: 0 !important;
    text-align: center;
}
.data-table-row td input,
.data-table-row td select{
    width: 100% !important;
    height: 40px;
    padding: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: none !important;
}

.data-table-row.odoslana td,
.data-table-row td.ffl{
    padding: 7px 5px !important;
    text-align: left !important;
}


#fulscreen-popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: #fff;
    overflow: auto;
    padding-bottom: 100px;
}
.fulscreen-popup-close {
	display: inline-block;
	float: right;
	padding-top: 15px;
	padding-right: 15px;
}
.fulscreen-popup-content {
	padding: 20px;
}
.fulscreen-popup-content .form > p {
	margin: 12px 0;
}
.fulscreen-popup-content .button.small {
	padding: 8px 15px;
}

#generuje-sa{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.8);
    left: 0;
    top: 0;
    z-index: 10000;
    text-align: center;
}

.button.resend-cp-sys{
    float: right;
    margin-left: 10px;
}

#zoznam_is_sys_search{
    box-sizing: border-box;
    width: 100% !important;
    float: left;
}
#zoznam_is_sys_search_wrap .span4{
    margin-bottom: 0 !important;
}
.zoznam_is_napoveda{
    float: right;
    position: relative;
}
.zoznam_is_napoveda_otaznik{
    padding: 2px 6px;
    border-radius: 15px;
    background-color: #2980b9;
    color: white;
    cursor: pointer;
}
.zoznam_is_napoveda_content{
    display: none;
}
.zoznam_is_napoveda:hover .zoznam_is_napoveda_content{
    display: block;
    position: absolute;
    left: 0px;
    top: 15px;
    background-color: white;
    min-width: 200px;
    min-height: 150px;
    max-width: 400px;
    max-height: 400px;
    border: 1px solid #ccc;
    padding: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    z-index: 10000;
}

i.zoznam_is_sys_pre_vsetky {
    display: none;
    position: absolute;
    width: 16px;
    height: 15px;
    z-index: 1000;
    left: 115px;
    top: 13px;
    cursor: pointer;
    background-image: url('/images/icons/copy.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.relative-position{
    position: relative;
}
.relative-position:hover i.zoznam_is_sys_pre_vsetky{
    display: block;
}

.button[name="asve_new_is_sys"]{
    margin-left: 6px;
}

table.noborder *{
    border: none !important;
}

.button.page-typ-control{
    position: relative;
    top: -7px;
    margin-right: 10px;
}

.button.mb5{
    margin-bottom: 7px;
}

.is-neuplne-vyplneny{
    background-color: rgba(231, 76, 68, 0.2) !important;
}
.lista-show #screen {
	padding-right: 35px;
}


#notif-sidebar {
	position: fixed;
	top: 0;
	right: -265px;
	bottom: 0;
	width: 285px;
	height: 100%;
	overflow: auto;
	background-color: #f3f5fa;
	box-shadow: 0 0 10px 2px #c8c8c8;
	z-index: 100;
	padding-left: 20px;
	transition: all 0.3s ease;
	box-sizing: border-box;
}
.vys-notif-active #notif-sidebar {
	right: 0;
}

@media only screen and (min-width:1023px) {
	#notif-sidebar:hover {
		right: 0;
	}
}

@media only screen and (min-width:2200px) {
	#notif-sidebar {
		right: 0;
	}
}

@media only screen and (max-width:480px) {
	#notif-sidebar-top-wrap {
		padding-top: 68px;
	}
}

#notif-sidebar h6 {
	font-weight: 700;
	padding: 15px 10px 5px;
	text-align: center;
}
#notif-sidebar ul {
	margin: 0;
	padding: 10px;
}
#notif-sidebar ul li {
	display: inline-block;
	font-size: 12px;
	padding: 8px 10px;
	border-radius: 3px;
	box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.25);
	margin-bottom: 10px;
}
#notif-sidebar ul li a {
	font-size: 12px;
	text-decoration: none;
	vertical-align: middle;
}
#notif-sidebar ul li > span {
	font-size: 9px;
}
#notif-sidebar span i {
	margin-right: 3px;
}
#notif-lista {
	width: 20px;
	height: 100%;
	writing-mode: vertical-lr;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	color: #fff;
	font-size: 12px;
	background: rgba(46, 204, 113,0.8);
	cursor: pointer;
}
#notif-lista.has-notif {
	background: rgba(230, 126, 34,0.8);
}
#notif-lista span {
	display: inline-block;
	padding-left: 3px;
}

.notif-set-done {
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 3px;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid #777;
	background: rgba(0, 0, 0, 0.05);
	cursor: pointer;
}

#notif-sidebar-top-wrap {
	height: 60%;
	overflow: auto;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
}
#notif-sidebar-bottom-wrap {
	height: 40%;
	overflow: auto;
}
#notif-sidebar-bottom-wrap .notif-set-done,
#notif-sidebar-bottom-wrap li a p {
	display: none !important;
}
#menu li a.treba-doplnit-informacie-is{
    position: absolute;
    right: 0;
    font-size: 10px;
    padding: 2px 3px;
    background-color: red;
    color: white;
    border-radius: 8px;
    top: 4px;
    border: none;
}
#vys-menu {
	display: none;
}
.trlink{
    cursor: pointer;
}
.small-backink {
	display: inline-block;
	font-size: 12px;
	margin-bottom: 25px;
}
.small-backink:before {
	content: '\21A9';
	font-size: 16px;
	font-weight: 700;
	font-family: monospace;
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border: 1px solid #000;
	border-radius: 50%;
	margin-right: 8px;
}
.small-backink:hover {
	text-decoration: none;
}



.filter-row label{
    display: inline-block;
    margin: 0;
    float: left;
}
.filter-row label span{
    display: block;
    font-size: 10px;
    float: left;
    position: inherit;
    left: auto;
    top: auto;
    text-align: left;
    width: auto;
}
.filter-row label input,
.filter-row label select{
    display: block;
    font-size: 10px;
    padding: 3px;
    width: auto !important;
    float: left;
    clear: both;
}

.test-otazka .span3{
    width: 23%;
    margin-right: 1%;
    display: inline-block;
    vertical-align: top;
}
.test-otazka .span9{
    width: 75%;
    display: inline-block;
    vertical-align: top;
}

.test-otazka label span{
    display: block;
    width: auto;
    margin: 0;
    position: inherit;
    top: auto;
    margin-bottom: 2px;

}
.test-otazka label textarea{
    display: block;
    width: auto;
    float: left;
    clear: both;
    margin: 0;
    width: 100%;
}

.vyber-testov, .vyber-skupiny-wrap{
    position: absolute;
    background-color: white;
    padding: 10px;
    border: 1px solid #ccc;
    min-width: 200px;
    text-align: left;
    z-index: 10000;
}
.data-table-row td .vyber-testov input,
.data-table-row td .vyber-skupiny-wrap input{
    width: auto !important;
    height: auto !important;
}


.vyber-videi{
    position: absolute;
    background-color: white;
    padding: 10px;
    border: 1px solid #ccc;
    min-width: 200px;
    text-align: left;
    z-index: 10000;
}
.data-table-row td .vyber-videi input{
    width: auto !important;
    height: auto !important;
}

.faq-sys .active{
    background-color: #FFFFB0;
}

@media (min-width: 1610px){
	#objednane-sluzby span{
		width: 36% !important;
	}
}

@media (max-width: 1609px){
	#objednane-sluzby span{
		width: 150px !important;
	}
}

#doplnujuce-otazky .table.zoznam_is_selected_table {
	border: 0;
	border-collapse: separate;
	border-spacing: 0 8px;
}
#doplnujuce-otazky .table.zoznam_is_selected_table .zoznam_is_sys th {
	padding: 16px 12px;
}
#doplnujuce-otazky .table.zoznam_is_selected_table .zoznam_is_sys td {
	border-color: #f2f2f3;
	padding: 9px 12px;
}
#doplnujuce-otazky .table.zoznam_is_selected_table .zoznam_is_sys td:first-child {
	border-left: 1px solid #f2f2f3;
}
#doplnujuce-otazky .table.zoznam_is_selected_table .zoznam_is_sys td {
	border-right: 1px solid #f2f2f3;
}
#doplnujuce-otazky .span4 span {
	padding: 17px;
}
#doplnujuce-otazky.form .span4 span {
	width: calc(100% - 48px) !important;
	position: relative;
	padding-right: 40px;
	box-sizing: border-box;
}
#doplnujuce-otazky .move-right-is-sys {
	width: 48px;
	height: 100%;
	margin: -1px;
	padding: 0;
	background: #ff0a3e;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
#doplnujuce-otazky .move-right-is-sys:before {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;

	border-left: 4px solid #fff;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
#doplnujuce-otazky .zoznam_is_sys {
	border-color: #f2f2f3;
	position: relative;
}
.zoznam_is_napoveda_otaznik {
	background: #eeeff1;
	color: #a7a8aa;
}
body #dot_wrap {
	background: #f3f5fa;
}
#dot_wrap #sidebar_dot {
	background: #f3f5fa;
	box-shadow: 0 0 10px 2px #c8c8c8;
	padding: 0;
	z-index: 3;
}
#dot_wrap #sidebar_dot #menu li a {
	font-size: 11px;
	padding: 15px 25px;
	border-bottom: 1px solid #bfbfbf;
}
#dot_wrap #sidebar_dot #menu li a.vyplnene {
	//background: none !important;
}
#dot_wrap #sidebar_dot #menu li a.vyplnene:after {

	display: inline-block;
	width: 20px;
	height: 10px;
	background: url('https://app.osobnyudaj.sk/images/i-appsucc.png') center right no-repeat !important;
	background-size: 13px auto !important;
}
#dot_wrap #sidebar_dot #menu li:first-child {
	padding: 15px 25px;
	border-bottom: 1px solid #bfbfbf !important;
}
#dot_wrap #sidebar_dot #menu li:last-child a {
	margin-top: 50px;
	border: 0;
}
#dot_wrap #sidebar_dot #menu li:last-child a:before {

    content: '';
    display: inline-block;
    width: 25px;
    height: 18px;
    background: url('https://app.osobnyudaj.sk/images/i-out.png') left center no-repeat;
        background-size: auto auto;
    background-size: 15px auto;
    vertical-align: bottom;

}
#dot_wrap #sidebar_dot #menu li a:hover,#dot_wrap #sidebar_dot #menu li a.active {
    background-color: #ccc;
}
#dot_wrap #sidebar_dot #menu li a.zvyrazneny-modry {
	padding: 18px 25px !important;
	text-align: left;
	font-weight: 700;
}

#dot_wrap #screen_dot .zoznam_is_napoveda {
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 20px;
	height: 20px;
}
#dot_wrap #screen_dot .zoznam_is_napoveda .zoznam_is_napoveda_otaznik {
	vertical-align: middle;
}
#doplnujuce-otazky .table.zoznam_is_selected_table .zoznam_is_sys td.oznam-is-sys-nazov {
	position: relative;
}

.relpos{
    position: relative;
}
.otazky-icons{
    position: absolute;
    right: 0;
    top: 8px;

}
.row.handlemove{
    background-color: white;
}

.vyber-testov label,
.vyber-videi label{
    clear: both;
    float: left;
    display: block;
    margin-bottom: 10px;
}
.vyber-testov label input,
.vyber-videi label input{
    float: left;
    margin-right: 5px;
}
.vyber-testov label span,
.vyber-videi label span{
    float: left;
    width: 180px;
}

.data-table-row td input.used-email {
    border: 1px solid red !important;
}
#fullscreen{
    position: absolute;
    left: 200px;
    top: 0;
    width: calc(100% - 200px);
    height: 100%;
    background-color: white;
    z-index: 1000;
    padding-right: 50px;
    box-sizing: border-box;
}

tr.trlink.bonitny_klient {
    border-right: 5px solid green;
}
tr.trlink.neodoslana_cp {
    border-left: 5px solid red;
}
tr.trlink.odoslana_cp {
    border-left: 5px solid green;
}

.mr93{
    margin-right: 93px !important;
}
.conv-cont.message .con-from {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.checkbox-zarovnanie:before,
.checkbox-zarovnanie:after {
    content: "";
    display: table;
}
.checkbox-zarovnanie:after {
    clear: both;
}
.form label.checkbox-zarovnanie {
	margin: 5px 0;
	margin-left: 30%;
	margin-bottom: 20px;
	margin-top: 8px;
}
.form .span6 .checkbox-zarovnanie span {
	width: auto !important;
	top: 0;
}
.nkolekcia {
	margin-bottom: 25px;
	padding: 15px;
	padding-bottom: 35px;
	border: 1px solid #cccccc;
}
.nkolekcia a {
	margin-left: 30%;
}
.nkolekcia .nkolekciarem {
	float: right;
	margin-left: 0;
}
.nkolekcia input[type="file"] {
	width: 300px;
}

#toto-je-tiez-sucastou-fixnej-hlavicky.active-scroll-fixed-element {
	position: fixed;
	width: inherit;
	top: 0;
	margin: 0;
	padding-top: 40px;
	padding-bottom: 245px;
	background: #fff;
	z-index: 2;
	box-shadow: 0px 0px 10px 2px #c8c8c8;
	margin-left: -20px;
	padding-left: 20px;
}
#toto-je-tiez-sucastou-fixnej-hlavicky.active-scroll-fixed-element + hr {
	display: none;
}
#staticka-otazka-1.active-scroll-fixed-element {
	position: fixed;
	top: 87px;
	background: #fff;
	z-index: 2;
}
#staticka-otazka-2.active-scroll-fixed-element {
	position: fixed;
	top: 164px;
	background: #fff;
	z-index: 2;
}
#staticka-otazka-2.active-scroll-fixed-element + li {
	margin-top: 280px !important;
}
.kontaktna-wrap {
    border: 1px solid #ccc;
    padding: 10px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    position: relative;
}
.odstran-kontaktnu-osobu{
    position: absolute;
    left: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    z-index: 1000;
}

.nkolekcia{
	margin-top:20px
}

#popup {
	display: block;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background: rgba(0,0,0,0.75);
	z-index: 1003;
	overflow: auto;
}
#popup #flex-wrap {
	display: flex;
	height: 100%;
	width: 100%;
	padding: 20px;
	flex-wrap: wrap;
	align-items: center;
	text-align: center;
	box-sizing: border-box;
}
#popup #flex-wrap .botbor{
	width: 100%;
	padding-bottom: 20px;
}
#popup #flex-wrap .wrap {
	margin: 0 auto;
	width: 100%;
	max-width: 525px;
	overflow: hidden;
}
#popup .center {
	text-align: center;
}
#popup h4 {
	font-size: 18px;
	margin-top: 30px;
}
#popup form {
	max-width: 230px;
	text-align: left;
	margin: 0 auto;
	padding-top: 20px;
}
#popup form input {
	display: inline-block;
	width: 100%;
	padding: 8px 20px;
	box-sizing: border-box;
}
#popup form label span {
	display: inline-block;
	padding-bottom: 5px;
}
#popup form button.button {
	margin: 20px auto 0;
}
#popup .center {
	text-align: center;
}
#popup .header {
	background: #f3f5fa;
	padding: 20px 30px;
	text-align: left;
}
#popup .header .close {
	float: right;
}
#popup .header .close a{
	display: inline-block;
	background: #fff url(../img/i-close.png) center center no-repeat;
	background-size: 11px auto;
	color: #000;
	width: 30px;
	height: 30px;
}
#popup  .p-logo {
	display: inline-block;
	padding-top: 5px;
}
#popup .main {
	background: #fff;
	padding-top: 2px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
}
#popup .main .button {
	display: inline-block;
}
#popup .zostava-cas {
	margin-top: 20px;
	margin-bottom: 30px;
}
#popup .zostava-cas .left {
	float: left;
	width: 50%;
	text-align: left;
	font-size: 17px;
}
#popup .zostava-cas .right {
	float: left;
	width: 50%;
	text-align: right;
	font-size: 40px;
}

.filew {
	display: inline-block;
	position: relative;
}
.filew .file + .close {
	display: none;
}
.filew .file.act + .close {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url('/css/images/cancel_icon.svg') top center no-repeat;
	background-size: 18px auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	cursor: pointer;
}

.table .dokument-v-portali-sys{
	width: 55px !important;
}

body.pbg {
	background: #f7f8fe;
	min-width: 100%;
}
body.pbg .container {
	padding: 0 15px;
}
.pokyny-wrap h1 {
	font-size: 28px;
	font-weight: 700;
	text-align: center;
}
.pokyny-wrap {
	max-width: 800px;
	margin: 100px auto;
	background: #fff;
	box-shadow: 0px 0px 11px #dedede;
}
.pokyny-wrap .top {
	padding: 21px 50px 15px;
	border-bottom: 1px solid #eaeaea;
}
.pokyny-wrap .text-wrap {
	padding: 18px 50px;
}
.pokyny-wrap .text-wrap h1 {
	font-size: 25px;
	font-weight: 500;
}
.pokyny-wrap .text-wrap ul,
.pokyny-wrap .text-wrap ol {
	margin-top: 20px;
	margin-bottom: 20px;
}
.pokyny-wrap .bott {
	padding: 20px 50px 0;
	border-top: 1px solid #eaeaea;
	text-align: center;
}
#zobraz-premenne {
	margin-top: 15px;
	margin-bottom: 30px;
}

#fixed-box {
	display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    padding: 0 10px;
    background: rgba(255, 255, 255, 0.86);
    z-index: 100;
    overflow: auto;
}
#fixed-wrap {
	display: none;
    max-width: 1200px;
    margin: 100px auto 50px;
    padding: 20px;
    background: #fff;
    border: 1px solid #ccc;
}
#fixed-box .close {
	font-size: 13px;
	text-align: right;
	padding-right: 7px;
	position: relative;
	top: 8px;
    float: right;
    margin-top: -37px;
    margin-right: -30px;
    background-color: red;
    border-radius: 31px;
    color: white;
    cursor: pointer;
    width: 14px;
    height: 19px;
}
#premenne-wrap {
	padding: 10px 0 10px 30px;
}
#premenne-wrap .wrap .span4 {
	font-size: 14px;
	font-weight: 600;
    width: calc(100% / 3);
    float: left;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 0;
    padding-right: 30px;
    box-sizing: border-box;
}

#tabs .tab {
	display: none;
}
#tabs .tab.activetabs {
	display: inline-block;
}
#tabs .table th {
	background-color: #d9e3eb;
	position: static;
}

#tabs .tabwr {
	border: 1px solid #e6e6e6;
	border-radius: 8px;
	overflow: hidden;
	padding-bottom: 16px;
	background: #d9e3eb;
}
#tabs table tr th {
	border-color: #d9e3eb;
	padding: 18px 40px;
}
#tabs table tr td {
	padding: 10px 40px;
}

#tab str.space,
#tabs .table tr + .space.kons {
	height: 28px;
}
#tabs .table tr td,
#tabs .table tr.kolekcia.kbg td {
	background-color: #f2f6f9;
}
#tabs .table tr td:first-child{
	border-left: 3px solid #afc4d3 !important;
}
#tabs .table tr.space td:first-child{
	border-left: 1px solid #fff !important;
}
#tabs .table tr td:last-child{
	border-right: 1px solid #fff !important;
	white-space: nowrap;
}
#tabs .table tr.space td {
	background-color: #fff;
}
#tabs .table tr.kolekcia td {
	background-color: #fff;
}
#odoslane-dok .table th {
	text-align: center;
}
#odoslane-dok .table th:first-child {
	text-align: left;
}
#na-odoslanie .table th:last-child {
	text-align: center;
}
#na-odoslanie .table td:first-child {
	font-weight: 600;
}
#tabs .table tr,
#tabs .table tr td {
	border: 0;
}
#tabs .table tr td {
	border-right: 1px solid #e6eaed;
}
#tabs .table tr.kolekcia td {
	border-bottom: 1px solid #e6eaed;
}




@media (max-width:1450px){
	body {
		min-width: 1260px;
	}
	

}
@media (max-width:1450px) and (min-width: 481px){
	#sidebar.mailsys-sidebar-wrap #vys-menu {
		display: none !important;
	}
	#sidebar:not(.mailsys-sidebar-wrap) {
		border-right: 20px solid rgba(149, 165, 166,0.8);
		left: -168px;
		transition: all 0.3s ease;
	}
	
	#sidebar:not(.mailsys-sidebar-wrap):hover,
	.vys-menu-active #sidebar:not(.mailsys-sidebar-wrap) {
		left: 0;
	}
	#sidebar:not(.mailsys-sidebar-wrap) + #screen {
		padding-left: 35px;
	}
	#vys-menu {
		display: block !important;
		position: fixed;
		width: 20px;
		top: 0;
		left: 0;
		bottom: 0;
		writing-mode: vertical-rl;
		text-align: center;
		color: #fff;
		background: rgba(149, 165, 166,0.8);
		transition: all 0.3s ease;
		font-size: 12px;
	}
	#vys-menu span {
		display: inline-block;
		padding-right: 2px;
	}
	#sidebar:not(.mailsys-sidebar-wrap):hover #vys-menu,
	.vys-menu-active #sidebar:not(.mailsys-sidebar-wrap) #vys-menu{
		left: 165px;
	}
}
@media (max-width:480px){
	.pokyny-wrap {
		margin: 30px auto;
	}
	.pokyny-wrap .text-wrap {
		padding: 18px 25px;
	}
	.pokyny-wrap .top {
		padding-left: 25px;
		padding-right: 25px;
	}
	.pokyny-wrap h1 {
		font-size: 25px;
	}
}


/* emaliy css */

.group:before,
.group:after {
    content: "";
    display: table;
}

.group:after {
    clear: both;
}

.crmemaily * {
	box-sizing: border-box;
	font-family: 'Open Sans', sans-serif;
}

.crmemaily .left,
.crmhlav .left{
	float: left;
}
.crmemaily .right,
.crmhlav .right {
	float: right;
}

.crmhlav h1 {
	font-size: 24px;
	margin-bottom: 5px;
}

.crmhlav .left h1 {
	margin-top: 0;
}
.crmhlav p {
	font-size: 16px;
	color: #808db2;
}
.crmhlav.mail {
	margin-top: 10px;
	margin-bottom: 30px;
}
.crmhlav.mail .search-flag{
	margin-bottom: 0 !important;
}
.crmhlav.mail .ss-main .ss-multi-selected {
	min-height: 46px;
	background: rgba(0,0,0,0.04);
	border: 1px solid rgba(0,0,0,0);
	border-radius: 4px;
	padding: 0 20px;
}
.crmhlav.mail .ss-main .ss-multi-selected .ss-add {
	margin: 17px 12px 0 5px;
}
.crmhlav.mail #searchValue {
	background: rgba(0,0,0,0.04);
	border: 1px solid rgba(0,0,0,0);
	border-radius: 4px;
	height: 46px;
	padding: 0 20px;
	padding-left: 50px;
	width: 100%;
	max-width: 720px;
}
.crmhlav.mail #searchValue:focus {
	border: 1px solid rgba(0,0,0,0.12);
	background: #fff;
	outline: none;
}
.crmhlav.mail .search-wrap {
	position: relative;
	display: block;
	max-width: 720px;
	margin-right: 30px;
}
.crmhlav.mail .search-wrap .sbutton {
	display: inline-block;
	border: 0;
	outline: 0;
	width: 46px;
	height: 46px;
	background: url('/img/email/esearch.svg') left 15px center no-repeat;
	background-size: 25px auto;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	cursor: pointer;
}
.crmhlav.mail .search-option {

}
.crmemaily .bg-wrap {
	padding: 20px 50px 50px;
	background: #fff;
	box-shadow: 0px 0px 11px #dedede;
	border-radius: 7px;
}
.crmemaily .bg-wrap h2 {
	font-size: 24px;
	font-weight: 600;
	margin-top: 35px;
	margin-bottom: 20px;
	border-bottom: 0;
}
.crmhlav.mail .button.add {
	background: #0e1a3c url('../img/add_icon.svg') left 19px center no-repeat;
	background-size: 23px;
	padding-left: 57px;
}
.crmemaily label p {
	font-size: 15px;
}
.crmemaily form.form input[type="text"] {
	display: inline-block;
	width: 100% !important;
	padding: 6px 20px;
}
.crmemaily .search-wrap {
	position: relative;
	max-width: 665px;
	margin-top: 11px;
}
.crmemaily .search-wrap .sbutton {
	display: inline-block;
	width: 35px;
	height: 100%;
	border: 0;
	background: #afc4d3 url('../img/ou-search.svg') center center no-repeat;
	background-size: 14px auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.crmemaily .search-wrap .sbutton.mail {
	background: #afc4d3 url('../img/ou-email-fill.svg') center center no-repeat;
	background-size: 14px auto;
}
.crmemaily .in-wrap {
	margin-top: 42px;
	margin-bottom: 17px;
}
.crmemaily .in-wrap span {
	color: #ed1c24;
}
.crmemaily .in-wrap h3,
.crmemaily .in-wrap p {
	display: inline-block;
	font-weight: 600;
}
.crmemaily .in-wrap p {
	font-size: 18px;
}
.crmemaily .in-wrap h3 {
	font-size: 24px;
	margin-right: 55px;
}
.crmemaily form input[type="file"] {
	border: 0;
	width: auto;
}
.styletable table {
	border-collapse: collapse;
}
.styletable {
	border: 1px solid #e6e6e6;
	border-radius: 8px;
	overflow: auto;
	padding-bottom: 20px;
	background: #f2f6f9;
	margin-bottom: 28px;
}
.styletable table th,
.styletable table td {
	padding: 10px 20px;
	transition: all 0.3s ease;
}
.styletable table th:first-child,
.styletable table td:first-child {
	padding-left: 50px;
}
.styletable table tbody {
	background: #fff;
}
.styletable table td {
	color: #6b6b6b;
	font-size: 14px;
}
.styletable table td a {
	text-decoration: none;
}
.styletable table th {
	background: #f2f6f9;
	font-size: 16px;
	position: relative;
	top: 0;
	padding-top: 18px;
}
.styletable table th:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: #ededed;
	height: 1px;
}
.styletable table tbody tr:first-child td{
	border-top: 20px solid #fff;
}
.styletable table tbody tr:last-child td {
	border-bottom: 20px solid #fff;
}
.styletable table tbody tr {
	position: relative;
	transition: all 0.3s ease;
	padding-bottom: 10px;
	padding-top: 10px;
	box-shadow: inset 0 -1px 0 0 rgba(100,121,143,0.122);
	border-left: 1px solid transparent;
}
.styletable table tbody tr:hover {
    -moz-box-shadow: inset 1px 0 0 #dadce0,inset -1px 0 0 #dadce0,0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);
    box-shadow: inset 1px 0 0 #dadce0,inset -1px 0 0 #dadce0,0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);
    z-index: 1;
    border-color: #dadce0;
    transition: all 0.3s ease;
}

.styletable.primail table tbody tr.active {
	background: #c2dbff;
}
.styletable.primail tr.not-read  {
	background: #fff;
}


.styletable.primail {
	border: 0;
	border-top: 1px solid #e6e6e6;
	border-radius: 0;
	padding-bottom: 0;
}
.styletable.primail table {
	display: block;
	table-layout: fixed;
	width: 100%;
	border-spacing: 0;
	padding: 0;
	border-collapse: collapse;
}
.styletable.primail table thead,
.styletable.primail table tbody {
	display: block;
}
.styletable.primail table tbody tr {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	background: #f5f7f7;
}
.styletable.primail table tbody tr.hover {
	background: #f2f6f9;
}
.styletable.primail table tbody tr td {
	display: flex;
	-moz-box-flex: 0 0 auto;
	flex: 0 0 auto;
	line-height: 20px;
	align-items: center;
	border: none;
	-moz-box-ordinal-group: 1;
	order: 1;
	padding: 0;
	height: 20px;

}
.styletable.primail table tbody tr:first-child td {
	border-top: 0;
}
.styletable.primail table tbody tr td.td1 {
	position: relative;
	width: 20px;
	line-height: 10px;
	padding: 0 10px 0 15px;
	-moz-box-ordinal-group: 0;
	order: 0;
	box-sizing: content-box;
}
.styletable.primail table tbody tr td.td1:before {
	bottom: 0;
    right: 0;
    top: 2px;
    height: 16px;
    width: 20px;
    background-image: url('/img/email/drag_indicator_black_20dp.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    content: '';
    display: block;
    left: -2px;
    opacity: 0;
    position: absolute;
    transition: all 0.3s ease;
}
.styletable.primail table tbody tr:hover td.td1:before {
	opacity: 0.16;
}
.styletable.primail table tbody tr td.td2,
.styletable.primail table tbody tr td.td3 {
	    padding: 0 10px 0 0;
    -moz-box-ordinal-group: 0;
    order: 0;
    width: 20px;
    box-sizing: content-box;
    line-height: 10px;
}
.styletable.primail table tbody tr td.td4 {
	display: flex;
	flex-basis: 200px;
	max-width: 200px;
	padding-left: 0;
	padding-right: 32px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	flex-grow: 1;
	-moz-box-ordinal-group: 1;
	order: 1;
}
.styletable.primail table tbody tr td.td4 > div {
	white-space: pre;
	align-items: baseline;
	display: flex;
	box-flex: 1;
	flex-grow: 1;
	-moz-box-ordinal-group: 1;
	order: 1;
	overflow: hidden;
}
.styletable.primail table tbody tr td.td4 > div .bA4 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: flex;
    width: 100%;
}
.styletable.primail table tbody tr td.td4 > div .bA4 span {
	color: #202124;
	display: flex;
    width: 100%;
}
.styletable.primail table tbody tr td.td4 > div .bA4 span a {
	display: flex;
	width: 100%;
}
.styletable.primail table tbody tr td.td5 {
	flex: 1 1 auto;
	height: auto;
	min-width: 0;
	padding-right: 20px;
	white-space: nowrap;
	overflow: hidden;
	flex-wrap: wrap;
}
.styletable.primail table tbody tr td.td5 .bA4 {
	display: flex;
	overflow: hidden;
	width: 100%;
}
.styletable.primail table tbody tr td.td5 .bA4 a {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	flex-basis: 0;
	box-flex: 1;
	flex-grow: 1;
	flex-shrink: 1;
	text-align: left;
	color: #5f6368;
	width: 100%;
}
.styletable.primail table tbody tr td.td5 .bA4 a span {
	color: #000;
}
.styletable.primail table tbody tr td.td5 .em-row {
	display: flex;
	flex: 1 1 auto;
	white-space: nowrap;
	overflow: hidden;
	align-items: baseline;
}
.styletable.primail table tbody tr td.td5 .em-prilo {
	display: flex;
	margin-bottom: 3px;
	margin-left: 2px;
	margin-top: 7px;
	-moz-box-ordinal-group: 1;
	order: 1;
	width: 100%;
	white-space: nowrap;
}
.styletable.primail table tbody tr td.td6 {
	padding-right: 20px;
}
.styletable.primail table tbody tr td.td7 {
	display: none;
	padding-right: 20px;
}
.styletable.primail table tbody tr:hover td.td6 {
	display: none;
	transition: all 0.3s ease;
}
.styletable.primail table tbody tr:hover td.td7 {
	display: flex;
}
.styletable.primail .hovact ul {
	margin-left: 0;
}
.styletable.primail .hovact ul li {
	display: inline-block;
}
.styletable.primail .hovact ul li a {
	display: inline-block;
	width: 20px;
	height: 20px;
	padding: 0 8px;
	font-size: 0;
	opacity: .54;
	box-sizing: content-box;
	position: relative;
	vertical-align: top;
}
.styletable.primail .hovact ul li:hover a {
	opacity: 1;
}
.styletable.primail .hovact ul li a.e-archivovat {
	background-image: url('/img/email/archive_black_20dp.png');
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
}
.styletable.primail .hovact ul li a.e-odstranit {
background-image: url('/img/email/delete_black_20dp.png');
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
}
.styletable.primail .hovact ul li a.e-oznac-precitana {
	background-image: url('/img/email/drafts_black_20dp.png');
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
}
.styletable.primail .hovact ul li a.e-oznac-neprecitane {
background-image: url('/img/email/mark_as_unread_black_20dp.png');
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
}
.styletable.primail .hovact ul li a.e-odlozit {
background-image: url('/img/email/watch_later_black_20dp.png');
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
}

.styletable.primail table tbody tr:hover td .wrap-label label span {
	opacity: 0.54
}

.styletable.primail tr.not-read  * {
	font-weight: 700;
	color: #000;
}
.styletable.primail tr.not-read td.td5 .bA4 a {
	font-weight: 400;
}

#mailsys-email-change{
	width: 100%;
	padding: 4px;
}

.MultiFile-label {
	background: #f5f5f5;
	margin-bottom: 8px;
	padding: 7px 4px 7px 8px;
	max-width: 448px;
}
.MultiFile-label .MultiFile-remove {
	float: right;
	width: 20px;
	text-decoration: none;
}
.MultiFile-label .MultiFile-remove + span {
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	color: #15c;
	width: calc(100% - 40px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.MultiFile-label span {
	float: none;
	position: static;
	text-align: left;
}
.nova-sprava-wrap #MultiFile2 {
	margin-bottom: 15px;
}
.MultiFile-label .MultiFile-title {
	font-size: 14px;
	font-weight: 700;
	color: #15c;
}
#MultiFile1_list {
	margin-top: 10px;
	margin-bottom: 20px;
	min-width: 300px;
}
#MultiFile1_list:empty {
	margin: 0;
}
#MultiFile1 {
	margin-bottom: 5px;
}




.nova-sprava-wrap {
	position: fixed;
	right: 20px;
	bottom: 0;
	z-index: 100;
	overflow: hidden;
}
.nova-sprava-wrap.full {
	display: flex;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.6);
}
.nova-sprava-wrap.full .nova-sprava.open {
	width: 100%;
	max-width: 100%;
	margin: 30px;
	overflow: auto;
}
.nova-sprava-wrap.full .ns-body {
	min-height: 250px;
}


.nova-sprava-wrap .left{
	float: left;
}
.nova-sprava-wrap .ns-footer .right {
	float: right;
	position: absolute;
	right: 20px;
	bottom: 20px;
}
.nova-sprava {
	background: #fff;
	border-radius: 4px 4px 0 0;
	box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2);
	min-width: 280px;
	margin: 0 10px;
	overflow: hidden;
}
.nova-sprava #obsah_ifr,
#reply #message_ifr  {
	margin-left: -1rem;
	margin-right: -1rem;
	width: calc(100% + 1rem);
}
.msg-block .nova-sprava .tox-toolbar {
	display: none;
	position: absolute;
	left: 5px;
	bottom: 5px;
	background: #fff;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
    z-index: 1;
}
.msg-block .nova-sprava .tox-toolbar.active {
	display: inherit;
}
.nova-sprava.open {
	min-width: 530px;
	max-width: 530px;
}
.nova-sprava.open.male-roz .ns-hide-wrap {
	max-height: 500px;
	overflow: auto;
}
.nova-sprava-wrap.male-roz-fix {
	top: 0;
	overflow: auto;
	right: 0;
}
.nova-sprava.open.male-roz .mailsys-upload-content {
	    max-height: 100px;
}
.ns-header {
	background: #404040;
	padding: 0 16px;
}
.ns-header h2 {
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	margin: 0;
	padding: 12px 0;
}
.ns-body,
.ns-footer {
	padding: 0 16px;
}
.ns-footer {
	position: relative;
	padding-top: 7px;
	padding-bottom: 13px;
}
.nova-sprava .ns-footer .button {
	display: inline-block;
	font-family: 'Google Sans',Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 500;
	padding: 10px 18px;
	background: #1a73e8;
}
.ns-body .ns-row {
	padding-top: 8px;
}
.ns-body .ns-row.ns-borb {
	border-bottom: 1px solid #eceff1;
	padding: 8px 0;
}
.ns-body .ns-row.ns-borb:first-of-type {
	padding: 8px 0 3px;
}
/* .ns-body .ns-row.ns-borb:first-of-type {
	padding: 8px 0;
	text-align: right;
	min-height: 19px;
}
.ns-body .ns-row.ns-borb:first-of-type a {
	text-decoration: none;
	color: #777;
	font-size: 14px;
}
.ns-body .ns-row.ns-borb:first-of-type a:hover {
	text-decoration: underline;
}
.ns-body .ns-row.ns-borb:first-of-type > label {
	float: left;
}
.ns-body .ns-row.ns-borb:first-of-type > label span {
	color: #777;
	font-size: 14px;
}
.ns-body .ns-row.ns-borb:first-of-type > label select {
	border: 0 !important;
	outline: 0 !important;
	box-shadow: 0 !important;
} */
.ns-body .ns-row input {
	font-size: 14px;
	width: 100%;
	border: 0;
	outline: none !important;
}
.nova-sprava-wrap .mce-tinymce.mce-container.mce-panel,
.nova-sprava-wrap div.mce-edit-area {
	border: 0 !important;
}
.nova-sprava-wrap .tox .tox-toolbar {
	display: none;
	position: absolute;
	left: 5px;
	right: 5px;
	bottom: 5px;
	margin: auto;
	background: #fff;
	box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2);
	z-index: 1;
}
.nova-sprava-wrap .tox .tox-toolbar.active {
	display: flex;
}
.nova-sprava-wrap .tox .tox-edit-area {
	border: 0 !important;
}
.mce-toolbar-grp.mce-container.mce-panel.mce-first.mce-stack-layout-item * {
	background: #fff !important;
	border: 0;
	box-shadow: 0;
}

/* .nova-sprava .email-input-sys {
	width: calc(100% - 55px);
	float: right;
	margin-top: -2px;
    margin-bottom: -2px;
}
.nova-sprava .email-input-sys textarea:focus {
	border: 0 !important;
	outline: 0 !important;
	box-shadow: none;
}
.nova-sprava .email-input-sys textarea {
	display: inline-block;
	font-size: 12px;
	height: 20px!important;
    line-height: 22px;
	border: 0 !important;
	outline: 0 !important;
	resize: none;
	box-shadow: none;
	overflow: hidden;
	padding: 2px 0;
}
.nova-sprava .emailInput-node {
	font-size: 12px;
	display: inline-block;
	position: relative;
	vertical-align: top;
	border: 1px solid #ccc;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right: 5px;
	max-width: 325px;
	padding-left: 8px;

	height: 18px;
	line-height: 18px;
	max-height: 20px;
	overflow: hidden;
    text-overflow: ellipsis;
    direction: ltr;
	padding-right: 30px;
	border-radius: 50px;
}

.nova-sprava .emailInput-node[data-is_valid="false"] {
	border-color: #d93025;
	background-color: #d93025;
	color: #fff;
}
.nova-sprava .emailInput-node[data-is_valid="false"] span {
	background-image: url('/img/email/close_white_16dp.png');
}

.nova-sprava .emailInput-node span {
	display: inline-block;
	vertical-align: top;
    cursor: pointer;
	height: 18px;
    opacity: .54;
    width: 16px;
    background-image: url('/img/email/close_black_16dp.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px;
	margin-left: 4px;
	position: absolute;
	top: 0;
	right: 5px;
	z-index: 1;
}
.nova-sprava .ns-row .auto-wrap > span {
	font-size: 14px;
	color: #777;
}
.nova-sprava .ns-row .auto-wrap input[name="kopia"] {
	width: calc(100% - 55px);
	padding-top: 1px;
}
.nova-sprava .ns-row .auto-wrap input[name="skryta_kopia"] {
	width: calc(100% - 105px);
	padding-top: 1px;
} */
.ns-header .right a {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: 5px 0;
	opacity: .6;
	position: relative;
	top: 4px;
}
.ns-header .right a:hover {
	background-color: #737373;
	opacity: 1;
}
.ns-max-min {
	background: no-repeat url('/img/email/general-76906fbc82f79822625038e272fa3893.png') 0 -219px;
}
.ns-max-min.max {
	background: no-repeat url('/img/email/general-76906fbc82f79822625038e272fa3893.png') 0 -337px;
}
.ns-celao {
	background: url('/img/email/expand_window.png') 0 0/24px no-repeat;
}
.full .ns-celao {
	background: url('/img/email/collapse_window.png') 0 0/24px no-repeat;
}
.ns-close {
	background: no-repeat url('/img/email/general-76906fbc82f79822625038e272fa3893.png') 0 -144px;
}
.ns-zahod {
	display: inline-block;
	position: relative;
	width: 20px;
	height: 20px;
	background-image: url('/img/email/delete_black_20dp.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
	opacity: .54;
	position: relative;
	top: 5px;
}
.ns-format {
	display: inline-block;
	position: relative;
	width: 20px;
	height: 20px;
	background-image: url('/img/email/text_format_black_20dp.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
	opacity: .55;
	position: relative;
	top: 5px;
	margin-left: 8px;
}
.ns-attachment {
	display: inline-block;
	position: relative;
	width: 20px;
	height: 20px;
	background-image: url('/img/email/attach_file_black_20dp.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
	opacity: .55;
	position: relative;
	top: 5px;
	margin-left: 8px;
}
.ns-format:before,
.ns-attachment:before,
.ns-zahod:before {
	content: '';
	display: block;
	opacity: 0;
	position: absolute;
	transition-duration: .15s;
	transition-timing-function: cubic-bezier(0.4,0.0,0.2,1);
	z-index: -1;
	bottom: -4px;
	left: -4px;
	right: -4px;
	top: -4px;
	background: none;
	border-radius: 50%;
	box-sizing: border-box;
	transform: scale(0);
	transition-property: transform,opacity;
	border-radius: 4px;
}
.ns-format:hover:before,
.ns-zahod:hover:before {
	background-color: rgba(32,33,36,0.122);
	border: none;
	opacity: 1;
	transform: scale(1);
}

.mailsys-prilohy {
	padding-left: 65px;
	padding-bottom: 30px;
}
.mailsys-prilohy a,
.mailsys-download {
	display: inline-block;
	font-size: 14px;
	text-decoration: none;
	border: 1px solid #ccc;
	padding: 8px 20px;
	border-radius: 50px;
	margin-top: 8px;
	margin-right: 8px;
	padding-left: 35px;
	background: url('/img/email/icon_2_archive_x16.png') left 12px center no-repeat;
}

.tox.tox-tinymce {
	min-width: 450px;
}
.tox .tox-editor-header {
	position: absolute;
	left: 0;
	bottom: -45px;
	width: 100%;
	border-top: 1px solid #ccc;
	transition: all 0.3s;
}
.tox .tox-editor-header.active {
	bottom: 0;
}
.teh-active .tox .tox-editor-container {
	padding-bottom: 35px !important;
	width: 497px;
}
.nova-sprava textarea {
	width: 100%;
	min-width: 400px;
}


#button-message-content {
	padding-left: 50px;
}
#sidebar.mailsys-sidebar-wrap + #screen #button-message-content .button {
	display: inline-block;
	font-family: 'Google Sans',Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
	font-size: 14px;
	font-weight: 500;
	background-color: #fff;
	color: #5f6368 !important;
	box-shadow: inset 0 0 0 1px #dadce0;
	padding: 9px 16px 9px 12px;
	border: 0;
	border-radius: 4px;
	margin-bottom: 50px;
	margin-left: 10px;
}
#button-message-content .button.jsReplt:before,
#button-message-content .button.e-preposlat2:before{
	content: '';
height: 20px;
display: block;
margin-right: 8px;
opacity: .54;
width: 20px;
	background-image: url('/img/email/reply_black_20dp.png');
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
float: left;
margin-top: -2px;
}
#button-message-content .button.e-preposlat2:before {
	background-image: url('/img/email/forward_black_20dp.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
}
.e-odpovedat-mess,
.e-preposlat2,
.e-odpovedat-rep,
.e-preposlat-rep {
	display: block;
	position: relative;
}
.e-odpovedat-mess:after,
.e-preposlat2:after,
.e-odpovedat-rep:after,
.e-preposlat-rep:after {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url('/img/email/reply_black_20dp.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
	position: absolute;
	top: 3px;
	left: 20px;
	opacity: .54;
}
.e-preposlat2:after,
.e-preposlat-rep:after {
	background-image: url('/img/email/forward_black_20dp.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
}
#button-message-content .e-preposlat2:after {
	display: none;
}
a.e-predmet-rep.e-preposlat2[title="Upraviť predmet"]:after {
	display: none;
}


.doruc {
	display: inline-block;
	font-size: 12px;
	line-height: 18px;
	padding: 0 6px;
	color: rgb(102, 102, 102);
	background-color: rgb(221, 221, 221);
	border-radius: 4px;
	text-decoration: none;
	vertical-align: text-top;
	margin-left: 6px;
}
.set-reply {
	position: relative;
	width: 80px;
	padding-left: 30px;
	float: left;
	box-sizing: border-box;
}
.set-reply + .auto-wrap {
	width: calc(100% - 80px);
}
.set-reply + .auto-wrap .multipleInput-container-reply {
	padding-left: 0;
}
.set-reply .inpu-option > a {
	background-image: url('/img/email/reply_black_20dp.png'),url('/img/email/arrow_drop_down_black_20dp.png');
	background-position: left center, right center;
	background-repeat: no-repeat;
	background-size: 20px;
	opacity: 0.54;
	margin-top: 10px;
}
.set-reply .inpu-option > a:before {
	border-radius: 5px;
	width: 60px;
}
.set-reply .inpu-option ul li a {
	white-space: nowrap;
}
.multipleInput-container-reply {
	box-sizing: border-box;
}
.primail-header {
	margin-bottom: 10px;
	padding-right: 25px;
	margin-top: 0;
}
.primail-header .input-wrap,
.primail-header .oth-wrap,
.primail-header .oth-wrap > div {
	display: inline-block;
}
.primail-header .oth-wrap .sp2 {
	border-left: 1px solid #eceff1;
	border-right: 1px solid #eceff1;
	padding: 0 5px;
}
.primail-header a,
.pos-message .right a,
.nadp-wrap .right a,
.conv-cont  .e-odpovedat2,
.inpu-option > a {
	display: inline-block;
	width: 20px;
	height: 20px;
	padding: 0 11px;
	box-sizing: content-box;
	vertical-align: sub;
	position: relative;
	z-index: 0;
}
#conversation .mailsys-full-content.full-content {
	font-size: 0;
	margin-bottom: 20px;
}
#conversation .mailsys-full-content.full-content > * {
	display: none !important;
}
#conversation .mailsys-full-content.full-content > .gmail_quote,
#conversation .mailsys-full-content.full-content > hr + div,
#conversation .mailsys-full-content.full-content > hr + div + div {
	display: block !important;
	font-size: 13px;
}
.primail-header a:before,
.pos-message .right a:before,
.nadp-wrap .right a:before {
	margin: auto;
}
.pos-message .e-odpovedat,
.conv-cont  .e-odpovedat2 {
background-image: url('/img/email/reply_black_20dp.png');
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
filter: invert(50%);
}
.pos-message .e-preposlat{
background-image: url('/img/email/forward_black_20dp.png');
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
filter: invert(50%);
}
.primail-header .oth-archiv {
background-image: url('/img/email/archive_white_20dp.png');
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
filter: invert(50%);
}
.primail-header .oth-spam {
	background-image: url('/img/email/report_white_20dp.png');
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
filter: invert(50%);
}
.primail-header .oth-odstanit {
	background-image: url('/img/email/delete_white_20dp.png');
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
filter: invert(50%);
}
.primail-header .oth-oznac-precitane {
	background-image: url('/img/email/drafts_white_20dp.png');
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
filter: invert(50%);
}
.primail-header .oth-oznac-neprecitane {
	background-image: url('/img/email/mark_as_unread_black_20dp.png');
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
filter: invert(50%);
}
.primail-header .oth-odlozit {
	background-image: url('/img/email/watch_later_white_20dp.png');
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
filter: invert(50%);
}
.primail-header .oth-presunut {
	background-image: url('/img/email/drive_file_move_white_20dp.png');
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
filter: invert(50%);
}
.primail-header .oth-stitky {
	background-image: url('/img/email/label_white_20dp.png');
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
filter: invert(50%);
}
.primail-header .oth-ref a {
	background-image: url('/img/email/refresh_black_20dp.png');
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
filter: invert(50%);
}
.primail-header .oth-back {
	background-image: url('/img/email/arrow_back_black_20dp.png');
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
filter: invert(50%);
cursor: pointer;
}
.primail-header .input-wrap > a {
	background-image: url('/img/email/check_box_outline_blank_white_20dp.png');
background-position: center right;
background-repeat: no-repeat;
background-size: 20px;
filter: invert(50%);
margin-left: 14px;
padding-left: 0;
padding-right: 0;
}
.primail-header .input-wrap > a.active {
	background-image: url('/img/email/check_box_white_20dp.png');
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
filter: invert(50%);
}
.primail-header .input-wrap > a.polact,
.primail-header .input-wrap > a.active.polact {
	background-image: url('/img/email/indeterminate_check_box_white_20dp.png');
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
filter: invert(50%);
}
.primail-header .oth-moz .inpu-option > a,
.oth-moz-mess .inpu-option > a {
	background-image: url('/img/email/more_vert_black_20dp.png');
background-position: center center;
background-repeat: no-repeat;
background-size: 20px;
cursor: pointer;
opacity: .54;

}

.oth-moz-mess {
	float: right;
	position: relative;
}
.oth-moz-mess .inpu-option ul {
	left: auto;
	right: 0;
}
.oth-moz-mess .inpu-option ul li a {
	white-space: nowrap;
}
.primail-header .oth-moz .input-wrap > a {
	padding: 0 5px;
}
.primail-header .oth-wrap {
	display: none;
}
.primail-header .oth-wrap,
.primail-header .oth-ref,
.primail-header .input-wrap,
.primail-header .oth-moz {
	float: left;
}

.primail-header .oth-ref a {
	cursor: pointer;
}

.primail-header .input-wrap {
	position: relative;
	margin-right: 12px;
}

.conv-cont .oth-moz-mess .e-odpovedat-mess.e-odpovedat2 {
	display: block;
	width: auto;
    padding: 6px 48px;
	background: none;
	filter: none;
}
.conv-cont .oth-moz-mess .e-odpovedat-mess.e-odpovedat2:hover {
	background: #f3f5f6;
}
.row.msearch-wrap {
	padding: 1px 0 8px;
	border-bottom: 1px solid #eceff1;
}
.row.headbot {
	padding-top: 18px;
    padding-bottom: 8px;
}

.crmemaily .styletable.primail-wraph td .em-prilo .em-pp a {
	width: 30px;
	height: 30px;
	font-size: 12px;
	color: #5f6368;
	line-height: 30px;
	background: none;
	padding: 0;
	text-align: center;
}
.crmemaily .styletable.primail-wraph td .em-prilo .em-pp a:before {
	content: '+ ';
	font-size: 12px;
	color: #5f6368;
}


.inp-option,
.inpu-option  {
	display: inline-block;
}
.inp-option .sel {
	display: inline-block;
	width: 10px;
	height: 10px;
	background-image: url('/img/email/arrow_drop_down_black_20dp.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
	cursor: pointer;
	opacity: 0.5;
}
.inp-option ul,
.inpu-option ul,
.em-option ul {
	list-style: none;
	display: none;
	margin-left: 0;
	border-radius: 4px;
	box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2);
	position: absolute;
	left: 20px;
	top: 100%;
	background: #fff;
	z-index: 2;
	padding: 10px 0;
}
.inp-option ul li span,
.inpu-option ul li a {
	display: block;
	padding: 6px 48px;
	font-size: 14px;
	cursor: pointer;
}
.inpu-option ul li a {
	text-decoration: none;
}
.inpu-option ul li a:before {
	display: none !important;
}
.inp-option ul li span:hover,
.inpu-option ul li a:hover {
	background: #f3f5f6;
}
.oth-moz {
	position: relative;
}
.oth-moz .inpu-option ul {
	z-index: 100;
	background: #fff;
}
.oth-moz .inpu-option ul li a {
	width: auto !important;
}

.mailsys-download-dwrap {
	margin-top: 30px;
	border-top: 1px dotted #d8d8d8;
	padding-top: 10px;
}
.mailsys-download-dwrap .group {
	padding: 8px 0;
}
.mailsys-download-dwrap .left {
	font-size: 14px;
	float: left;
	font-weight: bold;
}
.mailsys-download-grpoup-zip {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url('/img/email/file_download_black_20dp.png') center center no-repeat;
	background-size: 20px;
    opacity: 0.52;
	padding: 0 11px;
    box-sizing: content-box;
    vertical-align: sub;
    position: relative;
    z-index: 0;
    transition: all 0.3s ease;
}
.mailsys-download-grpoup-zip:hover {
	opacity: 1;
}

.em-prilo a {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 5px 20px;
	border-radius: 50px;
	margin-top: 8px;
	margin-right: 8px;
	padding-left: 35px;
	background: url('/img/email/icon_2_archive_x16.png') left 12px center no-repeat;
}
.em-prilo a span {
	display: block;
	max-width: 140px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.em-prilo.more-pp a:nth-child(n+4) {
	display: none;
}
.em-prilo a[data-name*=".docx"],
.mailsys-download-dwrap a[download*=".docx"],
.em-prilo a[data-name*=".odt"],
.mailsys-download-dwrap a[download*=".odt"]  {
    background: url('/img/email/icon_1_word_x16.png') left 12px center no-repeat;
}
.em-prilo a[data-name*=".xlsx"],
.em-prilo a[data-name*=".xls"],
.em-prilo a[data-name*=".ods"],
.mailsys-download-dwrap a[download*=".xlsx"],
.mailsys-download-dwrap a[download*=".xls"],
.mailsys-download-dwrap a[download*=".ods"] {
    background: url('/img/email/icon_1_excel_x16.png') left 12px center no-repeat;
}
.em-prilo a[data-name*=".pdf"],
.mailsys-download-dwrap a[download*=".pdf"] {
    background: url('/img/email/icon_3_pdf_x16.png') left 12px center no-repeat;
}
.em-prilo a[data-name*=".png"],
.em-prilo a[data-name*=".jpg"],
.mailsys-download-dwrap a[download*=".png"],
.mailsys-download-dwrap a[download*=".jpg"]  {
    background: url('/img/email/icon_1_image_x16.png') left 12px center no-repeat;
}
.em-prilo a[data-name*=".css"],
.em-prilo a[data-name*=".csv"],
.mailsys-download-dwrap a[download*=".css"],
.mailsys-download-dwrap a[download*=".csv"]  {
    background: url('/img/email/icon_1_text_x16.png') left 12px center no-repeat;
}



.wrap-label input[type="checkbox"] {
    display:none;
}
.wrap-label input[type="checkbox"] + label {
	display: inline-block;
	position: relative;
	width: 15px;
	height: 15px;
}
.styletable.primail table .wrap-label input[type="checkbox"] + label {
	width: 20px;
	height: 20px;
}
.wrap-label input[type="checkbox"] + label span {
    display:inline-block;
    width: 20px;
    height: 20px;
    cursor:pointer;
    opacity: 0.16
}
.wrap-label input[type="checkbox"] + label span:before,
.styletable.primail .hovact ul li a:before,
.primail-header a:before,
.pos-message .right a:before,
.nadp-wrap .right a:before,
#mailsys-search button:before,
.conv-cont .e-odpovedat2:before,
.inpu-option > a:before,
.mailsys-download-grpoup-zip:before {
	content: '';
	display: block;
	opacity: 0;
	position: absolute;
	transition-duration: .15s;
	transition-timing-function: cubic-bezier(0.4,0.0,0.2,1);
	z-index: 1;
	bottom: -10px;
	left: -10px;
	right: -10px;
	top: -10px;
	background: none;
	    background-color: rgba(0, 0, 0, 0);
	border-radius: 50%;
	box-sizing: border-box;
	transform: scale(0);
	transition-property: transform,opacity;
	bottom: -10px;
	left: -10px;
	right: -10px;
	top: -10px;
	width: 40px;
	height: 40px;
}
.styletable.primail .hovact ul li a:before {
	margin: auto;
}
.styletable.primail table tbody tr td .wrap-label input[type="checkbox"] + label span:hover {
	opacity: 1;
}
.wrap-label input[type="checkbox"] + label span:hover:before,
.styletable.primail .hovact ul li a:hover:before,
.primail-header a:hover:before,
.pos-message .right a:hover:before,
.nadp-wrap .right a:hover:before,
#mailsys-search button:hover:before,
.conv-cont .e-odpovedat2:hover:before,
.inpu-option > a:hover:before,
.mailsys-download-grpoup-zip:hover:before {
	background-color: rgba(32,33,36,0.059);
	border: none;
	opacity: 1;
	transform: scale(1);
	margin: auto;
}
.wrap-label input[type="checkbox"]:checked + label span:hover:before {
	opacity: 1;
}
.td1 .wrap-label input[type="checkbox"] + label span,
.wrap-label input[type="checkbox"] + label span {
	background-image: url('/img/email/check_box_outline_blank_black_20dp.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
}
.td1 .wrap-label input[type="checkbox"]:checked + label span,
.wrap-label input[type="checkbox"]:checked + label span {
	background-image: url('/img/email/check_box_black_20dp.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
	opacity: .54;
}
.td1 .wrap-label input[type="checkbox"]:checked + label span:hover {
	opacity: 1;
}

.td2 .wrap-label input[type="checkbox"] + label span {
	background-image: url('/img/email/star_border_black_20dp.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
}
.td2 .wrap-label input[type="checkbox"]:checked + label span {
	background-image: url('/img/email/star_googyellow500_20dp.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
	opacity: 0.7;
}

.td3 .wrap-label input[type="checkbox"] + label span {
	background-image: url('/img/email/label_important_outline_black_20dp.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
}
.td3 .wrap-label input[type="checkbox"]:checked + label span {
	background-image: url('/img/email/label_important_googyellow500_20dp.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
	opacity: .7;
}



.crmemaily .search-option {
	position: absolute;
}
.crmemaily #strankovanie li a {
	min-width: 39px;
	min-height: 39px;
	line-height: 24px;
	padding: 8px;
	text-align: center;
	border-radius: 4px;
	color: #6b6b6b;
}
.crmemaily #strankovanie li.active a {
	background: #d9e3eb;
	color: #0e1a3c;
}




.zorad {
	display: inline-block;
	width: 10px;
	height: 15px;
	margin-left: 8px;
	background: url('../img/ou-sort-icon.svg') center center no-repeat;
	background-size: 10px auto;
}
.messwrap {
	max-width: 665px;
}
.messwrap .span4 {
	width: 40%;margin-right: 0;
	padding-right: 34px;
}
.messwrap .span8 {
	width: 60%;
}
.messwrap label {
	display: block !important;
	margin-bottom: 15px;
}
.texta-wrap .mce-panel {
	background-color: #f2f6f9;
	border-color: #e6e6e6;
	border-radius: 8px;
}
.crmemaily .button {
	display: inline-block;
	font-size: 14px;
	background-color: #37c446;
	padding: 15px 23px;
}
.crmemaily .priloha {
	margin-top: 16px;
	margin-bottom: 16px;
}
.crmemaily .priloha .left {
	padding-left: 0;
}
.crmhlav.mail .left {
	width: 100%;
	max-width: 720px;
}
.crmemaily .priloha .button {
	padding: 8px 15px;
	background: #afc4d3;
}
.em-hlav .left label {
	display: block;
}
.erow {
	margin-bottom: 35px;
}
.crmemaily .left {
	padding-left: 50px;
	position: relative;
}
.crmemaily .left i {
	display: inline-block;
	width: 36px;
	height: 36px;
	border-radius: 50px;
	background: #ccc url('https://app.osobnyudaj.sk/images/i-pawn.png') center center no-repeat;
	    background-size: auto;
	background-size: auto 18px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.email-wrap {
	border: 1px solid #dadada;
	border-radius: 4px;
	margin-bottom: 20px;
	overflow: hidden;
}
.email-wrap .title {
	background: #f2f6f9;
	min-height: 20px;
}
.email-wrap .body {
	border-top: 1px solid #dadada;
	border-bottom: 18px solid #f2f6f9;
}
.email-wrap .body .twrap,
.email-wrap .body .bottom {
	border-bottom: 1px solid #dadada;
}
.email-wrap .body .twrap {
	padding: 30px;
}
.email-wrap .body .twrap textarea {
	width: 100%;
	outline: 0 !important;
	border: 0;
	padding: 20px 35px;
}
.email-wrap .body .bottom {
	padding: 20px 35px;
}
.email-wrap .span3,
.email-wrap .span6,
.email-wrap .span2,
.email-wrap .span1 {
	margin: 0;
	float: left;
}

.email-wrap .span3 {
	width: 20%;
}
.email-wrap .span6 {
	width: 60%;
}
.email-wrap .span2 {
	width: calc(20% - 75px);
	text-align: right;
}
.email-wrap .span1 {
	width: 75px;
}
.crmemaily #button-message-cont button {
	font-size: 14px;
	background-color: #37c446;
	color: #fff !important;
	padding: 15px 23px;
	border: 0;
}
.crmemaily .attachments {
	margin: 0;
	border: 0;
	padding: 0;
	background: 0;
}
.em-hlav .table {
	border: 0;
}
.em-hlav .table tr {
	border: 0;
}
.em-hlav .table th,
.em-hlav .table td {
	font-size: 16px;
	border: 0;
}
.em-hlav .table th {
	font-weight: 400;
	background: none;
	padding-left: 0;
	padding-right: 36px;
	position: static;
}
.crmemaily .button.small {
	padding: 6px 12px;
}
#flag_value {
	min-height: 31px;
}
.em-hlav .flag {
	margin-top: 30px;
}
.em-hlav .flag label {
	padding-right: 20px;
}
.crmemaily #conversation {
	border: 0;
}
.content-right.delete-message .button {
	display: inline-block;
	float: right;
	background: #ff0a3e;
}
.crmemaily .texta-wrap .mce-container-body {
	background: #f2f6f9;
}
.crmemaily .mce-btn-group .mce-btn {
	border: 0;
	background: #fff;
}
#message_cont .emdhead {
	position: relative;
}
#message_cont .emdhead .content-right.delete-message .button {
	position: absolute;
	top: 12px;
	right: 0;
	margin-bottom: 0;
}

#conversation .conv-cont.message,
#conversation .pos-message {
	padding: 0;
	/* padding-top: 10px;
	padding-bottom: 10px; */
}
#conversation .conv-cont.message {
	border-bottom: 1px solid #eceff1;
	min-height: 55px;
}
#conversation .conv-cont.message:first-of-type .mailsys-trippledot {
	display: none;
}
#conversation .conv-cont.message:last-of-type {
	border-bottom: 0;
	padding-bottom: 20px;
}
#conversation .conv-cont.message .content,
#conversation .pos-message .pos-content {
	margin-top: 0;
	/* padding-bottom: 30px; */
	padding-bottom: 20px;
	padding-top: 15px;
	padding-left: 65px;
	background: #fff;
}
#conversation .conv-cont.message .content {
	display: none;
}
#conversation .conv-cont.message .content a {
	word-break: break-all;
}
#conversation .conv-cont .date,
#conversation .pos-message .pos-date {
	border-bottom: 0 !important;
	margin-bottom: 0 !important;
	padding: 22px 30px;
	padding-left: 65px;
	padding-right: 0;
	position: relative;
}
#conversation .pos-date strong {
	font-size: 14px;
}
#conversation .pos-date div span {
	font-size: 13px;
	color: #5f6368;
}

.pos-more {
	display: inline-block;
	background-image: url('/img/email/arrow_drop_down_black_20dp.png');
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
border: none;
height: 20px;
margin: 0 0 0 auto;
position: relative;
right: 0;
top: 0;
width: 20px;
opacity: .54;
padding: 0;
vertical-align: baseline;
    margin-bottom: -6px;
}
.pos-more-wrap {
	display: none;
	position: absolute;
	z-index: 2;
    left: calc(100% - 20px);
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    border: 1px solid rgba(0,0,0,0.2);
    padding: 13px 21px 17px 21px;

}
.pos-more-wrap tr td {
	font-size: 13px;
	white-space: nowrap;
}
.pos-more-wrap tr td:first-of-type {
	color: #999;
    padding: 6px 16px 6px 0;
    text-align: right;
    white-space: nowrap;
    vertical-align: top;
    width: 0%;
}
.pos-more-wrap tr td:last-of-type {
	padding: 6px 0 6px 0;
}

.primail-wraph.prim-detail #reply {
	position: relative;
}
#reply .form.nova-sprava {
	position: relative;
}
#reply .form.nova-sprava .ns-hide-wrap.post {
	position: static;
}
#conversation .conv-pspravy {
    display: flex;
    align-items: center;
	width: 100%;
	height: 32px;
	position: relative;
}
#conversation .conv-pspravy:after {
	content: '';
	display: block;
	border-top: 1px solid rgba(100,121,143,0.122);
	border-bottom: 1px solid rgba(100,121,143,0.122);
	height: 4px;
	width: 100%;
}
#conversation .conv-pspravy a {
	display: inline-block;
	width: 32px;
	height: 32px;
	font-size: 12px;
	line-height: 32px;
	text-align: center;
	border-radius: 50%;
	background: #fff;
	box-shadow: inset 0 0 0 1px #dadce0;
	position: absolute;
	top: 0;
	left: 16px;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
}
#conversation .conv-pspravy a:hover {
	background-color: #f2f2f2;
	font-size: 0;
}
#conversation .conv-pspravy a:before {
	display: inline-block;
	height: 20px;
	opacity: .54;
	width: 20px;
	background-image: url('/img/email/expand_all_black_20dp.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
}
#conversation .conv-pspravy a:hover:before {
	content: '';
}
#conversation.ospravy .conv-cont.message {
	display: block !important;
}

#conversation .conv-cont.message.noclick,
#conversation .conv-cont.message.open,
#conversation .conv-cont.message.first {
	display: block !important;
}
#conversation .conv-cont.message.first {
	border-bottom: 0;
}
.nacit {
	position: absolute;
	top: 5px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1000;
	text-align: center;
}
.nacit span {
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	background-color: #f9edbe;
	border: 1px solid #f0c36d;
	border-radius: 0 0 2px 2px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	color: #222;
	padding: 6px 10px;
}
.nacit.show {
	display: block !important;
}


#conversation .conv-cont .date:before,
#conversation .pos-message .pos-date:before,
.primail-wraph.prim-detail #reply:before {
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	background: #ccc url('/img/email/profile_mask2.png') left center no-repeat;
	border-radius: 50%;
	position: absolute;
	/* top: 18px;
	left: 0; */
	top: 6px;
	left: 6px;
}
.msg-block #conversation .conv-cont .date:before,
.msg-block #conversation .pos-message .pos-date:before {
	top: 25px;
	left: 16px;
}
.primail-wraph.prim-detail #reply:before {
	top: 18px;
	left: 16px;
	background: #ccc url('/img/email/no_photo.png') left center no-repeat;
}
#conversation .content {
	font-size: 13px;
}
#conversation .content span {
	font-size: inherit !important;
}
#conversation .con-from {
	font-size: 14px;
	font-weight: 700;
	min-width: 350px;
}
#conversation .conv-cont.message .con-date {
	font-size: 12px;
	line-height: 20px;
	color: #222;
	margin-right: 10px;
	white-space: nowrap;
}
#conversation .conv-cont.message .atach .con-date:before {
	content: '';
	display: inline-block;
	background-image: url('/img/email/attachment_black_20dp.png');
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 20px;
	height: 15px;
	width: 30px;
	opacity: .54;
}
#conversation .conv-cont.message .date.open .con-short {
	display: none;
}
#conversation .conv-cont.message .full-time-counter {
	white-space: nowrap;
}

#conversation .pos-message .left {
	float: left;
	max-width: calc(100% - 100px);
}
#conversation .pos-message .right {
	float: right;
	padding-top: 12px;
}
#conversation .pos-message .right > span {
	display: inline-block;
	margin-right: 10px;
	font-size: 12px;
	color: #5f6368;
}
#conversation .mailsys-trippledot {
	display: inline-block;
	width: 24px;
	line-height: 6px;
	border-radius: 5.5px;
	background-color: #e8eaed;
	background-image: url('/img/email/more_horiz_black_20dp.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
	height: 11px;
	width: 24px;
	opacity: .54;
}
#conversation .mailsys-trippledot {
	display: inline-block;
	margin-top: 15px;
	margin-bottom: 20px;
}
.pos-content.full-content > div[dir="ltr"],
.pos-content.full-content > div[dir="ltr"] + br{
	display: none;
}
.mailsys-full-content.full-content {
	padding-left: 8px;
	border-left: 1px solid #ccc;
	color: #500050;
}
.gmail_quote .gmail_quote {
	padding-left: 8px;
	border-left: 1px solid #ccc;
}
/* .gmail_quote .gmail_attr {
	padding-bottom: 20px;
}
.gmail_quote a {
	color: #15c;
}
.gmail_quote .gmail_attr + div {
	color: #500050;
} */
.pos-content.full-content,
.pos-content.full-content * {
	color: #500050;
}
.pos-content.full-content a,
.mailsys-full-content.full-content a {
	color: #15c;
}
#conversation .pos-content.full-content {
	padding-left: 8px;
	border-left: 1px solid #ccc;
	color: #500050;
	margin-left: 50px;
}

.con-short,
.con-for,
.con-for > span > span {
	display: block;
	width: 100%;
	overflow: hidden;
	clear: both;
	max-width: 80%;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 13px;
	color: #555;
}
.con-for > span > span {
	width: auto;
	float: left;
}
.con-for {
	display: none;
	overflow: visible;
}
.con-for > span {
	position: relative;
}
.date.open .con-for {
	display: block;
	color: #5f6368;
}
#reply .nova-sprava {
	padding-top: 15px;
	box-shadow: 0 1px 2px 0 rgba(60,64,67,0.302), 0 2px 6px 2px rgba(60,64,67,0.149);
	border-radius: 8px;
	margin-left: 65px;
}
#reply .nova-sprava * {
	border: 0 !important;
}
.ns-footer .left {
	float: left;
}

#reply form.nova-sprava > label span {
	display: inline-block;
	width: auto;
	padding-left: 50px;
	background-image: url('/img/email/forward_black_20dp.png');
	background-position: left 20px center;
	background-repeat: no-repeat;
	background-size: 20px;
	filter: invert(50%);
}
#reply form.nova-sprava > label input,
#reply form.nova-sprava > label input:focus {
	outline: none !important;
	margin-top: 3px;
}
#reply form.nova-sprava > label input {
	width: 100%;
	max-width: 300px;
}




#bodyTable,
#bodyTable * {
	background: #fff;
}
#conversation .conv-cont .zobraz {
	display: inline-block;
	padding-left: 20px;
}
#conversation .conv-cont .zobraz:hover {
	text-decoration: underline;
}

#menu-emaily-li-wrap {

}

#menu-wrap-maily {
	border-bottom: 1px solid #bfbfbf;
	background: #d9e3eb;
}
#menu #menu-emaily-li-wrap > a.active {
	background: #afc4d3;
	font-weight: 600;
}
#menu-wrap-maily,
#menu-wrap-maily ul {
	margin-left: 0;
}
#menu-wrap-maily ul {
	padding-left: 10px;
}

#menu-wrap-maily ul {
	display: none;
}
#menu-wrap-maily li {
	position: relative;
}
#menu-emaily-li-wrap .submenu-show {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url('/img/email/arrow_right_white_20dp.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
	position: absolute;
	filter: invert(100%);
	top: 12px;
	left: 6px;
	cursor: pointer;
	transition: all 0.3s ease;
}
#menu-emaily-li-wrap .submenu-show.show {
	transform: rotate(90deg);
}
#menu-emaily-li-wrap > a.active + .pisat-mail {
	display: block;
}
#menu-emaily-li-wrap .pisat-mail {
	display: none;
	font-weight: 700;
	color: #fff;
	background: #0e1a3c url('../img/add_icon.svg') left 19px center no-repeat;
	background-size: 23px;
	padding-left: 57px;
	border: 0;
	transition: all 0.3s ease;
}
#menu-emaily-li-wrap .pisat-mail:hover {
	color: #fff;
	background: #0e1a3c url('../img/add_icon.svg') left 19px center no-repeat;
	background-size: 23px;
	opacity: 0.8;
}
#menu-wrap-maily:empty {
	display: none;
}

#menu-emaily-li-wrap h4 {
	font-size: 14px;
	overflow-wrap: break-word;
	padding-left: 12px;
	padding-right: 5px;
	cursor: pointer;
}
#menu-emaily-li-wrap h4.ehide + ul {
	display: none;
}
.mailsis-dirs,
.mailsis-dirs ul {
	margin-left: 0;
}
#menu .mailsis-dirs > ul > li > ul > li > a {
	padding-left: 70px;
}
#menu .mailsis-dirs > ul > li > ul > li > a + .submenu-show {
	left: 16px;
}
#menu .mailsis-dirs > ul > li > ul > li > ul > li > a {
	padding-left: 82px;
}
#menu .mailsis-dirs > ul > li > ul > li > ul > li > a + .submenu-show {
	left: 28px;
}
#menu .mailsis-dirs > ul > li > ul > li > ul > li > ul > li a {
	padding-left: 94px;
}
#menu .mailsis-dirs > ul > li > ul > li > ul > li > ul > li a + .submenu-show {
	left: 40px;
}

#menu .mailsis-dirs li a {
	border-bottom: 0;
	position: relative;
	padding-left: 58px;
	padding-right: 10px;
	background: #fff;
	padding-top: 9px;
	padding-bottom: 9px;
	border-radius: 0 50px 50px 0;
	font-size: 14px;
	letter-spacing: .2px;
}
#menu #menu-wrap-maily ul li a {
	padding-top: 10px;
	padding-bottom: 10px;
}
#menu #menu-emaily-li-wrap .submenu {
	position: relative;
}
#menu #menu-emaily-li-wrap .submenu-show.ehidem + ul {
	display: none;
}
#menu #menu-emaily-li-wrap ul li .submenu-show {
	top: 7px;
}
#menu .mailsis-dirs li a:before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url('/img/email/label_white_20dp.png') center center no-repeat;
	filter: invert(50%);
	background-size: 20px auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 25px;
	margin: auto;
}
#menu .mailsis-dirs li a[data-name="Doručená pošta"]:before {
	background: url('/img/email/inbox_black_20dp.png') center center no-repeat;
	filter: invert(50%);
	background-size: 20px auto;
}
#menu .mailsis-dirs li a.active[data-name="Doručená pošta"] {
	color: #d93025;
	background-color: #fce8e6;
}
#menu .mailsis-dirs li a.active[data-name="Doručená pošta"] .mailsys-unread {
	color: #d93025;
	font-weight: 600;
}
#menu .mailsis-dirs li a.active[data-name="Doručená pošta"]:before {
	background: url('/img/email/inbox_gm_googlered600_20dp.png') center center no-repeat;
	filter: invert(0);
	background-size: 20px auto;
}
#menu .mailsis-dirs li a[data-name="Nevyžiadaná pošta"]:before {
	background: url('/img/email/report_black_20dp.png') center center no-repeat;
	filter: invert(50%);
	background-size: 20px auto;
}
#menu .mailsis-dirs li a[data-name="Odoslaná pošta"]:before {
	background: url('/img/email/send_black_20dp.png') center center no-repeat;
	filter: invert(50%);
	background-size: 20px auto;
}
#menu .mailsis-dirs li a[data-name="Odstránené položky"]:before {
	background: url('/img/email/delete_black_20dp.png') center center no-repeat;
	filter: invert(50%);
	background-size: 20px auto;
}
#menu .mailsis-dirs > ul > li > ul > li > a:before {
	left: 37px;

}
#menu .mailsis-dirs > ul > li > ul > li > ul > li > a:before {
	left: 49px;

}
#menu .mailsis-dirs > ul > li > ul > li > ul > li > ul > li a:before {
	left: 61px;

}
#menu .mailsis-dirs li a.active {
	background-color: #f1f3f4;
}
#menu .mailsis-dirs li a:hover {
	background-color: #f1f3f4;
}

#menu .mailsis-dirs li .mailsys-unread-folder {
	padding-right: 35px;
	position: relative;
	font-weight: 600;
}
#menu .mailsis-dirs li .mailsys-unread-folder .mailsys-unread {
	position: absolute;
	top: 9px;
	right: 10px;
	color: #5f6368;
}
#menu .mailsis-dirs li .mailsys-unread-folder.active .mailsys-unread {
	font-weight: 600;
}
#menu li a.pisat-mail {
	margin: 10px;
	font-size: 14px;
	letter-spacing: .25px;
	font-weight: 500;
	color: #3c4043;
	padding-left: 45px;
	margin-right: 30px;
	box-shadow: 0 1px 2px 0 rgba(60,64,67,0.302),0 1px 3px 1px rgba(60,64,67,0.149);
	border-radius: 50px;
	background: url('/img/email/i-add.png') left 15px center no-repeat;
	background-size: 20px auto;
	transition: box-shadow .08s linear,min-width .15s cubic-bezier(0.4,0.0,0.2,1);
	white-space: nowrap;
}
#menu li a.pisat-mail:hover {
	box-shadow: 0 1px 3px 0 rgba(60,64,67,0.302),0 4px 8px 3px rgba(60,64,67,0.149);
	background: #fafafb url('/img/email/i-add.png') left 15px center no-repeat;
	background-size: 20px auto;
}
#mailsys-search {
	width: calc(100% - 450px);
	position: relative;
	margin-left: 4px;
}
#mailsys-search form {
	width: 100%;
    max-width: 720px;
    position: relative;
}
#mailsys-search .noconfirm input {
	width: 100%;
	font-size: 16px;
	max-width: 720px;
	position: relative;
	background: #f1f3f4;
	border: 1px solid transparent;
	border-radius: 8px;
	padding: 12px 20px;
	padding-left: 56px;
	height: 46px;
	box-sizing: border-box;
}
#mailsys-search input:focus {
	outline: none;
	background: rgba(255,255,255,1);
	box-shadow: 0 1px 1px 0 rgba(65,69,73,0.3),0 1px 3px 1px rgba(65,69,73,0.15);
}
#mailsys-search .noconfirm button,
.primail-header .search-opt-btn {
	display: inline-block;
	width: 46px;
	height: 46px;
	font-size: 0;
	border: 0;
	background: url('/img/email/i-search.png') center center no-repeat;
	background-size: 16px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 5px;
	margin: auto;
	cursor: pointer;
	z-index: 1;
}
.primail-header .search-opt-btn {
	display: none;
	left: auto;
	width: 22px;
	right: 5px;
	background: url('/img/email/arrow_drop_down_black_20dp.png') center center no-repeat;
}

.search-opt {
	position: absolute;
	top: 45px;
	left: 0;
	background: #fff;
	z-index: 10;
	width: 100%;
	max-width: 720px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	border: 1px solid rgba(0,0,0,0.2);
	padding: 24px;
}
.sec1 {
	width: 140px;
	float: left;
	font-size: 14px;
	letter-spacing: 0.2px;
	line-height: 20px;
	white-space: nowrap;
	color: #5f6368;
	padding-right: 15px;
}
.sec2 {
	width: calc(50% - 70px);
	float: left;
	position: relative;
	padding-right: 20px;
}
.sec3 {
	width: calc(50% - 70px);
	float: left;
}
.select {
	border-bottom: 1px solid #ccc;
	background: #fff url('/img/email/arrow_drop_down_black_20dp.png') right 5px center no-repeat;
	cursor: pointer;
}
.select span {
	color: #202124;
	font-size: 14px;
	letter-spacing: 0.2px;
	line-height: 18px;
}
.sel-option {
	position: absolute;
	top: 95%;
	left: 0;
	background: #fff;
	z-index: 10;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 4px;
	padding: 6px 0;
}
.sel-option span{
	display: block;
	font-size: 14px;
	padding-bottom: 6px;
	padding-top: 6px;
	color: #202124;
	padding-left: 48px;
	padding-right: 48px;
	cursor: pointer;
}
.sel-option span:hover {
	background: #ececec;
}
.search-opt input {
	width: 100%;
	border: 0;
	border-bottom: 1px solid #ccc;
}
.search-opt button.button.blue {
	align-items: center;
	display: inline-flex;
	justify-content: center;
	outline: none;
	float: right;
	background: #1a73e8;
	padding: 0 16px;
	height: 36px;
	margin-top: 15px;
}
.search-opt button.button.blue:before {
	display: none !important;
}
.search-opt button.button.blue:hover {
	box-shadow: 0 1px 2px 0 rgba(26,115,232,0.451),0 1px 3px 1px rgba(26,115,232,0.302);
	background-color: #297be6;
	border: none;
}



.select-wrap .option,
.auto-wrap .option {
    display: none;
    position: absolute;
    padding-left: 50px;
    top: calc(100% - 14px);
    left: 20px;
    right: 20px;
    border: 1px solid #ccc;
    background: #fff;
    z-index: 10;
}

.auto-wrap .option {
    padding-left: 0;
    top: calc(100% - 1px);
    left: 0;
    right: 0;
    border-color: #d8dbe6;
    list-style: none;
    margin-left: 0;
}

.auto-wrap .option li a {
    display: inline-block;
    width: 100%;
    padding: 5px 22px;
    text-decoration: none;
    box-sizing: border-box;
}

.auto-wrap .option li a:hover,
.auto-wrap .option li.selected a {
    background: #f3f9ff;
}

.select-wrap .option label,
.auto-wrap .option label {
    cursor: pointer;
}

.auto-wrap {
    position: relative;
}

.auto-wrap {
    display: inline-block;
    width: 100%;
    max-width: 100%;
}
.auto-wrap .auto-search {
    display: inline-block;
    width: 30px;
    height: 100%;
    background: #d10342 url(../img/i-search2.png) center center no-repeat;
    background-size: 13px auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.nova-sprava #mailsys-autocomplete-list {
	box-shadow: 0 1px 2px 0 rgba(60,64,67,0.302),0 2px 6px 2px rgba(60,64,67,0.149);
	border: none;
	border-radius: 4px;
	padding: 8px 0;
	min-width: 320px;
	left: 20px;
	right: 20px;
}
.nova-sprava #mailsys-autocomplete-list li a {
	font-size: 14px;
	padding: 9px 20px;
	padding-left: 60px;
	position: relative;
}
.nova-sprava #mailsys-autocomplete-list li a:before {
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	background: #ccc url('/img/email/profile_mask2.png') left center no-repeat;
	border-radius: 50%;
	position: absolute;
	left: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.nova-sprava #mailsys-autocomplete-list li a span {
	display: block;
	font-size: 12px;
	color: #5f6368;
}
.nova-sprava #mailsys-autocomplete-list li a:hover {
	background-color: #e8eaed;
}
.ns-body .ns-row {
	position: relative;
}
.mailsys-drop-uploader.active {
	display: flex !important;
	background: #fff;
	position: absolute;
	top: 8px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 2;
	border: 4px dashed #ccc;
	align-items: center;
	text-align: center;
}
.mailsys-drop-uploader p {
	color: #cfcfcf;
	max-width: 300px;
	font-size: 20px;
	margin: 0 auto;
}

.tox-tinymce.tox {
	border: 0;
}

/* .auto-wrap ul {
  list-style: none;
  counter-reset: my-awesome-counter;
}
.auto-wrap ul li {
  counter-increment: my-awesome-counter;
}
.auto-wrap ul li a::before {
    content: counter(my-awesome-counter) ". ";
    font-weight: 600;
} */
.auto-wrap .option {
    border-color: #e6e6e6;
}

.auto-wrap .option:empty {
    display: none !important;
}
.auto-wrap input {
    width: 100%;
}



.ns-hide-wrap {
	position: relative;
}
.ns-hide-wrap:before {
	content: '';
	display: none;
	min-height:50px;
	background: #fff url(../img/bx_loader.gif) center center no-repeat;
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:2000
}
.ns-hide-wrap:after {
	content: 'Prebieha odosielanie e-mailu';
	display: none;
	position:absolute;
	text-align: center;
	height:100%;
	width:100%;
	top:100px;
	left:0;
	z-index:2000
}
.ns-hide-wrap.post:before,
.ns-hide-wrap.post:after {
	display: inline-block;
}


.multipleInput-container,
.multipleInput-container-reply {
     cursor:text;
     font-size:13px;
     width:100%;
     overflow: hidden;
     min-height: 23px;
}
.multipleInput-container ul,
.multipleInput-container-reply ul {
	margin-left: 0;
	float: left;
}

.multipleInput-container input#mailsys-autocomplete,
.multipleInput-container-reply input#mailsys-autocomplete-reply {
     font-size:13px;
     border:0;
     margin-bottom:1px;
     margin-top: 2px;
     width: auto;
     min-width: 220px;
}
.multipleInput-container-reply input#mailsys-autocomplete-reply {
	outline: none !important;
	padding: 0;
}
.multipleInput-container-reply input#mailsys-autocomplete-reply:focus {
	outline: none;
}
.multipleInput-container-reply {
	padding: 10px 30px 0;
}
.multipleInput-container ul,
.multipleInput-container-reply ul {
     list-style-type:none;
}

.multipleInput-container li.multipleInput-email,
.multipleInput-container-reply li.multipleInput-email-reply {
     float:left;
     margin-right:8px;
     margin-bottom:3px;
     border:1px #BBD8FB solid;
     padding:1px;
     padding-left: 10px;
     background:#F3F7FD;
     border-radius: 50px;
}
.multipleInput-container li.multipleInput-email span,
.multipleInput-container-reply li.multipleInput-email-reply span {
	font-size: 12px;
}
.multipleInput-container-reply li.multipleInput-email-reply span {
	top: 0;
	width: auto;
}
.multipleInput-container li.multipleInput-email span span,
.multipleInput-container-reply li.multipleInput-email-reply span span {
	display: none;
}
.mailsys-upload-content {
	padding: 0 16px;
	margin-top: 10px;
	position: relative;
	max-height: 140px;
	overflow: auto;
    margin-right: 15px;
}
#reply .mailsys-upload-content {
	max-width: 420px;
}
.mailsys-upload-content.uploading {
	min-height: 30px;
}
.mailsys-upload-content.uploading:after {
	content: '';
	display: inline-block;
	background: #fff url(../img/bx_loader.gif) center center no-repeat;
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index:2000
}
.mailsys-upload-content ul {
	margin-left: 0;
	list-style: none;
}
.mailsys-upload-content ul li {
	margin: 0 0 9px;
	overflow-y: hidden;
	padding: 6px 4px 6px 10px;
	background-color: #f5f5f5;
}
.mailsys-upload-content ul li span {
	display: inline-block;
	font-size: 14px;
	color: #15c;
	padding: 0 8px 0 0;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: calc(100% - 30px);
	box-sizing: border-box;
	top: 0;
	text-align: left;
}

.multipleInput-close,
.multipleInput-close-reply {
     width:16px;
     height:16px;
     background: url('/img/i-close.png') center center no-repeat;
     background-size: 9px auto;
     display:block;
     float:right;
     margin:0 3px;
}
#reply .nova-sprava .multipleInput-container-reply li.multipleInput-email-reply {
	background-color: #fff;
	color: #5f6368;
	border: 1px solid #dadce0 !important;
	height: 20px;
	line-height: 20px;
}
#reply .nova-sprava .multipleInput-container-reply li.multipleInput-email-reply span {
	font-weight: 500;
}
#reply .nova-sprava .multipleInput-container-reply li.multipleInput-email-reply .multipleInput-close-reply {
	width: 20px;
	height: 20px;
}
.multipleInput-container-reply input#mailsys-autocomplete-reply {
	margin-top: 5px;
}
/* .multipleInput-container-reply #mailsys-autocomplete-list-reply:before {
	content: 'Komu';
	float: left;
	color: #777;
	font-size: 14px;
	line-height: 20px;
	display: inline-block;
	padding-right: 5px;
	margin-top: 2px;
} */
.pos-message .pos-content {
	font: small/1.5 Arial,Helvetica,sans-serif;
}


.back-to-crm {
	position: absolute;
	top: 0;
	left: 0;
}
#menu li.back-to-crm a {
	width: 50px;
	height: 58px;
	box-sizing: border-box;
	font-size: 0 !important;
	background: url('/img/email/i-prev.png') center center no-repeat;
	background-size: 35px auto;
	border: 0 !important;
	position: relative;
	top: 5px;
	left: 0;
	transition: all 0.3s ease;
}
#menu li.back-to-crm a:hover {
	background: url('/img/email/i-prev.png') center center no-repeat;
	background-size: 35px auto;
	left: -2px;
}
#sidebar.mailsys-sidebar-wrap {
	width: 256px;
	background: #fff;
	box-shadow: none;
	overflow: hidden;
}
#sidebar.mailsys-sidebar-wrap .logo {
	border: 0 !important;
	box-sizing: border-box;
	float: right;
	width: calc(100% - 50px);
	margin-bottom: 0 !important;
	height: 66px;
	padding-right: 40px;
    padding-top: 26px;
}
#sidebar.mailsys-sidebar-wrap #menu {
	border-top: 0;
}
#sidebar.mailsys-sidebar-wrap + #screen {
	padding-left: 255px;
}
#sidebar.mailsys-sidebar-wrap #hodiny .hod-wrap,
#sidebar.mailsys-sidebar-wrap #prihlaseny,
#sidebar.mailsys-sidebar-wrap #logged-users,
#sidebar.mailsys-sidebar-wrap .sys-logout {
	display: none !important;
}

#sidebar.mailsys-sidebar-wrap #menu {
	height: calc(100% - 179px);
	border-top: 1px solid #eceff1;
}
#sidebar.mailsys-sidebar-wrap #menu-emaily-li-wrap > a {
	display: none !important;
}
#menu-emaily-li-wrap {
	height: 100%;
	overflow: hidden;
}
#menu-emaily-li-wrap > * {
	max-width: 235px;
}
#menu-emaily-li-wrap:hover,
#menu-emaily-li-wrap.mailsys-pcandrop {
	overflow: auto;
}
.pagination {
	float: right;
	font-size: 12px;
}
#mailsys-pagination-arrows {
	float: right;
	margin-left: 15px;
}
#mailsys-pagination-arrows a {
	text-decoration: none;
	text-align: center;
	vertical-align: top;
	font-size: 18px;
	line-height: 18px;
}
#sidebar.mailsys-sidebar-wrap + #screen {
	margin-bottom: 0;
	padding-bottom: 0;
	padding-right: 0;
	max-width: 100%;
	padding-top: 11px;
}
#sidebar.mailsys-sidebar-wrap + #screen .alert{
	margin-right: 20px;
}
#sidebar.mailsys-sidebar-wrap + #screen .msg-block {
	padding-right: 20px;
}
.crmemaily .styletable.primail {
	margin-bottom: 0;
}
.primail-wraph {
	overflow: auto;
}
.primail-wraph.prim-detail {
	border-top: 1px solid #eceff1;
	box-sizing: border-box;
}
.primail-wraph.prim-detail .nadp-wrap .left {
	float: left;
}
.primail-wraph.prim-detail .nadp-wrap .right {
	margin-top: 30px;
	margin-right: 20px;
}
.primail-wraph.prim-detail .nadp-wrap .tlac {
	display: inline-block;
	background-image: url('/img/email/print_black_20dp.png');
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
opacity: 0.52;
}
.primail-wraph.prim-detail .nadp-wrap .rozbal {
	display: none;
	background-image: url('/img/email/expand_all_black_20dp.png');
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
opacity: 0.52;
}
.primail-wraph.prim-detail .nadp-wrap .rozbal.show {
	display: inline-block;
}
.primail-wraph.prim-detail .nadp-wrap .rozbal.neroz {
	background-image: url('/img/email/collapse_all_black_20dp.png');
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
opacity: 0.52;
}
.primail-wraph.prim-detail .nadp-wrap .tlac:hover {
	opacity: 1;
}
.primail-wraph.prim-detail .nadp-wrap .left {
	width: 100%;
	max-width: calc(100% - 120px);
}
.primail-wraph.prim-detail .nadp-wrap h1 {
	margin-right: 10px;
	max-width: calc(100% - 90px);
}
.primail-wraph.prim-detail .nadp-wrap h1,
.primail-wraph.prim-detail .nadp-wrap .em-option {
	display: inline-block;
}
.primail-wraph.prim-detail .nadp-wrap .em-option {
	position: relative;
	vertical-align: top;
	margin-top: 30px;
}
.primail-wraph.prim-detail .nadp-wrap .em-option label {
	width: auto;
	height: auto;
	white-space: nowrap;
}
.primail-wraph.prim-detail .nadp-wrap .em-option li {
	padding: 5px 12px;
	padding-right: 20px;
}
.primail-wraph.prim-detail .nadp-wrap .em-option li:hover {
	background: #f3f5f6;
}
.primail-wraph.prim-detail .wrap-label input[type="checkbox"] + label span {
	vertical-align: sub;
	margin-right: 5px;
}
.primail-wraph.prim-detail .nadp-wrap .em-option .priecinok {
	display: inline-block;
	width: 20px;
	height: 20px;
	cursor: pointer;
	opacity: 0.16;
	background-image: url('/img/email/label_important_outline_black_20dp.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
	vertical-align: sub;
}
.primail-wraph.prim-detail .nadp-wrap .em-option.active .priecinok {
	background-image: url('/img/email/label_important_googyellow500_20dp.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    opacity: .7;
}
.primail-wraph.prim-detail #reply {
	margin-bottom: 30px;
}
.primail-wraph.prim-detail h1 {
	font-size: 22px;
	padding-left: 65px;
	padding-top: 15px;
}
.alert-msg {
    position: fixed;
    bottom: 0;
    right: -500px;
    padding: 10px 30px;
    background-color: #a0d030;
    color: #fff;
    z-index: 9999;
    max-width: 420px;
}
.alert-msg.error {
  background-color: #d05050;
}
.prim-footer {
	background: #fff;
}
.prim-footer p {
	margin: 0;
	padding: 20px;
	text-align: center;
	font-size: 13px;
	color: #666;
}

#tableId {
	border-collapse: collapse;
	margin-bottom: 20px;
}
#tableId td,
#tableId th {
	border: 1px solid #000;
	min-width: 100px;
}
#tableId th textarea {
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
}
#tableId textarea {
	border: 0 !important;
	width: 100%;
	min-width: 100%;
	height: 10px;
	min-height:10px;
	text-align: center;
	padding: 5px 10px;
	resize:none;
}
#tableId textarea:focus {
	outline: none !important;
	border: 0 !important;
}
#tableId tr th:nth-child(1) {
	width: 1%;
}
#tableId tr td:nth-child(2) textarea {
	text-align: left;
}
.button.vrt {
	vertical-align: top;
	transition: background-color 300ms ease-out;
}

#mailsys-move-to{
    position: relative;
}
#mailsys-move-to ul{
    position: absolute;
    left: 0;
    width: 200px;
    height: 200px;
    background-color: white;
    z-index: 10000;
    overflow: auto;
    padding: 10px;
}

#mailsys-move-to ul li a{
    font-size: 13px;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
}
#mailsys-move-to ul li a:hover{
    text-decoration: underline
}
#mailsys-move-to ul li:hover a:before{
    display: none;
}

.crmemaily *,
#sidebar.mailsys-sidebar-wrap *,
#sidebar.mailsys-sidebar-wrap + #screen * {
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.2px;
}
.crmemaily .styletable.primail-wraph td * {
	font-size: 14px;
	letter-spacing: 0.2px;
}


.mailsys-left-border {
    border-left: 3px solid red;
}

.mailsys-dragging{
    background-color: #aaf7f7 !important;
}
.mailsys-candrop{
    background-color: #ffc !important;
}

#hodiny {
	padding-right: 8px !important;
}
.hod-wrap {
	width: calc(100% - 20px);
}

.notification-wrap {
	padding-top: 12px;
	padding-right: 20px;
}
.notification-wrap > a {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url('/img/i-notification.svg') center center no-repeat;
	background-size: 30px;
}
.notification-wrap > a.show + .not-wrap {
	display: block;
}
.notification-wrap .not-wrap {
	position: fixed;
	z-index: 10000;
	display: none;
	z-index: 100;
	left: 185px;
	top: 60px;
	box-shadow: 0 0 4px rgba(0,0,0,0.15), 0 5px 10px rgba(0,0,0,0.05);
	background: #fff;
	padding: 15px 25px;
	max-height: 300px;
	overflow: auto;
}
.notification-wrap .not-wrap ul {
	margin-left: 0;
}
.notification-wrap .not-wrap li {
	list-style: none;
	padding-right: 10px;
	position: relative;
	transition: all 0.3s ease;
	background: #fff;
	text-align: left;
}
.notification-wrap .not-wrap li a {
	display: inline-block;
	font-size: 14px;
	padding: 8px 10px;
	padding-left: 35px;
	padding-right: 18px;
	padding-right: 0;
	background: url('/img/i-not-mail.svg') left 8px center no-repeat;
	background-size: 14px auto;
	white-space: nowrap;
}
.notification-wrap .not-wrap li:hover {
	background-color: rgba(69,185,234,0.1);
}
.notification-wrap .not-wrap li .close {
	display: inline-block;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 0;
	right: 8px;
	bottom: 0;
	margin: auto;
	background: url('/img/i-close.png') center center no-repeat;
	cursor: pointer;
	display: none;
}
.notification-wrap .not-wrap li .receiver {
	display: inline-block;
	padding: 0 15px;
	font-size: 13px;
	color: #999;
}
.notification-wrap .not-wrap li .mailsys-notify-date {
	font-size: 13px;
	color: #999;
}
.mailsys-notify-content {
	display: inline-block;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 200px;
    vertical-align: bottom;
}
#sidebar.mailsys-sidebar-wrap #hodiny {
	position: absolute;
	right: 200%;
	min-height: 0;
}
#sidebar.mailsys-sidebar-wrap .notification-wrap {
	position: fixed;
	top: 18px;
	right: 30px;
}
#sidebar.mailsys-sidebar-wrap .notification-wrap .not-wrap {
	position: absolute;
	left: auto;
	right: 0;
	top: 100%;
}
#sidebar.owp {
	overflow: -webkit-paged-y;
}

.mailsys-koncept-higlight{
    color: #dd4b39;
    margin-left: 5px;
}

.mailsys-koncept-sys{
    cursor: pointer;
}
.fc-time-grid .fc-event {
	background-color: rgb(3, 155, 229) !important;
	border-color: rgb(3, 155, 229) !important;
	color: #fff !important;
	border-radius: 4px;
}
.fc-head-container th span {
	display: inline-block;
	padding: 20px 10px;
	font-size: 18px;
}
#allowedCalendars {
	border-color: #dcdee2;
	border-radius: 4px;
}
.hover_bkgr_fricc {
	width: 250px;
}

.karta-wrap #firm-menu{
	margin-bottom: 20px;
}
#menu-v-karte-zamestnanca {
	list-style: none;
	margin-left: 0;
	max-width: 300px;
}
#menu-v-karte-zamestnanca li {
	margin-bottom: 3px;
}
#menu-v-karte-zamestnanca li a {
	display: inline-block;
	width: 100%;
	text-decoration: none;
	padding: 5px 20px;
	border: 1px solid #ccc;
	border-left: 5px solid #000;
	transition: all 0.3s ease;
}
#menu-v-karte-zamestnanca li a:hover {
	background: #000;
	color: #fff;
}

#screen_dot form.itd {
	counter-reset: item;
	max-width: 1100px;
}
#screen_dot form.itd .blotazky {
	counter-increment: item;
	margin-left: 40px;
	position: relative;
}
#screen_dot form.itd .blotazky:before {
	content: counter(item) ".";
	position: absolute;
	top: 9px;
    left: -35px;
	display: inline-block;
	width: 26px;
	text-align: right;
}
#screen_dot form.itd .button {
	margin-top: 50px;
}
#screen_dot form.itd .odpwrap label input[type="radio"] + span {
	min-height: auto;
	font-size: 14px;
}


#dot_wrap #sidebar_dot #menu li a {
	padding-right: 40px !important;
}
#dot_wrap #sidebar_dot #menu li {
	position: relative;
}
#menu .ulozeny-koncept {
	font-size: 0;
	position: absolute;
	top: 0;
	right: 5px;
	bottom: 0;
	margin: auto;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(/images/icons/save.svg) center center no-repeat;
	background-size: 18px auto;
}


#textarea-data-wrap {
	position: relative;
}

#textarea-data-wrap textarea {
	width: 100%;
	min-width: 100%;
}

#textarea-data-wrap:before {
	content: 'Počet znakov: ' attr(data-count);
	position: absolute;
	font-size: 12px;
	top: calc(100% - 4px);
	left: 0;
	width: 100%;
	padding: 3px 5px;
	background: #555;
	color: #fff;
	box-sizing: border-box;
}
#textarea-data-wrap:after {
	content: 'Počet SMS: ' attr(data-amount);
	position: absolute;
	font-size: 12px;
	top: calc(100% - 4px);
	right: 0;
	padding: 3px 5px;
	width: 100%;
	color: #fff;
	text-align: right;
}


@media only screen and (max-width:480px) {
	#sidebar.mailsys-sidebar-wrap + #screen {
		padding-left: 0;
	}
	#sidebar.mailsys-sidebar-wrap + #screen .alert{
		margin-right: 0;
	}
	#sidebar.mailsys-sidebar-wrap + #screen .msg-block {
		padding-right: 0;
	}
	.styletable.primail table tbody tr {
		flex-wrap: wrap;
		background: #fff !important;
		height: 72px;
	}
	.styletable.primail table tbody tr td {
		position: absolute !important;
		margin: auto;
	}
	.styletable.primail table tbody tr td.td1 {
		top: 0;
		left: 0;
		bottom: 0;
	}
	.styletable.primail table tbody tr td.td3 {
		top: 17px;
		left: 60px;
	}
	.styletable.primail table tbody tr td.td4 {
		top: 15px;
		left: 85px;
		max-width: calc(100% - 165px);
	}
	.styletable.primail table tbody tr td.td5 {
		top: 35px;
		left: 60px;
		max-width: calc(100% - 70px);
		padding-right: 40px;
	}
	.styletable.primail table tbody tr td.td6 {
		display: block !important;
		top: 15px;
		right: 0;
		padding-right: 10px;
	}
	.styletable.primail table tbody tr td.td7 {
		display: none !important;
	}

	.styletable.primail table tbody tr td.td5 .em-prilo {
		position: absolute;
		top: 0;
		right: 0;
		display: inline-block;
		width: 20px;
		height: 20px;
		background-image: url(/img/email/attachment_black_20dp.png);
		background-position: left top;
		background-repeat: no-repeat;
		background-size: 20px;
		margin: 0;
	}
	.styletable.primail table tbody tr td.td5 .em-prilo * {
		display: none;
	}
	.primail-header .pagination {
		display: none;
	}
	.primail-header .input-wrap,
	.primail-header .oth-ref {
		display: none !important;
	}
	.td1 .wrap-label input[type="checkbox"] + label span {
		background: none !important;
		opacity: 1 !important;
	}
	.styletable.primail table tbody tr td.td1 .wrap-label input[type="checkbox"] + label span i {
		display: inline-block !important;
		width: 30px;
		height: 30px;
		line-height: 30px;
		border-radius: 50%;
		background: #f74a30;
		font-size: 0;
		text-align: center;
		vertical-align: top;
	}
	.styletable.primail table tbody tr td.td1 .wrap-label input[type="checkbox"]:checked + label span:hover::before,
	.styletable.primail table tbody tr td.td1 .wrap-label input[type="checkbox"] + label span:hover::before {
		opacity: 0 !important;
	}
	.styletable.primail table tbody tr td.td1 .wrap-label input[type="checkbox"]:checked + label span i {
		background: #3f51b5 url('/img/email/i-succ.png') center center no-repeat !important;
		background-size: 16px auto !important;
	}
	.styletable.primail table tbody tr td.td1 .wrap-label input[type="checkbox"]:checked + label span i:first-letter {
		font-size: 0;
	}
	.styletable.primail table tbody tr:nth-child(5n) td.td1 .wrap-label input[type="checkbox"] + label span i {
		background: #00bcd4;
	}
	.styletable.primail table tbody tr:nth-child(5n + 1) td.td1 .wrap-label input[type="checkbox"] + label span i {
		background: #8bc34a;
	}
	.styletable.primail table tbody tr:nth-child(5n + 2) td.td1 .wrap-label input[type="checkbox"] + label span i {
		background: #009587;
	}
	.styletable.primail table tbody tr:nth-child(5n + 3) td.td1 .wrap-label input[type="checkbox"] + label span i {
		background: #f8cd1c;
	}
	.styletable.primail table tbody tr td.td1 .wrap-label input[type="checkbox"] + label span i:first-letter {
		display: inline-block;
		font-size: 14px;
		font-weight: 700;
		color: #fff;
		text-transform: uppercase;
		font-style: normal;
	}
	.menu-click #sidebar {
		z-index: 10000;
		box-shadow: 0 0 8px 2px #ccc;
	}
	#conversation .pos-message .pos-content {
		padding-right: 30px;
	}
	#conversation .con-from {
		min-width: 100%;
		box-sizing: border-box;
	}
	#conversation .content {
		overflow: auto;
		padding-left: 15px !important;
		padding-right: 15px !important;
		box-sizing: border-box;
	}
	#button-message-content {
		padding-left: 5px;
	}
	.doruc {
		margin-left: 15px;
	}
	.primail-wraph.prim-detail .nadp-wrap .left {
		max-width: calc(100% - 65px);
	}
	.primail-wraph.prim-detail h1 {
		padding-left: 15px;
	}
	#sidebar.mailsys-sidebar-wrap + #screen {
		margin-top: 65px;
		padding-top: 0;
	}
	.crmemaily .styletable.primail.primail-wraph {
		height: auto !important;
	}
	.primail-header {
		margin-bottom: 0;
	}
	.primail-header .oth-wrap {
		margin-top: 15px;
		margin-bottom: 10px;
	}
	.conv-cont.message .con-from {
		white-space: normal;
		overflow: auto;
		width: auto;
	}
	#conversation .pos-message .pos-date strong,
	#conversation .pos-message .pos-content * {
		word-wrap: anywhere;
	}
	#reply form.nova-sprava > label input {
		padding-left: 20px;
	}
	.conv-cont.message .con-from {
		width: auto !important;
	}
	.em-option ul {
		left: auto;
		right: 0;
	}
	.primail-wraph.prim-detail h1 {
		font-size: 18px;
	}
	#mailsys-search {
		width: 100%;
		margin-top: 14px;
		margin-bottom: 10px;
	}
	.primail-header {
		padding-right: 10px;
	}
	.row.headbot {
		padding-top: 15px;
    	padding-bottom: 15px;
	}
}


@media print {
	body {
		min-width: 100%;
	}
	#sidebar.mailsys-sidebar-wrap,
	.primail-header,
	#reply,
	#button-message-content,
	.mailsys-download-dwrap,
	.primail-wraph.prim-detail .nadp-wrap .right,
	#conversation .conv-cont.message .right .e-odpovedat2,
	.oth-moz-mess {
		display: none;
	}
	#sidebar.mailsys-sidebar-wrap + #screen {
		padding-left: 0;
	}
	.primail-wraph.prim-detail {
		border-top: 0;
		height: 100% !important;
	}

}

.portal-platnost-label input[type="checkbox"] {
    width: 13px !important;
    display: inline !important;
    height: 13px !important;
}

#popup-nanoou{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255,255, 0.8);
	z-index: 10000;
}

#popup-nanoou div{
	background-color: white;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 500px;
    height: 100%;
    max-height: 300px;
    margin: auto;
    padding: 35px 70px;
    border: 1px solid black;
}

#popup-nanoou div p{
	margin-bottom: 15px;
}

#popup-nanoou div button{
	margin: auto;
}

.inline-textarea-table td textarea{
	width: 100% !important;
	height: 110px;
}
.inline-textarea-table td input{
	width: 100% !important;
}
.table-wrap{
	cursor: pointer;
}

.inline-can-remove-tr tr td{
	position: relative;
}
.inline-can-remove-tr tr td i{
	position: absolute;
	right: 13px;
	top: 10px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background-image: url('/images/icons/delete.png');
	background-size: cover;
}

.mesto-obec-visible.hidden{
	display:none !important;
}


.task-container {
	position: relative;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
}
.task-container * {
	font-family: 'Poppins', sans-serif;
	color: #1B1D3B;
}
.task-container .red {
	color: #CF1239;
}


.task-container .button.dark {
	background: #1B1D3B;
}
.task-container .button {
	display: inline-block;
	background: #EBA23D;
}
.task-container .button {
	font-size: 14px;
	font-weight: 700;
	padding: 10px 28px;
	margin-bottom: 0;
	transition: all 0.3s ease;
	white-space: nowrap;
}
.task-container .button:hover {
	opacity: 0.8;
}


.task-manager h1 {
	font-size: 24px;
	font-weight: 600;
	text-transform: uppercase;
	padding-right: 100px;
}
.task-manager h1 + div {
	position: absolute;
	font-weight: 700;
	top: 0;
	right: 0;
}

.task-container .back-link {
	display: inline-block;
	position: relative;
	padding-left: 25px;
}
.task-container .back-link:before {
	content: '';
	display: inline-block;
	font-size: 25px;
	font-weight: 400;
	line-height: 20px;
	color: #fff;
	width: 20px;
	height: 20px;
	background: url('/css/images/i-arr-back.svg') center center no-repeat; 
	position: absolute;
	top: 0;
	left: -5px;
	bottom: 0;
	margin: auto;
}

.task-container .d-flex {
	padding: 15px 0;
}
.task-manager .d-flex .task-wrap a {
	font-weight: 600;
	color: #CD605B;
	text-transform: uppercase;
	position: relative;
	padding-left: 25px;
}

.task-manager .d-flex .task-wrap a:before {
	content: '';
	display: inline-block;
	font-size: 25px;
	font-weight: 400;
	line-height: 20px;
	color: #fff;
	width: 20px;
	height: 20px;
	background: url('/css/images/i-stats.svg') center center no-repeat; 
	position: absolute;
	top: 0;
	left: -10px;
	bottom: 0;
	margin: auto;
}

.task-manager .d-flex .task-wrap + div a {
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	padding: 10px 20px;
	padding-left: 40px;
	border-radius: 3px;
	background: #EBA23D;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
}
.task-manager .d-flex .task-wrap + div a:before {
	content: '+';
	display: inline-block;
	font-size: 25px;
	font-weight: 400;
	line-height: 20px;
	color: #fff;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 14px;
	bottom: 0;
	margin: auto;
}
.task-manager .d-flex + div {
	display: flex;
	margin: 0 -10px;
}
.task-manager .d-flex + div > div {
	background: #F9FAFB;
	border-radius: 10px;
	margin: 10px;
	padding: 10px 20px 20px;
}
.task-manager .d-flex + div > div h2 {
	font-size: 14px;
	font-weight: 700;
	margin-top: 8px;
	margin-bottom: 20px;
}
.task-manager .my-task {
	width: 15%;
}
.task-manager .my-task div {
	display: inline-block;
	text-align: center;
}
.task-manager .my-task div:last-child {
	padding-right: 10px;
	float: right;
	color: #CF1239;
}
.task-manager .my-task div:last-child span,
.task-manager .my-task div:last-child p {
	color: #CF1239;
}
.task-manager .my-task div span {
	font-size: 44px;
	font-weight: 700;
}
.task-manager .term {
	width: 40%;
}
.task-manager .term ul {
	padding-left: 0;
	margin-left: 0;
	list-style: none;
}
.task-manager .term ul li {
	margin-bottom: 10px;
}
.task-manager .term ul li span {
	display: inline-block;
	width: 78px;
}
.task-manager .graph {
	width: 35%;
}
.task-manager table {
	margin-top: 30px;
	border-collapse: collapse;
}

.task-manager table th {
	background: #F9FAFB;
	font-size: 12px;
	font-weight: 700;
	padding: 8px 15px;
}
.task-manager table td {
	padding: 8px 15px;
}
.task-manager table tr:first-child {
	border: 0 !important;
}
.task-manager table tr {
	border-bottom: 1px solid #E5E5E5;
}
.task-manager table tr:nth-child(2n + 1) {
	background: #F9FAFB; 
}
.task-manager table .d-flex {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}
.task-manager table .d-flex a {
	margin-right: 15px;
}
.task-manager table .button:not(.dark) {
	background: #1B1D3B;
	opacity: 0.2;
}
.task-manager table .button:not(.dark):hover {
	opacity: 0.8;
}
.task-manager .task-chips {
	margin: 0; 
	list-style: none; 
}
.task-manager .task-chips li {
	margin: 5px;
	font-size: 12px;
	color: #ababab;
	display: inline-block;
	padding: 7px 13px;
	background: #F9FAFB;
	border: 1px solid #E5E5E5;
	border-radius: 50px;
}

.new-task-wrap {
	width: 100%;
	max-width: 525px;
}
.new-task-wrap .d-flex {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.new-task-wrap .d-flex input,
.new-task-wrap .d-flex select,
.new-task-wrap .d-flex textarea {
	width: 100%;
	background: #F9FAFB;
	border: 1px solid #E5E5E5;
	outline: none;
}
.new-task-wrap .d-flex input,
.new-task-wrap .d-flex select {
	height: 40px;
	padding: 8px 12px;
	box-sizing: border-box;
}
.new-task-wrap .d-flex textarea {
	padding: 10px 12px;
	box-sizing: border-box;
	max-width: 100%;
}
.new-task-wrap .d-flex .col-2 {
	width: 100px;
	margin-bottom: 15px;
}
.new-task-wrap .d-flex .col-2 span {
	font-size: 14px;
	font-weight: 300;
	color: #1B1D3B;
}
.new-task-wrap .d-flex .col-10 {
	width: calc(100% - 100px);
	margin-bottom: 15px;
}
.task-assigned {
	display: flex;
}

.task-client-search-wrap {
	position: relative;
}
.task-client-search-wrap ul {
	position: absolute;
	top: calc(100% + 2px);
	left: 0;
	width: 100%;
	background: #F9FAFB;
	border: 1px solid #E5E5E5;
	z-index: 1;
	margin-left: 0;
	list-style: none;
}
.task-client-search-wrap ul li {
	padding: 8px 12px;
	background: #fff;
	border-bottom: 1px solid #E5E5E5;
	cursor: pointer;
}
.task-client-search-wrap ul li:hover,
.task-client-search-wrap ul li.active{
	background-color: rgba(158, 158, 158, 0.18);
}
.task-client-search-wrap ul:empty {
	display: none;
}
.new-task-wrap .d-flex.button-row {
	padding-top: 5px;
	display: flex;
	justify-content: space-between;
}

.task-start,
.task-stop {
	display: inline-block;
	font-size: 0;
	width: 24px;
	height: 24px;
}
.task-start {
	background: url('../css/images/i-play-circle.svg') center center no-repeat;
}
.task-stop {
	background: url('../css/images/i-stop-circle.svg') center center no-repeat;
}

.task-detail > .d-flex {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #E5E5E5;
}
.task-detail > .d-flex .text-right {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}
.task-detail .task-time {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	margin-right: 30px;
}
.task-detail .task-time a {
	margin-right: 15px;
}
.task-firm-wrap {
	margin: 20px 0 20px;
}
.task-firm-wrap ul {
	margin: 0;
	list-style: none;
}
.task-firm-wrap ul li:not(.more-ul) {
	margin: 5px;
	margin-right: 10px;
    font-size: 12px;
    color: #ababab;
    display: inline-block;
    padding: 7px 13px;
    background: #F9FAFB;
    border: 1px solid #E5E5E5;
    border-radius: 50px;
}
.task-firm-wrap ul li.more-ul,
.task-firm-wrap ul li.more-ul ul {
	display: inline-block;
}

.task-detail h1 {
	font-size: 24px;
	font-weight: 600;
	text-transform: uppercase;
}

.task-detail-wrap h3 {
	font-size: 16px;
	font-weight: 700;
	margin-top: 20px;
	margin-bottom: 15px;
	color: #CD605B;
}
.task-detail-wrap h4 {
	font-size: 13px;
	font-weight: 300;
}
.task-detail-wrap h4 + p {
	background: #F9FAFB;
	border: 1px solid #E5E5E5;
	padding: 10px 15px;
}

.task-form .chat-wrap {
	margin-bottom: 15px;
}
.task-form .chat-wrap > div {
	position: relative;
	margin-bottom: 10px;
	clear: both;
}
.task-form .chat-wrap > div > span {
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	line-height: 32px;
	position: absolute; 
	top: 6px;
	width: 32px;
	height: 32px;
	background: #CF1239;
	color: #fff;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 50%;
}
.task-form .chat-wrap > div.right > span {
	background: #1B1D3B;
}

.task-form .chat-wrap > div > div {
	display: inline-block;
	padding: 6px 18px;
	background: #F9FAFB;
	border: 1px solid #E5E5E5;
	box-sizing: border-box;
	border-radius: 2px;
}

.task-form .chat-wrap > div i {
	display: block;
	padding-top: 5px;
	font-size: 12px;
	font-style: normal;
	color: #A4A5B1;
}
.task-form .chat-wrap > div.left {
	padding-left: 50px;
}
.task-form .chat-wrap > div.right {
	padding-right: 50px;
	width: 100%;
	text-align: right;
	box-sizing: border-box;
}
.task-form .chat-wrap > div.left span {
	left: 0;
}
.task-form .chat-wrap > div.right span {
	right: 0;
}

.task-form .action-wrap {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	clear: both;
	margin-top: 30px;
	margin-bottom: 20px;
	position: relative;
}
.task-form .action-wrap textarea {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	background: #F9FAFB;
    border: 1px solid #E5E5E5;
	padding: 10px 15px;
	box-sizing: border-box;
}
.task-form .message-wrap {
	width: 100%;
}

.checkbox-list label {
	display: block;
	margin-bottom: 10px;
}
.checkbox-list label span {
	text-align: left;
	padding-left: 10px;
}
.task-assigned {
	width: calc(50% - 13px);
	margin-right: 13px;
}
.user-assigned-wrap {
	width: 50%;
}

.user-assigned-wrap label {
	display: block;
}
.user-assigned-wrap label input {
	width: auto !important;
	height: auto !important; 
	margin-right: 5px;
}
.task-manager .td-options {
	position: relative;
	height: 1px;
	padding: 0;
}
.task-manager .td-options > span {
	display: inline-block;
	width: 100%;
	height: 100%;
	background: url('../css/images/i-more-vert.svg') center center no-repeat;
	vertical-align: middle;
}
.task-manager .td-options > span:hover + ul,
.task-manager .td-options > span + ul:hover {
	display: block;
}
.task-manager .td-options ul {
	margin: 0;
	display: none;
	list-style: none;
	position: absolute;
	top: 90%;
	right: 0;
	background: #fff;
	box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.25);
	z-index: 2;
	border-radius: 2px;
}
.task-manager .td-options ul li a {
	display: inline-block;
	padding: 14px 22px;
	text-decoration: none;
}
.task-firm-wrap > ul > li {
	position: relative;
	margin-left: 40px !important;
}
.task-firm-wrap > ul > li:before {
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0;
	left: -40px;
}
.task-firm-wrap .ico-firm:before {
	background: url('../css/images/i-firm.svg') center center no-repeat;
	background-size: 20px auto;
	vertical-align: middle;
}
.task-firm-wrap .ico-deadline:before {
	background: url('../css/images/i-deadline.svg') center center no-repeat;
	background-size: 20px auto;
	vertical-align: middle;
}
.task-firm-wrap .ico-department:before {
	background: url('../css/images/i-department.svg') center center no-repeat;
	background-size: 20px auto;
	vertical-align: middle;
}

.task-firm-wrap .ico-users {
	position: relative;
}
.task-firm-wrap .ico-users:before {
	background: url('../css/images/i-users.svg') center center no-repeat;
	background-size: 20px auto;
	vertical-align: middle;
	bottom: 0;
	margin: auto;
	left: -35px;
}

.task-manager .graph > div {
	width: 100%;
	height: 100px;
	position: relative;
	display: flex;
	align-items: flex-end;
}
.task-manager .graph > div > div {
	width: calc(100% / 14 - 10px);
	margin: 0 5px;
	background: #68C6F9;
	min-height: 1px;  
	position: relative;
}

.task-manager .graph > div > i {
	display: inline-block;
	width: 100%;
	height: 1px;
	background: #EBA23D;
	position: absolute;
	left: 0;
}
.task-manager .graph > div > div:after {
	content: attr(data-count)"\a"attr(data-date);
	display: none;
	width: 45px;
	text-align: center;
	background: #1B1D3B;
	color: #fff;
	padding: 5px 8px;
	border-radius: 2px;
	position: absolute;
	top: 0;
	left: 105%;
}
.task-manager .graph > div > div:hover:after {
	display: inline-block;
}


.files-wrap #task-add-file {
	display: inline-block;
	font-size: 0;
	width: 60px;
	height: 60px;
	cursor: pointer;
	background: url('../css/images/i-paperclip.svg') center center no-repeat;
	margin-top: 0;
	vertical-align: top;
}

}
.files-wrap input {
	position: absolute;
	top: 105%;
	height: 24px;
	left: -44px;
}

.files-wrap input::-webkit-file-upload-button {
	visibility: hidden;
  }

#task-add-file {
	display: inline-block;
	color: #EBA23D;
	margin-top: 10px; 
}
.task-form .action-wrap .files-wrap {
	width: 60px;
}
.task-form .action-wrap .message-wrap {
	width: calc(100% - 100px);
}
.task-form .action-wrap > div:last-of-type{
	padding-left: 20px;
	width: 40px;
}
.task-form .action-wrap button {
	display: inline-block;
	width: 40px;
	height: 40px;
	border: 0;
	border-radius: 50%;
	outline: none;
	box-shadow: none;
	background: #EBA23D url('../css/images/i-task-button.svg') center center no-repeat;
	background-size: 21px auto;
	cursor: pointer;
}

#task-files {
	margin-top: 10px;
}
#task-files label {
	display: inline-block;
	padding: 8px 20px;
	padding-right: 35px;
	margin-right: 5px;
	margin-bottom: 5px;
	background: #F9FAFB;
	border: 1px solid #E5E5E5;
	box-sizing: border-box;
	border-radius: 50px;
	position: relative;
}
#task-files label a {
	display: inline-block;
	width: 30px;
	height: 34px;
	position: absolute;
	right: 4px;
	top: 0;
	bottom: 0;
	margin: auto;
	cursor: pointer;
	background: url('../css/images/i-btn-close.svg') center center no-repeat;
	background-size: 18px auto;
}
.task-additions-wrap a,
.task-form .chat-wrap > div > div a {
	display: inline-block;
    padding: 8px 20px;
    padding-left: 45px;
    margin-right: 5px;
    margin-bottom: 5px;
    background: #F9FAFB;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    border-radius: 50px;
	position: relative;
	text-decoration: none;
}
.task-additions-wrap a:before,
.task-form .chat-wrap > div > div a:before {
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url('../css/images/i-paperclip.svg') center center no-repeat;
	position: absolute;
	left: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	opacity: 0.5;
}

.task-filter form {
	display: block;
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.task-f-left {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}
.task-filter .task-f-left > input,
.task-filter .task-f-right > input,
.task-filter select,
.task-user-wrap {
	width: 100%;
    background: #F9FAFB;
    border: 1px solid #E5E5E5;
    outline: none;
	height: 40px;
    padding: 8px 12px;
	box-sizing: border-box;
	margin-right: 8px;
}
.task-filter > div {
	margin-right: 8px;
}
.task-user-wrap {
	position: relative;
	padding-right: 30px;
	background: #F9FAFB url('../css/images/i-select.svg') center right 5px no-repeat;
}
.task-filter select {
	padding-right: 30px;
	background: #F9FAFB url('../css/images/i-select.svg') center right 5px no-repeat;
	-webkit-appearance: none;
    -moz-appearance: none;
}

.task-user-wrap p {
	margin: 0; 
	margin-top: 2px;
}
.task-user-wrap:hover .task-user-options {
	display: block;
	min-width: 100%;
}
.task-user-options {
	display: none;
	border: 1px solid #E5E5E5;
	background: #fff;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 10;
	border-bottom: 0;
}
.task-user-options label {
	display: block;
	white-space: nowrap;
	border-bottom: 1px solid #E5E5E5;
	padding: 10px 16px;
	padding-left: 30px;
	position: relative;
}
.task-user-options label input {
	position: absolute;
	left: 8px;
	top: 14px;
}
.task-filter { 
	margin: 0 !important;
}
.task-stat h3 {
	font-size: 16px;
	font-weight: 700;
	margin-top: 40px;
	color: #CD605B;
}

.task-content {
	background: #F9FAFB;
    border: 1px solid #E5E5E5;
    padding: 10px 15px 15px;
}
.task-content > div {
	margin-top: 10px;
}
.task-content > div .task-show-full-message {
	display: inline-block;
	width: 26px;
	height: 16px;
	background: url('../css/images/i-more-hor.svg') center center no-repeat;
}
.task-content .task-full-message {
	width: 100%;
	min-height: 600px;
	border: 1px solid #E5E5E5;
	outline: none;
	margin-top: 10px;
}

.task-manager > .d-flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.task-manager .task-wrap {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;

}

.task-firm-wrap .more-ul.ico-users > a {
	font-size: 12px;
}