*{
    padding:0px;
    margin:0px;
}
body{
    background:#e7eaee;
    font-family:Tahoma;
}

body.modal-open{

    overflow:hidden;
}

ul{
    font-size:12px;
    margin-left:15px;

}

ul li{
    line-height:150%;
}

select{
    border:0px;
    padding:4px 4px 4px 12px;
    border-radius:2px;
    height:31px;
    color:#0e0e0e;
	font-family:Tahoma;
}

@-moz-document url-prefix() {
    select {
        position:relative;
		top:-2px;
    }
}

option{

    padding:2px 5px;
}

input{
    height:31px;
    color:#0e0e0e;
    line-height:31px;
    border-radius:2px;
    font-family:Tahoma;
    padding:0px 10px 0px 18px;
    border:0px solid #e0e0e0;
}

label{
	font-size:13px;
    color:#0e0e0e;
	font-family:Tahoma;
}


textarea{
	font-size:13px;
	border-radius:2px;
	padding:11px 10px 11px 18px;
	border:0px;
	font-family:Tahoma;
}


table{
    font-size:12px;
    margin-top:15px;


}


table th, table td{
    padding:5px 8px;
    border-bottom:1px solid #e0e0e0;
}

table th{
text-align:left;
padding-right:10px;
}


table tr{
    border-bottom:1px solid #0e0e0e;
}

p{
    font-size:13px;
}

h2{
    font-family:Roboto;
    font-weight:normal;
}

h3{
    font-family:Roboto;
    font-weight:normal;
    margin-bottom:18px;
}

h4{
    font-weight:normal;
    font-family:Roboto;
}


p.tooltip{
	opacity:1;
}

p.tooltip{
	display:inline-block;
	position:relative;
}

p.tooltip > i.toolTipVal{
	position:absolute;
	left:-9999px;
	display:inline-block;
	max-width:500px;
	min-width:250px;
	background: #bae8d0;
	border:1px solid #cde9da;
	padding:11px 23px;
	font-size:13px;
	font-style:normal;
	color:#0e0e0e;
	border-radius:3px;
	box-shadow: 5px 5px 5px #889b91;
}

p.tooltip span.sipka_tooltip{
	position:absolute;
	bottom:-99999px;
	width:15px;
	height:10px;
	background:url(../img/sipka_tooltip.png) no-repeat 0px 0px;
}

p.tooltip span.sipka_tooltip{
	position:absolute;
	bottom:-10px;
	left:35%;

}

p.tooltip:hover > i.toolTipVal{
	position:absolute;
	z-index:40;
	bottom: 40px;
	left: -95px;
}

input:focus{
	background:#d8f2e4;

}

body.login{
     background:#323a45;
}

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

p{
    color:#0e0e0e;
}

a{
    color:#0e0e0e;
	text-decoration:none;
}

a:hover{
    /*color: #18b161;*/
    text-decoration:underline;
}

h3.tit{
    font-family:Roboto, Tahoma;
    font-size:33px;
    font-weight:300;
	margin-left:3px;
    padding-left:45px;
    margin-bottom:15px;
 }

 h3.h3ico1{
    background:url(../img/h3_ico1.png) no-repeat 0px 50%;
 }

 h3.h3ico2{
    background:url(../img/h3_ico2.png) no-repeat 0px 50%;
 }

 h3.h3ico3{
    background:url(../img/h3_ico3.png) no-repeat 0px 50%;
 }

 h3.h3ico4{
    background:url(../img/h3_ico4.png) no-repeat 0px 50%;
 }

 span.zvyraz{
    border-radius:3px;
    padding:5px 12px;
    margin-left:7px;
    color:#ffffff;
    font-size:13px;
    margin-top:8px;
    display:inline-block;
    vertical-align:bottom;
 }

 .zvyraz.green{
    background:#18b161;
 }

 .zvyraz.red{
    background:#d14646;
 }

 .zvyraz.gray{
    background:#828a95;
 }

 .zvyraz.black{
	background:#323A45;
 }

.container{
    width:1159px;
    margin:0 auto;
}

.menu-container {
	width: 1300px;
	margin: 0 auto;
}

#containerLogin {
    width:100%;
    max-width:960px;
    margin:0 auto;
    padding-bottom:150px;
}

.login img.logo{
    margin:0 auto;
    display:block;
    text-align:center;
    margin-top:160px;
    float:none;
    width:auto;
    margin-bottom:102px;
}


#loginWrap{
    margin:0 auto;
    border-radius:3px;
    width:29.166666%;
    min-height:215px;
    padding:33px;
    background:#fff;
}


#loginWrap input#frmloginForm-email, #loginWrap input#frmloginForm-password {
    padding:0% 5.37634% 0% 20.863309%;
    height:52px;
    line-height:52px;
    margin-bottom:6px;
    border-radius:5px;
    border:1px solid #d8d8d8;
    color:#323a45;
    font-family:Tahoma;
    font-size:16px;
    width:73%;

}

input#frmloginForm-email{
    background:url(../img/ico_username.png) no-repeat 20px 50%;

}

#loginWrap input#frmloginForm-password{
    background:url(../img/ico_pass.png) no-repeat 20px 50%;
	margin-bottom:0px;

}

input#loginButton{
    background:#36c77b;
    color:#fff;
    font-size:17px;
	font-family:Roboto;
	font-weight:300;
    border:0px;
    width:100%;
    cursor:pointer;
    border-radius:5px;
    text-transform:uppercase;
    height:50px;
    line-height:50px;
}

input#loginButton:hover{
    background:#1cdc77;

}

input.ui.button.small{
	height: 37px;
}

#frmloginForm-remember{
	margin-right:7px;
}

p.inputInfo{
    margin:14px 0px;
}

span.lab{
    font-family:Tahoma;
    font-size:12px;
    position:relative;
    top:-10px;
}



/*evidence*/

#header{
    height:69px;
    background:#323a45;
}

#header-in{
	height:60px;

    margin:0 auto;
    background:#323a45;
}

.logo{
    float:left;
    margin-right:60px;
    width:108px;
	height:60px;
}

#containerLogin .logo{
	height:101px;
}

