body{
	background:url('../img/bg.png') repeat-x top left;
}

#login{
	width:420px;
	height:410px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-210px;
	margin-top:-230px;
}

#login .head{
	width:100%;
	background:url('../img/login-bg.png') center;
	height:150px;
	float:left;
	border-radius:8px 8px 0px 0px;
	text-align:center;
}

#login .head img{
	margin-top:30px;
}

#login .body{
	width:100%;
	float:left;
	background:url('../img/login-bg2.png') center;
	border-radius:0px 0px 8px 8px;	
}

#login-form{
	width:300px;
	margin:0 auto;
	margin-top:30px;
	margin-bottom:30px;
}


#login-form .input{
	margin-top:3px;
	float:left;
}

#login-form td{
	color:#fff;
}

#login input[type='text'], #login input[type='password']{
	width:280px;
}

.center{
	width:1130px;
	margin:0 auto;
}

#menu{
	height:71px;
	background:url('../img/menu-bg.png') repeat-x top left;
	float:left;
	width:100%;
	margin-top:15px;
	border-radius:8px 8px 0px 0px;
	z-index:100000;
	position:relative;
}

#menu li{
	margin-top:10px;
	height:61px;
	margin-left:10px;
	text-align:center;
	position:relative;
}

#menu li.home{
	background:url('../img/icon-home.png') no-repeat top center;
}

#menu li.document{
	background:url('../img/icon-docs.png') no-repeat top center;
}

#menu li.folder{
	background:url('../img/icon-system.png') no-repeat top center;
}

#menu li.gear{
	background:url('../img/gear.png') no-repeat top center;
}

#menu li a.prim{
	float:left;
	height:100%;
	padding-top:30px;
	padding-left:15px;
	padding-right:15px;	
	color:#ababab;
	font-size:14px;
}

#menu li.active{
	height:57px;
	border-bottom:4px solid #f34745;
}

#menu{
	margin-bottom:25px;
}

.contantainer{
	background:#fff;
	width:1090px;
	float:left;
	border-radius:12px;
	padding:20px;
}

#menu li .sub-menu{
	display:none;
}

#menu li:hover .sub-menu{
	display:block;
}

#menu .sub-menu{
	background:#2e2c3b;
	width:200px;
	position:absolute;
	left:0px;
	top:57px;
	padding-top:15px;
	padding-bottom:15px;
	border-radius:0px 0px 6px 6px;
}

#menu .sub-menu a{
	width:180px;
	padding-left:10px;
	padding-right:10px;
	padding-top:3px;
	padding-bottom:3px;
	border-bottom:1px solid #474552;
	float:left;
	font-size: 12px;
	font-family: Open Sans;
	color: #d1d1d1;	
	text-align:left;
}

#menu .sub-menu a.active{
	font-weight:bold;
	color:#f34745;
}

.list-table{
	width:100%;
}

.list-table td, .list-table th{
	text-align:center;
	padding:3px;
	border:1px solid #a6a6a6;
	font-size: 12px;
	font-family: Open Sans;	
}

.list-table th{
	cursor:pointer;
}

.list-table thead, .list-table thead th{
	background: #d5d5d8;
	color: #333141;
	text-shadow: 1px 0px #fff;
	font-weight:bold;
}

.list-table tbody td{
	font-size:12px;
	vertical-align:middle;
}

.absolute-holder{
	width:0px;
	height:0px;
	position:relative;
}

.bubble{
	position:absolute;
	padding-left:4px;
	padding-right:4px;
	height:25px;
	background:
		url('../img/button-left.png') no-repeat top left,
		url('../img/button-right.png') no-repeat top right;
		display:none;
}

.bubble .body{
	height:23px;
	padding-top:2px;
	padding-left:4px;
	background:url('../img/button-middle.png') repeat-x top left;
	float:left;
	width:100%;
}

.bubble .body a{
	float:left;
	margin-right:5px;
}

.bubble .body a.email{
	margin-top:4px;
}

.bubble .body a:last-child{
	margin-right:0px;
}

.bubble .body.c2{
	width:70px;
}

.bubble .body.c3{
	width:90px;
}

.bubble .body.c1{
	width:50px;
}

.bubble.act-options{
	right:10px;
	top:-8px;
}

.bubble .tale{
	width:12px;
	height:17px;
	position:absolute;
	right:-11px;
	top:5px;
	background:url('../img/bubble-tale.png') no-repeat top left;
}

.act-row:hover .bubble{
	display:block;
}

#logo{
	max-width:300px;
}

#filter{
	width:100%;
	padding-bottom:10px;
	padding-top:10px;
	font-size:14px;
}

.act:hover{
	opacity:0.8;
}

.act.selected td{
	background:#888;
}

.act.selected .invoice_data{
	border-bottom:none !important;
	border-top:none !important;	
}

.act.selected:first-child .invoice_data{
	border-top:1px solid #a6a6a6 !important;
}

.act.selected:last-child .invoice_data{
	border-bottom:1px solid #a6a6a6 !important;
}


.act.selected .invoice_data *{
	display:none;
}

#invoiceCreator{
	position:absolute;
	right:0px;
	top:0px;
	display:none;
}

#act_list{
	position:relative;
}

