// Shedule Update Import

.uti-outer{
	padding: 20px;
	background: #fff;
	margin: 40px;
		.utility-search{
			font-size: 12px;
			text-transform: uppercase;
			font-family: proxima-nova, Arial, Helvetica, sans-serif;
				span{
					margin-right: 20px;
					font-weight: bold;
				}
				input[type="text"]{
					padding: 5px;
					border: 1px solid #999;
				}
		}
		.uti-tables-outer{
			margin: 20px 0;
			font-size: 12px;
				ul{
					li{
						list-style: none;
							&:nth-of-type(even){
								background-color: #e0e0e0;
							}
							&:nth-of-type(odd){
								background-color: #e6e6e6;
							}
							h3{
								&.ui-helper-reset{
									&:nth-of-type(even){
										background-color: #e0e0e0;
									}
									&:nth-of-type(odd){
										background-color: #e6e6e6;
									}
								}
							}
							.header{
								padding: 7px;
								color: #000;
								text-shadow: none;
								.icon-set{
									float: left;
									background-color: #62a4d0;
									color: #fff;
									padding: 7px;
									margin: -7px 15px -7px -7px;
									cursor: pointer;
									border-right: 1px solid #fff;
										&:hover{
											background-color: #328dcc;
										}
								}
								.uti-name{
									float: left;
								}
								.uti-type{
									float: right;
								}
							}
							.ui-accordion-content{
								padding-bottom: 20px;
							}
					}
				}
			
				.uti-tables{
					width: 98%;
					border: 1px solid #ccc;
					background-color: #efefef;
					margin: 20px auto 0;
					min-height: 226px;
						.uti-tables-left{
							float: left;
							width: 65%;
							border-right: 1px solid #ccc;
							max-height: 224px;
							overflow-y: scroll;
								table{
									border-bottom: 0px solid #ccc;
									thead{
										tr{
											th{
												background-color: #dc6633;
												color: $white;
												padding: 7px;
												text-align: left;
												font-size: 12px;
												text-transform: uppercase;
												font-weight: normal;
												width: auto;
												text-shadow: none;
												border-bottom: 0;
											}
										}
									}
									tbody{
										tr{
											&:nth-of-type(even){
												background-color: #e0e0e0;
											}
											td{
												color: $black;
												padding: 7px;
												text-align: left;
												font-size: 12px;
												font-weight: normal;
													i{
														background: #e43a3a;
														padding: 5px;
														margin: -5px 0;
														color: #fff;
														cursor: pointer;
													}
											}
										}
									}
								}
								.btn{
									margin: 15px;
									text-align: right;
										button{
											&.imp{
												float: left;
											}
											&.check{
												float: right;
											}
											background: #1d81c7;
											border: 0;
											color: #fff;
											cursor: pointer;
											font: 400 14px proxima-nova;
											text-transform: uppercase;
											font-family: arial;
											padding: 5px 10px;									
										}
								}
						}
						.uti-tables-right{
							float: right;
							width: 34%;
								.top{
									width: 90%;
									margin: 15px auto;
										h3{
											font-size: 14px;
											text-transform: uppercase;
											float: left;
											margin-top: 5px;
										}
										button{
											background: #1d81c7;
											border: 0;
											color: #fff;
											cursor: pointer;
											font: 400 14px proxima-nova;
											text-transform: uppercase;
											font-family: arial;
											padding: 5px 15px;
											margin: 0;
											float: right;
										}
								}								
								.entry-area{
									width: 90%;
									margin: 10px auto;
										.ea-left{
											margin: 5px 0;
										}
										.ea-right{
												input[type="text"]{
													padding: 6px 9px;
													width: 100%;
													font-size: 11px;
													color: #666666;
													font-style: italic;
												}
												button{
													background: #1d81c7;
													border: 0;
													color: #fff;
													cursor: pointer;
													font: 400 14px proxima-nova;
													text-transform: uppercase;
													font-family: arial;
													padding: 5px 15px;
													margin: 10px 0 0 0;
												}
												
												.import-only{
													float: right;
														.image-upload{
															input{
																display: none;
															}
														}
												}
										}										
								}
						}
				}
		}
}

.affected-indi{
	width: 700px;
		.aff-indi-search{
			.aff-search{
				font-size: 12px;
				text-transform: uppercase;
				font-family: proxima-nova, Arial, Helvetica, sans-serif;
					span{
						margin-right: 20px;
						font-weight: bold;
					}
					input[type="text"]{
						padding: 5px;
						border: 1px solid #999;
					}
			}
		}
		.aff-indi-table{
			margin-top: 15px;
			table{
				thead{
					tr{
						th{
							background-color: $main-blue;
							color: $white;
							padding: 4px;
							text-align: left;
							font-size: 12px;
							text-transform: uppercase;
							font-weight: normal;
							text-shadow: none;
							border-bottom: 0;
						}
					}
				}
				tbody{
					tr{
						&:nth-of-type(odd){
							background-color: rgba(237, 237, 237, 0.6);
						}
						&:nth-of-type(even){
							background-color: rgba(221, 221, 221, 0.6);
						}
						td{
							padding: 3px;
							font-size: 12px;
						}
					}
				}
			}
		}
}