.user-management .form-control{border-color: #d0d4d8; padding: 8px 12px; height: 40px}
.user-management .form-control .has-error{border:1px solid #e0002b !important}

.alert{padding: 10px; border-radius: 2px}
.alert-dismissable .close, .alert-dismissible .close{right: 0; top: -1px}

.page-title-bar h2{margin-top: 28px}
.page-title-bar > h2{margin:28px 20px}

/*modal*/
.user-management .modal{top: 50px;}
.user-management .modal-body{padding: 30px 50px;overflow-y: auto; height: 580px; }
.user-management .modal-content{border-radius: 0; box-shadow: 0 0 15px rgba(0,0,0,0.2)}
.user-management .modal-footer{border: 0; padding: 0 25px 25px}
.user-management .modal-footer .btn{padding-left: 20px; padding-right: 20px; min-width: 100px}
.user-management .modal-header .close {margin-top: -30px;  margin-right: -25px; font-size: 40px; font-weight: normal;}
.user-management .modal-header {padding: 45px 45px 0 45px;  border-bottom: 0;}
.user-management .modal-title {font-size: 24px;}

#create_new_team .modal-footer{padding:0;}

/*System Admin*/
.system-admin-list{list-style:none; margin:0; padding:0; background:#fff;}
.system-admin-list .user-icon{background-color: #eee; width: 40px; height: 40px; border-radius: 20px; text-align: center; line-height: 37px; font-size: 18px; color: #777;   position: absolute;  top: 4px;  left: 0px;}
.system-admin-list li{display:table; width:100%; padding:10px 20px; border-bottom:1px solid #f0f0f0}
.system-admin-list li:first-child{border-width:2px}
.system-admin-list-header {border-bottom:solid 2px #ddd}
.system-admin-list-header h5{font-size:11px; text-transform:uppercase; font-weight:bold; color:#777; margin: 7px 0;}
.system-admin-list li div{display:inline-block; width:16%; position:relative; vertical-align:top }
.system-admin-list li div:first-child{width:18%}
.system-admin-list li div.region, .system-admin-list li div.login-id{width:8%}
.system-admin-list li div.region h5{margin-left:-15px}
.system-admin-list li div.role{width:12%}
.system-admin-list .role h3{text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100px;}
.system-admin-list li div.language{width:11%}
.system-admin-list li div:last-child, .system-admin-list li div:nth-last-child(2){width:5%; text-align:right}
.system-admin-list h3{font-size:14px; color:#000; margin:0;position:relative; display:inline-block}
.system-admin-list .user-email{font-size:12px; color:#999; display:block}
.system-admin-list h3 .status{padding:1px 3px 1px 3px; margin-left:15px; font-size:10px; background:#007fa9; text-transform:uppercase;color:#fff; opacity:.8; font-weight:bold; position:relative; top:-2px}
.system-admin-list h3 .status.retired{background:#838383;}
.refex-country-list h3, .refex-country-list a{display:inline-block;}
.refex-country-list{position:relative}
.refex-country-list .tooltip .tooltip-inner{width:auto}
.refex-country-list .tooltip {width: auto; position: absolute;}
.refex-country-list .tooltip .tooltip-arrow {bottom: -23px}
.country-count:before{content:'...'; font-size:12px; margin-right:4px; color:#000}
.more-countries{position:absolute; top:35px; right:-4px; background:#000; padding:5px; margin:0; border-radius:3px; z-index:1; display:none}
.more-countries:after, .more-countries:before {bottom: 100%;left: 50%;border: solid transparent;content: " "; height: 0; width: 0;position: absolute;pointer-events: none;}
.more-countries:after {border-color: rgba(0, 0, 0, 0);border-bottom-color: #000000;border-width: 5px;margin-left: -5px;}
.more-countries:before {border-color: rgba(0, 0, 0, 0);border-bottom-color: #000000;	border-width: 6px;margin-left: -6px;}
.more-countries li{color:#fff; padding:0 0; margin:0; border:0; font-size:12px;}


.system-admin-list .refex-toggle-btn{height:26px; border-radius:14px; width:42px; top: 0; background:#f3f3f3; border:1px solid #e8e8e8; display:inline-block; position:relative}
.system-admin-list .refex-toggle-btn.active{background:#007fa9}
.system-admin-list .refex-toggle-btn.active span{left:17px}
.system-admin-list .refex-toggle-btn span{top: 1px; left: 1px; width: 22px; height: 22px; border-radius: 22px; box-shadow: 0 0px 4px rgba(0,0,0,0.15); position: absolute;  background: #FFF;}
.system-admin-list .edit-btn:before{font-size:18px;}
.system-admin-list .glyphicon-globe{font-size:15px; color:#818181}
.system-admin-list .glyphicon-globe:before {
	position: absolute;
	top: -14px;
	left: -18px;
	height: 22px;
	width: 22px;
	margin-right: 3px;
}
/*.system-admin-list .login-id h3{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 80%;}*/
.system-admin-list .login-id h3{
	word-break: break-all;
	width: 80%;}
#create_new_user .modal-footer{padding:0}

.search-container{margin-top:13px; width:420px; display:inline-block; position:relative; }
.user-management .search-container input{padding:8px 30px 8px 8px }
.search-container span {
	position: absolute;
	background: none;
	border: 0;
	top: 7px;  right: 10px;
}
.a-right{text-align:right}
.action-container{display:inline-block; margin-left:10px; }
.input-group-addon {
	background: 0;
	border-radius: 0;
	top: 5px;
	right:15px;
	position: absolute;
	z-index: 10;
	border: 0;
}

/*custom dropdown*/
.user-management .form-group{position:relative;}
.user-management .form-group .custom-dropdown{border: 1px solid #d0d4d8; margin-top: 0px; position: absolute; width: 100%; padding: 0px; height: 90px; overflow: auto; z-index: 9999; background-color: #fff; box-shadow: 0 9px 16px rgba(0,0,0,.20); border-top:0;}
.user-management .custom-dropdown ul{list-style:none; margin:0; padding:0;}
.user-management .custom-dropdown li{list-style:none; padding:10px 15px; display:block; border-bottom:1px solid #d0d4d8}
.user-management .custom-dropdown li:last-child{border-bottom:0}
.user-management .custom-dropdown li.active:after{content:"\e013"; font-family: 'Glyphicons Halflings'; position: absolute; right: 10px; color: #009fda;}
.user-management .selected-item{display:inline}
.user-management .selected-item a{ color: #56595e; font-size: 12px; background: #e2e0e1; padding:3px 30px 1px 5px;  margin:5px 2px 5px 0; display: inline-block; text-decoration: none; position: relative; }
.user-management .selected-item .item-name span{position: absolute; right: 0; top: 0; background: #ed5ca2; height: 23px; width: 20px;  color:#fff; font-size:18px; text-align: center; line-height:24px;}
.user-management .selected-item a.number{ background: #363f76; color: #fff; padding: 3px 5px 3px 4px; display: inline-block}
.user-management #create_new_team .modal-body{height: 250px;overflow:hidden; }

/*User management pagination css*/
.ui-grid{  height: 40px !important; border: 0; padding: 0; margin-top:10px; width: 1140px; position: relative; margin:10px auto 0 auto}
.ui-grid-pager-control{margin-left:0;}

.ui-grid-contents-wrapper{height: auto; width: auto;}

.grid1511507736340 .ui-grid-render-container-body .ui-grid-viewport{  width: auto; height: auto;}
.ui-grid-pager-count-container .ui-grid-pager-count{margin-right:0}

.ui-grid-header{border:0}


.ui-grid-pager-control button{height: 40px; min-width: 40px;  background-color: #fff;}


.ui-grid-pager-control input{height: 40px;  width: 55px; padding: 10px 10px 10px 15px;}

.ui-grid-pager-row-count-picker select{height:40px; width:70px;}

.ui-grid-pager-control .ui-grid-pager-max-pages-number{width: 55px; display: inline-block; height: 40px; padding: 10px 5px 5px 5px; text-align: center;}

.ui-grid-pager-control .last-triangle{margin-left:2px}
abbr[title], abbr[data-original-title] {border: 0 !important; text-decoration: none !important; }
.ui-grid-pager-count-container{margin-top:10px}


@media screen and (min-width: 768px)and (max-width: 1024px){.search-container {width: 199px;}
	.action-container{display:inline-block}
	.system-admin-list li div:last-child{right:0;}
	.ui-grid {width:100%; margin-top:35px;}
	.ui-grid-pager-count-container{  position: absolute;right: 8px;  top: 4px;}
}

@media screen and (min-width: 768px)and (max-width: 1024px) and (orientation:landscape){
	.referee-details .list-equal-block li{width:29%}
	.referee-details .list-equal-block li:nth-child(3){width:40%}
	.nav-tabs>li.tab-type-create a:before{left: 24px;}

}



@media screen and (max-width: 1023px){


	/*System Admin*/

	.system-admin-list h3 .status{position: absolute;top: 0;left: 0; margin-left: 0; padding:1px 3px 1px 3px}
	.system-admin-list li div{padding-right:20px; display: inline-block; width:17%}
	.system-admin-list .user-email {text-overflow: ellipsis; width: 140px; overflow:hidden;}



	/*System Admin*/
	.system-admin-list li div:first-child, .system-admin-list li div.role, .system-admin-list li div.region, .system-admin-list li div.login-id,.system-admin-list li div.language{width:100%;}
	.system-admin-list li:first-child{display:none;}
	.system-admin-list .user-email{width:100%}
	.system-admin-list{background:none;}
	.system-admin-list li{margin-bottom:15px; background:#fff; padding:20px; position:relative; box-shadow:0 1px 2px rgba(0,0,0,.20)}
	.system-admin-list li div:nth-child(2){position:relative;padding-bottom:10px; margin-bottom:10px; width:100%; border-bottom:1px solid #eee;}
	.system-admin-list li div{display:block; width:100%;  padding-bottom: 10px }


	/*#create_new_user .modal-body { padding: 30px 20px;}*/

	.modal-open .modal{  height: 97%;  top: 0; right:0px}
	.system-admin-list li div:last-child{  position: absolute; top:15px;}

	.system-admin-list li div:first-child h3{margin-top:20px}
	.system-admin-list li div:first-child h3 .status{top:-20px}
	.system-admin-list li div:nth-last-child(2){text-align:left; padding-bottom:0}
	.system-admin-list li div.region h3{margin-left:20px}
	.ui-grid-pager-count-container{top: 4px;}


}
@media only screen and (max-width: 767px){
	.search-container{width:100%;margin-bottom: 7px;}
	.action-container { display: block;  margin-bottom: 15px;}
	.action-container a{display:block; margin-bottom:5px;}
	.system-admin-list li div:last-child{ right:15px; }
	.ui-grid {width:100%; margin-top:35px;}

	.ui-grid-pager-count-container{  position: absolute;right: 8px;  top: 44px;}


}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px)
and (orientation:landscape) {
	.user-management .modal-body{height: 260px;}
	.system-admin-list li div:last-child {right:0}
	.ui-grid-pager-count-container{top: 4px;}

}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;

}