@charset "utf-8";


/* CSS Document */





body				{background: #F3F4F6;	font: 100%/150% Geneva, Arial, Helvetica, sans-serif; color: #222; margin: 0 !important;}


a, a:visited			{color: #0099CC;text-decoration: none;}


a:hover 			{color: #000;text-decoration: underline;}





h1 				{font-size: 24px;color:#3399CC;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: lighter;border-bottom: dotted 1px #666;}


h2 				{font-size: 16px;}


h3 				{font-size: 14px;}


	


#wrap 				{width: 100%; margin: 0 auto;}





/* Header */
.logo{
	float: left;
	height: 63px;
}

#header-space 			{height: 22px;}


#logo 				{width: 30px;padding-top: 25px;float: left;}


#company-name 			{font-size: 28px;padding-top: 28px;font-weight: bold;color: #fff;}


#tagline 			{color: #ccc;font-size: 12px;padding-top: 3px;}





/* Navigation Bar */

#navbar 			{background: #3b3131;	position: relative; float: left; width: 100%;}


#nbar a 			{font-weight: normal;}


#nbar 				{position: relative;width: auto;height: 63px;margin: 0;padding : 2px 0 0 0;font: 12px/25px Verdana, Arial, Tahoma, Sans-serif;}


#nbar ul 			{float: left;list-style : none;margin: 0;padding: 0;}


#nbar ul li 			{display: inline; float: left;border-left: 1px dotted #666; height: 25px; }


#nbar ul li a 			{display: block;color: #ccc;text-decoration:none;background: none; padding-left: 10px; padding-right: 10px;}


#nbar ul li a:hover 		{color: #fff;background: #999;}


#nbar ul li#selected a 		{color: #3399FF;background: url(nbg-inv.png) top repeat-x;font-weight: bold;}





/* Content */


#content-wrap 			{padding: 10px 5px 0 5px;}


#content 			{width: 1000px;float: left;font-size: 10px;}


.post-footer 			{background: url(post-footer.png) no-repeat;height: 32px;font-size: 12px;font-weight: bold;padding: 5px 10px 0 10px;text-align: right;color: #fff;margin-bottom: 30px;} 


.dated 				{padding-top: 2px;background: url(calendar.png) left no-repeat;padding-left: 20px;float: left;}


.category 			{background: url(category.png) left no-repeat;padding-left: 20px;margin-left: 10px;float: left;height: 22px;}


.author 			{padding-left: 20px;padding-bottom: 5px;background: url(user.png) no-repeat;}


.more 				{padding-right: 20px;margin-left: 20px;padding-bottom: 2px;background: url(more.png) right no-repeat;}





/* Forms and Text Fields */


form 				{margin : 9px;padding : 0 5px;border-top: dotted 2px #D7D7D7;border-bottom: dotted 2px #D7D7D7;}


label 				{display : block;font-weight : bold;margin : 5px 0;color: #333333;}


input 				{padding : 2px;	border : 1px solid #D7D7D7;font : normal 1em Verdana, sans-serif;color : #000000;background: #F9F9F9;}


textarea 			{width : 400px;padding : 2px;font-family : Verdana, sans-serif;border : 1px solid #D7D7D7;height : 100px;display : block;background:#F9F9F9;color : #000;}


input.button 			{margin : 0;font : bolder 12px Arial, Sans-serif;border : 2px solid #ccc;padding : 2px 3px;background : #fff;color : #131212;}





/* Addition Stuffs */


blockquote 			{background: #F8F8F8;border: dotted 1px #D7D7D7;padding: 5px 5px 5px 25px;}


code 				{margin : 4px 8px;padding : 10px;text-align : left;display : block;overflow : auto;font : 500 1em/1.5em 'Lucida Console', 'courier new', monospace;background: #F8F8F8;border : 1px dashed #D7C3C3;}


ul, ol 				{margin: 5px 20px;padding: 0 20px;color: #333333;}


ul span, ol span 		{color: #333333;}





/* Sidebar */


#sidebar 			{width: 360px;float: right;font-size: 14px;border-bottom: dotted 2px #D7D7D7;}


#sidebar h1 			{font-size: 16px;font-weight: bold;	color: #333;}


#left-sbar 			{width: 175px;float: left;border-left: 2px dotted #ccc;}


#right-sbar 			{width: 175px;float: right;border-left: 2px dotted #ccc;}


#sidebar .widgetspace 		{padding: 5px 5px 0 10px;margin: 0px;background: url(side-footer.png) bottom no-repeat;padding-bottom: 28px;}


#sidebar ul.menu 		{list-style: none;text-decoration: none;margin : 3px 0 2px 0;padding: 0;}


#sidebar ul.menu li 		{padding : 2px 0 0px 5px;margin : 0 0 0 2px;border-bottom: 1px dotted #ccc;}


#sidebar ul.menu li:hover 	{background: #EBEBEB;}


#sidebar ul.menu a 		{text-decoration : none;background-image : none;color: #333;}


#sidebar ul.menu a:hover 	{}


#divider-line 			{border-top: 1px dashed #A6A6A6;height: 2px;}





/* Images */


img 				{border: none;background: none;}


img.float-right 		{margin : 5px 0 10px 10px;padding: 2px;}


img.float-left 			{margin : 5px 10px 10px 0;padding: 2px;}





/* Footer */





#footer 			{background: #999999;height: 25px;padding-top: 5px;border-top: 5px solid #666666;color: #fff;font-size: 12px;text-align: center;}


#footer a 			{color: #000;}


.clearfix 			{clear:both;overflow: hidden;}








.text 				{font-size: 12px; font-family: "Arial, Helvetica", sans-serif; }


.text_red 		{font-size: 12px; font-family: "Arial, Helvetica", sans-serif;;  color: #FF0000 }


.text_orange 		{font-size: 12px; font-family: "Arial, Helvetica", sans-serif;;  color: #FFA500 }


.centertext {font-size: 14px; font-family: " Arial, Helvetica", sans-serif; text-align:center}


select[name="subcat"]                  {width: 250;}

.dostavchik{
	width: 70px;
	height: 50px;
}

#wrapper{
	max-width: 800px;
	margin: 0 auto;
}

#dialog table {
	width: 100%;
	border-collapse: collapse;
    border-spacing: 0;
	background-color: transparent;
}

#dialog table > thead > tr > th {
    border-bottom: 2px solid #ddd;
    vertical-align: bottom;
}

#dialog table > tbody{
	font-size: 14px;
}

#dialog table > tbody p{
	margin: 0;
}

#dialog table > tbody > tr:nth-of-type(2n+1) {
    background-color: #f9f9f9;
}

.calBtn{
	padding: 5px;
	margin-right: 10px;
	background-color:#1264e8;
	color: #fff !important;
	text-align: center;
}

.calBtn:hover{
	text-decoration: none;
}

.ui-dialog{
	font-size:12px !important;
}

.ms-container{
	width: 100% !important;
}

.work_time{
	margin-top: 30px;
}

.flRight{
	float: right;
}

.flLeft{
	float: left;
}

.table{
	width: 100%;
}

.table td input{
	width: 100%;
}

.table td{
	padding-left: 10px;
	padding-right: 10px;
}

.container{
	max-width: 1200px;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
}

.borderedTable, .borderedTable td, .borderedTable th{
	border-collapse: collapse;
	border: 1px solid #000;
}

.w100p{
	width: 100%;
}

.pl10{
	padding-left: 10px;
}

.pr10{
	padding-right: 10px;
}

 /* Dropdown Button */
.dropbtn {
    background-color: transparent !important;
    color: #ccc;
    font-size: 12px;
    border: none;
    cursor: pointer;
	padding-left: 10px !important;
	padding-right: 10px !important;
	height: 25px !important;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: block;
	height: 25px !important;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	min-width: 200px;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: #000 !important;
    padding: 5px 7px;
    text-decoration: none;
    display: block !important;
	
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd !important;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover {
    background: #999;
}
.dropdown:hover > .dropbtn{
    color: #fff;
}

.spravkaUserTable > thead > tr > td{
	text-align:center;
}

.spravkaUserTable > thead > tr > td:hover{
	cursor: pointer;
}

.spravkiTable td{
	padding-left: 5px;
	padding-right: 5px;
}

.repairFiles{
	max-width: 1000px;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 40px;
}

.one_file{
	float: left
}

.repairFiles a{
	display: block;
	border: 1px solid #999;
	border-radius: 3px;
	padding: 5px;
	text-align: center;
}

.repairFiles a > img{
	max-width: 200px;
}

.success{
	color: green;
}

.error, .required{
	color: red;
}

.customTable tr:hover{
	background-color: #999;
}

.addTaskTable td{
	padding: 5px;
}

.tehnikGrafikRow:hover{
	background-color: #ddd;
}

.tehnikGrafikRow{
	width: 100%;
	border: 1px solid #999;
	margin-bottom: 2px;
}

.tehnikGrafikRow .tehnikNameBox, .tehnikGrafikRow .tehnikTaskBox{
	padding: 5px !important;
}

/*.tehnikGrafikRow .tehnikTaskBox{
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}*/

.taskInfo{
	background-color: #298ac6;
	color: #fff;
	border-radius: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

.tehnikTaskBox:hover{
	cursor: pointer;
}

.statusColorBox{
	width: 40px;
	height: 20px;
	border: 1px solid #fff;
}


.moveTime a{
	font-size: 20px;
}

.btnLoadMoreGrafik{
	display:block;
	padding: 15px 5px;
	margin: 0 auto;
	margin-top: 10px;
	background-color: #337ab7;
	border: 1px solid #337ab7;
	color: #fff;
	border-radius: 5px;
}

.btnLoadMoreGrafik:hover{
	background-color: #337aff;
	cursor: pointer;
}
.order-btn-operation{
	display: block;
	width: 20px;
	height:20px;
	margin-right: 5px;
}