#menu{
    float:left;
    width:980px;
    padding-top:21px;
}


    #menu ul {
        padding-left:0px;
        margin-top:0px;
    }

    #menu ul li{
        list-style:none;
        float:left;
		position:relative;
        margin-right:5px;
    }

    #menu ul li a{
        color:#fff;
        height:31px;
        line-height:31px;
        font-size:14px;
        padding:0px 12px;
        border-radius:3px;
        font-family:Tahoma;
        display:block;
        text-decoration:none;
    }

    #menu ul li a:hover, #menu ul li.active a{

        background:#18b161;
    }

	 #menu ul  ul{
		visibility:hidden;
		position:absolute;
		top:-9999px;

	 }

	  #menu ul li:hover ul{
		visibility:visible;
		top:30px;
		z-index:99;
        margin-left:0px;
		padding:15px 10px;
		border-radius:0px 3px 3px 3px;
		background:#18b161;
	  }


	   #menu ul ul li{
	   width:auto;
	   white-space:nowrap;
	   }

	    #menu ul ul li a:hover{
		background:#d6f3e4;
		color:#323a45;
	   }

#login-info{
    width:110px;
    margin-top:20px;
    float:right;
    padding-left:28px;
    color:#fff;
    font-size:13px;
    background:url(../img/login_info.png) 0px 8px no-repeat;
}

    #login-info p.akce-top{
        font-size:85%;
        color:#fff;

    }

    #login-info p.akce-top a.logout{
        float:right;
        text-decoration:none;
    }

    #login-info p a:hover{
        text-decoration:underline!important;
    }

    #login-info p.user{
        margin-top:3px;
		font-size:90%;
    }

    #login-info p.user a{
        color:#fff;
		text-transform:uppercase;
		font-weight:bold;
        text-decoration:none;
    }

    #login-info a{
        color:#18b161;
    }

#datum{
    height:60px;
    clear:both;
	margin-top:0px;
    background:#ffffff;
}

    #datum-in{
       height:60px;
       margin:0 auto;
       text-align:left;
    }

     #datum-in ul {
        padding-left:0px;
        margin-top:0px;
        float:left;
    }

    #datum-in ul li{
        list-style:none;
        float:left;
        margin-right:5px;
    }

    #datum-in ul li:first-child a{
    padding-left:5px;
    }

    #datum-in ul li a{
        color:#0e0e0e;
        height:60px;
        line-height:60px;
        font-size:12px;
        padding:0px 8px;
        border-radius:3px;
        font-family:Tahoma;
        display:block;
        text-decoration:none;
    }

    #datum-in ul li.active a{
        color:#36c77b;
        font-weight:bold;
    }

    #datum-in ul li a:hover{
         color:#36c77b;
         /*background:#f3f3f3;*/
    }

    div.cal  input#reservation{
        line-height:34px;
        margin-top:13px;
        margin-left:33px;
        width:150px;
        padding:0px 10px 0px 46px;
        height:34px;
        background:url(../img/ico_cal.png) no-repeat 7px 50%;
        border-radius:3px;
        color:#0e0e0e;
        font-size:12px;
        float:left;
        border:1px solid #d8d8d8;
    }

    p.help{
        line-height:60px;
        float:right;
        margin-right:87px;
    }

	p.viceHelp{
		line-height:38px;
		margin:0px 0px 15px 0px;
	}

    p.help a, a.help-ico{
        padding-left:26px!important;
        background:url(../img/ico_help.png) 0px 0px no-repeat;
        height:21px;
		line-height:21px!important;
        font-size:12px;
        display:inline-block;
        text-decoration:none;
        color:#0e0e0e;
    }

     p.help a:hover, a.help-ico:hover{

	color:#18b161;
	background:url(../img/ico_help.png)  0px -21px no-repeat!important;;
    }

    a.help-ico{
        margin-top:3px;
    }

