.testdiv_top{width:100%;height:50px;}
	 #groups_top label[for="checkbox-1-1"] {vertical-align:middle}
	.testdiv_top .label{font-size:12px;padding:10px;padding-left:5px;color:#7799cc}
	.testdiv_bottom{width:100%;height:50px;position:absolute;bottom:0px;text-align:right}
	.testdiv_left{width:40%;height:300px;position:absolute;overflow:hidden;}
	.testdiv_right{border-left:1px solid #d7d7d7;width:60;height:300px;position:absolute;margin-left:40%;overflow:auto}
	.testdiv{background:#fff;width:100%;height:400px;position:relative;padding:5px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
	.testdiv_left ul{list-style:none;padding:0px;word-wrap:break-word;}
	.testdiv_left ul li {margin-bottom:5px;}
	.testdiv_input{background:#e6e6e6;padding:6px;width:52%;margin:5px;border:1px solid #b9b9b9}
	.testdiv_bottom a,.testdiv_bottom input{margin:10px;}
	.testdiv_bottom a.right-margin {margin-right:15%!important}
	#groupRoot li ul {display:none}
	.userBlock img{width:100%;height:100%;background:#eee;}
	.testdiv_left ul li div{cursor:pointer;padding:5px;color:#4a6081;}
	.testdiv_left ul li div + ul li div {margin:5px 0px 5px 10px !important;border-left: 5px solid #465d82;}
	.testdiv_left ul li div + ul li div + ul li div {margin:5px 0 5px 20px !important}
	.testdiv_left ul li div + ul li div + ul li div + ul li div{margin:5px 0 5px 30px !important}
	.testdiv_left ul li div + ul li div + ul li div + ul li div+ ul li div{margin:5px 0 5px 40px !important}

	.testdiv_left ul li div + ul li div + ul li div + ul li div + ul li div + ul li div{margin:5px 0 5px 50px !important}
	.testdiv_left ul li div.selected {background:#7799cc; color:#fff}
	.testdiv_left ul li.child1 { margin-left:15px;}

	.userBlock {float:left;width:80px;height:80px;border:1px solid var(--border-color);border-radius:5px;white-space:nowrap;margin-bottom:3px;margin-right:3px;overflow:hidden;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius:3px; position:relative; cursor:pointer}
	.userBlock .caption {position:absolute;bottom:0px;width:100%;padding:3px; height:20px; background:#fff; opacity:0.8}
	.userBlock .caption p {margin: 2px 0;text-align:left;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.userBlock .caption p.captionName {font-size:10px; color:#000000;font-weight:normal}
	.userBlock .caption p.subtitle {font-size:8px; color:#686868;}

	/* icon plus and minus*/
	/*.grpExpand:before { content: '\e822';}*/
	.grpExpand, .grpContract {margin-right: 10px;position: absolute;left: 3px;top: 50%;margin-top: -8px;}
	.grpContract:before { content: '\e826';}
	.selected .icon-group-users:before { /*color:#fff;*/}
	.userBlockOverlay {opacity:0.8;background-color:#6ec4c8;position:absolute;top:0px;width:110px;height:56px;background-image:url('/app/resources/checked-user.png');background-repeat:no-repeat;background-position:25px 20px;}


	.popupdiv_top{width:100%;min-height:0%;border-bottom:0px solid #e0e5ea;}
	.popupdiv_top .label{font-size:12px;/*padding:10px;padding-left:5px;*/color:#333}
	.popupdiv_bottom{width:100%;/*min-height:15%;*/clear:both;bottom:0px;text-align:right;background:#e5eaef;/*border:1px solid #e0e5ea;box-shadow:0 0 2px rgba(0, 0, 128, 0.1) inset;*/}
	.popupdiv_center{width:90%;height:300px;position:absolute;overflow-y:auto;}
	.popupdiv_left{width:100%;overflow:hidden;float:left;}
	.popupdiv_right{/*border-left:1px solid #d7d7d7;*/width:100%;overflow:auto;float:left;/*border-bottom:1px solid #000;*/}

    #userListWindow {
        z-index: 10001 !important
    }
	#userListWindow .popupdiv_left {
		height: 375px;
		padding: 10px 0;
		box-sizing: border-box;
	}
	#userListWindow .popupdiv_right {
		height: 375px;
		padding: 10px 0;
		box-sizing: border-box;
	}
	#userListWindow #spanHandle, #groupListWindow #spanHandle {display:none;}

	#groupListWindow .popupdiv_center {
		position: static;
		height: 370px;
		width: 100%;
	}
	#groupListWindow .search input {width:400px;padding-right:15px;}
	#groupListWindow .search .inputOptions {display:none;}
	#groupListWindow .search-ac {display:none;}
	.popupdiv{background:#fff;width:100%;position:relative;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
	.popupdiv_left ul, .popupdiv_center ul{list-style:none;padding:0px 0px;word-wrap:break-word;}
	.popupdiv_left ul li, .popupdiv_center ul li{margin-bottom:0px;}
	/*.popupdiv_input{background:#ffffff;padding:6px;margin:4px 10px 3px 3px;border:1px solid #e0e5ea;}
	.popupdiv_input:focus { border-color: rgba(82, 168, 236, 0.8); border-width: 1px; box-shadow: 0 0 3px #9ECAED;}*/
	.popupdiv_bottom a,.popupdiv_bottom input{margin:4px;}
/*	.popupdiv_bottom a.right-margin {margin-right:15%!important}*/
	.popupdiv_left ul li div, .popupdiv_center ul li div{cursor:pointer;padding:6px;color:var(--menu-color);font-size:14px;font-weight:600;/*border-radius:3px;*/}
	.popupdiv_left ul li div + ul li div , .popupdiv_center ul li div + ul li div {margin:0px 0px 0px 12px !important;border-left: 2px solid var(--gray-color);}
	.popupdiv_left ul li div + ul li div + ul li div, .popupdiv_center ul li div + ul li div + ul li div{margin:5px 0 5px 20px !important}
	.popupdiv_left ul li div + ul li div + ul li div + ul li div, .popupdiv_center ul li div + ul li div + ul li div + ul li div{margin:5px 0 5px 30px !important}
	.popupdiv_left ul li div + ul li div + ul li div + ul li div+ ul li div, .popupdiv_center ul li div + ul li div + ul li div + ul li div+ ul li div{margin:5px 0 5px 40px !important}
	.popupdiv_left ul li div + ul li div + ul li div + ul li div + ul li div + ul li div, .popupdiv_center ul li div + ul li div + ul li div + ul li div + ul li div + ul li div{margin:5px 0 5px 50px !important}
	.popupdiv_left ul li div.selected, .popupdiv_center ul li div.selected{

	background-color:var(--select-color); /*var(--header-background); */
	color:#fff;
}
.popupdiv_left ul li div:not(.selected):hover, .popupdiv_center ul li div:not(.selected):hover{background:#fff;color:var(--highlight-color);}
.usergroupinput{font-size:12px !important;}
/*.myInput.usergroupinput {background:#fff; border:1px solid #e0e5ea;}*/

/*adjustments for user component dropdown*/
#searchForWhatOption + img.listArrow,
#showSomeUsers + img.listArrow,
#selectSomeUsers + img.listArrow {top:-10px;margin:0px 0px -3px -20px!important;padding:6px 3px!important}

#groups .right{margin-left:1%;width:auto;font-size:14px;}
/****** adjustment for desktop */
#groups_bottom .popupdiv_but1 {/*background:none!important;box-shadow:none!important;-webkit-box-shadow:none!important;text-shadow:none!important;*/border: none;font-size:14px;margin:0px 10px;}
/*#groups_bottom .popupdiv_but1:hover {color:#3BB8E7 !important}*/
#groups_bottom .popupdiv_but1 i {/*margin-right:5px;*/}
#groups_bottom .popupdiv_but1.custom-1 {background:linear-gradient(to bottom, #44C5EC 0%, #259BDB 100%) repeat scroll 0 0 rgba(0, 0, 0, 0)!important}
#groups_bottom .popupdiv_but1.greyButton.custom-1{background:linear-gradient(to bottom, #E9E8E8 0%, #D4D4D4 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important}
#groups_bottom .popupdiv_but1.custom-1{margin:2px 2px!important}
#groups_bottom .popupdiv_but1.custom-1:hover {color:gray!important}
.popupdiv_left ul li.child1, .popupdiv_center ul li.child1{ margin-left:15px;}
a.popupdiv_but1[disabled] > span {color:#9ab!important}
a.popupdiv_but1[disabled] > i {color:#9ab!important}
.onlineSpan {
		background: none repeat scroll 0 0 #1ECC21;
		border-radius: 999px;
		color: #1ECC21;
		content: "-";
		display: block;
		float: right;
		height: 10px;
		left: 60px;
		position: absolute;
		top: -47px;
		width: 10px;
		border: 2px solid rgba(255,255,255,0.99);
}

/** New Search **/
input {
	/*font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
	font-size: 13px;
	color: #555860;
}

.search {
	/*position: relative;*/
	text-align: center;
}
.search input {
	height: 30px;
	width: 230px;
	padding: 0 82px 0px 25px;
	background: #fff url(/app/resources/search_12.png) 8px 8px no-repeat;
	border: 1px solid;
	border-color: var(--border-color);
	border-radius: 3px;
	margin-bottom: 10px;
	-webkit-appearance: textfield;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*-webkit-box-shadow: inset 0 1px #e5e7ed, 0 1px #fcfcfc;
	box-shadow: inset 0 1px #e5e7ed, 0 1px #fcfcfc;*/
}

.search input[type="checkbox"] {
    background: transparent!important;
    width: 20px!important;
    height: 20px;
    margin-top: 4px;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    outline: none;
    border: 1px solid #CCD6E6;
}

.search input[type="checkbox"]:checked {
    -webkit-appearance: auto;
    outline: none;
}

.search input:focus {
	outline: 0;
	border-color: var(--select-color);
	/*-webkit-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
	box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);*/
}
.search input:focus + .inputOptions + .search-ac {
	display: block;
}

.search-ac {
	display: none;
	position: absolute;
	z-index: 10;
	background: #fdfdfd;
	border: 1px solid;
	border-color: #cbcfe2 #c8cee7 #c4c7d7;
	/*border-radius: 3px;*/
	background-image: -webkit-linear-gradient(top, #fdfdfd, #eceef4);
	background-image: -moz-linear-gradient(top, #fdfdfd, #eceef4);
	background-image: -o-linear-gradient(top, #fdfdfd, #eceef4);
	background-image: linear-gradient(to bottom, #fdfdfd, #eceef4);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	margin:0;
	padding:0;
}
.search-ac:hover {
	display: block;
}
.search-ac li {
	display: block;
}
.search-ac li:first-child {
	margin-top: -1px;
}
.search-ac li:last-child {
	margin-bottom: -1px;
}
.search-ac a {
	display: block;
	position: relative;
	margin: 0 -1px;
	padding: 3px 20px;
	color: #808394;
	font-weight: 500;
	text-decoration: none;
	text-shadow: 0 1px #fff;
	/*border: 1px solid transparent;*/
	/*border-radius: 3px;*/
}
.search-ac a span {
	font-weight: 200;
}
.search-ac a:hover {
	color: #fff!important;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
	background-color: #259BDB;
	background: -moz-linear-gradient(top,  #44c5ec 0%, #259bdb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#44c5ec), color-stop(100%,#259bdb));
	background: -webkit-linear-gradient(top,  #44c5ec 0%,#259bdb 100%);
	background: -o-linear-gradient(top,  #44c5ec 0%,#259bdb 100%);
	background: -ms-linear-gradient(top,  #44c5ec 0%,#259bdb 100%);
	background: linear-gradient(to bottom,  #44c5ec 0%,#259bdb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44c5ec', endColorstr='#259bdb',GradientType=0 );
    /*border-bottom-color: #2d9fce;
    border-top-color: #6AD2EF;
	border-left-color:#2d9fce;
	border-right-color:#2d9fce;*/
	-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08);
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08);
}

.lt-ie9 .search input {
	line-height: 26px;
}
.inputOptions {
	font-size: 14px;
	border-left: 1px solid #DEDEDE;
	color: #555860;
	cursor: pointer;
	display: inline-block;
	line-height: 24px;
	height: 22px;
	margin-left: -77px;
	opacity: 0.7;
	padding-left: 0px;
	width: 72px;
	background: #f0f0f0;
}
.inputOptions i {float:right;line-height:25px;}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
#divWithShowOnlineOnlyAndSelectAll {
	display:none;
	background-color: #FFFFFF;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3);
    padding: 10px;
    position: absolute;
    width: 210px;
    z-index: 1;
}
#divWithShowOnlineOnlyAndSelectAll label + span {
	text-align:right;
}
#spanHandle {
	position: absolute;
	left: 260px;
	top:6px;
	cursor: pointer;
	/*width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 6px 0 6px;
	border-color: #007bff transparent transparent transparent;*/
	z-index: 1;
}
.icon-ellipsis-vert-options:before { content: '\e8f4';font-size:20px;color:var(--main-color);; width: 0.1em; } /* '' */