.list-table td, .list-table td div, .list-table td span{
	font-size:11px;
}

.list-table td a{
	font-size:11px;
	font-weight:bold;
	margin-right:5px;
}


.list-table td.table-split{
	background:none !important;
	border-top:none;
	border-bottom:none;
}

.icon-holder{
	display:inline-block;
}

.icon-holder .i{
	width:24px;
	height:24px;
	background:url('../img/item-icon-active.png') no-repeat;
	float:left;
	position:relative;
	margin-right:5px;
}

.icon-holder .i:hover{
	background:url('../img/item-icon-hover.png');
}

.icon-holder .i:last-child{
	margin-right:0px;
}



.icon-holder .i a{
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
}

.icon-holder .i a.info{
	background:url('../img/info.png') no-repeat center;
}

.icon-holder .i a.edit{
	background:url('../img/edit.png') no-repeat center;
}

.icon-holder .i a.pdf{
	background:url('../img/pdf.png') no-repeat center;
}

.icon-holder .i a.email{
	background:url('../img/email.png') no-repeat center;
}

.info-window{
	padding:5px;
	border-radius:8px;
	border:1px solid #393842;
	border-top:1px solid #74727d;
	background:rgba(0, 0, 0, 0.75);
	border:1px solid #333;
	display:none;
	position:absolute;
	right:20px;
	bottom:20px;
	min-width:150px;
	z-index:1000;
	text-align:left;
	padding-left:25px;
	padding-right:25px;
	min-width:200px;
}

.info-window, .info-window *{
	color:#fff;
	font-size:12px;
	font-family:Open Sans, Arial;
}

.info-icon:hover .info-window{
	display:block;
}

.open-bill .icon-holder .info-icon a{
	position:relative;
	left:-2px;
	top:-2px;
}

#filter{
	font-size:10px;
}

.ui.w70{
	width:90px !important;
}

.ui.w70 input{
	width:70px !important;
}

.ui.w701{
	width:90px !important;
}

.tl{
	text-align:left !important;
}

.tr{
	text-align:right !important;
}

.b{
	font-weight:bold !important;
}

#profile-tab *{
	color: #ABABAB;
    font-size: 12px;
}

#profile-tab{
	margin-right:10px;
}

#profile-tab .cw, #profile-tab .cw *{
	color:#D3DADC;
}

.pop-elem{
	display:none;
}

#popbg{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.6);
	z-index:99;
}

.popup#change-password{
	margin-left:-125px;
	margin-top:-65px;
}

.popup#accept-act{
	margin-left:-182px;
	margin-top:-72px;
}

.popup{
	z-index:100;
	position:absolute;
	left:50%;
	top:50%;
	padding:25px;
	background:#fff;
	border-radius:25px;
}

.w100{
	width:100%;
}

#filter{
	position:relative;
	top:-10px;
}

#filter input[type='text']{
	position:relative;
	top:15px;
}

#filter  .button2{
	position:relative;
	top:3px;
	margin-left:5px;
}

#content-changer{
	margin:10px;
	margin-left:10px;
}

#send-document{
	margin-left:-125px;
	margin-top:-75px;
}

td.options{
	width:135px;
}

td.options img{
	width:20px;
}

td.options input{
	display:none;
}

.option{
	position:relative;
}
.option:hover{
	z-index:1000;
}

.option .info{
	display:none;
}

.option:hover .info{
	display:block;
	padding:5px;
	background:#fff;
	top:-20px;
	position:absolute;
	width:100px;
	left:0px;
	color:#000;
	font-weight:bold;
	text-align:left;
	border:1px solid #333;
	border-radius:10px;
}	

tr.act.accepted td{
	background:#d4dce0;
}

.blog-item .photo img{
	max-height:150px;
}

#c-profiler{
	background:#000;
	left:15px;
	bottom:0px;
	padding:5px;
	position:fixed;
	color:#fff;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	border-radius:5px 5px 0px 0px;
	cursor:pointer;
}

#dev-params{
	width:100%;
	float:left;
	float:left;
	padding-top:30px;
	padding-bottom:30px;	
}

#dev-params{
	display:none;
}


#unit-counter{
	padding-left:230px;
	padding-top:5px;
}

.data-block{
	width:100%;
	float:left;
	padding-top:10px;
}

.text-left, .text-left *, .text-left tr td{
	text-align: left;
}

.w50-spacing{
	width:50%;
	float:left;
	padding:15px;
	box-sizing: border-box;
	padding-left:0px;
}

.w50-spacing.no-l{
	padding-left:0px;
}

.w50-spacing.no-r{
	padding-right:0px;
}

.notification{
	width:100%;
	padding:5px;
	border:1px solid #a6a6a6;
	background:#ddd;
	border-radius:8px;
	margin-bottom:10px;
	box-sizing: border-box;;
	font-size:12px;
	cursor:pointer;
}

#view-rating-notification-document{
	font-size: 12px;
}

.letter-icon.inactive{
	background:#ddd;
}

.letter-icon{
	background:#5353dc;
	border:1px solid #ccc !important;
}

.letter-icon.inactive:after{
	color:#000;
}

.letter-icon:after{
	content: attr(data-letter);
	color:#fff;
	position:relative;
	top:2px;
	font-weight:bold;
}