#record-in{
    background:#ced3da;
    padding:10px;
    border-radius:4px;
    margin:0 auto;
    width:1134px;
    margin-top:5px;
}

	select.manager{
		float:right;
		width:59px;
	}

	@-moz-document url-prefix() {
    select.manager {
        position:relative;
		top:0px;
    }
	}



    select.employee{
        margin-right:4px;
		width:62px;
    }

     input.inpProjekt{
        margin-right:4px;
        width:122px;
    }

      select.activity{
		width:118px;
        margin-right:12px;
    }

     input.desc-min{
        width:679px;
        margin-right:5px;
     }

    #time_info{
        float:right;
    }

    #task_info{

    }

    a.ico_tasks{
        float:left;
        margin-right:8px;
    }

    a.ico_tasks img:hover, a.cancel_task_ico:hover{
    opacity:0.6;
    }

    .actual_workInfo{
    line-height:31px;
    font-size:13px;
    float:left;
    margin-right:8px;

    }

    a.cancel_task_ico{
    line-height:31px;
    }

    span.break_time{
    display:inline-block;
    font-size:13px;
    margin-right:15px;
    font-weight:bold;
    line-height:31px;
    }

    input.date-picker{
        width:69px;
        padding-left:12px;
       /* margin-right:10px;*/
    }

    input.time_minutes{
         width:42px;
        /* margin-right:22px;*/
    }

    input.time_from{
         width:30px;
         /*margin-right:8px;*/
    }

    input.time_to{
         width:30px;
         margin-right:18px;
    }

    .btn{
	    height:31px;
	    line-height:31px;
	    color:#fff;
	    border-radius:2px;
	    padding:0px 12px;
	    text-decoration:none;
	    font-size:14px;
	    font-weight:bold;
	    margin-right:4px;
	    display:inline-block;
    }

	.btn.btn-primary{
	    background:#18b161;
    }

    a.button_green, a.button_red, a.button_orange, a.button_blue, a.button_gray, a.button_black, a.button_white, a.button_blue2,
    a.button_blue3, a.button_green2, a.button_yellow, a.button_brown, a.button_metal, a.button_ash{
        height:31px;
        line-height:31px;
        color:#fff;
        border-radius:2px;
        padding:0px 12px;
        text-decoration:none;
        font-size:14px;
        font-weight:bold;
        margin-right:4px;
        background:#18b161;
        display:inline-block;
    }

    a.button_green_min, a.button_red_min, a.button_blue_min, a.button_gray_min, a.button_black_min, a.button_white_min{
        height:18px;
        line-height:8px;
        color:#fff;
        border-radius:2px;
        padding:0px 5px;
        text-decoration:none;
        font-size:10px;
        font-weight:bold;
        margin-right:4px;
        background:#18b161;
        display:inline-block;
    }

    a.button_report_action1 {
        height: 28px;
        line-height: 28px;
        color: #fff;
        border-radius: 1px;
        padding: 0px 5px;
        text-decoration: none;
        font-size: 10px;
        font-weight: bold;
        margin-right: 0px;
        background: #818A95;
        display: inline-block;
        border: 2px solid #E7EAEE;
    }

    a.button_red{
	background:#D14646;
    }

    a.button_orange{
        background:#FFCECE;
    }

    a.button_blue, a.button_blue_min{
	background: #8EB4E6;
    }

    a.button_blue2{
        background: #337AB7;
    }

    a.button_blue3 {
        background: #86BCFF;
    }

    a.button_green2{
        background: #7CEB98;
    }

	a.button_gray{
	background: #9EA7B3;
	}

    a.button_white, a.button_white_min{
        background: #ffffff;
        border: 1px solid #ACACAC;
        color: black;
    }

    a.button_yellow{
        background: #FEE188;
        color: #B08246;
    }

    a.button_brown{
        background: #DDB791;
    }

    a.button_metal{
        background: #f2784b;
    }

    a.button_ash{
        background: #525e64;
    }

	a.button_black, a.button_black_min{
	background:#323A45;
	}

    a.button_green:hover{
	background:#2fd57e;
    }

	a.button_black:hover{
	background:#808080;
	}

    input.save{
        background:#dd9d00;
        padding:0px 12px;
		width:60px;
        height:31px;
        color:#fff;
        font-weight:bold;
        cursor:pointer;
     }

	@-moz-document url-prefix() {
	input.save{
        position:relative;
		top:1px;
    }
	}

    input.save:hover{
        background:#f9b716;
     }

 /* moje ukoly*/

 #task_list, #evidence_list{
    margin-top:52px;
 }

 #task_list h3.tit{
    display:inline-block;
    margin-right:13px;
 }

  .task_count, .task_count_blue {
    background:#d14646;
    text-align:center;
    color:#fff;
    vertical-align: super;
    font-size:12px;
    padding:8px 12px;
    border-radius:2px;
  }

  .task_count:hover, .task_count_blue:hover {
    color:#fff;
  }

  .task_count_blue{
      background: #8EB4E6;
  }

  .tasks_actions{
    float:right;
    margin-bottom:10px;
  }

  .tasks_actions a{
  padding-left:22px;
  display:inline-block;
  line-height:16px;
  font-size:12px;
  margin-left:16px;
  text-decoration:none;
  }

    a.close_link{
		background:url(../img/ico_cancel.png) no-repeat 0px 0px;
	}

	a.new_task{
		background:url(../img/ico_plus.png) no-repeat 0px 0px;
    }

     .tasks_actions a:hover{
    background-position: 0px -16px;
    color:#18b161;

    }

    a.hide_tasks{
     background:url(../img/ico_hide.png) no-repeat 0px 0px;
    }

    .list{
        margin-top:14px;
    }

    .item{
       width:100%;
       clear:both;
       font-size:12px;
       padding:10px 0px;
       border-bottom:1px solid #d8d8d8;
    }

    .list  div.item:first-child{
        border-top:1px solid #d8d8d8;
        }

    .item.task{

    }

    span.prio, .statusWrap span.prio, span.status{
        text-transform:uppercase;
        color:#fff;
        font-size:12px;
        border-radius:2px;
        margin-right:9px;
        display:inline-block;
        padding:7px 6px;
		width:16px;
    }

	span.prio.prio-long, span.status.status-long{
		width: 80px;
	}

    span.prio.low{
        background:#c8c8c8;
    }


    span.prio.normal, span.status.closed{
        background:#11a8c2;
    }

    span.prio.high{
        background:#fb6d6d;
	}

	span.status.finished{
		background:#1EB063;
	}

	span.status.reopened{
		background:#828A95;
	}

	span.prio.urg, span.status.new{
        background:#e31919;
    }


    .item .project_name{
        font-weight:bold;
        margin-left:27px;
    }

    .item .deadline{
        margin:0px 34px 0px 0px;
    }


    .item p.task_desc-min{
        width: 490px;
        vertical-align:middle;
        display:inline-block;
    }


	.item p.task_desc-min a, .blue-link{
        color:#009db8;
		font-weight:bold;
		text-decoration:none;
		margin-right:5px;
    }

	.item p.task_desc-min a:hover, .blue-link:hover{
        text-decoration:underline;
    }

    .item a.control_task, .item span.control_task{
        width:26px;
        height:26px;
        line-height:26px;
        text-align:center;
        display:inline-block;
        float:right;
        border-radius:2px;
        color:#fff;
        margin-left:8px;
        text-indent:-9999px;
    }

    .item.nonaccept.task {
        background:#dcf3f7;
    }

    .item.nonaccept.task .project_name, .item.nonaccept.task .deadline, .item.nonaccept.task .task_desc-min  {

       opacity:0.6;
    }


        .control_task.accept{
            font-weight:bold;
            text-indent:0px!important;
        }

        .item .control_task.ico_approve{
        margin-left:10px;
        width:29px;
        height:28px;
        background:url(../img/ico_approve_s.png) no-repeat;
        }

        .item .control_task.ico_edit{
            height:28px;
            margin-left:15px;
            background:url(../img/h3_ico1_s.png) no-repeat;
        }

     .item.nonacept.task .control_task:hover{
        background:#ff0000;

    }

    .control_task_wrap {
    display:inline-block;
    float:right;
    height:26px;
    line-height:26px;
    vertical-align:middle;
    margin-left:5px;
    }

    .item a.control_task:hover{
        opacity:0.7;
    }

    .item a.control_task.check{
    background:url(../img/task_check.png) no-repeat 0px 0px;
    }

	.item a.control_task.continue{
    background:url(../img/task_continue.png) no-repeat 0px 0px;
    }

    /*varianta pro span i odkaz a*/
    .item a.control_task.half, .item span.control_task.half{
    text-indent:0px!important;
    width:26px;
    color:#fff;
    line-height:26px;
    font-size:13px;
    height:26px;
    text-align:center;
    border-radius:2px;
    background:#828a95;
    }

    .item a.control_task.cancel{
    background:url(../img/task_cancel.png) no-repeat 0px 0px;
    }

  form.evidence_form{
    border-top:1px solid #d8d8d8;
    padding-top:10px;
    clear:both;
    margin-top:15px;
  }

 form.evidence_form select.employee{
    margin-right:15px;
 }

 form.evidence_form input.inpProjekt{
    margin-right:5px;
 }

 form.evidence_form select.manager{
    margin-left:22px;
 }

  form.evidence_form select.status{
    margin-left:106px;
 }

  form.evidence_form select.activity{
	margin-right:117px;
  }

   form.evidence_form select.manager{
	width:62px;
	float:none;
 }

 a.task_count, a.approve{
    vertical-align:middle!important;
    text-decoration:none;

 }

 a.approve{
    text-indent:-9999px;
    display:inline-block;
    width:32px;
    height:32px;
    margin-left:3px;
    cursor:pointer;
    background:url(../img/ico_approve.png) no-repeat;
 }

 a.approve:hover,  a.task_count:hover{
    opacity:0.6;
 }

 .evidence_actions{
    float:right;
    padding-top:8px;
	margin-right:23px;
 }

     a.ico_trash{
        width:17px;
        height:17px;
        text-indent:-9999;
        display:inline-block;
        background:url(../img/ico_trash.png) no-repeat;
       }

     a.ico_eye{
        width:16px;
        height:13px;
        margin-left:59px;
        display:inline-block;
        background:url(../img/ico_eye.png) no-repeat;
       }

     .statusWrap  {
        display:inline-block;
        width:35px;
		vertical-align:middle;
        overflow:hidden;
     }

    span.status{
        text-transform:uppercase;
        color:#fff;
        font-size:12px;
        border-radius:2px;
        margin-right:10px;
        min-width:17px;
        text-align:center;
        display:inline-block;
        padding:7px 6px;
    }

    span.status.schvaleno{
        background:#dd9d00;
    }

    span.status.keschvaleni{
        background:#d14646;
    }

    span.status.keschvaleniUKL {
        background: #d14646;
    }

    span.keschvaleniKl{
        background:#8EB4E6;
    }

    span.nefakturuje{
        background:#5b5f64;
    }

     span.vyjmuto{
        background:#909295;
    }

    span.project_name{
        display:inline-block;
        width:155px;
		vertical-align:middle;
        margin-right:14px;
    }

    span.aktivita{
        margin-right:22px;
        width:100px;
        display:inline-block;
    }

    .item.celkem{
        font-weight:bold;
    }

    .celkem .celk_label{
        width:640px;
        text-align:right;
        margin-right:15px;
        display:inline-block;
    }

    .item.celkem .celk_naklady{
        float:right;
        text-align:right;
        line-height:150%;

    }

    .popis_cinnost {
        width:255px;
        display:inline-block;
        margin-right:15px;
        vertical-align: middle;
    }

    .popis_cinnost  a.taskLink{
        color: #009db8;
        font-size:85%;
        font-weight: bold;
    }

    a.taskLink{
        position:relative;
        top:3px;
        color:#3A87AD;
        font-weight: bold;
    }

    .popis_cinnost  a:hover{
    text-decoration:underline;
    }

    .popis_cinnost img{
        margin-right:5px;

        vertical-align:middle;
    }

    .jednotka{
        width:60px;
        margin-right:25px;
        display:inline-block;
        vertical-align:middle;
    }

    .zadal{
        width:36px;
        display:inline-block;
        margin-right:10px;
        vertical-align:middle;
    }

    .datum{
      display:inline-block;
      width:69px;
      vertical-align:middle;
    }

    .naklady{

        float:right;
        display:inline-block;
        width:100px;
        line-height: 150%;
        vertical-align:middle;
        font-weight:bold;
        text-align: right;
    }


    .item_actions{
        width:52px;
        float:right;
    }

    a.edit-link{

    }

    a.butt-export{
        display:inline-block;
        text-decoration:none;
        background:#828a95;
        color:#fff;
        margin-top:10px;
        margin-right:10px;
        font-size:14px;
        border-radius:3px;
        padding:8px 12px;
        text-align:center;
    }

    a.butt-export:hover{
        opacity:0.7;
    }


	p.hideForm{
		float:right;
	}

	p.hideForm a{
		padding-left:22px;
		color:#0e0e0e;
		height:16px;
		position:relative;
		top:10px;
		display:inline-block;
		font-size:12px;
		/*background:url(../img/ico_nezobr.png) no-repeat 0px 0px;*/
	}

	p.hideForm a:hover{
		color:#18b161;
		/*background:url(../img/ico_nezobr.png) no-repeat 0px -16px;*/
	}

	#newTaskWrap{
		padding-top:16px;
	}

	#newTaskCont{
	background:#ced3da;
	padding:23px 10px 14px 10px;
	margin-top:15px;
	}

	 #newTaskCont input{
		margin-right:0px;
	 }

	 #newTaskCont textarea{

	 }

	 #newTaskCont .firstCol, #newTaskCont .secondCol{
		width:389px;
		float:left;
		margin-right:11px;
	 }

	 #newTaskCont .secondCol{
		margin-right:41px;
	 }



		#newTaskCont input.taskName{
			width:361px;
		}

		#newTaskCont textarea.taskDesc{
			width:361px;
			margin-top:9px;
			height:95px;
		}

		#newTaskCont input.projectName{
			width:361px;
			margin-bottom:9px;
		}


		#newTaskCont  .secondCol .subcol1{
			margin-right:11px;
			width:221px;
			float:left;
		}

		#newTaskCont .subcol2{
			float:left;
			padding:0px 20px 0px 0px;
			width:136px;
		}

		#newTaskCont .subcol1 input{
			width:82px;
			margin-right:5px;
			margin-bottom:9px;
		}


		#newTaskCont .subcol1 select{
			width:100px;
			margin-bottom:9px;
		}

		#newTaskCont .subcol2 label{
			position:relative;
			top:4px;
		}

		input#frmtaskForm-show_full_report{
		float:left;
		margin-right:6px;
		margin-bottom:48px;
		}

		label.fakturaceDleLabel{
			margin-right:14px;
			float:right;
			line-height:31px;
		}

		select.fakturaceDle{
			float:right;
			width:272px;
		}

		select.teamMembers{
			width:199px;
			height:190px;
			position: relative;
			left: 4px;
		}

		select.teamMembers option{
			margin-bottom:3px;
		}


		.rozbalWrap{
			padding-right:13px;
			position:relative;
			z-index:45;
			background:#ced3da;
			display:inline-block;
		}

		a.rozbal{
			padding-left:23px;
			color:#0e0e0e;
			display:inline-block;
			margin-top:6px;
			height:16px;
			font-size:13px;
			background: url(../img/ico_rozbal.png) no-repeat 0px 0px;
		}

		a.rozbal:hover{
			padding-left:23px;
			color:#18b161;
			background:url(../img/ico_rozbal.png) no-repeat 0px -16px;
		}

        a.sbal{
			padding-left:23px;
			color:#0e0e0e;
			display:inline-block;
			margin-top:6px;
			height:16px;
			font-size:13px;
			background: url(../img/ico_hide.png) no-repeat 0px 0px;
		}

		a.sbal:hover{
			padding-left:23px;
			color:#18b161;
			background:url(../img/ico_hide.png) no-repeat 0px -16px;
		}

		.dalsiAkce{
			clear:both;

			margin-top:22px;
		}




		.submitTaskWrap{
			padding:0px 10px;
			display:inline-block;
			float:right;
			position:relative;
			z-index:40;
			background:#ced3da;
			margin-right:240px;
		}

		.dalsiAkce .cara{
			position:relative;
			top:16px;
			border-top:1px solid #bfc4cc;
		}

		#taskOverviewWrap{
			margin-top:29px;

		}

		.taskFilter{
			margin-top:29px;
		}

		.taskFilter select.sortDeadlinePrio{
			float:right;
			width:222px;
		}

		.taskFilter select.taskPrio{
			margin-right:13px;
			width:100px;
		}

		.taskFilter input.projectName {
			margin-right:13px;
			width:232px;
		}

		.taskFilter input.datumPlneni{
			margin-right:13px;
			width:102px;
		}

		.taskFilter select.taskStatus{
			margin-right:10px;
			width:100px;
		}

		.taskFilter select.taskManager{
			margin-right:0px;
			width:162px;
		}


		.overviewZahlavi{
			padding:0px 0px;
			margin-top:17px;
			line-height:51px;
			border-top:1px solid #d8d8d8;
			border-bottom:1px solid #d8d8d8;
		}

		.overviewZahlavi h4{
		text-transform:uppercase;
		color:#0e0e0e;
		font-family:Tahoma;
		font-size:12px;
		font-weight: bold;
		display:inline-block;
		float:left;
		}

		h4.proj{
		margin-right:160px;
		}

		h4.nazev{

		margin-right:298px;
		}

		h4.tym{
		margin-right:102px;
		}

		h4.zad{
		margin-right:48px;
		}

		h4.term{

		}

		h4.rozp{
		float:right;
		}

		.task_overviewCont .item{
			padding-bottom:6px;
			padding-top:20px;
			clear:both;
		}

		/*rozbalena podpolozka*/
		.task_overviewCont .item.rozbaleno {
			padding-bottom:0px;
		}

		.task_overviewCont p.project_name{
			margin:0px;
			width:150px;
			display:inline-block;
			vertical-align:middle;
			margin-right:20px;
			margin-top:-10px;

		}


		.task_overviewCont p.popis_cinnost{
			display:inline-block;
			width:373px;
			vertical-align:middle;
			margin-right:15px;
		}

		.task_overviewCont p.tym{
			display:inline-block;
			vertical-align:middle;
			width:110px;
			margin-right:15px;
		}

		.task_overviewCont p.zadal{
			display:inline-block;
			vertical-align:middle;
			margin-right:15px;
			width:69px;
		}

		.task_overviewCont p.terminStatus{
			display:inline-block;
			vertical-align:middle;
			width:96px;
		}

		.task_overviewCont p.rozpocetOdhad{
			float:right;
			width:115px;
			vertical-align:middle;
			display:inline-block;

		}

		.task_overviewCont .statusWrap{
			vertical-align:middle;
			margin-top:-10px;
		}

		.task_overviewCont a.evidenceCount{
			padding-left:23px;
			color:#0e0e0e;
			clear:both;
			display:inline-block;
			margin-top:3px;
			height:16px;
			background:url(../img/ico_rozbal.png) no-repeat;
		}

		.task_overviewCont .item.rozbaleno a.evidenceCount{
			margin-bottom:21px;
			height:16px;
		}

		.task_overviewCont a.evidenceCount:hover{

			color:#18b161;
			background:url(../img/ico_rozbal.png) 0px -16px no-repeat;
		}

		.task_overviewCont a.evidenceCount.rozbaleno{
			background:url(../img/ico_hide.png) 0px 0px no-repeat;
		}


		.task_overviewCont a.evidenceCount.rozbaleno:hover{

			background:url(../img/ico_hide.png) 0px -16px no-repeat;
		}

		/*podpolozky*/
		.item .evidenceNextInfo  .item{
			background:#dadee4;
			padding:0px;
			border-top:1px solid #d8d8d8;
			padding:10px 0px;
			border-bottom:0px;
			clear:both;

		}

		.item .evidenceNextInfo:last-child .item{

		}

		.evidenceNextInfo .project_name{
			width:189px!important;
		}

 #footer{
    height:68px;
    margin-top:30px;
    background:#323a45;
    font-size:13px;
    text-align:center;
 }

  #footer p{
    padding-top:26px;
    color:#fff;
  }

  #footer img{
    vertical-align:middle;
    margin-left:15px;
	position:relative;
	top:-2px;
  }

