html {
	width: 100%;
	height: 100%;
}
body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

h1 {
	font-size: 1.5em;
}

td {
	padding: 9px 13px
}

.table_1 {
	border-spacing: 0;
    border-collapse: collapse;
	width: 100%;
}
.table_1 th {
	padding: 7px 11px;
	font-size: 1.3em;
	text-align: left;
	background-color: #fff;
	color: #00ccff;
	border-bottom: 1px solid #00ccff;
}
.table_1 td {
	padding: 7px 11px;
	font-size: 1.2em;
	text-align: left;
	vertical-align: top; 
	font-size: 1.3em;
}
.table_1 tr {
	border-bottom: 1px solid #d4d4d4;
}

.table_1 tr:hover {
	background-color: #d4d4d4;
	cursor: pointer;
}
.table_1 tr:last-child {
	border-bottom: 0px solid #d4d4d4;
}
.searchBox {
	padding: 15px; 
	text-align: center;
	width: 90%;
}

.searchBox input:onfocus {
	border: 3px solid #ffcc00;
}
.searchResultsBx {
	margin: 0px auto; 
	width: 400px;
}
.assigningBx {
	margin: 0px auto; 
	width: 500px;
}
.myAssignCloseBt{
	float: right; 
	width: 20px; 
	height: 20px; 
	border: 1px solid #3a3a3a; 
	border-radius: 2px;
	cursor: pointer;
}

.assigningHdr {
	padding: 9px; 
	border-bottom: 1px solid #d4d4d4; 
	margin-bottom: 9px;
}
.assigningBody {
	padding: 0px; 
	text-align: center;
}

.assigningSideCol {
	background-color: #ffcc00; 
	padding: 11px; 
	border-radius: 5px;
	margin-bottom: 7px;
}
.assigningBtn {
	float: left; 
	width: 30%
}
.assigningBtn div:hover{
	background-color: #3ea23e; 
}
.assigningCenterCol {
	padding: 25px 11px 11px 11px; 
	border-radius: 5px; 
	background-image: url(../img/assign.png); 
	background-repeat: no-repeat; 
	background-size: 30px auto; 
	background-position: top center;
	margin: 0px 5px 7px 5px;
	background-color: transparent;
	cursor: pointer;
}

.colTextHdr {
	font-size: 0.7em;
}

/* Lists assigning starts here */
#assigningHeaderBx {
	padding: 15px; 
	text-align: center; 
	height: 15%;
}

#assigningBodyBx {
	background-color: #fff; 
	padding: 9px; 
	height: 100%;
}

#leftSearchResultsList, #rightSearchResultsList {
	float: left; 
	width: 40%; 
	overflow-y: auto; 
	height: 600px;
}

#centerInformationPanel {
	float: left; 
	width: 20%; 
	overflow: hidden; 
	text-align: center;
	font-size: 1.5em;
	/*color: #00ccff;*/
}
.wrapCenterInformationPanel {
	padding: 75px 15px;
	background-image: url('../img/arrow.right.png');
	background-repeat: no-repeat;
	background-position: center bottom;
}

.relationSwitch {
	border-radius: 3px; 
	border: 1px solid #ededed;
	text-align: center;
	color: #00ccff;
	font-size: 1.0em;
	padding: 0px 7px;
}
.relationSwitch:hover {
	box-shadow: 0px 0px 3px 5px #cccccc;	
	border: 1px solid transparent;
	background-color: #dedede;
}

.listAssignBtn {
	float: right; 
	border: 1px solid #d4d4d4;
	background-color: #ededed; 
	padding: 0px; 
	border-radius: 25px; 
	font-size: .6em;
}
.listUnAssignBtn {
	float: right; 
	border: 1px solid #d4d4d4; 
	background-color: #ededed; 
	padding: 0px; 
	border-radius: 25px; 
	font-size: .6em;
}
.assignBtn_red {
	float: right; 
	border: 1px solid #eba1a1; 
	background-color: #eba1a1; 
	border-radius: 45px; 
	border-radius: 45px; 
	text-align: center; 
	padding: 2px 9px; 
	font-size: 1.3em;
}
.assignBtn_green {
	float: right; 
	border: 1px solid #97cd74; 
	background-color: #97cd74; 
	border-radius: 45px; 
	text-align: center; 
	padding: 2px 9px; 
	font-size: 1.3em;
}
.assignBtn_orange {
	float: right; 
	border: 1px solid #ffcc00; 
	background-color: #ffcc00; 
	border-radius: 45px; 
	text-align: center; 
	padding: 2px 9px; 
	font-size: 1.3em;
}
/* Drag and Drop container */
#container { 
    position: absolute;
    z-index: 3; 
    width: 0px; 
    height: 0px; 
    border: 0px; 
    margin: 0px; 
    padding: 0px;
    border-radius: 0px 5px 5px 5px;
    box-shadow: 1px 1px 2px 0px #3a3a3a;
}

#container table td {
    padding: 2px 8px;
    border-bottom: 1px dotted #3a3a3a;
}
#container table th {
    padding: 2px 8px;
    border-bottom: 1px solid #3a3a3a;
    text-align: left;
}

@media screen and (max-width: 991px) {
	.searchResultsBx .assigningBx { width: 100%; } 
}