// MANAGE PAGE USE ONLY

.manage-page-area{
	background-color: #ffffff;
	box-shadow: 0 0 10px #292929;
	margin: 0 40px 40px;
	font-family: Arial, Helvetica, sans-serif;
		.data-table{
			padding: 15px;
		}	
		table{
			tr{
				&:hover {
					background-color: #b2e0ff!important;
					cursor: pointer;
				}
				th{
					&:nth-child(2){
					 padding: 0 10px !important;
					vertical-align: middle !important;
				}
				&:nth-child(n+4) {
					text-align: right!important;
				}
					&.blue-bg-dark{
						background-color: #328dcc;
						color: #ffffff;
						cursor: pointer;
						font-size: 12px;
						padding: 5px 3px;
						text-transform: uppercase;
						vertical-align: bottom;
						text-align: left;
					}
					&.blue-bg-light {
						background-color: #60a7d8;
						color: #ffffff;
						font-size: 12px;
						font-weight: normal;
						padding: 5px 0;
						text-transform: uppercase;
						}
				}
				td{
					font-size:12px;
					height: 25px;
						&:nth-child(2){
							padding: 0 10px;
						}
						&:nth-child(n+4) {
							text-align: right;
						}
						&.red{
							background-color: #d34000;
							float: left;
							width: 5px;
						}
						&.green{
							background-color: #8EBF49;
							width: 5px;
							float: left;
						}
						p{
							line-height: 25px;
							overflow: hidden;
							position: relative;
							text-align: left;
							text-overflow: ellipsis;
							top: 0;
							white-space: nowrap;
							width: 100%;
						}
						.actions{
							float: right;
							margin: 0 ;
								li{
									background-color: #666666;
									border-bottom: 1px solid #fff;
									border-right: 1px solid #fff;
									color: #fff;
									cursor: pointer;
									float: left;
									font-size: 12px;
									list-style: outside none none;
									padding: 5px 8px;
									transition: all 0.3s ease 0s;
										&:last-child{
											border-right: none;
										}
										&:hover {
											background-color: #268bcf!important;
										}
								}
								
						}
				}
				&:nth-child(2n){
					 background-color: #e0e0e0;
				}				
			}			
		}
}
.pagination {
	margin: 15px 0;
		ul{
			li{
				float: left;
				list-style: outside none none;
					a{
						background-color: #1B79B9;
						color: #fff;
						display: block;
						font-size: 12px;
						line-height: 25px;
						margin: 0 1px;
						padding: 0 10px;
						text-transform: uppercase;
						&.active,&:hover {
							background-color: #0869AD;
						}
					}
			}
		}
		&.fr {
			float: right;
		}
}

.schedule-search-area{
	background-color: #ffffff;
    box-shadow: 0 0 10px #292929;
    font-family: Arial,Helvetica,sans-serif;
    margin: 0 40px 40px;
	padding: 15px;
		label{
			font-size:12px;
		}
		.schedule-filter {
			width: 16%; 
			float:left;
				.date-input {
					color: #666;
					font-size: 11px;
					padding: 6px 9px;
					width: 100%;
				}
				select {
					color: #666;
					font-size: 11px;
					padding: 6px 9px;
					width: 100%;
				}
				.search-wrapper {
					margin: 0 0 10px;
				}
		}
		.left-por{
			float: right;
			width: 83%;
				.search-category {
					border: 1px solid #ccc;
					float: left;
					height: 210px;
					margin: 0 15px;
					overflow-y: scroll;
					padding: 5px 15px;
						.column-item{
							padding: 3px 0;
								span {
									font-size: 12px;
									margin: 0 5px;
								}
								.colum-indicator{
									background:url("../img/icon_next_arrow.png") no-repeat;
									width:10px;
									height:10px;
									margin: 6px;
									float:right;
								}
						}
				}
				.cvl-area {
					border: 1px solid #ccc;
					float: left;
					margin: 10px 15px;
					padding: 10px 0;
					width: 98%;
				}
		}
		.btn-set{
			margin: 10px 0;
				.btn{
					border: medium none;
					color: #ffffff;
					cursor: pointer;
					font-size: 14px;
					height: 42px;
					position: relative;
					text-transform: uppercase;
					width: 215px;
				}
				.blue-btn {
					background: #1c81c7 none repeat scroll 0 0;
					transition: all 0.3s ease 0s;
					&:hover {
						background: #1b78b9 none repeat scroll 0 0;
					}
				}
		}
}