.cleaner{
    clear:both;
}

.odsazeni{
    margin-top:13px;
}


#mask {
  position:absolute;
  z-index:998;
  background-color:#000;
  display:none;
}

  .boxes  .window {
	right:-18px;
	position:fixed;
	width:1059px;

	display:none;
	z-index:999;
	color:#525252;
}


 .boxes #dialog {
  width:1059px;

  /*background:#e7eaee;*/
  border-radius:2px;


}

 #dialog  p.right{
	float:right;
 }

.close{
	position:relative;
	color:#525252;
	height:26px;
	margin-top:16px;
	text-indent:-9999px;
	line-height:26px;
	display:block;
	z-index:9999;
	width:26px;
	margin-right:21px;
	background:url(../img/ico_close.png) 50% 0% no-repeat;
	text-transform:uppercase;
	}


a.close:hover{
	opacity:0.8;
}

h3#editRecordFormLabel, h3.dialogFormLabel{
	height:56px;
	line-height:56px;
	color:#fff;
	font-weight:100;
	padding-left:31px;
	font-family:Roboto;
	font-size:28px;
	position:relative;
	z-index:9998;
	border-radius:2px 2px 0px 0px;
	background:#323a45;
    margin-bottom:0px;
}


	.dialog_cont{
		background:#e7eaee;
		padding:26px 50px 36px 49px;
		overflow-y: scroll;
	}


    .dialog_cont p{
        margin-bottom:10px;
    }

    .dialog_cont span.prio, .statusWrap span.prio{
        padding:5px;

    }


    .dialog_cont h3.tit{
    font-size:21px;
    margin-top:20px;
    padding-left:0px;

    }

    .dialog_cont .dialog_col1{
     width:452px;
     margin-right:39px;
     float:left;
    }

    .dialog_cont .dialog_col2{
    width:452px;
    float:left;
    }

    .dialog_cont .dialog_col13{
    width:294px;
    margin-right:40px;
    float:left;
    }

    .dialog_cont .dialog_col23{
    width:608px;

    float:left;
    }


    .dialog_cont p.frm-item{
        margin-bottom:9px;
    }

    .dialog_cont p.frm-item label{
       width:54px;
       text-align:left;
       display:inline-block;
       padding-right:10px;
    }


    .dialog_cont p.frm-item select{
       width:382px;

    }

    .dialog_cont input.datum{
        width:104px;
    }

   .dialog_cont p.frm-item label.lminCastka{
        width:87px;
        margin-left:11px;
    }

    .dialog_cont input.minCastka{
        width:104px;

    }


    .dialog_cont label.lpopis{
        display:block;
        padding-right:15px!important;
        float:left;
        margin-top:10px;
    }

    .evidence-detail .dialog_cont #frmeditRecord-description_min, .evidence-detail .dialog_cont #area_row-edit-description_min{
        width:845px;
        height:138px;
        float:left;
        margin-bottom:20px;
        margin-top:10px;
    }

	.dialog_control{
		background:#d1d5db;
		min-height:50px;
		line-height:50px;
		border-radius:0px 0px ;
		padding:10px 50px 0px 49px;
        position:relative;
        z-index:1053;
		border-radius:0px 0px 2px 2px;
	}

	.dialog_butt, .button{
		float:left;
		margin-right:7px;
		color:#fff;
		text-decoration:none;
		display:inline-block;
		padding:0px 10px;
		line-height:31px;
		font-weight:bold;
		font-size:12px;
		cursor:pointer;
		border-radius:3px;
	}

	.dialog_butt:hover, .button:hover{
		opacity:0.75;
        color:#fff;
        text-decoration:none;
	}

    .submit_button{
        margin-right:7px;
        color:#fff;
        text-decoration:none;
        display:inline-block;
        padding:0px 10px;
        line-height:31px;
        font-weight:bold;
        font-size:14px;
        cursor:pointer;
        border-radius:3px;
    }

    .submit_button:hover{
        opacity:0.75;
        color:#fff;
        text-decoration:none;
    }


    /*detail ukolu*/

    .detailukol #frmeditRecord-description_min{
        height:70px;
        width:580px;
        margin-bottom:15px;
    }

    .detailukol .afterDeadline{
        color:red;
    }


    .detailukol .jqteWrap{
        margin-top:15px;
    }


    .detailukol select.delegovatUkol{
        width:100%;
        margin-bottom:10px;
    }

    tr.info{
        background:#d1d5db;
    }


    /*end detail ukolu*/


    /* - diskuse - */

    .diskuseWrap{
        margin-top:40px;
        padding-bottom:20px;
    }

    .disc-item{
        width:100%;
        float:right;
        padding:5px 0px;
        border-bottom:1px dotted #ced3da;
        margin-top:15px;
    }


    .disc-item a{
        color:#11a8c2;
        text-decoration:underline;
    }


     .disc-item a:hover{

        text-decoration:none;
    }

    p.disc_info{
        height:30px;
        line-height:22px;
    }

    .disc_info img{
        vertical-align:middle;
    }

    .disc_info a.user{
        padding-left: 28px;
        height:22px;
        font-size: 13px;
        color:#11a8c2;
        font-weight:bold;
        text-decoration:underline;
        display:inline-block;
        background: url(../img/login_info.png) 0px 0px no-repeat;
    }

    .disc_info a.user:hover{
      text-decoration:none;
    }

    .disc_info span.cal{
        padding-left: 28px;
        height:22px;
        margin-left:5px;
        font-size: 13px;
        display:inline-block;
        background: url(../img/ico_cal.png) no-repeat 0px 0%;
    }

    .disc_info a.ico_trash{
        margin-left:10px;
        padding-left:10px;
        position:relative;
        display:inline-block;
        top:3px;
        background-position:100% 50%;
        border-left:1px solid #d1d5db;
        float:right;
    }


    /*nova diskuse*/
     p.disc-new-item{
        float:right;
        text-align:right;
        width:250px;
    }

     p.disc-new-item a{
        color:#009db8;
    }


    textarea.disc-new-text{
        width:90%;
        margin-bottom:15px;
        height:80px;
    }

    /*end diskuse*/


    /*aktivity ..obecna stranka*/


    #content{
        padding:30px 0px 20px 0px;


    }

    #content-in{
        margin:0 auto;
    }


    .side{
        width:300px;
        float:left;
        margin-right:30px;
    }

    .side ul.nav li a{
        background: #dee3eb;
    }

     .side ul.nav li a:hover, .side ul.nav li.active a{
        background-color: #f3f1f1;
    }

    ul.nav li  a.new-activity{
        padding-left:40px;
        background: #dee3eb url(../img/h3_ico3_s.png) no-repeat 10px 50%;
    }

    #stred{
        width:726px;
        float:left;
    }

    #content .tab_aktivita, #content .tab_obec {
        width:100%;
    }


    #stred .tab_aktivita tr td:last-child, #stred .tab_obec tr td:last-child {
        text-align:right;
    }


    .tab_reporty{
        border-collapse:collapse;
    }

    .tab_reporty td.action{
        min-width:33px;
        text-align:right;

    }

    .tab_reporty td.ucet{
        background:#fff;
        border:1px solid #e7eaee;
    }


    #content .tab_aktivita a, #content .tab_obec a{
        text-decoration:none;

        font-weight:bold;

    }

     #content .tab_aktivita a:hover, #content .tab_obec a:hover{
        text-decoration:underline;
        color:#18b161;

    }


    .frm-col1{
        width:232px;
        float:left;
        margin-right:15px;
    }


    /*formular nova aktivita*/

    form.frm-new-activity, form.frm-obec{
        margin-top:15px;
        clear:both;
    }

    form.frm-new-activity input, form.frm-new-activity select, form.frm-obec input, form.frm-obec select {
     width:89%;
    }

    form.frm-new-activity input[type='submit'], form.frm-new-activity input[type='checkbox'], form.frm-new-activity input[type='radio'], form.frm-obec input[type='submit'], form.frm-obec nput[type='checkbox'], form.frm-new-activity input[type='radio'] {
     width:auto;
    }

    .frm-new-activity label, form.frm-obec label {
        padding-bottom:5px;
        display:inline-block;
    }


    .frm-new-activity .control-group, form.frm-obec .control-group{
        margin-bottom:18px;
    }

    .frm-new-activity textarea#frmactivityForm-note_internal, .frm-new-activity textarea#frmactivityForm-note_client {
        width:95%;
        height: 33px;
    }

     .frm-new-activity select#frmactivityForm-tax_type{
        width:224px;
     }

     .frm-new-activity input.client_tax_all{
        width:145px!important;
     }

    .frm-new-activity .client-all-checkbox{
        margin:0px 15px 0px 15px;
        position:relative;
        top:10px;
    }

       .frm-new-activity .allProj{
        float:left;
        vertical-align:top;
        position:relative;
        top:-10px;
       }

        .frm-new-activity .form-actions {
        text-align:right;
        float:right;
     }

    /* end formular nova aktivita*/

    /*editace aktivita*/

    .removeActivity{
        margin-top:-25px;
        margin-right:26px;
    }

    .tab_sazby_aktivita{
        margin:25px 0px 15px 0px;

        clear:both;
    }

    .tab_sazby_aktivita a{
        font-weight:bold;
        color:#11a8c2;
    }

    /* end editace aktivity*/

    #section-client-tax table{
        width:100%;
    }



    /* --- uzivatele --*/
        /*novy uzivatel*/


    #frmform-short{
       width: 87%!important;
    }

    #frmform-note{
       width: 96%!important;
        height:20px;
    }

    #frmform-calendar_url{
    width: 96%!important;
        height:20px;
    }

    /*---end uzivatele---*/


	/* nastaveni*/

	#frmtestRoleForm-role{
		width: 150px;
	}

	/*end nastaveni*/


    /*---projekty---*/

    .frm-projekt{
        border-top:1px solid #d8d8d8;
        padding-top:25px;
        margin-top:20px;
    }


    /*novy projekt*/
    .poznInt, .poznKlient{
        width:95.5%;
        height:55px;

    }

    form.frm-newProj{
        margin-top:30px;
    }


    .frm-newProj #project_type, .frm-newProj #frmform-manager_id{
        width:96%;
    }

   .frm-newProj #frmform-google_docs_url{
        width:89%;
        height:31px;
   }

   .frm-newProj input[type='checkbox']{
        width:auto;
        float:left;
        margin-right:15px;
        position:relative;
        top:-4px;

   }

   .frm-newProj #frmform-phone,.frm-newProj #frmform-email{
    width:94.5%;
   }

    /*---end projekty--*/

    .napoveda{
        padding:10px 15px;
        background:#ceeadb;
        clear:both;
        margin-top:10px;
        border-radius:5px;
    }

    .napoveda h5{
        margin-bottom:5px;
        margin-top:10px;
    }

    .napoveda p{
        font-size:11px;
    }

    a.hide{
    font-size:11px;
    background: url(../img/ico_hide.png) no-repeat 0px 0px;
    padding-left: 22px;
    display: inline-block;
    line-height: 16px;
    text-decoration: none;
    }

    a.hide:hover{
    background-position: 0px -16px;
    color: #18b161;
    }



	.gray{
		background:#828a95;
	}

	.green{
		background:#18b161;
	}

	.orange{
                background:#dd9d00;
	}

	.red{
                background:#d14646;
	}

        .blue{
                background:#8EB4E6;
        }

/*placeholders html5*/
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #0e0e0e;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #0e0e0e;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #0e0e0e;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #0e0e0e;
}

.fright{
    float:right;
}

.nml{margin-left:0px!important;}
.nmr{margin-right:0px!important;}
.nmt{margin-top:0px!important;}
.nmb{margin-bottom:0px!important;}
.mr40{margin-right:40px!important;}
.mr18{margin-right:18px!important;}
.mr10{margin-right:10px!important;}
.mr20{margin-right:20px!important;}
.mr40{margin-right:40px!important;}
.mb3 {margin-bottom: 3px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb15{margin-bottom:15px!important;}
.mb20 {margin-bottom: 20px !important;}
.mb25{margin-bottom:25px!important;}
.ml5{margin-left:5x!important;}
.ml10{margin-left:10px!important;}
.ml15{margin-left:15px!important;}
.ml20{margin-left:20px!important;}
.ml25{margin-left:25px!important;}
.ml30{margin-left:30px!important;}
.ml35{margin-left:35px!important;}
.ml40{margin-left:40px!important;}
.ml50{margin-left:50px!important;}

.mt1 {
	margin-top: 1px !important;
}
.mt3 {margin-top: 3px !important;}
.mt5{margin-top:5px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt25 {margin-top: 25px !important;}
.mt30{margin-top:30px!important;}
.mt35{margin-top:35px!important;}
.mt40{margin-top:40px!important;}
.mb60{margin-bottom:60px!important;}

.pt23{
    padding-top:23px;
}

.fleft{
    float:left!important;
}

.odsazeniTop{
    margin-top:15px;
}

.red{
        background:#d14646!important;
    }

.green{
        background:#18b161!important;
}

.orange{
     background:#dd9d00!important;
}

.cara{

			position:relative;
            margin:25px 0px;
			border-top:1px solid #bfc4cc;
		}

.col1{width:1%!important;}
.col2{width:2%!important;}
.col2_5{width: 2.5% !important;}
.col3{width:3%!important;}
.col4{width:4% !important;}
.col5{width:5%!important;}
.col6{width:6%!important;}
.col7{width:7%!important;}
.col8{width:8%!important;}
.col9{width:9% !important;}
.col10{width:10%!important;}
.col11{width:11%!important;}
.col12{width:12%!important;}
.col13{width:13% !important;}
.col14 {width: 14% !important;}
.col15{width:15%!important;}
.col17 {width: 17% !important;}
.col18 {width: 18% !important;}
.col19 {
	width: 19% !important;
}
.col20{width:20%!important;}
.col24 {
    width: 24% !important;
}
.col25{width:25%!important;}

.col27 {
	width: 27% !important;
}

.col28 {
	width: 28% !important;
}
.col30{width:30%!important;}
.col33{width:33% !important;}

.col34 {
	width: 34% !important;
}
.col35{width:35%!important;}

.col38 {
	width: 38% !important;
}
.col39 {
	width: 39% !important;
}
.col40{width:40%!important;}
.col41 {
	width: 41% !important;
}
.col45{width:45%!important;}
.col48 {
	width: 48% !important;
}
.col50{width:50%!important;}
.col55{width:55%!important;}

.col57 {
	width: 57% !important;
}
.col60{width:60%!important;}
.col65{width:65%!important;}
.col66 {width:66% !important;}
.col67 {
	width: 67% !important;
}
.col70{width:70%!important;}
.col75{width:75%!important;}
.col80{width:80%!important;}
.col82 {width:82% !important;}
.col85{width:85%!important;}

.col87 {
	width: 87% !important;
}
.col90{width:90%!important;}
.col93 {
	width: 93% !important;
}
.col95{width:95%!important;}
.col97 {width: 97% !important;}
.col97_4{width: 97.4% !important;}
.col98 {
	width: 98% !important;
}
.col99 {width: 99% !important;}
.col100{width:100%!important;}
.h33{height:33px;}
.h50 {
    height: 50px;
}
.h55{
    height: 55px;
}

.position-relative{position:relative;}
.top0{top:0px;}

.top2 {
    top: 2px;
}
.top3 {top: 3px;}
.top5 {top: 5px;}
.top10{top:10px;}
.top-3 {top: -3px;}
.top-5 {top: -5px;}
.top-7 {top: -7px;}
.top-10{top:-10px;}
.top-15 {top: -15px;}
.top-20 {top: -20px;}

.top-50 {
    top: -50px;
}
.left5{left:5px;}

.left10 {
	left: 10px;
}
.right5{right:5px;}
.right0 {right: 0px;}

.right1 {
    right: 1px;
}

.btn-task-detail:hover, .btn-project-detail:hover{
	background-color: #F5F5F5;
	cursor:pointer;
}

.taright{
    text-align:right;
}

.label-info{
    margin-bottom: 3px;
}

.label-success, .badge-success {
background-color: #18b161!important;
}

#table-suggest-form-result td{
    height: 30px;

}

.invoice-row-from-plan{
    background: #FFEAB7;
}

.slide-out-div {
    padding: 20px;
    width: 250px;
    min-height: 222px;
    background: #FFFFFF;
    border: white 1px solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.center {
    text-align: center;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(../fonts/roboto-thin.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(../fonts/roboto-light.woff) format('woff');
}

/* Support module */

.support-login{
	background:#fff;
	padding:20px;
	box-sizing: border-box;
}

.support-login #loginWrap{
	margin:0px;
	padding:0px;
	border-right: 1px solid #ddd;
	padding-right: 107px;
}

.support-login #frmform-clientEmail{
	height: 52px;
	line-height: 52px;
}

.support-login #btn-submit-create-account-form{
	height: 54px;
	line-height: 54px;
}

.support-login label.lab{
	position: relative;
	top: -10px;
}

.kt-circle {
	padding: 0;
	margin: 0;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 9px;
	width: 9px;
	border-radius: 50%;
	font-size: 0.8rem;
	color: #ffffff;
	background: #5d78ff;
}

.kt-circle-blue{
	background: #5d78ff;
}

.kt-circle-yellow {
	background: #ffb822;
}

.kt-circle-green {
	background: #18b161;
}

.kt-circle-black {
	background: #282a3c;
}

.kt-circle-red {
	background: #b94a48;
}

.kt-circle-deep-purple {
	background: #9c28b1;
}

.kt-circle-cyan {
	background: #00bcd5;
}

.kt-circle-white {
	background: #ffffff;
	border-color: 1px solid #282a3c;
}

tr.gray-info {
	background: #e0e1e2;
}
/* end support module */